tg-core-components 6.2.0-alpha.0 → 6.2.0-crypto.1

package/lib/components/Picture/index.js

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

package/lib/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.AutocompleteInput = exports.Skeleton = exports.countryEmojiFlags = exports.Picture = exports.Translate = exports.VerifyAccordionWidget = exports.List = exports.ResponsibleGamingWidget = exports.ResponsibleGamingSingleSignUp = exports.ResponsibleGamingAccordionSignUp = exports.ResponsibleGamingAccordion = exports.WithdrawWidgetAccordion = exports.DepositWidgetAccordion = exports.SportsbookHistoryTable = exports.PaymentHistoryTable = exports.CasinoHistoryTable = exports.Subscriptions = exports.Verify = exports.TableWidget = exports.Settings = exports.Pagination = exports.SignIn = exports.RequestResetPassword = exports.ResetPassword = exports.ChangePassword = exports.ChangeUsername = exports.SignUp = exports.Withdraw = exports.Deposit = exports.Bonus = exports.Balance = exports.ActivateWidget = exports.AccountDetail = exports.AccordionWidget = exports.Uploader = exports.Textarea = exports.Single = exports.Select = exports.Radio = exports.Notification = exports.Money = exports.Loader = exports.InternalMessagesInbox = exports.Input = exports.Image = exports.Icon = exports.Checklist = exports.ButtonLoader = exports.Button = exports.Alert = exports.AcceptUpdatedTaC = exports.BonusOffers = undefined;
+exports.AutocompleteInput = exports.Skeleton = exports.countryEmojiFlags = exports.Picture = exports.Translate = exports.VerifyAccordionWidget = exports.List = exports.ResponsibleGamingWidget = exports.ResponsibleGamingSingleSignUp = exports.ResponsibleGamingAccordionSignUp = exports.ResponsibleGamingAccordion = exports.WithdrawWidgetAccordion = exports.DepositWidgetAccordion = exports.SportsbookHistoryTable = exports.PaymentHistoryTable = exports.CasinoHistoryTable = exports.Subscriptions = exports.Verify = exports.TableWidget = exports.Settings = exports.Pagination = exports.SignIn = exports.RequestResetPassword = exports.ResetPassword = exports.ChangePassword = exports.ChangeUsername = exports.SignUp = exports.Withdraw = exports.Deposit = exports.Bonus = exports.Balance = exports.ActivateWidget = exports.AccountDetail = exports.AccordionWidget = exports.Uploader = exports.Textarea = exports.Single = exports.Select = exports.Radio = exports.Notification = exports.Money = exports.Loader = exports.InternalMessagesInbox = exports.Input = exports.Image = exports.Icon = exports.Checklist = exports.ButtonLoader = exports.Button = exports.Alert = exports.AcceptUpdatedTaC = undefined;
 
 var _AcceptUpdatedTaC = require('./components/AcceptUpdatedTaC');
 
@@ -205,19 +205,12 @@ var _VerifyAccordionWidget = require('./widgets/VerifyAccordionWidget');
 
 var _VerifyAccordionWidget2 = _interopRequireDefault(_VerifyAccordionWidget);
 
-var _BonusOffers = require('./widgets/BonusOffers');
-
-var _BonusOffers2 = _interopRequireDefault(_BonusOffers);
-
 var _countryEmojiFlags = require('./misc/countryEmojiFlags');
 
 var _countryEmojiFlags2 = _interopRequireDefault(_countryEmojiFlags);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// widgets
-// components
-exports.BonusOffers = _BonusOffers2.default;
 exports.AcceptUpdatedTaC = _AcceptUpdatedTaC2.default;
 exports.Alert = _Alert2.default;
 exports.Button = _Button2.default;
@@ -270,4 +263,8 @@ exports.countryEmojiFlags = _countryEmojiFlags2.default;
 exports.Skeleton = _Skeleton2.default;
 exports.AutocompleteInput = _AutocompleteInput2.default;
 
-// misc
+// misc
+
+
+// widgets
+// components

package/lib/lib/utils/selectUnit.js

@@ -13,55 +13,51 @@ var MILISECONDS = {
   IN_A_YEAR: 31536000000
 };
 
-var selectUnit = exports.selectUnit = function selectUnit(value) {
-  var isFuture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+var selectUnit = exports.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/lib/lib/utils/translate.js

@@ -15,7 +15,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/lib/misc/countryEmojiFlags.js

@@ -14,6 +14,7 @@ exports.default = {
   AG: '🇦🇬',
   AU: '🇦🇺',
   AT: '🇦🇹',
+  AW: '🇦🇼',
   AZ: '🇦🇿',
   BI: '🇧🇮',
   BE: '🇧🇪',
@@ -29,6 +30,7 @@ exports.default = {
   BO: '🇧🇴',
   BR: '🇧🇷',
   BB: '🇧🇧',
+  BM: '🇧🇲',
   BN: '🇧🇳',
   BT: '🇧🇹',
   BW: '🇧🇼',
@@ -38,6 +40,7 @@ exports.default = {
   CL: '🇨🇱',
   CN: '🇨🇳',
   CI: '🇨🇮',
+  CK: '🇨🇰',
   CM: '🇨🇲',
   CD: '🇨🇩',
   CG: '🇨🇬',
@@ -172,6 +175,7 @@ exports.default = {
   SZ: '🇸🇿',
   SC: '🇸🇨',
   SY: '🇸🇾',
+  TC: '🇹🇨',
   TD: '🇹🇩',
   TG: '🇹🇬',
   TH: '🇹🇭',
@@ -183,6 +187,7 @@ exports.default = {
   TN: '🇹🇳',
   TR: '🇹🇷',
   TV: '🇹🇻',
+  TW: '🇹🇼',
   TZ: '🇹🇿',
   UG: '🇺🇬',
   UA: '🇺🇦',

package/lib/widgets/AccordionWidget/index.js

@@ -28,10 +28,6 @@ var _Icon = require('../../components/Icon');
 
 var _Icon2 = _interopRequireDefault(_Icon);
 
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -40,8 +36,6 @@ 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; }
-
 var AccordionHeader = function AccordionHeader(_ref) {
   var expanded = _ref.expanded,
       header = _ref.header,
@@ -108,14 +102,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 _react2.default.createElement(
     'div',
-    {
-      className: (0, _classnames2.default)('AccordionItem', _defineProperty({
-        'AccordionItem--expanded': expanded
-      }, 'AccordionItem--' + customClass, customClass)) },
+    { className: 'AccordionItem' + (expanded ? ' AccordionItem--expanded' : '') },
     header,
     content
   );
@@ -204,8 +194,7 @@ var Accordion = function (_Component) {
             animationDuration: animationDuration,
             contentCollapsedHeight: contentCollapsedHeight
           }),
-          key: index,
-          customClass: item.customClass
+          key: index
         };
       });
 

package/lib/widgets/AccountDetail/index.js

@@ -52,6 +52,32 @@ var _Icon2 = _interopRequireDefault(_Icon);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+var genders = [{
+  label: function label(intl) {
+    return (0, _translate2.default)({
+      id: 'noun.male',
+      defaultMessage: 'Male'
+    }, intl);
+  },
+  value: 'Male'
+}, {
+  label: function label(intl) {
+    return (0, _translate2.default)({
+      id: 'noun.female',
+      defaultMessage: 'Female'
+    }, intl);
+  },
+  value: 'Female'
+}, {
+  label: function label(intl) {
+    return (0, _translate2.default)({
+      id: 'noun.other',
+      defaultMessage: 'Other'
+    }, intl);
+  },
+  value: 'Other'
+}];
+
 var AccountDetail = function AccountDetail(_ref) {
   var data = _ref.data,
       intl = _ref.intl,
@@ -59,7 +85,8 @@ var AccountDetail = function AccountDetail(_ref) {
       onSubmit = _ref.onSubmit,
       jurisdiction = _ref.jurisdiction,
       countries = _ref.countries,
-      isLoading = _ref.isLoading;
+      isLoading = _ref.isLoading,
+      isComplete = _ref.isComplete;
 
   return _react2.default.createElement(
     'form',
@@ -134,33 +161,24 @@ var AccountDetail = function AccountDetail(_ref) {
       _react2.default.createElement(
         _Select2.default,
         {
-          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: (0, _translate2.default)({
             id: 'title.country',
             defaultMessage: 'Country'
           }, intl),
           name: 'Country',
           icon: _react2.default.createElement(_Icon2.default, { icon: 'flag' }) },
-        _react2.default.createElement(
-          _Select2.default.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 _react2.default.createElement(
+            _Select2.default.Option,
+            { key: c.value, value: c.value },
+            c.label
+          );
+        })
       ),
       _react2.default.createElement(_Input2.default, {
         disabled: true,
@@ -173,15 +191,6 @@ var AccountDetail = function AccountDetail(_ref) {
         name: 'BirthDate'
       })
     ),
-    _react2.default.createElement(_Input2.default, {
-      disabled: true,
-      value: data.Email,
-      label: (0, _translate2.default)({
-        id: 'title.email',
-        defaultMessage: 'Email'
-      }, intl),
-      name: 'Email'
-    }),
     _react2.default.createElement(_Input2.default, {
       value: data.MobilePhoneNumber,
       type: 'tel',
@@ -189,19 +198,53 @@ var AccountDetail = function AccountDetail(_ref) {
         id: 'title.mobile_number',
         defaultMessage: 'Mobile number'
       }, intl),
-      callingCodes: countries ? countries.value.sort(function (a, b) {
-        return Number(a.callingCode) - Number(b.callingCode);
-      }).map(function (i) {
-        return {
-          value: '00' + i.callingCode,
-          label: '+' + i.callingCode + ' ' + (_countryEmojiFlags2.default[i.value] || '')
-        };
-      }) : [],
       name: 'MobilePhoneNumber',
       autoComplete: 'off',
       status: errors.MobilePhoneNumber && 'failure' || 'idle',
       statusText: errors.MobilePhoneNumber && (0, _translate2.default)({ id: errors.MobilePhoneNumber }, intl)
     }),
+    _react2.default.createElement(
+      'div',
+      { className: 'layout-item' },
+      _react2.default.createElement(_Input2.default, {
+        className: 'layout-item-6',
+        disabled: true,
+        value: data.Email,
+        label: (0, _translate2.default)({
+          id: 'title.email',
+          defaultMessage: 'Email'
+        }, intl),
+        name: 'Email'
+      }),
+      _react2.default.createElement(
+        _Select2.default,
+        {
+          className: 'layout-item-6',
+          value: data.Gender,
+          label: (0, _translate2.default)({
+            id: 'title.gender',
+            defaultMessage: 'Gender'
+          }, intl),
+          name: 'Gender',
+          status: errors.Gender && 'failure' || 'idle',
+          statusText: errors.Gender && (0, _translate2.default)({ id: errors.Gender }, intl) },
+        _react2.default.createElement(
+          _Select2.default.Option,
+          { value: '', disabled: true },
+          (0, _translate2.default)({
+            id: 'label.select-gender',
+            defaultMessage: 'Select gender'
+          }, intl)
+        ),
+        genders.map(function (gender) {
+          return _react2.default.createElement(
+            _Select2.default.Option,
+            { value: gender.value },
+            gender.label(intl)
+          );
+        })
+      )
+    ),
     !['sga', 'dga'].includes(jurisdiction) && _react2.default.createElement(
       _react.Fragment,
       null,
@@ -216,7 +259,7 @@ var AccountDetail = function AccountDetail(_ref) {
         name: 'Password',
         status: errors.Password && 'failure' || 'idle',
         statusText: errors.Password && (0, _translate2.default)({ id: errors.Password }, intl),
-        autoComplete: 'off'
+        autocomplete: 'new-password'
       })
     ),
     _react2.default.createElement(
@@ -247,7 +290,9 @@ AccountDetail.propTypes = {
   /** Array of validation errors where the error display depends on which invalid rule it breaks */
   error: _propTypes2.default.array,
   /** The submission function firing when submitting the form */
-  onSubmit: _propTypes2.default.func
+  onSubmit: _propTypes2.default.func,
+  /** If the user profile is complete or not */
+  isComplete: _propTypes2.default.bool
 };
 
 AccountDetail.defaultProps = {
@@ -257,7 +302,8 @@ AccountDetail.defaultProps = {
   value: '',
   name: '',
   error: [],
-  onSubmit: Function
+  onSubmit: Function,
+  isComplete: false
 };
 
 var rules = {
@@ -265,7 +311,9 @@ var rules = {
   Address1: [[_required2.default, 'error.empty.address']],
   Zip: [[_required2.default, 'error.empty.zip_code']],
   City: [[_required2.default, 'error.empty.city']],
-  Password: [[_required2.default, 'error.empty.password']]
+  Password: [[_required2.default, 'error.empty.password']],
+  Country: [[_required2.default, 'error.empty.country']],
+  Gender: [[_required2.default, 'error.empty.gender']]
 };
 
 exports.default = (0, _compose2.default)((0, _WithValidation2.default)(rules), _reactIntl.injectIntl)(AccountDetail);

package/lib/widgets/ActivateWidget/index.js

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

package/lib/widgets/BonusWidget/index.js

@@ -30,16 +30,20 @@ var _Translate = require('../../components/Translate');
 
 var _Translate2 = _interopRequireDefault(_Translate);
 
+var _Money = require('../../components/Money');
+
+var _Money2 = _interopRequireDefault(_Money);
+
 var _states = require('./states');
 
+var _types = require('./types');
+
 var _marked = require('marked');
 
 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);
@@ -157,10 +161,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 };
 
@@ -190,10 +191,11 @@ var BonusWidget = function BonusWidget(_ref3) {
       var info = [[_react2.default.createElement(
         'div',
         null,
-        _react2.default.createElement(_Translate2.default, {
-          id: 'label.description.bonus.' + item.Identifier.toLowerCase(),
-          defaultMessage: item.Name || item.Description
-        })
+        _react2.default.createElement(
+          'span',
+          null,
+          item.Name || item.Description
+        )
       ), _react2.default.createElement(
         'div',
         null,
@@ -201,15 +203,8 @@ var BonusWidget = function BonusWidget(_ref3) {
       )], [_react2.default.createElement(
         'div',
         { className: 'amount' },
-        _react2.default.createElement(_reactIntl.FormattedNumber, {
-          value: item.Amount,
-          style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
-          currency: item.Currency
-        })
-      ), _react2.default.createElement(_Translate2.default, {
-        id: 'label.type.bonus.' + item.Type.toLowerCase(),
-        defaultMessage: item.Type.toLowerCase()
-      })]];
+        item.Type.toLowerCase() == 'freespins' ? _react2.default.createElement(_reactIntl.FormattedNumber, { value: item.Amount, style: 'decimal' }) : _react2.default.createElement(_Money2.default, { value: item.Amount, currency: item.Currency })
+      ), (0, _types.getBonusType)(item.Type)]];
 
       // Add bonus actions to not expired Fasttrack bonuses
       if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(_react2.default.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
@@ -295,25 +290,19 @@ var BonusWidget = function BonusWidget(_ref3) {
 
   var menu = {
     identifier: 'account-history',
-    items: [].concat(_toConsumableArray(!exclude.includes('active') ? [{
+    items: [{
       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'
-      })
-    }] : []), _toConsumableArray(!exclude.includes('finished') ? [{
+      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['available'], noData: 'list.no_data.available' })
+    }, {
       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'
-      })
-    }] : []), _toConsumableArray(disableBonusCodeForm && {
+      content: _react2.default.createElement(_tgCoreComponents.List, { data: bonusList['finished'], noData: 'list.no_data.finished' })
+    }, {
       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/lib/widgets/BonusWidget/types.js

@@ -0,0 +1,37 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBonusType = undefined;
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Translate = require('../../components/Translate');
+
+var _Translate2 = _interopRequireDefault(_Translate);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var getBonusType = exports.getBonusType = function getBonusType(type) {
+  var translations = {
+    Monetary: _react2.default.createElement(_Translate2.default, { id: 'label.type.bonus.monetary', defaultMessage: 'Monetary' }),
+    Freespins: _react2.default.createElement(_Translate2.default, { id: 'label.type.bonus.freespins', defaultMessage: 'Freespins' }),
+    FreespinsMonetary: _react2.default.createElement(_Translate2.default, {
+      id: 'label.type.bonus.freespinsMonetary',
+      defaultMessage: 'Freespins Monetary'
+    }),
+    FreeBetsMonetary: _react2.default.createElement(_Translate2.default, {
+      id: 'label.type.bonus.freeBetsMonetary',
+      defaultMessage: 'Free Bets Monetary'
+    })
+  };
+
+  return translations[type] || _react2.default.createElement(
+    'span',
+    null,
+    type
+  );
+};

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

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+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; }; }();
 
 var _react = require('react');
@@ -50,9 +52,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 _react2.default.createElement('iframe', {
+      return _react2.default.createElement('iframe', _extends({
         ref: function ref(node) {
           return _this2._iframe = node;
         },
@@ -60,7 +64,7 @@ var InjectedIframeHTML = function (_Component) {
         width: '100%',
         height: data.redirectOutput.height,
         onLoad: this.handleLoad
-      });
+      }, iframeProps));
     }
   }]);
 

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

@@ -126,6 +126,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') {
@@ -156,7 +157,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) {
@@ -193,19 +195,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 _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
-        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { 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 _react2.default.createElement('iframe', {
+        return _react2.default.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 _react2.default.createElement(_DynamicForm2.default, data.redirectOutput);
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {