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

package/lib/widgets/ResponsibleGamingWidget/Timespan.js

@@ -282,7 +282,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
       setValue = _useState2[1];
 
   (0, _react.useEffect)(function () {
-    if (newLimit && newLimit.Amount) {
+    if (newLimit) {
       setValue(newLimit.Amount);
     }
   }, [newLimit]);
@@ -313,7 +313,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     });
   }
   // If not blocked from removing limit or 'No limit' option is selected -> add 'No limit' option
-  if (!validationState['limit-remove-blocked'] || value === 0) {
+  if (!validationState['limit-remove-blocked'] || value === 0 || value === '') {
     options.unshift({
       value: 0,
       label: messages.get('label.responsible-gaming.option.no-limit')
@@ -350,6 +350,8 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     }
   };
 
+  var isIphone = typeof window !== 'undefined' && navigator.platform === 'iPhone';
+
   return _react2.default.createElement(
     _react.Fragment,
     null,
@@ -383,7 +385,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
             setValue(parseInt(value));
             if (value > 0) _onChange(value);
           },
-          autoFocus: true,
+          autoFocus: !isIphone,
           min: validationState['limit-remove-blocked'] ? '1' : '0',
           max: validationState['limit-increase-blocked'] ? (0, _get2.default)(currentLimit, 'Amount') : Infinity
         }),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.2.1-alpha.0",
+  "version": "6.3.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": "4225fe0f7f3f35391ed6413c1b038d0f55c41625"
+  "gitHead": "06f3cdf713c2b8973a68fab04e7c0a74c125d723"
 }

package/es/components/Message/index.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import Icon from '../Icon';
-import cn from 'classnames';
-
-var Message = function Message(_ref) {
-  var closeButton = _ref.closeButton,
-      count = _ref.count,
-      onClick = _ref.onClick,
-      onClose = _ref.onClose,
-      content = _ref.content,
-      className = _ref.className,
-      icon = _ref.icon;
-
-  return React.createElement(
-    'div',
-    { className: cn('Message', className), onClick: onClick },
-    closeButton && React.createElement(
-      'span',
-      { className: 'close', onClick: onClose },
-      React.createElement(Icon, { icon: 'times' })
-    ),
-    icon && React.createElement(
-      'div',
-      { className: 'icon' },
-      React.createElement(Icon, { icon: '' + icon })
-    ),
-    React.createElement(
-      'div',
-      { className: 'content' },
-      content
-    ),
-    count && React.createElement(
-      'div',
-      { className: 'count' },
-      count
-    ),
-    React.createElement(Icon, { icon: 'chevron-right' })
-  );
-};
-
-export default Message;

package/es/lib/utils/bonus.js

@@ -1,47 +0,0 @@
-export var bonusMapping = {
-  InPlay: 'active',
-  Active: 'active',
-  Initiated: 'available',
-  PreClaimed: 'available',
-  PreWager: 'available',
-  Expired: 'finished',
-  Rejected: 'finished',
-  Finished: 'finished',
-  Canceled: 'finished',
-  FinishedNoGains: 'finished',
-  AdminCanceled: 'finished'
-};
-
-export var categorizeByState = function categorizeByState(bonuses) {
-  return {
-    available: bonuses.filter(function (b) {
-      return bonusMapping[b.State] === 'available';
-    }),
-    active: bonuses.filter(function (b) {
-      return bonusMapping[b.State] === 'active';
-    }),
-    finished: bonuses.filter(function (b) {
-      return bonusMapping[b.State] === 'finished';
-    })
-  };
-};
-
-export var getStatus = function getStatus(bonus) {
-  return bonusMapping[bonus.State];
-};
-
-export var getWageringProgress = function getWageringProgress(bonus) {
-  var wageringRequirement = bonusMapping[bonus.State] === 'available' ? bonus.PreWageringRequirment : bonus.WageringRequirment;
-
-  var wageringRequirementRemaining = bonusMapping[bonus.State] === 'available' ? bonus.PreWageringRequirmentRemaining : bonus.WageringRequirmentRemaining;
-
-  return Boolean(wageringRequirement) ? (100 - wageringRequirementRemaining / wageringRequirement * 100).toFixed(2) : null;
-};
-
-export var getNumberOfAvailableBonuses = function getNumberOfAvailableBonuses(bonuses) {
-  if (!Array.isArray(bonuses) || bonuses.length < 1) return 0;
-
-  return bonuses.filter(function (b) {
-    return bonusMapping[b.State] === 'available';
-  }).length;
-};

package/es/widgets/BonusOffers/Actions.js

@@ -1,167 +0,0 @@
-var _this = this;
-
-var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
-
-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"); } }; }();
-
-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 _asyncToGenerator(fn) { return function () { var gen = fn.apply(this, arguments); return new Promise(function (resolve, reject) { function step(key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { return Promise.resolve(value).then(function (value) { step("next", value); }, function (err) { step("throw", err); }); } } return step("next"); }); }; }
-
-import React, { useState } from 'react';
-import Button from '../../components/Button';
-import { FormattedMessage } from 'react-intl';
-import cn from 'classnames';
-
-var Actions = function Actions(_ref) {
-  var bonus = _ref.bonus,
-      onClaim = _ref.onClaim,
-      onCancel = _ref.onCancel,
-      onReject = _ref.onReject,
-      onTriggerByPromoCode = _ref.onTriggerByPromoCode,
-      status = _ref.status,
-      promotionCode = _ref.promotionCode,
-      onOther = _ref.onOther,
-      onSuccess = _ref.onSuccess;
-
-  var _useState = useState([{
-    conditions: status === 'active' || bonus.State === 'PreWager',
-    onClick: onOther,
-    isLoading: false,
-    disabled: false,
-    type: 'primary',
-    translation: 'action.other-bonus',
-    name: 'other',
-    args: [bonus, promotionCode]
-  }, {
-    conditions: bonus.State === 'Initiated',
-    onClick: onClaim,
-    isLoading: false,
-    disabled: false,
-    type: 'primary',
-    translation: 'action.claim',
-    name: 'claim',
-    args: [bonus]
-  }, {
-    conditions: status === 'available' && bonus.State !== 'Initiated' && bonus.State !== 'PreWager' && promotionCode,
-    onClick: onTriggerByPromoCode,
-    isLoading: false,
-    isDisabled: false,
-    type: 'primary',
-    translation: 'action.claim',
-    name: 'trigger',
-    args: [promotionCode]
-  }, {
-    conditions: bonus.State === 'Initiated',
-    onClick: onReject,
-    isLoading: false,
-    disabled: false,
-    type: 'tertiary',
-    translation: 'action.reject',
-    name: 'reject',
-    args: [bonus]
-  }, {
-    conditions: status === 'active',
-    onClick: onCancel,
-    isLoading: false,
-    disabled: false,
-    type: 'tertiary',
-    translation: 'action.cancel',
-    name: 'cancel',
-    args: [bonus.Id]
-  }]),
-      _useState2 = _slicedToArray(_useState, 2),
-      buttons = _useState2[0],
-      setButtons = _useState2[1];
-
-  var actionWrapper = function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(action, name) {
-      for (var _len = arguments.length, args = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-        args[_key - 2] = arguments[_key];
-      }
-
-      var res;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              setButtons([].concat(_toConsumableArray(buttons.map(function (b) {
-                if (b.name === name) {
-                  return _extends({}, b, {
-                    isLoading: true,
-                    disabled: true
-                  });
-                }
-
-                return b;
-              }))));
-
-              _context.next = 3;
-              return action.apply(undefined, _toConsumableArray(args));
-
-            case 3:
-              res = _context.sent;
-
-
-              if (res && res.payload && res.payload.isNetworkException || res && res.payload && res.payload === 0) {
-                setButtons([].concat(_toConsumableArray(buttons.map(function (b) {
-                  if (b.name === name) {
-                    return _extends({}, b, {
-                      isLoading: false,
-                      disabled: false
-                    });
-                  }
-
-                  return b;
-                }))));
-              } else {
-                onSuccess();
-
-                setButtons([].concat(_toConsumableArray(buttons.map(function (b) {
-                  if (b.name === name) {
-                    return _extends({}, b, {
-                      isLoading: false,
-                      disabled: true
-                    });
-                  }
-
-                  return b;
-                }))));
-              }
-
-            case 5:
-            case 'end':
-              return _context.stop();
-          }
-        }
-      }, _callee, _this);
-    }));
-
-    return function actionWrapper(_x, _x2) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-
-  return React.createElement(
-    'div',
-    { className: 'Actions' },
-    buttons && buttons.filter(function (b) {
-      return b.conditions;
-    }).map(function (b) {
-      return React.createElement(
-        Button,
-        {
-          key: b.name,
-          isLoading: b.isLoading,
-          disabled: b.disabled,
-          className: cn('button small', b.type),
-          onClick: function onClick() {
-            return actionWrapper.apply(undefined, [b.onClick, b.name].concat(_toConsumableArray(b.args)));
-          } },
-        React.createElement(FormattedMessage, { id: b.translation })
-      );
-    })
-  );
-};
-
-export default Actions;

package/es/widgets/BonusOffers/BonusCode.js

@@ -1,62 +0,0 @@
-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 { FormattedMessage, injectIntl } from 'react-intl';
-import cn from 'classnames';
-import Input from '../../components/Input';
-import Button from '../../components/Button';
-import Icon from '../../components/Icon';
-
-var BonusCode = function BonusCode(_ref) {
-  var _onSubmit = _ref.onSubmit,
-      intl = _ref.intl;
-
-  var _useState = useState(''),
-      _useState2 = _slicedToArray(_useState, 2),
-      bonusCode = _useState2[0],
-      setBonusCode = _useState2[1];
-
-  var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
-      showInput = _useState4[0],
-      setShowInput = _useState4[1];
-
-  return React.createElement(
-    'div',
-    { className: cn('BonusCode', { 'BonusCode--active': showInput }) },
-    React.createElement(
-      'span',
-      { onClick: function onClick() {
-          return setShowInput(!showInput);
-        } },
-      React.createElement(FormattedMessage, {
-        id: 'message.have_bonus_code',
-        defaultMessage: 'Do you have a bonus code?'
-      })
-    ),
-    showInput && React.createElement(
-      'form',
-      {
-        onSubmit: function onSubmit(e) {
-          e.preventDefault();
-          _onSubmit(bonusCode);
-        } },
-      React.createElement(Input, {
-        onChange: function onChange(e) {
-          return setBonusCode(e.target.value);
-        },
-        placeholder: intl.formatMessage({ id: 'cashier.bonus_code' })
-      }),
-      React.createElement(
-        Button,
-        {
-          className: 'button secondary',
-          type: 'submit',
-          disabled: bonusCode.trim() === '' },
-        React.createElement(Icon, { icon: 'chevron-right' })
-      )
-    )
-  );
-};
-
-export default injectIntl(BonusCode);

package/es/widgets/BonusOffers/Details.js

@@ -1,114 +0,0 @@
-import React from 'react';
-import marked from 'marked';
-import Icon from '../../components/Icon';
-import Notice from '../CashierAccordion/Payment/Notice';
-import getByPath from 'lodash/get';
-import Actions from './Actions';
-import { selectUnit } from '../../lib/utils/selectUnit';
-import { FormattedRelativeTime, FormattedNumber } from 'react-intl';
-import Translate from '../../components/Translate';
-
-var Details = function Details(_ref) {
-  var bonus = _ref.bonus,
-      content = _ref.content,
-      defaultImage = _ref.defaultImage,
-      status = _ref.status,
-      wageringProgress = _ref.wageringProgress,
-      onBack = _ref.onBack,
-      onClaim = _ref.onClaim,
-      onReject = _ref.onReject,
-      onTriggerByPromoCode = _ref.onTriggerByPromoCode,
-      selectBonus = _ref.selectBonus,
-      alert = _ref.alert;
-
-  return React.createElement(
-    'div',
-    { className: 'Details' },
-    React.createElement('div', { className: 'Details__back', onClick: onBack }),
-    React.createElement(
-      'div',
-      { className: 'Details__content' },
-      alert && React.createElement(Notice, {
-        level: alert.level,
-        icon: alert.level === 'success' ? React.createElement(Icon, { icon: 'check' }) : React.createElement(Icon, { icon: 'stop-circle' }),
-        header: React.createElement(Translate, { id: 'label.bonus-offers.' + alert.type })
-      }),
-      React.createElement(
-        'div',
-        { className: 'Details__content__name' },
-        getByPath(content, 'name') || bonus.Name
-      ),
-      React.createElement(
-        'div',
-        { className: 'Details__content__summary' },
-        getByPath(content, 'summary') || bonus.Description
-      ),
-      React.createElement(Actions, {
-        bonus: bonus,
-        onClaim: onClaim,
-        onReject: onReject,
-        onTriggerByPromoCode: onTriggerByPromoCode,
-        status: status,
-        promotionCode: getByPath(content, 'promotionCode'),
-        onSuccess: function onSuccess() {
-          return selectBonus(null);
-        }
-      }),
-      React.createElement(
-        'div',
-        { className: 'Details__content__statistics' },
-        React.createElement(
-          'ul',
-          null,
-          wageringProgress && React.createElement(
-            'li',
-            null,
-            status === 'available' ? React.createElement(Translate, {
-              id: 'label.bonus-offers.prewager',
-              defaultMessage: 'Progress'
-            }) : React.createElement(Translate, {
-              id: 'label.bonus-offers.wager',
-              defaultMessage: 'Progress'
-            }),
-            React.createElement(
-              'span',
-              null,
-              wageringProgress,
-              '%'
-            )
-          ),
-          React.createElement(
-            'li',
-            null,
-            React.createElement(Translate, { id: 'label.expires.bonus', defaultMessage: 'Expires' }),
-            React.createElement(FormattedRelativeTime, selectUnit(new Date(bonus.Expires + '+00:00'), true))
-          ),
-          bonus.Amount > 0 && React.createElement(
-            'li',
-            null,
-            React.createElement(Translate, { id: 'label.amount', defaultMessage: 'Amount' }),
-            React.createElement(FormattedNumber, {
-              value: bonus.Amount,
-              style: bonus.Type === 'Freespins' ? 'decimal' : 'currency',
-              currency: bonus.Currency
-            })
-          )
-        )
-      ),
-      React.createElement('div', {
-        className: 'Details__content__description',
-        dangerouslySetInnerHTML: {
-          __html: marked(getByPath(content, 'content') || '')
-        }
-      }),
-      React.createElement('div', {
-        className: 'Details__content__tac',
-        dangerouslySetInnerHTML: {
-          __html: marked(getByPath(content, 'termsAndConditions') || '')
-        }
-      })
-    )
-  );
-};
-
-export default Details;

package/es/widgets/BonusOffers/Finished.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import BonusWidget from '../BonusWidget';
-
-var Finished = function Finished(_ref) {
-  var bonuses = _ref.bonuses;
-
-  return React.createElement(
-    'div',
-    { className: 'Finished' },
-    React.createElement(BonusWidget, {
-      bonuses: bonuses,
-      exclude: ['available', 'active'],
-      disableBonusCodeForm: true
-    })
-  );
-};
-
-export default Finished;

package/es/widgets/BonusOffers/List.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import marked from 'marked';
-import getByPath from 'lodash/get';
-import { FormattedMessage } from 'react-intl';
-import AccordionWidget from '../AccordionWidget';
-import { getStatus } from '../../lib/utils/bonus';
-
-var Item = function Item(_ref) {
-  var bonus = _ref.bonus,
-      content = _ref.content,
-      status = _ref.status,
-      defaultImage = _ref.defaultImage;
-  return React.createElement(
-    'div',
-    { className: 'List__Item' },
-    React.createElement(
-      'div',
-      {
-        className: 'List__Item__image',
-        style: {
-          backgroundImage: 'url(' + getByPath(content, 'image.file.url', defaultImage) + ')'
-        } },
-      status === 'active' && React.createElement(
-        'span',
-        { className: 'List__Item__image__badge' },
-        React.createElement(FormattedMessage, { id: 'label.' + bonus.State.toLowerCase() })
-      )
-    ),
-    React.createElement(
-      'div',
-      { className: 'List__Item__content' },
-      React.createElement(
-        'div',
-        { className: 'List__Item__content__name' },
-        getByPath(content, 'name') || bonus.Name
-      ),
-      React.createElement(
-        'div',
-        { className: 'List__Item__content__summary' },
-        getByPath(content, 'summary') || bonus.Description
-      ),
-      React.createElement('div', {
-        className: 'List__Item__content__disclaimer',
-        dangerouslySetInnerHTML: {
-          __html: marked(getByPath(content, 'disclaimer') || '')
-        }
-      })
-    )
-  );
-};
-
-var List = function List(_ref2) {
-  var bonuses = _ref2.bonuses,
-      content = _ref2.content,
-      defaultImage = _ref2.defaultImage,
-      selectBonus = _ref2.selectBonus;
-
-  return React.createElement(
-    'div',
-    { className: 'List' },
-    React.createElement(AccordionWidget, {
-      onClickHeader: function onClickHeader(e, key, item) {
-        return selectBonus(item.item);
-      },
-      items: bonuses.map(function (b, i) {
-        return {
-          customClass: getStatus(b),
-          item: b,
-          header: React.createElement(Item, {
-            bonus: b,
-            status: getStatus(b),
-            content: content.find(function (c) {
-              return c.identifier === b.Identifier;
-            }),
-            defaultImage: defaultImage
-          })
-        };
-      })
-    })
-  );
-};
-
-export default List;

package/es/widgets/BonusOffers/Overview.js

@@ -1,51 +0,0 @@
-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); } }
-
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-import Icon from '../../components/Icon';
-import Notice from '../CashierAccordion/Payment/Notice';
-import List from './List.js';
-import BonusCode from './BonusCode.js';
-import Finished from './Finished';
-
-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 React.createElement(
-    'div',
-    { className: 'Overview' },
-    alert && React.createElement(Notice, {
-      level: alert.level,
-      icon: alert.level === 'success' ? React.createElement(Icon, { icon: 'check' }) : React.createElement(Icon, { icon: 'stop-circle' }),
-      header: React.createElement(FormattedMessage, { id: 'label.bonus-offers.' + alert.type })
-    }),
-    React.createElement(FormattedMessage, {
-      id: 'label.bonus-offers.overview-title',
-      defaultMessage: 'My Offers',
-      tagName: 'h2'
-    }),
-    availableBonuses.length === 0 && React.createElement(FormattedMessage, {
-      id: 'label.bonus-offers.overview-no-offers',
-      defaultMessage: 'No bonus offers available...',
-      tagName: 'p'
-    }),
-    availableBonuses.length > 0 && React.createElement(List, {
-      bonuses: availableBonuses,
-      content: content,
-      defaultImage: defaultImage,
-      selectBonus: selectBonus
-    }),
-    React.createElement(BonusCode, { onSubmit: onPreClaim }),
-    finishedBonuses.length > 0 && React.createElement(Finished, { bonuses: finishedBonuses })
-  );
-};
-
-export default Overview;