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

package/es/components/Money/index.js

@@ -4,13 +4,25 @@ import React from 'react';
 import { FormattedNumber } from 'react-intl';
 import PropTypes from 'prop-types';
 
+/**
+ * For crypto we want more decimals.
+ */
+var fractionDigits = {
+  BTC: { min: 5, max: 5 },
+  LTC: { min: 5, max: 5 },
+  XBC: { min: 5, max: 5 },
+  ETH: { min: 5, max: 5 },
+  BCH: { min: 5, max: 5 },
+  XRP: { min: 3, max: 3 }
+};
+
 /**
  * FormattedNumber component to display currency
  */
 var Money = function Money(props) {
   return React.createElement(FormattedNumber, _extends({
-    minimumFractionDigits: props.decimals ? 2 : 0,
-    maximumFractionDigits: props.decimals ? 2 : 0
+    minimumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].min || 2 : 0,
+    maximumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].max || 2 : 0
   }, props, {
     style: 'currency'
   }));
@@ -34,4 +46,14 @@ Money.defaultProps = {
   decimals: true
 };
 
+export var format = function format(currency) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].min : null,
+    maximumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].max : null
+  });
+};
+
 export default Money;

package/es/components/Picture/index.js

@@ -35,7 +35,7 @@ var Picture = function Picture(_ref) {
       });
     }),
     React.createElement('img', _extends({
-      src: typeof src === 'string' && src,
+      src: typeof src === 'string' ? src : undefined,
       width: width,
       height: height,
       loading: loading

package/es/index.js

@@ -51,9 +51,8 @@ import ResponsibleGamingAccordionSignUp from './widgets/ResponsibleGamingAccordi
 import ResponsibleGamingSingleSignUp from './widgets/ResponsibleGamingSingleSignUp';
 import ResponsibleGamingWidget from './widgets/ResponsibleGamingWidget';
 import VerifyAccordionWidget from './widgets/VerifyAccordionWidget';
-import BonusOffers from './widgets/BonusOffers';
 
 // misc
 import countryEmojiFlags from './misc/countryEmojiFlags';
 
-export { BonusOffers, AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton, AutocompleteInput };
+export { AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton, AutocompleteInput };

package/es/lib/WithValidation/rules/blacklistedCharacters.js

@@ -0,0 +1,3 @@
+export default (function (value) {
+  return !value.match(/[\+\=?!@%&<>\[\]{}()<>|$€£#\/\\]/);
+});

package/es/lib/WithValidation/rules/noSpecialCharacters.js

@@ -0,0 +1,3 @@
+export default (function (value) {
+  return !value.match(/[\s!"#\$%&'\(\)\*\+,\-\.\/:;<>\?@\[\\\]\^_`{|}~]/);
+});

package/es/lib/WithValidation/rules/phone.js

@@ -1,3 +1,3 @@
-export default (function (phone) {
-  return phone ? /^[\+]?[0-9]{0,4}[0-9]{8,12}$/.test(phone) : true;
+export default (function (value) {
+  return value.match(/^\+?\d{9,17}$/);
 });

package/es/lib/utils/selectUnit.js

@@ -8,55 +8,51 @@ var MILISECONDS = {
   IN_A_YEAR: 31536000000
 };
 
-export var selectUnit = function selectUnit(value) {
-  var isFuture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+export var selectUnit = function selectUnit(from) {
   var now = Date.now();
-  var ms = isFuture ? value - now : now - value;
-
-  var operatorCalc = isFuture ? 1 : -1;
+  var ms = now - from;
 
   switch (true) {
     case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_SECOND),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
         unit: 'second',
         updateIntervalInSeconds: 1
       };
 
     case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
         unit: 'minute'
       };
 
     case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
         unit: 'hour'
       };
 
     case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_DAY),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
         unit: 'day'
       };
 
     case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_WEEK),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
         unit: 'week'
       };
 
     case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MONTH),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
         unit: 'month'
       };
 
     case MILISECONDS.IN_A_YEAR < ms:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_YEAR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
         unit: 'year'
       };
 

package/es/lib/utils/translate.js

@@ -9,7 +9,7 @@ var translate = function translate(_ref, intl) {
       values = _ref.values,
       rest = _objectWithoutProperties(_ref, ['id', 'values']);
 
-  var cacheId = id + (JSON.stringify(values) || '');
+  var cacheId = id + (typeof intl !== 'undefined' ? intl.locale : '') + (JSON.stringify(values) || '');
   if (cache[cacheId]) return cache[cacheId];
 
   var g = typeof window !== 'undefined' && window || typeof global !== 'undefined' && global || {};

package/es/misc/countryEmojiFlags.js

@@ -9,6 +9,7 @@ export default {
   AG: '🇦🇬',
   AU: '🇦🇺',
   AT: '🇦🇹',
+  AW: '🇦🇼',
   AZ: '🇦🇿',
   BI: '🇧🇮',
   BE: '🇧🇪',
@@ -24,6 +25,7 @@ export default {
   BO: '🇧🇴',
   BR: '🇧🇷',
   BB: '🇧🇧',
+  BM: '🇧🇲',
   BN: '🇧🇳',
   BT: '🇧🇹',
   BW: '🇧🇼',
@@ -33,6 +35,7 @@ export default {
   CL: '🇨🇱',
   CN: '🇨🇳',
   CI: '🇨🇮',
+  CK: '🇨🇰',
   CM: '🇨🇲',
   CD: '🇨🇩',
   CG: '🇨🇬',
@@ -167,6 +170,7 @@ export default {
   SZ: '🇸🇿',
   SC: '🇸🇨',
   SY: '🇸🇾',
+  TC: '🇹🇨',
   TD: '🇹🇩',
   TG: '🇹🇬',
   TH: '🇹🇭',
@@ -178,6 +182,7 @@ export default {
   TN: '🇹🇳',
   TR: '🇹🇷',
   TV: '🇹🇻',
+  TW: '🇹🇼',
   TZ: '🇹🇿',
   UG: '🇺🇬',
   UA: '🇺🇦',

package/es/widgets/AccordionWidget/index.js

@@ -12,13 +12,10 @@ 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; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React, { Component, useState } from 'react';
 import PropTypes from 'prop-types';
 import AnimateHeight from 'react-animate-height';
 import Icon from '../../components/Icon';
-import cn from 'classnames';
 
 var AccordionHeader = function AccordionHeader(_ref) {
   var expanded = _ref.expanded,
@@ -86,14 +83,10 @@ var AccordionContent = function AccordionContent(_ref2) {
 var AccordionItem = function AccordionItem(_ref3) {
   var header = _ref3.header,
       content = _ref3.content,
-      expanded = _ref3.expanded,
-      customClass = _ref3.customClass;
+      expanded = _ref3.expanded;
   return React.createElement(
     'div',
-    {
-      className: cn('AccordionItem', _defineProperty({
-        'AccordionItem--expanded': expanded
-      }, 'AccordionItem--' + customClass, customClass)) },
+    { className: 'AccordionItem' + (expanded ? ' AccordionItem--expanded' : '') },
     header,
     content
   );
@@ -182,8 +175,7 @@ var Accordion = function (_Component) {
             animationDuration: animationDuration,
             contentCollapsedHeight: contentCollapsedHeight
           }),
-          key: index,
-          customClass: item.customClass
+          key: index
         };
       });
 

package/es/widgets/AccountDetail/index.js

@@ -3,6 +3,10 @@ import compose from 'recompose/compose';
 import PropTypes from 'prop-types';
 import { injectIntl } from 'react-intl';
 import require from '../../lib/WithValidation/rules/required';
+import phone from '../../lib/WithValidation/rules/phone';
+import blacklistedCharacters from '../../lib/WithValidation/rules/blacklistedCharacters';
+import noSpecialCharacters from '../../lib/WithValidation/rules/noSpecialCharacters';
+import stringWithoutNumbers from '../../lib/WithValidation/rules/stringWithoutNumbers';
 import WithValidation from '../../lib/WithValidation';
 import Input from '../../components/Input';
 import Select from '../../components/Select';
@@ -11,6 +15,32 @@ import Button from '../../components/Button';
 import countryEmojiFlags from '../../misc/countryEmojiFlags';
 import Icon from '../../components/Icon';
 
+var genders = [{
+  label: function label(intl) {
+    return translate({
+      id: 'noun.male',
+      defaultMessage: 'Male'
+    }, intl);
+  },
+  value: 'Male'
+}, {
+  label: function label(intl) {
+    return translate({
+      id: 'noun.female',
+      defaultMessage: 'Female'
+    }, intl);
+  },
+  value: 'Female'
+}, {
+  label: function label(intl) {
+    return translate({
+      id: 'noun.other',
+      defaultMessage: 'Other'
+    }, intl);
+  },
+  value: 'Other'
+}];
+
 var AccountDetail = function AccountDetail(_ref) {
   var data = _ref.data,
       intl = _ref.intl,
@@ -18,7 +48,9 @@ var AccountDetail = function AccountDetail(_ref) {
       onSubmit = _ref.onSubmit,
       jurisdiction = _ref.jurisdiction,
       countries = _ref.countries,
-      isLoading = _ref.isLoading;
+      isLoading = _ref.isLoading,
+      isComplete = _ref.isComplete,
+      showCallingCode = _ref.showCallingCode;
 
   return React.createElement(
     'form',
@@ -93,33 +125,24 @@ var AccountDetail = function AccountDetail(_ref) {
       React.createElement(
         Select,
         {
-          disabled: true,
+          disabled: isComplete,
           className: 'layout-item-6',
-          value: countries && countries.value.find(function (c) {
-            return c.value === data.Country;
-          }) && countries.value.find(function (c) {
-            return c.value === data.Country;
-          }).value,
+          value: data.Country,
           label: translate({
             id: 'title.country',
             defaultMessage: 'Country'
           }, intl),
           name: 'Country',
           icon: React.createElement(Icon, { icon: 'flag' }) },
-        React.createElement(
-          Select.Option,
-          {
-            value: countries && countries.value.find(function (c) {
-              return c.value === data.Country;
-            }) && countries.value.find(function (c) {
-              return c.value === data.Country;
-            }).value },
-          countries && countries.value.find(function (c) {
-            return c.value === data.Country;
-          }) && countries.value.find(function (c) {
-            return c.value === data.Country;
-          }).label
-        )
+        countries.sort(function (a, b) {
+          return a.label.localeCompare(b.label);
+        }).map(function (c) {
+          return React.createElement(
+            Select.Option,
+            { key: c.value, value: c.value },
+            c.label
+          );
+        })
       ),
       React.createElement(Input, {
         disabled: true,
@@ -132,15 +155,6 @@ var AccountDetail = function AccountDetail(_ref) {
         name: 'BirthDate'
       })
     ),
-    React.createElement(Input, {
-      disabled: true,
-      value: data.Email,
-      label: translate({
-        id: 'title.email',
-        defaultMessage: 'Email'
-      }, intl),
-      name: 'Email'
-    }),
     React.createElement(Input, {
       value: data.MobilePhoneNumber,
       type: 'tel',
@@ -148,7 +162,7 @@ var AccountDetail = function AccountDetail(_ref) {
         id: 'title.mobile_number',
         defaultMessage: 'Mobile number'
       }, intl),
-      callingCodes: countries ? countries.value.sort(function (a, b) {
+      callingCodes: showCallingCode && countries ? countries.sort(function (a, b) {
         return Number(a.callingCode) - Number(b.callingCode);
       }).map(function (i) {
         return {
@@ -161,6 +175,48 @@ var AccountDetail = function AccountDetail(_ref) {
       status: errors.MobilePhoneNumber && 'failure' || 'idle',
       statusText: errors.MobilePhoneNumber && translate({ id: errors.MobilePhoneNumber }, intl)
     }),
+    React.createElement(
+      'div',
+      { className: 'layout-item' },
+      React.createElement(Input, {
+        className: 'layout-item-6',
+        disabled: true,
+        value: data.Email,
+        label: translate({
+          id: 'title.email',
+          defaultMessage: 'Email'
+        }, intl),
+        name: 'Email'
+      }),
+      React.createElement(
+        Select,
+        {
+          className: 'layout-item-6',
+          value: data.Gender,
+          label: translate({
+            id: 'title.gender',
+            defaultMessage: 'Gender'
+          }, intl),
+          name: 'Gender',
+          status: errors.Gender && 'failure' || 'idle',
+          statusText: errors.Gender && translate({ id: errors.Gender }, intl) },
+        React.createElement(
+          Select.Option,
+          { value: '', disabled: true },
+          translate({
+            id: 'label.select-gender',
+            defaultMessage: 'Select gender'
+          }, intl)
+        ),
+        genders.map(function (gender) {
+          return React.createElement(
+            Select.Option,
+            { value: gender.value },
+            gender.label(intl)
+          );
+        })
+      )
+    ),
     !['sga', 'dga'].includes(jurisdiction) && React.createElement(
       Fragment,
       null,
@@ -175,7 +231,7 @@ var AccountDetail = function AccountDetail(_ref) {
         name: 'Password',
         status: errors.Password && 'failure' || 'idle',
         statusText: errors.Password && translate({ id: errors.Password }, intl),
-        autoComplete: 'off'
+        autocomplete: 'new-password'
       })
     ),
     React.createElement(
@@ -206,7 +262,9 @@ AccountDetail.propTypes = {
   /** Array of validation errors where the error display depends on which invalid rule it breaks */
   error: PropTypes.array,
   /** The submission function firing when submitting the form */
-  onSubmit: PropTypes.func
+  onSubmit: PropTypes.func,
+  /** If the user profile is complete or not */
+  isComplete: PropTypes.bool
 };
 
 AccountDetail.defaultProps = {
@@ -216,15 +274,18 @@ AccountDetail.defaultProps = {
   value: '',
   name: '',
   error: [],
-  onSubmit: Function
+  onSubmit: Function,
+  isComplete: false
 };
 
 var rules = {
-  MobilePhoneNumber: [[require, 'error.empty.mobilePhoneNumber']],
-  Address1: [[require, 'error.empty.address']],
-  Zip: [[require, 'error.empty.zip_code']],
-  City: [[require, 'error.empty.city']],
-  Password: [[require, 'error.empty.password']]
+  MobilePhoneNumber: [[require, 'error.empty.mobilePhoneNumber'], [phone, 'error.condition.phone']],
+  Address1: [[require, 'error.empty.address'], [blacklistedCharacters, 'error.format.address']],
+  Zip: [[require, 'error.empty.zip_code'], [noSpecialCharacters, 'error.format.zip']],
+  City: [[require, 'error.empty.city'], [stringWithoutNumbers, 'error.invalid.city'], [blacklistedCharacters, 'error.invalid.city']],
+  Password: [[require, 'error.empty.password']],
+  Country: [[require, 'error.empty.country']],
+  Gender: [[require, 'error.empty.gender']]
 };
 
 export default compose(WithValidation(rules), injectIntl)(AccountDetail);

package/es/widgets/ActivateWidget/index.js

@@ -54,7 +54,7 @@ var ActivationCode = function ActivationCode(_ref) {
   }, [autoFocus, code]);
 
   useEffect(function () {
-    return inputRef.current.value = code;
+    inputRef.current.value = code;
   }, [code]);
 
   var setCaretPosition = function setCaretPosition(from, to) {

package/es/widgets/BonusWidget/index.js

@@ -1,7 +1,5 @@
 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); } }
-
 import React, { useState } from 'react';
 import { FormattedNumber, FormattedDate } from 'react-intl';
 import AccordionWidget from '../AccordionWidget';
@@ -9,7 +7,9 @@ import Button from '../../components/Button';
 import BonusCode from './BonusCode';
 import { List } from 'tg-core-components';
 import Translate from '../../components/Translate';
+import Money from '../../components/Money';
 import { getBonusState } from './states';
+import { getBonusType } from './types';
 import marked from 'marked';
 
 var ALEACC_BONUS_CLAIM_STATE = ['Initiated', 'PreClaimed'];
@@ -129,10 +129,7 @@ var BonusWidget = function BonusWidget(_ref3) {
   var bonuses = _ref3.bonuses,
       handleBonusCodeSubmit = _ref3.handleBonusCodeSubmit,
       onClaimBonus = _ref3.onClaimBonus,
-      onRejectBonus = _ref3.onRejectBonus,
-      _ref3$exclude = _ref3.exclude,
-      exclude = _ref3$exclude === undefined ? [] : _ref3$exclude,
-      disableBonusCodeForm = _ref3.disableBonusCodeForm;
+      onRejectBonus = _ref3.onRejectBonus;
 
   var bonusList = { active: null, available: null, finished: null };
 
@@ -162,10 +159,11 @@ var BonusWidget = function BonusWidget(_ref3) {
       var info = [[React.createElement(
         'div',
         null,
-        React.createElement(Translate, {
-          id: 'label.description.bonus.' + item.Identifier.toLowerCase(),
-          defaultMessage: item.Name || item.Description
-        })
+        React.createElement(
+          'span',
+          null,
+          item.Name || item.Description
+        )
       ), React.createElement(
         'div',
         null,
@@ -173,15 +171,8 @@ var BonusWidget = function BonusWidget(_ref3) {
       )], [React.createElement(
         'div',
         { className: 'amount' },
-        React.createElement(FormattedNumber, {
-          value: item.Amount,
-          style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
-          currency: item.Currency
-        })
-      ), React.createElement(Translate, {
-        id: 'label.type.bonus.' + item.Type.toLowerCase(),
-        defaultMessage: item.Type.toLowerCase()
-      })]];
+        item.Type.toLowerCase() == 'freespins' ? React.createElement(FormattedNumber, { value: item.Amount, style: 'decimal' }) : React.createElement(Money, { value: item.Amount, currency: item.Currency })
+      ), getBonusType(item.Type)]];
 
       // Add bonus actions to not expired Fasttrack bonuses
       if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(React.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
@@ -267,25 +258,19 @@ var BonusWidget = function BonusWidget(_ref3) {
 
   var menu = {
     identifier: 'account-history',
-    items: [].concat(_toConsumableArray(!exclude.includes('active') ? [{
+    items: [{
       name: React.createElement(Translate, { id: 'label.active', defaultMessage: 'Activate' }),
       content: React.createElement(List, { data: bonusList['active'], noData: 'list.no_data.active' })
-    }] : []), _toConsumableArray(!exclude.includes('available') ? [{
+    }, {
       name: React.createElement(Translate, { id: 'label.available', defaultMessage: 'Available' }),
-      content: React.createElement(List, {
-        data: bonusList['available'],
-        noData: 'list.no_data.available'
-      })
-    }] : []), _toConsumableArray(!exclude.includes('finished') ? [{
+      content: React.createElement(List, { data: bonusList['available'], noData: 'list.no_data.available' })
+    }, {
       name: React.createElement(Translate, { id: 'label.finished', defaultMessage: 'Finished' }),
-      content: React.createElement(List, {
-        data: bonusList['finished'],
-        noData: 'list.no_data.finished'
-      })
-    }] : []), _toConsumableArray(disableBonusCodeForm && {
+      content: React.createElement(List, { data: bonusList['finished'], noData: 'list.no_data.finished' })
+    }, {
       name: React.createElement(Translate, { id: 'label.bonus_code', defaultMessage: 'Bonus code' }),
       content: React.createElement(BonusCode, { handleSubmit: handleBonusCodeSubmit })
-    }))
+    }]
   };
 
   var items = menu.items.map(function (item, i) {

package/es/widgets/BonusWidget/types.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Translate from '../../components/Translate';
+
+export var getBonusType = function getBonusType(type) {
+  var translations = {
+    Monetary: React.createElement(Translate, { id: 'label.type.bonus.monetary', defaultMessage: 'Monetary' }),
+    Freespins: React.createElement(Translate, { id: 'label.type.bonus.freespins', defaultMessage: 'Freespins' }),
+    FreespinsMonetary: React.createElement(Translate, {
+      id: 'label.type.bonus.freespinsMonetary',
+      defaultMessage: 'Freespins Monetary'
+    }),
+    FreeBetsMonetary: React.createElement(Translate, {
+      id: 'label.type.bonus.freeBetsMonetary',
+      defaultMessage: 'Free Bets Monetary'
+    })
+  };
+
+  return translations[type] || React.createElement(
+    'span',
+    null,
+    type
+  );
+};

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

@@ -1,3 +1,5 @@
+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 _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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -40,9 +42,11 @@ var InjectedIframeHTML = function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var data = this.props.data;
+      var _props = this.props,
+          data = _props.data,
+          iframeProps = _props.iframeProps;
 
-      return React.createElement('iframe', {
+      return React.createElement('iframe', _extends({
         ref: function ref(node) {
           return _this2._iframe = node;
         },
@@ -50,7 +54,7 @@ var InjectedIframeHTML = function (_Component) {
         width: '100%',
         height: data.redirectOutput.height,
         onLoad: this.handleLoad
-      });
+      }, iframeProps));
     }
   }]);
 

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

@@ -94,6 +94,7 @@ var PaymentForm = function (_Component) {
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = PaymentForm.__proto__ || Object.getPrototypeOf(PaymentForm)).call.apply(_ref3, [this].concat(args))), _this), _this.onMessage = function (message) {
       var operatingSystem = _this.props.operatingSystem;
 
+      console.log({ message: message });
       var data = JSON.parse(message.data);
 
       if (data.method === 'OPEN_APP') {
@@ -124,7 +125,8 @@ var PaymentForm = function (_Component) {
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
           redirect = _props.redirect,
-          details = _props.details;
+          details = _props.details,
+          iframeProps = _props.iframeProps;
 
 
       if (!data.success) {
@@ -161,19 +163,19 @@ var PaymentForm = function (_Component) {
           target: redirect ? '_top' : frameId
         }, data.redirectOutput));
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html != null) {
-        return React.createElement(InjectedIframeHTML, { data: data });
+        return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
-        return React.createElement(InjectedIframeHTML, { data: data });
+        return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && redirect) {
         window.location.href = data.redirectOutput.url;
         return null;
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET') {
-        return React.createElement('iframe', {
+        return React.createElement('iframe', _extends({
           src: data.redirectOutput.url,
           width: data.redirectOutput.width,
           height: data.redirectOutput.height,
           frameBorder: '0'
-        });
+        }, iframeProps));
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'POST') {
         return React.createElement(DynamicForm, data.redirectOutput);
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {