tg-core-components 6.2.1-alpha.0 → 6.3.0

package/lib/widgets/BonusOffers/List.js

@@ -1,104 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _marked = require('marked');
-
-var _marked2 = _interopRequireDefault(_marked);
-
-var _get = require('lodash/get');
-
-var _get2 = _interopRequireDefault(_get);
-
-var _reactIntl = require('react-intl');
-
-var _AccordionWidget = require('../AccordionWidget');
-
-var _AccordionWidget2 = _interopRequireDefault(_AccordionWidget);
-
-var _bonus = require('../../lib/utils/bonus');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Item = function Item(_ref) {
-  var bonus = _ref.bonus,
-      content = _ref.content,
-      status = _ref.status,
-      defaultImage = _ref.defaultImage;
-  return _react2.default.createElement(
-    'div',
-    { className: 'List__Item' },
-    _react2.default.createElement(
-      'div',
-      {
-        className: 'List__Item__image',
-        style: {
-          backgroundImage: 'url(' + (0, _get2.default)(content, 'image.file.url', defaultImage) + ')'
-        } },
-      status === 'active' && _react2.default.createElement(
-        'span',
-        { className: 'List__Item__image__badge' },
-        _react2.default.createElement(_reactIntl.FormattedMessage, { id: 'label.' + bonus.State.toLowerCase() })
-      )
-    ),
-    _react2.default.createElement(
-      'div',
-      { className: 'List__Item__content' },
-      _react2.default.createElement(
-        'div',
-        { className: 'List__Item__content__name' },
-        (0, _get2.default)(content, 'name') || bonus.Name
-      ),
-      _react2.default.createElement(
-        'div',
-        { className: 'List__Item__content__summary' },
-        (0, _get2.default)(content, 'summary') || bonus.Description
-      ),
-      _react2.default.createElement('div', {
-        className: 'List__Item__content__disclaimer',
-        dangerouslySetInnerHTML: {
-          __html: (0, _marked2.default)((0, _get2.default)(content, 'disclaimer') || '')
-        }
-      })
-    )
-  );
-};
-
-var List = function List(_ref2) {
-  var bonuses = _ref2.bonuses,
-      content = _ref2.content,
-      defaultImage = _ref2.defaultImage,
-      selectBonus = _ref2.selectBonus;
-
-  return _react2.default.createElement(
-    'div',
-    { className: 'List' },
-    _react2.default.createElement(_AccordionWidget2.default, {
-      onClickHeader: function onClickHeader(e, key, item) {
-        return selectBonus(item.item);
-      },
-      items: bonuses.map(function (b, i) {
-        return {
-          customClass: (0, _bonus.getStatus)(b),
-          item: b,
-          header: _react2.default.createElement(Item, {
-            bonus: b,
-            status: (0, _bonus.getStatus)(b),
-            content: content.find(function (c) {
-              return c.identifier === b.Identifier;
-            }),
-            defaultImage: defaultImage
-          })
-        };
-      })
-    })
-  );
-};
-
-exports.default = List;

package/lib/widgets/BonusOffers/Overview.js

@@ -1,77 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _reactIntl = require('react-intl');
-
-var _Icon = require('../../components/Icon');
-
-var _Icon2 = _interopRequireDefault(_Icon);
-
-var _Notice = require('../CashierAccordion/Payment/Notice');
-
-var _Notice2 = _interopRequireDefault(_Notice);
-
-var _List = require('./List.js');
-
-var _List2 = _interopRequireDefault(_List);
-
-var _BonusCode = require('./BonusCode.js');
-
-var _BonusCode2 = _interopRequireDefault(_BonusCode);
-
-var _Finished = require('./Finished');
-
-var _Finished2 = _interopRequireDefault(_Finished);
-
-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 Overview = function Overview(_ref) {
-  var bonuses = _ref.bonuses,
-      content = _ref.content,
-      defaultImage = _ref.defaultImage,
-      selectBonus = _ref.selectBonus,
-      onPreClaim = _ref.onPreClaim,
-      alert = _ref.alert;
-
-  var availableBonuses = [].concat(_toConsumableArray(bonuses.active), _toConsumableArray(bonuses.available));
-  var finishedBonuses = bonuses.finished;
-
-  return _react2.default.createElement(
-    'div',
-    { className: 'Overview' },
-    alert && _react2.default.createElement(_Notice2.default, {
-      level: alert.level,
-      icon: alert.level === 'success' ? _react2.default.createElement(_Icon2.default, { icon: 'check' }) : _react2.default.createElement(_Icon2.default, { icon: 'stop-circle' }),
-      header: _react2.default.createElement(_reactIntl.FormattedMessage, { id: 'label.bonus-offers.' + alert.type })
-    }),
-    _react2.default.createElement(_reactIntl.FormattedMessage, {
-      id: 'label.bonus-offers.overview-title',
-      defaultMessage: 'My Offers',
-      tagName: 'h2'
-    }),
-    availableBonuses.length === 0 && _react2.default.createElement(_reactIntl.FormattedMessage, {
-      id: 'label.bonus-offers.overview-no-offers',
-      defaultMessage: 'No bonus offers available...',
-      tagName: 'p'
-    }),
-    availableBonuses.length > 0 && _react2.default.createElement(_List2.default, {
-      bonuses: availableBonuses,
-      content: content,
-      defaultImage: defaultImage,
-      selectBonus: selectBonus
-    }),
-    _react2.default.createElement(_BonusCode2.default, { onSubmit: onPreClaim }),
-    finishedBonuses.length > 0 && _react2.default.createElement(_Finished2.default, { bonuses: finishedBonuses })
-  );
-};
-
-exports.default = Overview;

package/lib/widgets/BonusOffers/index.js

@@ -1,95 +0,0 @@
-'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;