tg-core-components 6.1.9-intl-test.0 → 6.2.0-alpha.0

package/lib/widgets/BonusOffers/index.js

@@ -0,0 +1,95 @@
+'use strict';
+
+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);
+
+var _Overview = require('./Overview');
+
+var _Overview2 = _interopRequireDefault(_Overview);
+
+var _Details = require('./Details');
+
+var _Details2 = _interopRequireDefault(_Details);
+
+var _bonus = require('../../lib/utils/bonus');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var BonusOffers = function BonusOffers(_ref) {
+  var bonuses = _ref.bonuses,
+      content = _ref.content,
+      defaultImage = _ref.defaultImage,
+      onClaim = _ref.onClaim,
+      onCancel = _ref.onCancel,
+      onReject = _ref.onReject,
+      onPreClaim = _ref.onPreClaim,
+      onTriggerByPromoCode = _ref.onTriggerByPromoCode,
+      onOther = _ref.onOther,
+      getBonus = _ref.getBonus,
+      alerts = _ref.alerts,
+      removeAlert = _ref.removeAlert,
+      scrollToTop = _ref.scrollToTop;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = _slicedToArray(_useState, 2),
+      selectedBonus = _useState2[0],
+      _selectBonus = _useState2[1];
+
+  var mappedBonuses = (0, _bonus.categorizeByState)(bonuses);
+  var alert = alerts && alerts.length > 0 ? alerts[0] : null;
+
+  (0, _react.useEffect)(function () {
+    scrollToTop();
+    alert && removeAlert(alert.type);
+  }, [selectedBonus]);
+
+  (0, _react.useEffect)(function () {
+    alert && scrollToTop();
+  }, [alert]);
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'BonusOffers' },
+    !selectedBonus && _react2.default.createElement(_Overview2.default, {
+      bonuses: mappedBonuses,
+      content: content,
+      defaultImage: defaultImage,
+      selectBonus: function selectBonus(bonus) {
+        return _selectBonus(bonus);
+      },
+      onPreClaim: onPreClaim,
+      alert: alert
+    }),
+    selectedBonus && _react2.default.createElement(_Details2.default, {
+      bonus: selectedBonus,
+      content: content.find(function (c) {
+        return c.identifier === selectedBonus.Identifier;
+      }) || {},
+      defaultImage: defaultImage,
+      wageringProgress: (0, _bonus.getWageringProgress)(selectedBonus),
+      onBack: function onBack() {
+        return _selectBonus(null);
+      },
+      status: (0, _bonus.getStatus)(selectedBonus),
+      onClaim: onClaim,
+      onReject: onReject,
+      onCancel: onCancel,
+      onTriggerByPromoCode: onTriggerByPromoCode,
+      onOther: onOther,
+      getBonus: getBonus,
+      selectBonus: function selectBonus(bonus) {
+        return _selectBonus(bonus);
+      },
+      alert: alert
+    })
+  );
+};
+
+exports.default = BonusOffers;

package/lib/widgets/BonusWidget/index.js

@@ -38,6 +38,8 @@ var _marked2 = _interopRequireDefault(_marked);
 
 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); } }
+
 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);
@@ -155,7 +157,10 @@ var BonusWidget = function BonusWidget(_ref3) {
   var bonuses = _ref3.bonuses,
       handleBonusCodeSubmit = _ref3.handleBonusCodeSubmit,
       onClaimBonus = _ref3.onClaimBonus,
-      onRejectBonus = _ref3.onRejectBonus;
+      onRejectBonus = _ref3.onRejectBonus,
+      _ref3$exclude = _ref3.exclude,
+      exclude = _ref3$exclude === undefined ? [] : _ref3$exclude,
+      disableBonusCodeForm = _ref3.disableBonusCodeForm;
 
   var bonusList = { active: null, available: null, finished: null };
 
@@ -290,19 +295,25 @@ var BonusWidget = function BonusWidget(_ref3) {
 
   var menu = {
     identifier: 'account-history',
-    items: [{
+    items: [].concat(_toConsumableArray(!exclude.includes('active') ? [{
       name: _react2.default.createElement(_Translate2.default, { id: 'label.active', defaultMessage: 'Activate' }),
       content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['active'], noData: 'list.no_data.active' })
-    }, {
+    }] : []), _toConsumableArray(!exclude.includes('available') ? [{
       name: _react2.default.createElement(_Translate2.default, { id: 'label.available', defaultMessage: 'Available' }),
-      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['available'], noData: 'list.no_data.available' })
-    }, {
+      content: _react2.default.createElement(_tgCoreComponents.List, {
+        data: bonusList['available'],
+        noData: 'list.no_data.available'
+      })
+    }] : []), _toConsumableArray(!exclude.includes('finished') ? [{
       name: _react2.default.createElement(_Translate2.default, { id: 'label.finished', defaultMessage: 'Finished' }),
-      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['finished'], noData: 'list.no_data.finished' })
-    }, {
+      content: _react2.default.createElement(_tgCoreComponents.List, {
+        data: bonusList['finished'],
+        noData: 'list.no_data.finished'
+      })
+    }] : []), _toConsumableArray(disableBonusCodeForm && {
       name: _react2.default.createElement(_Translate2.default, { id: 'label.bonus_code', defaultMessage: 'Bonus code' }),
       content: _react2.default.createElement(_BonusCode2.default, { handleSubmit: handleBonusCodeSubmit })
-    }]
+    }))
   };
 
   var items = menu.items.map(function (item, i) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.1.9-intl-test.0",
+  "version": "6.2.0-alpha.0",
   "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": "bd658b78122bffa4c97e4e9bcb7a6577b319b265"
+  "gitHead": "8d4a433b94fab6315b39a09655d7d4af38eec7f1"
 }