tg-core-components 5.2.1-history-time-label.0 → 5.3.0-master.1

package/es/widgets/BonusWidget/BonusCode.js

@@ -8,7 +8,6 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 
 import React, { PureComponent } from 'react';
 import Input from 'tg-core-components/lib/components/Input';
-import Button from 'tg-core-components/lib/components/Button';
 import compose from 'recompose/compose';
 import { injectIntl } from 'react-intl';
 import WithValidation from 'tg-core-components/lib/lib/WithValidation';
@@ -54,23 +53,31 @@ var BonusCodeForm = function BonusCodeForm(_ref3) {
   return React.createElement(
     'form',
     { className: 'form', onSubmit: onSubmit },
-    React.createElement(Input, {
-      label: translate({
-        id: 'label.bonus_code',
-        defaultMessage: 'Bonus code'
-      }, intl),
-      type: 'text',
-      name: 'bonusCode',
-      status: errors.bonusCode && 'failure' || 'idle',
-      statusText: errors.bonusCode && translate({ id: errors.bonusCode }, intl)
-    }),
     React.createElement(
-      Button,
-      { className: 'button primary wide', type: 'submit' },
-      translate({
-        id: 'label.activate',
-        defaultMessage: 'Activate'
-      }, intl)
+      'div',
+      { className: 'bonus-code-form' },
+      React.createElement(Input, {
+        className: 'layout-item',
+        title: translate({
+          id: 'label.bonus_code',
+          defaultMessage: 'Bonus code'
+        }, intl),
+        type: 'text',
+        name: 'bonusCode',
+        error: errors.bonusCode && translate({ id: errors.bonusCode }, intl)
+      }),
+      React.createElement(
+        'div',
+        { className: 'layout-item' },
+        React.createElement(
+          'button',
+          { className: 'button primary wide', type: 'submit' },
+          translate({
+            id: 'label.activate',
+            defaultMessage: 'Activate'
+          }, intl)
+        )
+      )
     )
   );
 };

package/es/widgets/BonusWidget/index.js

@@ -1,4 +1,6 @@
-import React from 'react';
+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"); } }; }();
+
+import React, { useState } from 'react';
 import { FormattedNumber, FormattedDate } from 'react-intl';
 import AccordionWidget from '../AccordionWidget';
 import Button from '../../components/Button';
@@ -6,12 +8,64 @@ import BonusCode from './BonusCode';
 import { List } from 'tg-core-components';
 import Translate from '../../components/Translate';
 import { getBonusState } from './states';
+import marked from 'marked';
+
+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);
 
 var BonusAction = function BonusAction(_ref) {
   var bonus = _ref.bonus,
-      claimBonus = _ref.claimBonus,
-      device = _ref.device,
-      redirect = _ref.redirect;
+      onClaimBonus = _ref.onClaimBonus,
+      onRejectBonus = _ref.onRejectBonus;
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isLoadingClaim = _useState2[0],
+      setIsLoadingClaim = _useState2[1];
+
+  var _useState3 = useState(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      isLoadingReject = _useState4[0],
+      setIsLoadingReject = _useState4[1];
+
+  var claimBonus = function claimBonus(e) {
+    onClaimBonus(bonus, function (isLoading) {
+      return setIsLoadingClaim(isLoading);
+    }, e);
+  };
+
+  var rejectBonus = function rejectBonus(e) {
+    onRejectBonus(bonus, function (isLoading) {
+      return setIsLoadingReject(isLoading);
+    }, e);
+  };
+
+  return React.createElement(
+    'div',
+    { className: 'actions' },
+    ALEACC_BONUS_CLAIM_STATE.includes(bonus.State) && React.createElement(
+      Button,
+      {
+        className: 'button primary small',
+        onClick: claimBonus,
+        isLoading: isLoadingClaim },
+      React.createElement(Translate, { id: 'action.bonus.claim', defaultMessage: 'Claim' })
+    ),
+    ALEACC_BONUS_REJECT_STATE.includes(bonus.State) && React.createElement(
+      Button,
+      {
+        className: 'button secondary small',
+        onClick: rejectBonus,
+        isLoading: isLoadingReject },
+      React.createElement(Translate, { id: 'action.bonus.reject', defaultMessage: 'Reject' })
+    )
+  );
+};
+
+var BonusActionFT = function BonusActionFT(_ref2) {
+  var bonus = _ref2.bonus,
+      onClaimBonus = _ref2.onClaimBonus;
 
   // Atm it's only fasttrack that supports actions.
   if (bonus.Provider !== 'fasttrack') return null;
@@ -19,9 +73,6 @@ var BonusAction = function BonusAction(_ref) {
   // Expired bonuses has no actions
   if (bonus.State === 'Expired') return null;
 
-  var gameUrl = '/casino';
-  if (device === 'Desktop' && bonus.DesktopGameUrl && bonus.DesktopGameUrl.trim()) gameUrl = bonus.DesktopGameUrl.trim();else if (device !== 'Desktop' && bonus.MobileGameUrl && bonus.MobileGameUrl.trim()) gameUrl = bonus.MobileGameUrl.trim();
-
   // FTType 1 - Pending Bonus
   // Claim bonus and redirect to game of present.
   if (bonus.FTType === 1) {
@@ -29,10 +80,8 @@ var BonusAction = function BonusAction(_ref) {
     return React.createElement(
       Button,
       {
-        onClick: function onClick() {
-          claimBonus(bonus.Id).then(function () {
-            redirect(gameUrl);
-          });
+        onClick: function onClick(e) {
+          return onClaimBonus(bonus, null, e);
         },
         className: 'button primary action wide ' + (bonus.IsLocked && 'locked') },
       React.createElement(Translate, { id: 'action.bonus.type1', defaultMessage: 'Action type1' })
@@ -45,14 +94,8 @@ var BonusAction = function BonusAction(_ref) {
     return React.createElement(
       Button,
       {
-        onClick: function onClick() {
-          return redirect({
-            pathname: '/dashboard/deposit',
-            search: gameUrl ? '?ref_url=' + encodeURIComponent(gameUrl) : '',
-            state: {
-              bonusCode: bonus.PromoCode
-            }
-          });
+        onClick: function onClick(e) {
+          return onClaimBonus(bonus, null, e);
         },
         className: 'button primary action wide ' + (bonus.IsLocked && 'locked') },
       React.createElement(Translate, { id: 'action.bonus.type2', defaultMessage: 'Action type2' })
@@ -65,20 +108,8 @@ var BonusAction = function BonusAction(_ref) {
     return React.createElement(
       Button,
       {
-        onClick: function onClick() {
-          if (!bonus.IsLocked) {
-            claimBonus(bonus.Id).then(function () {
-              redirect(gameUrl);
-            });
-          } else {
-            redirect({
-              pathname: '/dashboard/deposit',
-              search: '?ref_url=/dashboard/bonus',
-              state: {
-                bonusCode: bonus.PromoCode
-              }
-            });
-          }
+        onClick: function onClick(e) {
+          return onClaimBonus(bonus, null, e);
         },
         className: 'button primary action wide ' + (bonus.IsLocked && 'locked') },
       !!bonus.IsLocked && React.createElement(Translate, {
@@ -92,12 +123,11 @@ var BonusAction = function BonusAction(_ref) {
   return null;
 };
 
-var BonusWidget = function BonusWidget(_ref2) {
-  var bonuses = _ref2.bonuses,
-      handleBonusCodeSubmit = _ref2.handleBonusCodeSubmit,
-      claimBonus = _ref2.claimBonus,
-      device = _ref2.device,
-      redirect = _ref2.redirect;
+var BonusWidget = function BonusWidget(_ref3) {
+  var bonuses = _ref3.bonuses,
+      handleBonusCodeSubmit = _ref3.handleBonusCodeSubmit,
+      onClaimBonus = _ref3.onClaimBonus,
+      onRejectBonus = _ref3.onRejectBonus;
 
   var bonusList = { active: null, available: null, finished: null };
 
@@ -149,12 +179,13 @@ var BonusWidget = function BonusWidget(_ref2) {
       })]];
 
       // Add bonus actions to not expired Fasttrack bonuses
-      if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(React.createElement(BonusAction, {
-        bonus: item,
-        claimBonus: claimBonus,
-        device: device,
-        redirect: redirect
-      }));
+      if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(React.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
+      // Add bonus actions to post claim bonuses from Aleacc
+      else if (item.Provider !== 'fasttrack' && ALEACC_BONUS_ACTION_STATE.includes(item.State)) info.push(React.createElement(BonusAction, {
+          bonus: item,
+          onClaimBonus: onClaimBonus,
+          onRejectBonus: onRejectBonus
+        }));
 
       var detail = [[React.createElement(
         'span',
@@ -214,6 +245,13 @@ var BonusWidget = function BonusWidget(_ref2) {
         })
       )]];
 
+      info.push([React.createElement('div', {
+        className: 'disclaimer',
+        dangerouslySetInnerHTML: {
+          __html: item.content && item.content.disclaimer && marked(item.content.disclaimer || '') || item.promotion && item.promotion.shortDisclaimer
+        }
+      })]);
+
       return {
         id: item.Id,
         info: info,

package/es/widgets/Cashier/Deposit/PaymentForm/NewTab.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Button from '../../../../components/Button';
+import Translate from '../../../../components/Translate';
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return React.createElement(
+    'div',
+    { className: 'NewTab' },
+    React.createElement(Translate, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    React.createElement(
+      Button,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      React.createElement(Translate, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+export default NewTab;

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

@@ -13,6 +13,7 @@ import FramedComponent from '../../hoc/FramedComponent';
 import InjectedIframeHTML from './InjectedIframeHTML';
 import DynamicForm from './DynamicForm';
 import PaymentResult from './PaymentResult';
+import NewTab from './NewTab';
 import flatten from 'lodash/flatten';
 import Translate from '../../../../components/Translate';
 
@@ -122,7 +123,8 @@ var PaymentForm = function (_Component) {
           data = _props.data,
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
-          redirect = _props.redirect;
+          redirect = _props.redirect,
+          details = _props.details;
 
 
       if (!data.success) {
@@ -147,7 +149,9 @@ var PaymentForm = function (_Component) {
         frameBorder: 0
       };
 
-      if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
+      if (details && details.newTab) {
+        return React.createElement(NewTab, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return React.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: redirect ? '_top' : frameId

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

@@ -7,7 +7,8 @@ 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; }
 
 import React, { Component } from 'react';
-import Input from '../../../../components/Input';
+import TextInput from '../../../../components/Deposit/TextInput';
+import Icon from '../../../../components/Icon';
 import { injectIntl } from 'react-intl';
 import translate from '../../../../lib/utils/translate';
 
@@ -49,14 +50,16 @@ var BonusCodeInput = function (_Component) {
         return React.createElement(
           'div',
           { className: 'bonus-code-input-wrapper' },
-          React.createElement(Input, {
+          React.createElement(TextInput, {
             name: 'bonusCode',
-            value: bonusCode,
-            onChange: onChange,
             autoFocus: true,
-            label: translate({ id: 'cashier.bonus_code' }, intl),
+            placeholder: translate({ id: 'cashier.bonus_code' }, intl),
             disabled: disabled,
-            status: status === 'active' && 'success' || status === 'pending' && 'loading'
+            onChange: onChange
+          }),
+          status && React.createElement(Icon, {
+            icon: status === 'active' ? 'check' : '',
+            className: 'bonus-icon bonus-' + status
           })
         );
       }

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

@@ -2,6 +2,8 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
 
 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; }; }();
 
+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); } }
+
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
@@ -20,7 +22,7 @@ import BonusCodeInput from '../BonusCodeInput';
 import { matchProviderType, getPaymentForm } from '../../Payment';
 import Icon from '../../../../components/Icon';
 import marked from 'marked';
-import Input from '../../../../components/Input';
+import Input from '../../../../components/Deposit/TextInput';
 import PaymentAmountSelector from '../../Payment/PaymentAmountSelector';
 import MethodMinMax from '../../Payment/MethodMinMax';
 import DelayVisibility from '../../../../components/Deposit/DelayVisibility';
@@ -181,7 +183,11 @@ var DepositWidget = function (_Component) {
       }).map(function (provider) {
         return provider.providerType.toUpperCase();
       });
-      var customAmountExclusions = ['reversewithdrawal'];
+      var customAmountExclusions = [].concat(_toConsumableArray(payments.filter(function (provider) {
+        return provider.hideCustomAmount;
+      }).map(function (provider) {
+        return provider.providerType.toLowerCase();
+      })), ['reversewithdrawal']);
       var minMaxExclusions = ['reversewithdrawal'];
 
       var minDepositBonusAmount = this.getMinDepositBonusAmount();
@@ -192,8 +198,6 @@ var DepositWidget = function (_Component) {
         return matchProviderType(payment, selectedMethod);
       });
 
-      var hasCustomAmounts = selectedMethodDetail && selectedMethodDetail.customAmounts;
-
       var selectedBonus = bonuses.find(function (b) {
         return b.PromoCode === bonusCode;
       });
@@ -290,7 +294,7 @@ var DepositWidget = function (_Component) {
                   onSelectMethod: _this2.onSelectMethod,
                   onDeleteAccount: _this2.onDeleteAccount,
                   methodContent: function methodContent(method) {
-                    if (method.txType !== selectedMethod.txType || method.service !== selectedMethod.service) return null;
+                    if (method.txType !== selectedMethod.txType) return null;
 
                     return React.createElement(
                       Fragment,
@@ -308,6 +312,7 @@ var DepositWidget = function (_Component) {
                           id: 'label.mobile_number_placeholder',
                           defaultMessage: 'eg. 0701234567'
                         }, intl),
+                        isControlled: true,
                         value: _this2.state.swishNumber,
                         title: translate({
                           id: 'label.mobile_number'
@@ -336,30 +341,26 @@ var DepositWidget = function (_Component) {
                           return _this2.setState({ buttonLoading: buttonLoading });
                         }
                       }),
-                      !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && !hasCustomAmounts && React.createElement(
+                      !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && React.createElement(
                         'div',
                         { className: 'custom-amount-and-submit' },
                         React.createElement(Input, {
-                          required: true,
                           pattern: '[0-9]*',
                           className: 'custom-amount',
                           name: 'amount',
                           type: 'number',
                           step: '0.01',
-                          label: translate({
+                          placeholder: translate({
                             id: 'label.amount'
                           }, intl),
-                          status: errors && errors.amount && errors.amount.length ? 'failure' : '',
-                          value: currentAmount,
+                          showErrorText: false,
+                          showErrorIcon: errors && errors.amount && errors.amount.length > 0,
                           onChange: function onChange(e) {
                             return _this2.setState({
                               currentAmount: e.target.value
                             });
                           },
-                          autoFocus: shouldAutoFocus,
-                          setRef: function setRef(ref) {
-                            return _this2.amountInputRef = ref;
-                          }
+                          autoFocus: shouldAutoFocus
                         }),
                         React.createElement(
                           Button,
@@ -383,7 +384,7 @@ var DepositWidget = function (_Component) {
                       React.createElement(
                         'div',
                         { className: 'bonus-limit' },
-                        !minMaxExclusions.includes(selectedMethod.providerType.toLowerCase()) && !hasCustomAmounts && selectedMethod && selectedMethod.limit && React.createElement(MethodMinMax, {
+                        !minMaxExclusions.includes(selectedMethod.providerType.toLowerCase()) && !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && selectedMethod && selectedMethod.limit && React.createElement(MethodMinMax, {
                           method: selectedMethod,
                           currency: currency,
                           minDepositBonusAmount: minDepositBonusAmount,
@@ -455,8 +456,7 @@ var DepositWidget = function (_Component) {
             render: function render(_ref5) {
               var handleSubmit = _ref5.handleSubmit,
                   values = _ref5.values,
-                  change = _ref5.change,
-                  form = _ref5.form;
+                  change = _ref5.change;
               return React.createElement(
                 Fragment,
                 null,
@@ -481,10 +481,7 @@ var DepositWidget = function (_Component) {
                     React.createElement(
                       'div',
                       { className: 'account-details' },
-                      React.createElement(PaymentAccountForm, _extends({}, paymentAccountFormProps, {
-                        change: form.change,
-                        values: values
-                      }))
+                      React.createElement(PaymentAccountForm, paymentAccountFormProps)
                     ),
                     React.createElement(
                       Button,
@@ -657,16 +654,9 @@ var _initialiseProps = function _initialiseProps() {
         currency = _props4.currency,
         paymentStats = _props4.paymentStats,
         remainingDepositLimit = _props4.remainingDepositLimit,
-        payments = _props4.payments,
-        shouldAutoFocus = _props4.shouldAutoFocus;
+        payments = _props4.payments;
 
 
-    if (shouldAutoFocus) {
-      setTimeout(function () {
-        _this3.amountInputRef && _this3.amountInputRef.focus();
-      }, 1);
-    }
-
     var selectedMethodDetail = payments.find(function (payment) {
       return matchProviderType(payment, method);
     });