tg-core-components 6.0.3 → 6.0.6

package/es/components/Input/PhoneNumberInput.js

@@ -71,7 +71,10 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
           callingCodeSelect.focus.onBlur();
           _onBlur(e);
         },
-        status: props.status }),
+        status: props.status,
+        leadingLane: [props.selectIcon].filter(function (i) {
+          return i;
+        }) }),
       (props.callingCodes || []).map(function (c, i) {
         return React.createElement(
           Select.Option,
@@ -97,6 +100,9 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
         _onBlur(e);
       },
       status: props.status,
+      leadingLane: [props.inputIcon].filter(function (i) {
+        return i;
+      }),
       trailingLane: [statusIcons[props.status]].filter(function (i) {
         return i;
       })

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/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,
@@ -501,7 +534,8 @@ var BankIntl = function BankIntl(_ref9) {
   var account = _ref9.account,
       intl = _ref9.intl,
       values = _ref9.values,
-      change = _ref9.change;
+      change = _ref9.change,
+      country = _ref9.country;
 
   return React.createElement(
     'div',
@@ -525,7 +559,31 @@ var BankIntl = function BankIntl(_ref9) {
       },
       label: translate({ id: 'cashier.details.bic' }, intl),
       disabled: account.accountId
-    })
+    }),
+    ['AE'].includes(country) && React.createElement(
+      React.Fragment,
+      null,
+      React.createElement(Input, {
+        required: true,
+        name: 'beneficiaryCountry',
+        value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : values['beneficiaryCountry'],
+        onChange: function onChange(e, beneficiaryCountry) {
+          return change('beneficiaryCountry', beneficiaryCountry);
+        },
+        label: translate({ id: 'cashier.details.beneficiaryCountry' }, intl),
+        disabled: account.accountId
+      }),
+      React.createElement(Input, {
+        required: true,
+        name: 'bankName',
+        value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : values['bankName'],
+        onChange: function onChange(e, bankName) {
+          return change('bankName', bankName);
+        },
+        label: translate({ id: 'cashier.details.bankName' }, intl),
+        disabled: account.accountId
+      })
+    )
   );
 };
 

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/lib/components/Input/PhoneNumberInput.js

@@ -88,7 +88,10 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
           callingCodeSelect.focus.onBlur();
           _onBlur(e);
         },
-        status: props.status }),
+        status: props.status,
+        leadingLane: [props.selectIcon].filter(function (i) {
+          return i;
+        }) }),
       (props.callingCodes || []).map(function (c, i) {
         return _react2.default.createElement(
           _common.Select.Option,
@@ -114,6 +117,9 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
         _onBlur(e);
       },
       status: props.status,
+      leadingLane: [props.inputIcon].filter(function (i) {
+        return i;
+      }),
       trailingLane: [_common.statusIcons[props.status]].filter(function (i) {
         return i;
       })

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/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,
@@ -538,7 +577,8 @@ var BankIntl = function BankIntl(_ref9) {
   var account = _ref9.account,
       intl = _ref9.intl,
       values = _ref9.values,
-      change = _ref9.change;
+      change = _ref9.change,
+      country = _ref9.country;
 
   return _react2.default.createElement(
     'div',
@@ -562,7 +602,31 @@ var BankIntl = function BankIntl(_ref9) {
       },
       label: (0, _translate2.default)({ id: 'cashier.details.bic' }, intl),
       disabled: account.accountId
-    })
+    }),
+    ['AE'].includes(country) && _react2.default.createElement(
+      _react2.default.Fragment,
+      null,
+      _react2.default.createElement(_Input2.default, {
+        required: true,
+        name: 'beneficiaryCountry',
+        value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : values['beneficiaryCountry'],
+        onChange: function onChange(e, beneficiaryCountry) {
+          return change('beneficiaryCountry', beneficiaryCountry);
+        },
+        label: (0, _translate2.default)({ id: 'cashier.details.beneficiaryCountry' }, intl),
+        disabled: account.accountId
+      }),
+      _react2.default.createElement(_Input2.default, {
+        required: true,
+        name: 'bankName',
+        value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : values['bankName'],
+        onChange: function onChange(e, bankName) {
+          return change('bankName', bankName);
+        },
+        label: (0, _translate2.default)({ id: 'cashier.details.bankName' }, intl),
+        disabled: account.accountId
+      })
+    )
   );
 };
 

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.0.3",
+  "version": "6.0.6",
   "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": "3e934ce4a7473235e2defd2f7e98d2a91eaf158e"
+  "gitHead": "b82792457fc728444d1fb02f639470b30c901d0d"
 }