tg-core-components 6.0.5 → 6.1.1

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

@@ -171,7 +171,8 @@ var DepositWidget = function (_Component) {
           paymentStats = _props.paymentStats,
           _props$shouldAutoFocu = _props.shouldAutoFocus,
           shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu,
-          hideSelectedBonus = _props.hideSelectedBonus;
+          hideSelectedBonus = _props.hideSelectedBonus,
+          config = _props.config;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -426,7 +427,8 @@ var DepositWidget = function (_Component) {
           account: selectedAccount,
           method: selectedMethod,
           detail: selectedMethodDetail,
-          country: country
+          country: country,
+          config: config
         };
         var PaymentAccountForm = paymentDetail ? paymentDetail.component : null;
 

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

@@ -1,13 +1,15 @@
 import React, { Fragment } from 'react';
-import { FormattedNumber } from 'react-intl';
+import { FormattedNumber, useIntl } from 'react-intl';
 import Icon from '../../../../components/Icon';
 import Notice from '../Notice';
 import marked from 'marked';
 import Translate from '../../../../components/Translate';
+import { getKey } from '../../../../components/Alert';
 
 var CashierResult = function CashierResult(_ref) {
   var status = _ref.status,
       generalError = _ref.generalError,
+      providerType = _ref.providerType,
       cashierType = _ref.cashierType,
       currency = _ref.currency,
       wallet = _ref.wallet,
@@ -18,6 +20,14 @@ var CashierResult = function CashierResult(_ref) {
   if (wallet && wallet.isLoading) return null;
 
   if (status === 'success' || status === 'pending') {
+    var intl = useIntl();
+
+    var messageKey = 'message.' + (cashierType ? 'deposit' : 'withdrawal') + '.' + status;
+
+    if (providerType && intl.messages[messageKey + '.' + providerType]) {
+      messageKey = messageKey + '.' + providerType;
+    }
+
     return React.createElement(
       'div',
       { className: 'cashier-accordion' },
@@ -27,9 +37,7 @@ var CashierResult = function CashierResult(_ref) {
         React.createElement(Notice, {
           level: 'success',
           icon: React.createElement(Icon, { icon: 'check' }),
-          header: React.createElement(Translate, {
-            id: 'message.' + (cashierType ? 'deposit' : 'withdrawal') + '.' + status
-          })
+          header: React.createElement(Translate, { id: messageKey })
         }),
         successMessage && React.createElement(
           'div',

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

@@ -1,16 +1,20 @@
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
 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 _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; }
 
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { injectIntl } from 'react-intl';
 import identity from 'lodash/identity';
 import * as Parser from '../../Payment/PaymentAccountParser';
 import astroPayBankTransaltions from './astroPayBankTransaltions';
 import getByPath from 'lodash/get';
+import axios from 'axios';
 import translate from '../../../../lib/utils/translate';
 import Input from '../../../../components/Input';
 import Select from '../../../../components/Select';
+import Loader from '../../../../components/Loader';
 
 import Payment from 'payment';
 
@@ -320,7 +324,34 @@ var AstroPayBank = function AstroPayBank(_ref8) {
       method = _ref8.method,
       detail = _ref8.detail,
       change = _ref8.change,
-      values = _ref8.values;
+      values = _ref8.values,
+      config = _ref8.config;
+
+  var _useState = useState([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      banks = _useState2[0],
+      setBanks = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isLoading = _useState4[0],
+      setIsLoading = _useState4[1];
+
+  useEffect(function () {
+    setIsLoading(true);
+
+    axios.post(config.devcode.host + '/directa24/getBanksByCountry', {
+      merchantId: config.MERCHANT_ID,
+      countryCode: country
+    }).then(function (res) {
+      var banks = res.data.map(function (bank) {
+        return bank.code;
+      });
+      setBanks(banks);
+    }).finally(function () {
+      return setIsLoading(false);
+    });
+  }, []);
 
   var translateMap = function translateMap(category) {
     return function (value) {
@@ -333,12 +364,14 @@ var AstroPayBank = function AstroPayBank(_ref8) {
 
   var countryKey = country.toUpperCase();
   var methodDetails = {
-    banks: getByPath(detail, 'config[' + countryKey + '].banks'),
+    banks: banks.length > 0 ? banks : getByPath(detail, 'config[' + countryKey + '].banks'),
     idTypes: getByPath(detail, 'config[' + countryKey + '].idTypes'),
     accountTypes: getByPath(detail, 'config[' + countryKey + '].accountTypes'),
     services: getByPath(detail, 'config[' + countryKey + '].services')
   };
 
+  if (isLoading) return React.createElement(Loader, { inline: true });
+
   return React.createElement(
     'div',
     null,

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

@@ -93,7 +93,8 @@ var WithdrawWidget = function (_PureComponent) {
           initialState = _props.initialState,
           headers = _props.headers,
           wallet = _props.wallet,
-          renderCanceledNotice = _props.renderCanceledNotice;
+          renderCanceledNotice = _props.renderCanceledNotice,
+          config = _props.config;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -263,7 +264,8 @@ var WithdrawWidget = function (_PureComponent) {
           account: selectedAccount,
           method: selectedMethod,
           detail: selectedMethodDetail,
-          country: country
+          country: country,
+          config: config
         };
         var PaymentAccountForm = paymentDetail ? paymentDetail.component : null;
 

package/es/widgets/ResponsibleGamingWidget/index.js

@@ -26,8 +26,10 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
       limitIncreaseInfo = _ref.limitIncreaseInfo,
       jurisdiction = _ref.jurisdiction,
       currency = _ref.currency,
+      onChangeLimits = _ref.onChangeLimits,
       isLoading = _ref.isLoading,
-      className = _ref.className;
+      className = _ref.className,
+      hideSubmit = _ref.hideSubmit;
 
   var _useState = useState(limits || []),
       _useState2 = _slicedToArray(_useState, 2),
@@ -40,6 +42,10 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
 
   var normalizedLimits = normalize(localLimits, content);
 
+  useEffect(function () {
+    onChangeLimits && onChangeLimits(localLimits);
+  }, [localLimits]);
+
   /**
    * Validate the normalized limits
    */
@@ -135,6 +141,7 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
           React.createElement(LimitContent, _extends({
             onSubmitLimits: onSubmitLimits(normalizedLimits.type, normalizedLimits.product),
             onChangeLimit: onChangeLimit(normalizedLimits.type, normalizedLimits.product),
+            hideSubmit: hideSubmit,
             onConfirmLimit: onConfirmLimit,
             onDeclineLimit: onDeclineLimit,
             getValidationState: getValidationState(normalizedLimits.type),
@@ -175,7 +182,8 @@ var LimitContent = function LimitContent(_ref3) {
       valueType = _ref3.valueType,
       hideRemainingLimit = _ref3.hideRemainingLimit,
       showCurrentValue = _ref3.showCurrentValue,
-      hideOther = _ref3.hideOther;
+      hideOther = _ref3.hideOther,
+      hideSubmit = _ref3.hideSubmit;
 
   var formIsValid = Object.keys(timespans).every(function (t) {
     return getValidationState(t).isValid();
@@ -240,7 +248,7 @@ var LimitContent = function LimitContent(_ref3) {
         hideOther: hideOther
       }, t));
     }),
-    React.createElement(
+    !hideSubmit && React.createElement(
       Button,
       {
         type: 'submit',

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

@@ -236,7 +236,8 @@ var DepositWidget = function (_Component) {
           paymentStats = _props.paymentStats,
           _props$shouldAutoFocu = _props.shouldAutoFocus,
           shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu,
-          hideSelectedBonus = _props.hideSelectedBonus;
+          hideSelectedBonus = _props.hideSelectedBonus,
+          config = _props.config;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -491,7 +492,8 @@ var DepositWidget = function (_Component) {
           account: selectedAccount,
           method: selectedMethod,
           detail: selectedMethodDetail,
-          country: country
+          country: country,
+          config: config
         };
         var PaymentAccountForm = paymentDetail ? paymentDetail.component : null;
 

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

@@ -26,11 +26,14 @@ var _Translate = require('../../../../components/Translate');
 
 var _Translate2 = _interopRequireDefault(_Translate);
 
+var _Alert = require('../../../../components/Alert');
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var CashierResult = function CashierResult(_ref) {
   var status = _ref.status,
       generalError = _ref.generalError,
+      providerType = _ref.providerType,
       cashierType = _ref.cashierType,
       currency = _ref.currency,
       wallet = _ref.wallet,
@@ -41,6 +44,14 @@ var CashierResult = function CashierResult(_ref) {
   if (wallet && wallet.isLoading) return null;
 
   if (status === 'success' || status === 'pending') {
+    var intl = (0, _reactIntl.useIntl)();
+
+    var messageKey = 'message.' + (cashierType ? 'deposit' : 'withdrawal') + '.' + status;
+
+    if (providerType && intl.messages[messageKey + '.' + providerType]) {
+      messageKey = messageKey + '.' + providerType;
+    }
+
     return _react2.default.createElement(
       'div',
       { className: 'cashier-accordion' },
@@ -50,9 +61,7 @@ var CashierResult = function CashierResult(_ref) {
         _react2.default.createElement(_Notice2.default, {
           level: 'success',
           icon: _react2.default.createElement(_Icon2.default, { icon: 'check' }),
-          header: _react2.default.createElement(_Translate2.default, {
-            id: 'message.' + (cashierType ? 'deposit' : 'withdrawal') + '.' + status
-          })
+          header: _react2.default.createElement(_Translate2.default, { id: messageKey })
         }),
         successMessage && _react2.default.createElement(
           'div',

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

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InteracWithdrawal = exports.PaysafecardWithdrawal = exports.InstadebitWithdrawal = exports.IDebitWithdrawal = exports.IdealWithdrawal = exports.EProPaymentWallWithdrawal = exports.EcoPayzWithdrawal = exports.TrustlyWithdrawal = exports.BankWithdrawal = exports.ZimplerWithdrawal = exports.MiFinityEWalletWithdrawal = exports.EzeeWalletWithdrawal = exports.AstroPayBankWithdrawal = exports.MuchBetterWithdrawal = exports.NetellerWithdrawal = exports.VenusPointWithdrawal = exports.CreditcardWithdrawal = exports.SkrillWithdrawal = exports.BankIBANWithdrawal = exports.BankLocalWithdrawal = exports.JetonWithdrawal = exports.CryptoCurrencyWithdrawal = exports.BestPayWithdrawal = exports.BankIntlWithdrawal = exports.MiFinityEWalletDeposit = exports.BankIntlDeposit = exports.BestPayDeposit = exports.FunangaDeposit = exports.PaysafecardDeposit = exports.InstadebitDeposit = exports.IDebitDeposit = exports.IdealDeposit = exports.EProPaymentWallDeposit = exports.EcoPayzDeposit = exports.TrustlyDeposit = exports.BankDeposit = exports.ZimplerDeposit = exports.EzeeWalletDeposit = exports.CryptoCurrencyDeposit = exports.AstroPayBankDeposit = exports.MobilePayDeposit = exports.PProDeposit = exports.MuchBetterDeposit = exports.SiruDeposit = exports.VenusPointDeposit = exports.NetellerDeposit = exports.CreditcardDeposit = exports.SkrillDeposit = undefined;
 
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
 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');
@@ -29,6 +31,10 @@ var _get = require('lodash/get');
 
 var _get2 = _interopRequireDefault(_get);
 
+var _axios = require('axios');
+
+var _axios2 = _interopRequireDefault(_axios);
+
 var _translate = require('../../../../lib/utils/translate');
 
 var _translate2 = _interopRequireDefault(_translate);
@@ -41,6 +47,10 @@ var _Select = require('../../../../components/Select');
 
 var _Select2 = _interopRequireDefault(_Select);
 
+var _Loader = require('../../../../components/Loader');
+
+var _Loader2 = _interopRequireDefault(_Loader);
+
 var _payment = require('payment');
 
 var _payment2 = _interopRequireDefault(_payment);
@@ -357,7 +367,34 @@ var AstroPayBank = function AstroPayBank(_ref8) {
       method = _ref8.method,
       detail = _ref8.detail,
       change = _ref8.change,
-      values = _ref8.values;
+      values = _ref8.values,
+      config = _ref8.config;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = _slicedToArray(_useState, 2),
+      banks = _useState2[0],
+      setBanks = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isLoading = _useState4[0],
+      setIsLoading = _useState4[1];
+
+  (0, _react.useEffect)(function () {
+    setIsLoading(true);
+
+    _axios2.default.post(config.devcode.host + '/directa24/getBanksByCountry', {
+      merchantId: config.MERCHANT_ID,
+      countryCode: country
+    }).then(function (res) {
+      var banks = res.data.map(function (bank) {
+        return bank.code;
+      });
+      setBanks(banks);
+    }).finally(function () {
+      return setIsLoading(false);
+    });
+  }, []);
 
   var translateMap = function translateMap(category) {
     return function (value) {
@@ -370,12 +407,14 @@ var AstroPayBank = function AstroPayBank(_ref8) {
 
   var countryKey = country.toUpperCase();
   var methodDetails = {
-    banks: (0, _get2.default)(detail, 'config[' + countryKey + '].banks'),
+    banks: banks.length > 0 ? banks : (0, _get2.default)(detail, 'config[' + countryKey + '].banks'),
     idTypes: (0, _get2.default)(detail, 'config[' + countryKey + '].idTypes'),
     accountTypes: (0, _get2.default)(detail, 'config[' + countryKey + '].accountTypes'),
     services: (0, _get2.default)(detail, 'config[' + countryKey + '].services')
   };
 
+  if (isLoading) return _react2.default.createElement(_Loader2.default, { inline: true });
+
   return _react2.default.createElement(
     'div',
     null,

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

@@ -150,7 +150,8 @@ var WithdrawWidget = function (_PureComponent) {
           initialState = _props.initialState,
           headers = _props.headers,
           wallet = _props.wallet,
-          renderCanceledNotice = _props.renderCanceledNotice;
+          renderCanceledNotice = _props.renderCanceledNotice,
+          config = _props.config;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -320,7 +321,8 @@ var WithdrawWidget = function (_PureComponent) {
           account: selectedAccount,
           method: selectedMethod,
           detail: selectedMethodDetail,
-          country: country
+          country: country,
+          config: config
         };
         var PaymentAccountForm = paymentDetail ? paymentDetail.component : null;
 

package/lib/widgets/ResponsibleGamingWidget/index.js

@@ -68,8 +68,10 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
       limitIncreaseInfo = _ref.limitIncreaseInfo,
       jurisdiction = _ref.jurisdiction,
       currency = _ref.currency,
+      onChangeLimits = _ref.onChangeLimits,
       isLoading = _ref.isLoading,
-      className = _ref.className;
+      className = _ref.className,
+      hideSubmit = _ref.hideSubmit;
 
   var _useState = (0, _react.useState)(limits || []),
       _useState2 = _slicedToArray(_useState, 2),
@@ -82,6 +84,10 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
 
   var normalizedLimits = (0, _normalize2.default)(localLimits, content);
 
+  (0, _react.useEffect)(function () {
+    onChangeLimits && onChangeLimits(localLimits);
+  }, [localLimits]);
+
   /**
    * Validate the normalized limits
    */
@@ -177,6 +183,7 @@ var ResponsibleGaming = function ResponsibleGaming(_ref) {
           _react2.default.createElement(LimitContent, _extends({
             onSubmitLimits: onSubmitLimits(normalizedLimits.type, normalizedLimits.product),
             onChangeLimit: onChangeLimit(normalizedLimits.type, normalizedLimits.product),
+            hideSubmit: hideSubmit,
             onConfirmLimit: onConfirmLimit,
             onDeclineLimit: onDeclineLimit,
             getValidationState: getValidationState(normalizedLimits.type),
@@ -217,7 +224,8 @@ var LimitContent = function LimitContent(_ref3) {
       valueType = _ref3.valueType,
       hideRemainingLimit = _ref3.hideRemainingLimit,
       showCurrentValue = _ref3.showCurrentValue,
-      hideOther = _ref3.hideOther;
+      hideOther = _ref3.hideOther,
+      hideSubmit = _ref3.hideSubmit;
 
   var formIsValid = Object.keys(timespans).every(function (t) {
     return getValidationState(t).isValid();
@@ -282,7 +290,7 @@ var LimitContent = function LimitContent(_ref3) {
         hideOther: hideOther
       }, t));
     }),
-    _react2.default.createElement(
+    !hideSubmit && _react2.default.createElement(
       _Button2.default,
       {
         type: 'submit',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.0.5",
+  "version": "6.1.1",
   "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": "376f83774543ad0744a20cf4eaa2e93970763764"
+  "gitHead": "747e8f43202add17f5cf667c5d4cfa9834c70bdf"
 }