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

package/lib/lib/utils/translate.js

@@ -15,7 +15,7 @@ var translate = function translate(_ref, intl) {
       values = _ref.values,
       rest = _objectWithoutProperties(_ref, ['id', 'values']);
 
-  var cacheId = id + (JSON.stringify(values) || '');
+  var cacheId = id + (typeof intl !== 'undefined' ? intl.locale : '') + (JSON.stringify(values) || '');
   if (cache[cacheId]) return cache[cacheId];
 
   var g = typeof window !== 'undefined' && window || typeof global !== 'undefined' && global || {};

package/lib/misc/countryEmojiFlags.js

@@ -14,6 +14,7 @@ exports.default = {
   AG: '🇦🇬',
   AU: '🇦🇺',
   AT: '🇦🇹',
+  AW: '🇦🇼',
   AZ: '🇦🇿',
   BI: '🇧🇮',
   BE: '🇧🇪',
@@ -29,6 +30,7 @@ exports.default = {
   BO: '🇧🇴',
   BR: '🇧🇷',
   BB: '🇧🇧',
+  BM: '🇧🇲',
   BN: '🇧🇳',
   BT: '🇧🇹',
   BW: '🇧🇼',
@@ -38,6 +40,7 @@ exports.default = {
   CL: '🇨🇱',
   CN: '🇨🇳',
   CI: '🇨🇮',
+  CK: '🇨🇰',
   CM: '🇨🇲',
   CD: '🇨🇩',
   CG: '🇨🇬',
@@ -172,6 +175,7 @@ exports.default = {
   SZ: '🇸🇿',
   SC: '🇸🇨',
   SY: '🇸🇾',
+  TC: '🇹🇨',
   TD: '🇹🇩',
   TG: '🇹🇬',
   TH: '🇹🇭',
@@ -183,6 +187,7 @@ exports.default = {
   TN: '🇹🇳',
   TR: '🇹🇷',
   TV: '🇹🇻',
+  TW: '🇹🇼',
   TZ: '🇹🇿',
   UG: '🇺🇬',
   UA: '🇺🇦',

package/lib/widgets/AccordionWidget/index.js

@@ -28,10 +28,6 @@ var _Icon = require('../../components/Icon');
 
 var _Icon2 = _interopRequireDefault(_Icon);
 
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
 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"); } }
@@ -40,8 +36,6 @@ 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; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 var AccordionHeader = function AccordionHeader(_ref) {
   var expanded = _ref.expanded,
       header = _ref.header,
@@ -108,14 +102,10 @@ var AccordionContent = function AccordionContent(_ref2) {
 var AccordionItem = function AccordionItem(_ref3) {
   var header = _ref3.header,
       content = _ref3.content,
-      expanded = _ref3.expanded,
-      customClass = _ref3.customClass;
+      expanded = _ref3.expanded;
   return _react2.default.createElement(
     'div',
-    {
-      className: (0, _classnames2.default)('AccordionItem', _defineProperty({
-        'AccordionItem--expanded': expanded
-      }, 'AccordionItem--' + customClass, customClass)) },
+    { className: 'AccordionItem' + (expanded ? ' AccordionItem--expanded' : '') },
     header,
     content
   );
@@ -204,8 +194,7 @@ var Accordion = function (_Component) {
             animationDuration: animationDuration,
             contentCollapsedHeight: contentCollapsedHeight
           }),
-          key: index,
-          customClass: item.customClass
+          key: index
         };
       });
 

package/lib/widgets/AccountDetail/index.js

@@ -189,14 +189,6 @@ var AccountDetail = function AccountDetail(_ref) {
         id: 'title.mobile_number',
         defaultMessage: 'Mobile number'
       }, intl),
-      callingCodes: countries ? countries.value.sort(function (a, b) {
-        return Number(a.callingCode) - Number(b.callingCode);
-      }).map(function (i) {
-        return {
-          value: '00' + i.callingCode,
-          label: '+' + i.callingCode + ' ' + (_countryEmojiFlags2.default[i.value] || '')
-        };
-      }) : [],
       name: 'MobilePhoneNumber',
       autoComplete: 'off',
       status: errors.MobilePhoneNumber && 'failure' || 'idle',

package/lib/widgets/ActivateWidget/index.js

@@ -93,7 +93,7 @@ var ActivationCode = function ActivationCode(_ref) {
   }, [autoFocus, code]);
 
   (0, _react.useEffect)(function () {
-    return inputRef.current.value = code;
+    inputRef.current.value = code;
   }, [code]);
 
   var setCaretPosition = function setCaretPosition(from, to) {

package/lib/widgets/BonusWidget/index.js

@@ -30,16 +30,20 @@ var _Translate = require('../../components/Translate');
 
 var _Translate2 = _interopRequireDefault(_Translate);
 
+var _Money = require('../../components/Money');
+
+var _Money2 = _interopRequireDefault(_Money);
+
 var _states = require('./states');
 
+var _types = require('./types');
+
 var _marked = require('marked');
 
 var _marked2 = _interopRequireDefault(_marked);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
 var ALEACC_BONUS_CLAIM_STATE = ['Initiated', 'PreClaimed'];
 var ALEACC_BONUS_REJECT_STATE = ['Initiated', 'PreClaimed', 'Pending', 'PreWager'];
 var ALEACC_BONUS_ACTION_STATE = [].concat(ALEACC_BONUS_CLAIM_STATE, ALEACC_BONUS_REJECT_STATE);
@@ -157,10 +161,7 @@ var BonusWidget = function BonusWidget(_ref3) {
   var bonuses = _ref3.bonuses,
       handleBonusCodeSubmit = _ref3.handleBonusCodeSubmit,
       onClaimBonus = _ref3.onClaimBonus,
-      onRejectBonus = _ref3.onRejectBonus,
-      _ref3$exclude = _ref3.exclude,
-      exclude = _ref3$exclude === undefined ? [] : _ref3$exclude,
-      disableBonusCodeForm = _ref3.disableBonusCodeForm;
+      onRejectBonus = _ref3.onRejectBonus;
 
   var bonusList = { active: null, available: null, finished: null };
 
@@ -190,10 +191,11 @@ var BonusWidget = function BonusWidget(_ref3) {
       var info = [[_react2.default.createElement(
         'div',
         null,
-        _react2.default.createElement(_Translate2.default, {
-          id: 'label.description.bonus.' + item.Identifier.toLowerCase(),
-          defaultMessage: item.Name || item.Description
-        })
+        _react2.default.createElement(
+          'span',
+          null,
+          item.Name || item.Description
+        )
       ), _react2.default.createElement(
         'div',
         null,
@@ -201,15 +203,8 @@ var BonusWidget = function BonusWidget(_ref3) {
       )], [_react2.default.createElement(
         'div',
         { className: 'amount' },
-        _react2.default.createElement(_reactIntl.FormattedNumber, {
-          value: item.Amount,
-          style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
-          currency: item.Currency
-        })
-      ), _react2.default.createElement(_Translate2.default, {
-        id: 'label.type.bonus.' + item.Type.toLowerCase(),
-        defaultMessage: item.Type.toLowerCase()
-      })]];
+        item.Type.toLowerCase() == 'freespins' ? _react2.default.createElement(_reactIntl.FormattedNumber, { value: item.Amount, style: 'decimal' }) : _react2.default.createElement(_Money2.default, { value: item.Amount, currency: item.Currency })
+      ), (0, _types.getBonusType)(item.Type)]];
 
       // Add bonus actions to not expired Fasttrack bonuses
       if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(_react2.default.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
@@ -295,25 +290,19 @@ var BonusWidget = function BonusWidget(_ref3) {
 
   var menu = {
     identifier: 'account-history',
-    items: [].concat(_toConsumableArray(!exclude.includes('active') ? [{
+    items: [{
       name: _react2.default.createElement(_Translate2.default, { id: 'label.active', defaultMessage: 'Activate' }),
       content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['active'], noData: 'list.no_data.active' })
-    }] : []), _toConsumableArray(!exclude.includes('available') ? [{
+    }, {
       name: _react2.default.createElement(_Translate2.default, { id: 'label.available', defaultMessage: 'Available' }),
-      content: _react2.default.createElement(_tgCoreComponents.List, {
-        data: bonusList['available'],
-        noData: 'list.no_data.available'
-      })
-    }] : []), _toConsumableArray(!exclude.includes('finished') ? [{
+      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['available'], noData: 'list.no_data.available' })
+    }, {
       name: _react2.default.createElement(_Translate2.default, { id: 'label.finished', defaultMessage: 'Finished' }),
-      content: _react2.default.createElement(_tgCoreComponents.List, {
-        data: bonusList['finished'],
-        noData: 'list.no_data.finished'
-      })
-    }] : []), _toConsumableArray(disableBonusCodeForm && {
+      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['finished'], noData: 'list.no_data.finished' })
+    }, {
       name: _react2.default.createElement(_Translate2.default, { id: 'label.bonus_code', defaultMessage: 'Bonus code' }),
       content: _react2.default.createElement(_BonusCode2.default, { handleSubmit: handleBonusCodeSubmit })
-    }))
+    }]
   };
 
   var items = menu.items.map(function (item, i) {

package/lib/widgets/BonusWidget/types.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBonusType = undefined;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Translate = require('../../components/Translate');
+
+var _Translate2 = _interopRequireDefault(_Translate);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getBonusType = exports.getBonusType = function getBonusType(type) {
+  var translations = {
+    Monetary: _react2.default.createElement(_Translate2.default, { id: 'label.type.bonus.monetary', defaultMessage: 'Monetary' }),
+    Freespins: _react2.default.createElement(_Translate2.default, { id: 'label.type.bonus.freespins', defaultMessage: 'Freespins' }),
+    FreespinsMonetary: _react2.default.createElement(_Translate2.default, {
+      id: 'label.type.bonus.freespinsMonetary',
+      defaultMessage: 'Freespins Monetary'
+    }),
+    FreeBetsMonetary: _react2.default.createElement(_Translate2.default, {
+      id: 'label.type.bonus.freeBetsMonetary',
+      defaultMessage: 'Free Bets Monetary'
+    })
+  };
+
+  return translations[type] || _react2.default.createElement(
+    'span',
+    null,
+    type
+  );
+};

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

@@ -4,6 +4,8 @@ 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 _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 var _react = require('react');
@@ -50,9 +52,11 @@ var InjectedIframeHTML = function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var data = this.props.data;
+      var _props = this.props,
+          data = _props.data,
+          iframeProps = _props.iframeProps;
 
-      return _react2.default.createElement('iframe', {
+      return _react2.default.createElement('iframe', _extends({
         ref: function ref(node) {
           return _this2._iframe = node;
         },
@@ -60,7 +64,7 @@ var InjectedIframeHTML = function (_Component) {
         width: '100%',
         height: data.redirectOutput.height,
         onLoad: this.handleLoad
-      });
+      }, iframeProps));
     }
   }]);
 

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

@@ -126,6 +126,7 @@ var PaymentForm = function (_Component) {
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = PaymentForm.__proto__ || Object.getPrototypeOf(PaymentForm)).call.apply(_ref3, [this].concat(args))), _this), _this.onMessage = function (message) {
       var operatingSystem = _this.props.operatingSystem;
 
+      console.log({ message: message });
       var data = JSON.parse(message.data);
 
       if (data.method === 'OPEN_APP') {
@@ -156,7 +157,8 @@ var PaymentForm = function (_Component) {
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
           redirect = _props.redirect,
-          details = _props.details;
+          details = _props.details,
+          iframeProps = _props.iframeProps;
 
 
       if (!data.success) {
@@ -193,19 +195,19 @@ var PaymentForm = function (_Component) {
           target: redirect ? '_top' : frameId
         }, data.redirectOutput));
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html != null) {
-        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
-        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && redirect) {
         window.location.href = data.redirectOutput.url;
         return null;
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET') {
-        return _react2.default.createElement('iframe', {
+        return _react2.default.createElement('iframe', _extends({
           src: data.redirectOutput.url,
           width: data.redirectOutput.width,
           height: data.redirectOutput.height,
           frameBorder: '0'
-        });
+        }, iframeProps));
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'POST') {
         return _react2.default.createElement(_DynamicForm2.default, data.redirectOutput);
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {

package/lib/widgets/Cashier/Payment/PaymentAccountForms/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.InteracWithdrawal = exports.PaysafecardWithdrawal = exports.InstadebitWithdrawal = exports.IDebitWithdrawal = exports.IdealWithdrawal = exports.EProPaymentWallWithdrawal = exports.EcoPayzWithdrawal = exports.TrustlyWithdrawal = exports.BankWithdrawal = exports.ZimplerWithdrawal = exports.MuchBetterWithdrawal = exports.NetellerWithdrawal = exports.VenusPointWithdrawal = exports.CreditcardWithdrawal = exports.SkrillWithdrawal = exports.BankLocalWithdrawal = exports.PaysafecardDeposit = exports.InstadebitDeposit = exports.IDebitDeposit = exports.IdealDeposit = exports.EProPaymentWallDeposit = exports.EcoPayzDeposit = exports.TrustlyDeposit = exports.BankDeposit = exports.ZimplerDeposit = exports.SwishDeposit = exports.MobilePayDeposit = exports.PProDeposit = exports.MuchBetterDeposit = exports.SiruDeposit = exports.VenusPointDeposit = exports.NetellerDeposit = exports.CreditcardDeposit = exports.SkrillDeposit = undefined;
+exports.InteracWithdrawal = exports.PaysafecardWithdrawal = exports.InstadebitWithdrawal = exports.IDebitWithdrawal = exports.IdealWithdrawal = exports.EProPaymentWallWithdrawal = exports.EcoPayzWithdrawal = exports.TrustlyWithdrawal = exports.BankWithdrawal = exports.ZimplerWithdrawal = exports.MuchBetterWithdrawal = exports.NetellerWithdrawal = exports.VegaWithdrawal = exports.VenusPointWithdrawal = exports.CreditcardWithdrawal = exports.SkrillWithdrawal = exports.BankLocalWithdrawal = exports.PaysafecardDeposit = exports.InstadebitDeposit = exports.IDebitDeposit = exports.IdealDeposit = exports.EProPaymentWallDeposit = exports.EcoPayzDeposit = exports.TrustlyDeposit = exports.BankDeposit = exports.ZimplerDeposit = exports.SwishDeposit = exports.MobilePayDeposit = exports.PProDeposit = exports.MuchBetterDeposit = exports.SiruDeposit = exports.VegaDeposit = exports.VenusPointDeposit = exports.NetellerDeposit = exports.CreditcardDeposit = exports.SkrillDeposit = 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; };
 
@@ -165,6 +165,27 @@ var VenusPoint = function VenusPoint(_ref3) {
   );
 };
 
+var Vega = function Vega(_ref4) {
+  var account = _ref4.account,
+      intl = _ref4.intl;
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'payment-account-info' },
+    _react2.default.createElement(_TextInput2.default, {
+      disabled: account.accountId,
+      name: 'username',
+      value: account.maskedAccount,
+      label: (0, _translate2.default)({ id: 'cashier.details.username' }, intl)
+    }),
+    _react2.default.createElement(_TextInput2.default, {
+      type: 'password',
+      name: 'password',
+      label: (0, _translate2.default)({ id: 'cashier.details.password' }, intl)
+    })
+  );
+};
+
 var PPro = function PPro() {
   return _react2.default.createElement(
     'div',
@@ -173,9 +194,9 @@ var PPro = function PPro() {
   );
 };
 
-var PhoneNumber = function PhoneNumber(_ref4) {
-  var account = _ref4.account,
-      intl = _ref4.intl;
+var PhoneNumber = function PhoneNumber(_ref5) {
+  var account = _ref5.account,
+      intl = _ref5.intl;
 
   return _react2.default.createElement(
     'div',
@@ -188,9 +209,9 @@ var PhoneNumber = function PhoneNumber(_ref4) {
   );
 };
 
-var Email = function Email(_ref5) {
-  var account = _ref5.account,
-      intl = _ref5.intl;
+var Email = function Email(_ref6) {
+  var account = _ref6.account,
+      intl = _ref6.intl;
 
   return _react2.default.createElement(
     'div',
@@ -204,9 +225,9 @@ var Email = function Email(_ref5) {
   );
 };
 
-var Banklocal = function Banklocal(_ref6) {
-  var account = _ref6.account,
-      intl = _ref6.intl;
+var Banklocal = function Banklocal(_ref7) {
+  var account = _ref7.account,
+      intl = _ref7.intl;
 
   return _react2.default.createElement(
     'div',
@@ -220,7 +241,7 @@ var Banklocal = function Banklocal(_ref6) {
     _react2.default.createElement(_TextInput2.default, {
       value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
       name: 'accountNumber',
-      title: (0, _translate2.default)({ id: 'cashier.details.accountNumber' }, intl),
+      title: (0, _translate2.default)({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
     })
   );
@@ -246,6 +267,11 @@ var VenusPointDeposit = exports.VenusPointDeposit = {
   parser: Parser.parseVenusPoint
 };
 
+var VegaDeposit = exports.VegaDeposit = {
+  component: injectMethod('deposit', (0, _reactIntl.injectIntl)(Vega)),
+  parser: Parser.parseVega
+};
+
 var SiruDeposit = exports.SiruDeposit = {
   component: (0, _reactIntl.injectIntl)(PhoneNumber),
   parser: Parser.parsePhoneNumber
@@ -297,6 +323,11 @@ var VenusPointWithdrawal = exports.VenusPointWithdrawal = {
   parser: Parser.parseVenusPoint
 };
 
+var VegaWithdrawal = exports.VegaWithdrawal = {
+  component: injectMethod('withdraw', (0, _reactIntl.injectIntl)(Vega)),
+  parser: Parser.parseVega
+};
+
 var NetellerWithdrawal = exports.NetellerWithdrawal = {
   component: injectMethod('withdraw', (0, _reactIntl.injectIntl)(Neteller)),
   parser: Parser.parseNeteller

package/lib/widgets/Cashier/Payment/PaymentAccountParser.js

@@ -42,6 +42,12 @@ var parseVenusPoint = exports.parseVenusPoint = function parseVenusPoint(account
   };
 };
 
+var parseVega = exports.parseVega = function parseVega(account) {
+  return {
+    account: account.maskedAccount || account.account
+  };
+};
+
 var parsePhoneNumber = exports.parsePhoneNumber = function parsePhoneNumber(account) {
   return {
     phoneNumber: account.phoneNumber || account.maskedAccount

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

@@ -330,7 +330,10 @@ var DepositWidget = function (_Component) {
               if (amount < parseFloat(selectedMethod.limit.min) || amount < parseFloat(_this2.getMinDepositBonusAmount())) {
                 errors.amount.push(_react2.default.createElement(_Translate2.default, {
                   id: 'error.cashier.amount-below-method-limit',
-                  defaultMessage: 'Amount is too low.'
+                  defaultMessage: 'Amount is too low. Min amount: {min}',
+                  values: {
+                    min: Math.min(parseFloat(selectedMethod.limit.min), parseFloat(_this2.getMinDepositBonusAmount()))
+                  }
                 }));
                 return errors;
               }