tg-core-components 6.0.2 → 6.0.5

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/BonusWidget/BonusCode.js

@@ -75,10 +75,10 @@ var BonusCodeForm = function BonusCodeForm(_ref3) {
   );
 };
 
-BonusCodeForm = compose(WithValidation(rules), injectIntl)(BonusCodeForm);
-
 var rules = {
   bonusCode: [[require, 'error.empty.bonusCode']]
 };
 
+BonusCodeForm = compose(WithValidation(rules), injectIntl)(BonusCodeForm);
+
 export default Bonus;

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

@@ -544,45 +544,18 @@ var DepositWidget = function (_Component) {
 var _initialiseProps = function _initialiseProps() {
   var _this3 = this;
 
-  this.componentDidUpdate = function (prevProps) {
-    if (prevProps.shouldRenderSgaWarning !== _this3.props.shouldRenderSgaWarning) {
-      var _state2 = _this3.state,
-          currentAmount = _state2.currentAmount,
-          bonusCode = _state2.bonusCode;
-
-      _this3.handleNextStep({ amount: currentAmount, bonusCode: bonusCode });
-    }
-  };
-
   this.handleNextStep = function (_ref6) {
     var amount = _ref6.amount,
         bonusCode = _ref6.bonusCode;
-    var _state3 = _this3.state,
-        selectedMethod = _state3.selectedMethod,
-        preDepositBonus = _state3.preDepositBonus,
-        selectedAccount = _state3.selectedAccount;
-    var _props2 = _this3.props,
-        paymentStats = _props2.paymentStats,
-        renderSgaWarningPopup = _props2.renderSgaWarningPopup,
-        shouldRenderSgaWarning = _props2.shouldRenderSgaWarning;
+    var _state2 = _this3.state,
+        selectedMethod = _state2.selectedMethod,
+        preDepositBonus = _state2.preDepositBonus,
+        selectedAccount = _state2.selectedAccount;
 
 
     var formExists = !!PaymentAccountForms[getPaymentForm(selectedMethod)];
     var skipFillInStep = ['skrill', 'bestpay', 'jeton', 'bankiban', 'bankintl'];
 
-    var remainingAmount = 5000 - Number(paymentStats.TotalDepositLast7Days);
-    var renderSgaWarning = shouldRenderSgaWarning && Number(paymentStats.TotalDepositLast7Days) + Number(amount) > 5000;
-
-    if (renderSgaWarning) {
-      _this3.setState({
-        buttonLoading: null,
-        currentAmount: amount,
-        bonusCode: bonusCode
-      });
-      renderSgaWarningPopup(remainingAmount);
-      return;
-    }
-
     if (!formExists || selectedAccount.accountId && skipFillInStep.includes(selectedMethod.providerType.toLowerCase())) {
       return _this3.onSubmit({
         currentAmount: amount,
@@ -600,9 +573,9 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.handleBackStep = function () {
-    var _state4 = _this3.state,
-        currentStep = _state4.currentStep,
-        buttonLoading = _state4.buttonLoading;
+    var _state3 = _this3.state,
+        currentStep = _state3.currentStep,
+        buttonLoading = _state3.buttonLoading;
 
 
     if (buttonLoading === 'fill-in-submit') return null;
@@ -619,13 +592,13 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.onSubmit = function (data) {
-    var _props3 = _this3.props,
-        onSubmit = _props3.onSubmit,
-        countries = _props3.countries,
-        user = _props3.user;
-    var _state5 = _this3.state,
-        selectedMethod = _state5.selectedMethod,
-        swishNumber = _state5.swishNumber;
+    var _props2 = _this3.props,
+        onSubmit = _props2.onSubmit,
+        countries = _props2.countries,
+        user = _props2.user;
+    var _state4 = _this3.state,
+        selectedMethod = _state4.selectedMethod,
+        swishNumber = _state4.swishNumber;
 
 
     var submitData = _extends({}, _this3.state, data);
@@ -658,12 +631,12 @@ var _initialiseProps = function _initialiseProps() {
 
   this.onSelectMethod = function (_ref7) {
     var method = _ref7.method;
-    var _props4 = _this3.props,
-        currency = _props4.currency,
-        paymentStats = _props4.paymentStats,
-        remainingDepositLimit = _props4.remainingDepositLimit,
-        payments = _props4.payments,
-        shouldAutoFocus = _props4.shouldAutoFocus;
+    var _props3 = _this3.props,
+        currency = _props3.currency,
+        paymentStats = _props3.paymentStats,
+        remainingDepositLimit = _props3.remainingDepositLimit,
+        payments = _props3.payments,
+        shouldAutoFocus = _props3.shouldAutoFocus;
 
 
     if (shouldAutoFocus) {
@@ -728,9 +701,9 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.getMinDepositBonusAmount = function () {
-    var _props5 = _this3.props,
-        bonuses = _props5.bonuses,
-        currency = _props5.currency;
+    var _props4 = _this3.props,
+        bonuses = _props4.bonuses,
+        currency = _props4.currency;
     var bonusCode = _this3.state.bonusCode;
 
 
@@ -753,10 +726,10 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.getSpainRemainingDepositAmount = function () {
-    var _props6 = _this3.props,
-        jurisdiction = _props6.jurisdiction,
-        hasIdApproved = _props6.hasIdApproved,
-        paymentStats = _props6.paymentStats;
+    var _props5 = _this3.props,
+        jurisdiction = _props5.jurisdiction,
+        hasIdApproved = _props5.hasIdApproved,
+        paymentStats = _props5.paymentStats;
 
     return jurisdiction.toLowerCase() === 'es' && !hasIdApproved && (150 - parseFloat(paymentStats.TotalDeposit) < 0 ? 0 : 150 - parseFloat(paymentStats.TotalDeposit));
   };

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

@@ -501,7 +501,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 +526,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
+      })
+    )
   );
 };
 
@@ -665,7 +690,8 @@ var Mifinity = function Mifinity(_ref13) {
 var EzeeWallet = function EzeeWallet(_ref14) {
   var account = _ref14.account,
       intl = _ref14.intl,
-      method = _ref14.method;
+      method = _ref14.method,
+      change = _ref14.change;
 
   return React.createElement(
     'div',
@@ -678,12 +704,18 @@ var EzeeWallet = function EzeeWallet(_ref14) {
         defaultMessage: 'Wallet ID'
       }, intl),
       disabled: account.accountId,
+      onChange: function onChange(_, walletId) {
+        return change('walletId', walletId);
+      },
       value: account.maskedAccount
     }),
     method === 'deposit' && React.createElement(Input, {
       required: true,
       type: 'password',
       name: 'walletPassword',
+      onChange: function onChange(_, walletPassword) {
+        return change('walletPassword', walletPassword);
+      },
       label: translate({
         id: 'cashier.details.walletPassword',
         defaultMessage: 'Wallet password'

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/BonusWidget/BonusCode.js

@@ -104,10 +104,10 @@ var BonusCodeForm = function BonusCodeForm(_ref3) {
   );
 };
 
-BonusCodeForm = (0, _compose2.default)((0, _WithValidation2.default)(rules), _reactIntl.injectIntl)(BonusCodeForm);
-
 var rules = {
   bonusCode: [[_required2.default, 'error.empty.bonusCode']]
 };
 
+BonusCodeForm = (0, _compose2.default)((0, _WithValidation2.default)(rules), _reactIntl.injectIntl)(BonusCodeForm);
+
 exports.default = Bonus;

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

@@ -609,45 +609,18 @@ var DepositWidget = function (_Component) {
 var _initialiseProps = function _initialiseProps() {
   var _this3 = this;
 
-  this.componentDidUpdate = function (prevProps) {
-    if (prevProps.shouldRenderSgaWarning !== _this3.props.shouldRenderSgaWarning) {
-      var _state2 = _this3.state,
-          currentAmount = _state2.currentAmount,
-          bonusCode = _state2.bonusCode;
-
-      _this3.handleNextStep({ amount: currentAmount, bonusCode: bonusCode });
-    }
-  };
-
   this.handleNextStep = function (_ref6) {
     var amount = _ref6.amount,
         bonusCode = _ref6.bonusCode;
-    var _state3 = _this3.state,
-        selectedMethod = _state3.selectedMethod,
-        preDepositBonus = _state3.preDepositBonus,
-        selectedAccount = _state3.selectedAccount;
-    var _props2 = _this3.props,
-        paymentStats = _props2.paymentStats,
-        renderSgaWarningPopup = _props2.renderSgaWarningPopup,
-        shouldRenderSgaWarning = _props2.shouldRenderSgaWarning;
+    var _state2 = _this3.state,
+        selectedMethod = _state2.selectedMethod,
+        preDepositBonus = _state2.preDepositBonus,
+        selectedAccount = _state2.selectedAccount;
 
 
     var formExists = !!PaymentAccountForms[(0, _Payment.getPaymentForm)(selectedMethod)];
     var skipFillInStep = ['skrill', 'bestpay', 'jeton', 'bankiban', 'bankintl'];
 
-    var remainingAmount = 5000 - Number(paymentStats.TotalDepositLast7Days);
-    var renderSgaWarning = shouldRenderSgaWarning && Number(paymentStats.TotalDepositLast7Days) + Number(amount) > 5000;
-
-    if (renderSgaWarning) {
-      _this3.setState({
-        buttonLoading: null,
-        currentAmount: amount,
-        bonusCode: bonusCode
-      });
-      renderSgaWarningPopup(remainingAmount);
-      return;
-    }
-
     if (!formExists || selectedAccount.accountId && skipFillInStep.includes(selectedMethod.providerType.toLowerCase())) {
       return _this3.onSubmit({
         currentAmount: amount,
@@ -665,9 +638,9 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.handleBackStep = function () {
-    var _state4 = _this3.state,
-        currentStep = _state4.currentStep,
-        buttonLoading = _state4.buttonLoading;
+    var _state3 = _this3.state,
+        currentStep = _state3.currentStep,
+        buttonLoading = _state3.buttonLoading;
 
 
     if (buttonLoading === 'fill-in-submit') return null;
@@ -684,13 +657,13 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.onSubmit = function (data) {
-    var _props3 = _this3.props,
-        onSubmit = _props3.onSubmit,
-        countries = _props3.countries,
-        user = _props3.user;
-    var _state5 = _this3.state,
-        selectedMethod = _state5.selectedMethod,
-        swishNumber = _state5.swishNumber;
+    var _props2 = _this3.props,
+        onSubmit = _props2.onSubmit,
+        countries = _props2.countries,
+        user = _props2.user;
+    var _state4 = _this3.state,
+        selectedMethod = _state4.selectedMethod,
+        swishNumber = _state4.swishNumber;
 
 
     var submitData = _extends({}, _this3.state, data);
@@ -723,12 +696,12 @@ var _initialiseProps = function _initialiseProps() {
 
   this.onSelectMethod = function (_ref7) {
     var method = _ref7.method;
-    var _props4 = _this3.props,
-        currency = _props4.currency,
-        paymentStats = _props4.paymentStats,
-        remainingDepositLimit = _props4.remainingDepositLimit,
-        payments = _props4.payments,
-        shouldAutoFocus = _props4.shouldAutoFocus;
+    var _props3 = _this3.props,
+        currency = _props3.currency,
+        paymentStats = _props3.paymentStats,
+        remainingDepositLimit = _props3.remainingDepositLimit,
+        payments = _props3.payments,
+        shouldAutoFocus = _props3.shouldAutoFocus;
 
 
     if (shouldAutoFocus) {
@@ -793,9 +766,9 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.getMinDepositBonusAmount = function () {
-    var _props5 = _this3.props,
-        bonuses = _props5.bonuses,
-        currency = _props5.currency;
+    var _props4 = _this3.props,
+        bonuses = _props4.bonuses,
+        currency = _props4.currency;
     var bonusCode = _this3.state.bonusCode;
 
 
@@ -818,10 +791,10 @@ var _initialiseProps = function _initialiseProps() {
   };
 
   this.getSpainRemainingDepositAmount = function () {
-    var _props6 = _this3.props,
-        jurisdiction = _props6.jurisdiction,
-        hasIdApproved = _props6.hasIdApproved,
-        paymentStats = _props6.paymentStats;
+    var _props5 = _this3.props,
+        jurisdiction = _props5.jurisdiction,
+        hasIdApproved = _props5.hasIdApproved,
+        paymentStats = _props5.paymentStats;
 
     return jurisdiction.toLowerCase() === 'es' && !hasIdApproved && (150 - parseFloat(paymentStats.TotalDeposit) < 0 ? 0 : 150 - parseFloat(paymentStats.TotalDeposit));
   };

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

@@ -538,7 +538,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 +563,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
+      })
+    )
   );
 };
 
@@ -702,7 +727,8 @@ var Mifinity = function Mifinity(_ref13) {
 var EzeeWallet = function EzeeWallet(_ref14) {
   var account = _ref14.account,
       intl = _ref14.intl,
-      method = _ref14.method;
+      method = _ref14.method,
+      change = _ref14.change;
 
   return _react2.default.createElement(
     'div',
@@ -715,12 +741,18 @@ var EzeeWallet = function EzeeWallet(_ref14) {
         defaultMessage: 'Wallet ID'
       }, intl),
       disabled: account.accountId,
+      onChange: function onChange(_, walletId) {
+        return change('walletId', walletId);
+      },
       value: account.maskedAccount
     }),
     method === 'deposit' && _react2.default.createElement(_Input2.default, {
       required: true,
       type: 'password',
       name: 'walletPassword',
+      onChange: function onChange(_, walletPassword) {
+        return change('walletPassword', walletPassword);
+      },
       label: (0, _translate2.default)({
         id: 'cashier.details.walletPassword',
         defaultMessage: 'Wallet password'

package/package.json

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