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

package/lib/widgets/BonusWidget/BonusCode.js

@@ -14,10 +14,6 @@ var _Input = require('tg-core-components/lib/components/Input');
 
 var _Input2 = _interopRequireDefault(_Input);
 
-var _Button = require('tg-core-components/lib/components/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
 var _compose = require('recompose/compose');
 
 var _compose2 = _interopRequireDefault(_compose);
@@ -83,23 +79,31 @@ var BonusCodeForm = function BonusCodeForm(_ref3) {
   return _react2.default.createElement(
     'form',
     { className: 'form', onSubmit: onSubmit },
-    _react2.default.createElement(_Input2.default, {
-      label: (0, _translate2.default)({
-        id: 'label.bonus_code',
-        defaultMessage: 'Bonus code'
-      }, intl),
-      type: 'text',
-      name: 'bonusCode',
-      status: errors.bonusCode && 'failure' || 'idle',
-      statusText: errors.bonusCode && (0, _translate2.default)({ id: errors.bonusCode }, intl)
-    }),
     _react2.default.createElement(
-      _Button2.default,
-      { className: 'button primary wide', type: 'submit' },
-      (0, _translate2.default)({
-        id: 'label.activate',
-        defaultMessage: 'Activate'
-      }, intl)
+      'div',
+      { className: 'bonus-code-form' },
+      _react2.default.createElement(_Input2.default, {
+        className: 'layout-item',
+        title: (0, _translate2.default)({
+          id: 'label.bonus_code',
+          defaultMessage: 'Bonus code'
+        }, intl),
+        type: 'text',
+        name: 'bonusCode',
+        error: errors.bonusCode && (0, _translate2.default)({ id: errors.bonusCode }, intl)
+      }),
+      _react2.default.createElement(
+        'div',
+        { className: 'layout-item' },
+        _react2.default.createElement(
+          'button',
+          { className: 'button primary wide', type: 'submit' },
+          (0, _translate2.default)({
+            id: 'label.activate',
+            defaultMessage: 'Activate'
+          }, intl)
+        )
+      )
     )
   );
 };

package/lib/widgets/BonusWidget/index.js

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+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 _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
@@ -30,13 +32,68 @@ var _Translate2 = _interopRequireDefault(_Translate);
 
 var _states = require('./states');
 
+var _marked = require('marked');
+
+var _marked2 = _interopRequireDefault(_marked);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+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 = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      isLoadingClaim = _useState2[0],
+      setIsLoadingClaim = _useState2[1];
+
+  var _useState3 = (0, _react.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 _react2.default.createElement(
+    'div',
+    { className: 'actions' },
+    ALEACC_BONUS_CLAIM_STATE.includes(bonus.State) && _react2.default.createElement(
+      _Button2.default,
+      {
+        className: 'button primary small',
+        onClick: claimBonus,
+        isLoading: isLoadingClaim },
+      _react2.default.createElement(_Translate2.default, { id: 'action.bonus.claim', defaultMessage: 'Claim' })
+    ),
+    ALEACC_BONUS_REJECT_STATE.includes(bonus.State) && _react2.default.createElement(
+      _Button2.default,
+      {
+        className: 'button secondary small',
+        onClick: rejectBonus,
+        isLoading: isLoadingReject },
+      _react2.default.createElement(_Translate2.default, { 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;
@@ -44,9 +101,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) {
@@ -54,10 +108,8 @@ var BonusAction = function BonusAction(_ref) {
     return _react2.default.createElement(
       _Button2.default,
       {
-        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') },
       _react2.default.createElement(_Translate2.default, { id: 'action.bonus.type1', defaultMessage: 'Action type1' })
@@ -70,14 +122,8 @@ var BonusAction = function BonusAction(_ref) {
     return _react2.default.createElement(
       _Button2.default,
       {
-        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') },
       _react2.default.createElement(_Translate2.default, { id: 'action.bonus.type2', defaultMessage: 'Action type2' })
@@ -90,20 +136,8 @@ var BonusAction = function BonusAction(_ref) {
     return _react2.default.createElement(
       _Button2.default,
       {
-        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 && _react2.default.createElement(_Translate2.default, {
@@ -117,12 +151,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 };
 
@@ -174,12 +207,13 @@ var BonusWidget = function BonusWidget(_ref2) {
       })]];
 
       // Add bonus actions to not expired Fasttrack bonuses
-      if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(_react2.default.createElement(BonusAction, {
-        bonus: item,
-        claimBonus: claimBonus,
-        device: device,
-        redirect: redirect
-      }));
+      if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(_react2.default.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(_react2.default.createElement(BonusAction, {
+          bonus: item,
+          onClaimBonus: onClaimBonus,
+          onRejectBonus: onRejectBonus
+        }));
 
       var detail = [[_react2.default.createElement(
         'span',
@@ -239,6 +273,13 @@ var BonusWidget = function BonusWidget(_ref2) {
         })
       )]];
 
+      info.push([_react2.default.createElement('div', {
+        className: 'disclaimer',
+        dangerouslySetInnerHTML: {
+          __html: item.content && item.content.disclaimer && (0, _marked2.default)(item.content.disclaimer || '') || item.promotion && item.promotion.shortDisclaimer
+        }
+      })]);
+
       return {
         id: item.Id,
         info: info,

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Button = require('../../../../components/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Translate = require('../../../../components/Translate');
+
+var _Translate2 = _interopRequireDefault(_Translate);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'NewTab' },
+    _react2.default.createElement(_Translate2.default, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    _react2.default.createElement(
+      _Button2.default,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      _react2.default.createElement(_Translate2.default, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+exports.default = NewTab;

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

@@ -29,6 +29,10 @@ var _PaymentResult = require('./PaymentResult');
 
 var _PaymentResult2 = _interopRequireDefault(_PaymentResult);
 
+var _NewTab = require('./NewTab');
+
+var _NewTab2 = _interopRequireDefault(_NewTab);
+
 var _flatten = require('lodash/flatten');
 
 var _flatten2 = _interopRequireDefault(_flatten);
@@ -151,7 +155,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) {
@@ -176,7 +181,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 _react2.default.createElement(_NewTab2.default, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return _react2.default.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: redirect ? '_top' : frameId

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

@@ -10,9 +10,13 @@ var _react = require('react');
 
 var _react2 = _interopRequireDefault(_react);
 
-var _Input = require('../../../../components/Input');
+var _TextInput = require('../../../../components/Deposit/TextInput');
 
-var _Input2 = _interopRequireDefault(_Input);
+var _TextInput2 = _interopRequireDefault(_TextInput);
+
+var _Icon = require('../../../../components/Icon');
+
+var _Icon2 = _interopRequireDefault(_Icon);
 
 var _reactIntl = require('react-intl');
 
@@ -66,14 +70,16 @@ var BonusCodeInput = function (_Component) {
         return _react2.default.createElement(
           'div',
           { className: 'bonus-code-input-wrapper' },
-          _react2.default.createElement(_Input2.default, {
+          _react2.default.createElement(_TextInput2.default, {
             name: 'bonusCode',
-            value: bonusCode,
-            onChange: onChange,
             autoFocus: true,
-            label: (0, _translate2.default)({ id: 'cashier.bonus_code' }, intl),
+            placeholder: (0, _translate2.default)({ id: 'cashier.bonus_code' }, intl),
             disabled: disabled,
-            status: status === 'active' && 'success' || status === 'pending' && 'loading'
+            onChange: onChange
+          }),
+          status && _react2.default.createElement(_Icon2.default, {
+            icon: status === 'active' ? 'check' : '',
+            className: 'bonus-icon bonus-' + status
           })
         );
       }

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

@@ -46,9 +46,9 @@ var _marked = require('marked');
 
 var _marked2 = _interopRequireDefault(_marked);
 
-var _Input = require('../../../../components/Input');
+var _TextInput = require('../../../../components/Deposit/TextInput');
 
-var _Input2 = _interopRequireDefault(_Input);
+var _TextInput2 = _interopRequireDefault(_TextInput);
 
 var _PaymentAmountSelector = require('../../Payment/PaymentAmountSelector');
 
@@ -90,6 +90,8 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
 
 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); } }
+
 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; }
@@ -246,7 +248,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();
@@ -257,8 +263,6 @@ var DepositWidget = function (_Component) {
         return (0, _Payment.matchProviderType)(payment, selectedMethod);
       });
 
-      var hasCustomAmounts = selectedMethodDetail && selectedMethodDetail.customAmounts;
-
       var selectedBonus = bonuses.find(function (b) {
         return b.PromoCode === bonusCode;
       });
@@ -355,7 +359,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 _react2.default.createElement(
                       _react.Fragment,
@@ -365,7 +369,7 @@ var DepositWidget = function (_Component) {
                       renderNotVerifiedNotice && renderNotVerifiedNotice(currentAmount),
                       renderCanceledNotice && renderCanceledNotice(),
                       renderAllowBonusWarning && renderAllowBonusWarning(selectedMethodDetail, _this2.state.bonusCode),
-                      selectedMethod.txType === 'SwishDeposit' && _react2.default.createElement(_Input2.default, {
+                      selectedMethod.txType === 'SwishDeposit' && _react2.default.createElement(_TextInput2.default, {
                         className: 'swish-number',
                         name: 'swishNumber',
                         type: 'tel',
@@ -373,6 +377,7 @@ var DepositWidget = function (_Component) {
                           id: 'label.mobile_number_placeholder',
                           defaultMessage: 'eg. 0701234567'
                         }, intl),
+                        isControlled: true,
                         value: _this2.state.swishNumber,
                         title: (0, _translate2.default)({
                           id: 'label.mobile_number'
@@ -401,30 +406,26 @@ var DepositWidget = function (_Component) {
                           return _this2.setState({ buttonLoading: buttonLoading });
                         }
                       }),
-                      !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && !hasCustomAmounts && _react2.default.createElement(
+                      !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && _react2.default.createElement(
                         'div',
                         { className: 'custom-amount-and-submit' },
-                        _react2.default.createElement(_Input2.default, {
-                          required: true,
+                        _react2.default.createElement(_TextInput2.default, {
                           pattern: '[0-9]*',
                           className: 'custom-amount',
                           name: 'amount',
                           type: 'number',
                           step: '0.01',
-                          label: (0, _translate2.default)({
+                          placeholder: (0, _translate2.default)({
                             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
                         }),
                         _react2.default.createElement(
                           _Button2.default,
@@ -448,7 +449,7 @@ var DepositWidget = function (_Component) {
                       _react2.default.createElement(
                         'div',
                         { className: 'bonus-limit' },
-                        !minMaxExclusions.includes(selectedMethod.providerType.toLowerCase()) && !hasCustomAmounts && selectedMethod && selectedMethod.limit && _react2.default.createElement(_MethodMinMax2.default, {
+                        !minMaxExclusions.includes(selectedMethod.providerType.toLowerCase()) && !customAmountExclusions.includes(selectedMethod.providerType.toLowerCase()) && selectedMethod && selectedMethod.limit && _react2.default.createElement(_MethodMinMax2.default, {
                           method: selectedMethod,
                           currency: currency,
                           minDepositBonusAmount: minDepositBonusAmount,
@@ -520,8 +521,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 _react2.default.createElement(
                 _react.Fragment,
                 null,
@@ -546,10 +546,7 @@ var DepositWidget = function (_Component) {
                     _react2.default.createElement(
                       'div',
                       { className: 'account-details' },
-                      _react2.default.createElement(PaymentAccountForm, _extends({}, paymentAccountFormProps, {
-                        change: form.change,
-                        values: values
-                      }))
+                      _react2.default.createElement(PaymentAccountForm, paymentAccountFormProps)
                     ),
                     _react2.default.createElement(
                       _Button2.default,
@@ -722,16 +719,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 (0, _Payment.matchProviderType)(payment, method);
     });