tg-core-components 5.2.1-history-time-label.0 → 5.3.0-master.1

package/lib/widgets/CashierAccordion/Payment/PaymentAccountParser.js

@@ -42,10 +42,4 @@ var parseVenusPoint = exports.parseVenusPoint = function parseVenusPoint(account
   return {
     account: account.maskedAccount || account.account
   };
-};
-
-var parseMifinity = exports.parseMifinity = function parseMifinity(account) {
-  return {
-    account: account.maskedAccount || account.account
-  };
 };

package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js

@@ -38,9 +38,9 @@ var _marked = require('marked');
 
 var _marked2 = _interopRequireDefault(_marked);
 
-var _Input = require('../../../../components/Input');
+var _TextInput = require('../../../../components/Deposit/TextInput');
 
-var _Input2 = _interopRequireDefault(_Input);
+var _TextInput2 = _interopRequireDefault(_TextInput);
 
 var _MethodMinMax = require('../../Payment/MethodMinMax');
 
@@ -241,7 +241,6 @@ var WithdrawWidget = function (_PureComponent) {
                   selectedMethod: selectedMethod,
                   onSelectMethod: _this2.onSelectMethod,
                   methodContent: function methodContent(method) {
-                    if (method.txType !== selectedMethod.txType) return null;
                     return _react2.default.createElement(
                       _react.Fragment,
                       null,
@@ -256,23 +255,17 @@ var WithdrawWidget = function (_PureComponent) {
                       !disableCustomAmount && _react2.default.createElement(
                         'div',
                         { className: 'custom-amount-and-submit' },
-                        _react2.default.createElement(_Input2.default, {
+                        _react2.default.createElement(_TextInput2.default, {
                           pattern: '[0-9]*',
-                          required: true,
                           className: 'custom-amount',
                           name: 'amount',
                           type: 'number',
                           step: '0.01',
-                          label: (0, _translate2.default)({
+                          placeholder: (0, _translate2.default)({
                             id: 'label.amount'
                           }, intl),
-                          status: errors && errors.amount && errors.amount.length ? 'failure' : '',
-                          value: currentAmount,
-                          onChange: function onChange(e) {
-                            return _this2.setState({
-                              currentAmount: e.target.value
-                            });
-                          }
+                          showErrorText: false,
+                          showErrorIcon: errors && errors.amount && errors.amount.length > 0
                         }),
                         _react2.default.createElement(
                           _Button2.default,
@@ -296,10 +289,7 @@ var WithdrawWidget = function (_PureComponent) {
                       _react2.default.createElement(
                         'div',
                         { className: 'bonus-limit' },
-                        method && method.limit && _react2.default.createElement(_MethodMinMax2.default, {
-                          method: method,
-                          currency: currency
-                        })
+                        method && method.limit && _react2.default.createElement(_MethodMinMax2.default, { method: method, currency: currency })
                       )
                     );
                   }
@@ -351,8 +341,7 @@ var WithdrawWidget = function (_PureComponent) {
             render: function render(_ref3) {
               var handleSubmit = _ref3.handleSubmit,
                   values = _ref3.values,
-                  change = _ref3.change,
-                  form = _ref3.form;
+                  change = _ref3.change;
               return _react2.default.createElement(
                 _react.Fragment,
                 null,
@@ -377,10 +366,7 @@ var WithdrawWidget = function (_PureComponent) {
                     _react2.default.createElement(
                       'div',
                       { className: 'account-details' },
-                      _react2.default.createElement(PaymentAccountForm, _extends({}, paymentAccountFormProps, {
-                        change: form.change,
-                        values: values
-                      }))
+                      _react2.default.createElement(PaymentAccountForm, paymentAccountFormProps)
                     ),
                     _react2.default.createElement(
                       _Button2.default,
@@ -442,7 +428,7 @@ var _initialiseProps = function _initialiseProps() {
         selectedAccount = _state2.selectedAccount;
 
     var formExists = !!PaymentAccountForms[(0, _Payment.getPaymentForm)(selectedMethod)];
-    var skipFillInStep = ['skrill', 'bestpay', 'jeton', 'bankiban', 'bankintl', 'mifinity'];
+    var skipFillInStep = ['skrill', 'bestpay', 'jeton', 'bankiban', 'bankintl', 'ezeewallet', 'mifinity'];
 
     if (!formExists || selectedAccount.accountId && skipFillInStep.includes(selectedMethod.providerType.toLowerCase())) {
       return _this3.onSubmit({

package/lib/widgets/ChangePassword/index.js

@@ -22,10 +22,6 @@ var _Input = require('../../components/Input');
 
 var _Input2 = _interopRequireDefault(_Input);
 
-var _Button = require('../../components/Button');
-
-var _Button2 = _interopRequireDefault(_Button);
-
 var _required = require('../../lib/WithValidation/rules/required');
 
 var _required2 = _interopRequireDefault(_required);
@@ -52,57 +48,71 @@ var ChangePassword = function ChangePassword(_ref) {
   var errors = _ref.errors,
       intl = _ref.intl,
       onSubmit = _ref.onSubmit,
-      _onBlur = _ref.onBlur;
+      _onBlur = _ref.onBlur,
+      device = _ref.device;
+
+  var desktopLayout = device === 'Desktop' && __CLIENT__;
 
   return _react2.default.createElement(
     'form',
     { className: 'form', onSubmit: onSubmit },
     _react2.default.createElement(_Input2.default, {
-      label: (0, _translate2.default)({
+      className: 'layout-item',
+      title: (0, _translate2.default)({
         id: 'title.old_password',
         defaultMessage: 'Old password'
       }, intl),
+      placeholder: (0, _translate2.default)({ id: 'label.old_password' }, intl),
       type: 'password',
       name: 'CurrentPassword',
-      onBlur: function onBlur(e) {
-        return _onBlur('CurrentPassword', e.target.value);
+      onBlur: function onBlur(value) {
+        return _onBlur('CurrentPassword', value);
       },
-      status: errors.CurrentPassword && 'failure' || 'idle',
-      statusText: errors.CurrentPassword && (0, _translate2.default)({ id: errors.CurrentPassword }, intl),
+      error: errors.CurrentPassword && (0, _translate2.default)({ id: errors.CurrentPassword }, intl),
       autoComplete: 'current-password'
     }),
-    _react2.default.createElement(_Input2.default, {
-      label: (0, _translate2.default)({
-        id: 'title.new_password',
-        defaultMessage: 'New password'
-      }, intl),
-      type: 'password',
-      name: 'NewPassword',
-      onBlur: function onBlur(e) {
-        return _onBlur('NewPassword', e.target.value);
-      },
-      status: errors.NewPassword && 'failure' || 'idle',
-      statusText: errors.NewPassword && (0, _translate2.default)({ id: errors.NewPassword }, intl),
-      autoComplete: 'new-password'
-    }),
-    _react2.default.createElement(_Input2.default, {
-      label: (0, _translate2.default)({
-        id: 'title.confirm_password',
-        defaultMessage: 'Confirm password'
-      }, intl),
-      type: 'password',
-      name: 'confirm_password',
-      onBlur: function onBlur(e) {
-        return _onBlur('confirm_password', e.target.value);
-      },
-      status: errors.confirm_password && 'failure' || 'idle',
-      statusText: errors.confirm_password && (0, _translate2.default)({ id: errors.confirm_password }, intl),
-      autoComplete: 'new-password'
-    }),
     _react2.default.createElement(
-      _Button2.default,
-      { className: 'button primary wide', type: 'submit' },
-      (0, _translate2.default)({ id: 'action.button.submit_new_password' }, intl)
+      'div',
+      { className: 'layout-item password' },
+      _react2.default.createElement(_Input2.default, {
+        className: desktopLayout ? 'layout-item-6' : 'layout-item-12',
+        title: (0, _translate2.default)({
+          id: 'title.new_password',
+          defaultMessage: 'New password'
+        }, intl),
+        placeholder: (0, _translate2.default)({ id: 'label.new_password' }, intl),
+        type: 'password',
+        name: 'NewPassword',
+        onBlur: function onBlur(value) {
+          return _onBlur('NewPassword', value);
+        },
+        error: errors.NewPassword && (0, _translate2.default)({ id: errors.NewPassword }, intl),
+        autoComplete: 'new-password'
+      }),
+      _react2.default.createElement(_Input2.default, {
+        className: desktopLayout ? 'layout-item-6' : 'layout-item-12',
+        title: (0, _translate2.default)({
+          id: 'title.confirm_password',
+          defaultMessage: 'Confirm password'
+        }, intl),
+        placeholder: (0, _translate2.default)({ id: 'label.confirm_password' }, intl),
+        type: 'password',
+        name: 'confirm_password',
+        onBlur: function onBlur(value) {
+          return _onBlur('confirm_password', value);
+        },
+        error: errors.confirm_password && (0, _translate2.default)({ id: errors.confirm_password }, intl),
+        autoComplete: 'new-password'
+      })
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: 'layout-item' },
+      _react2.default.createElement(
+        'button',
+        { className: 'button primary wide', type: 'submit' },
+        (0, _translate2.default)({ id: 'action.button.submit_new_password' }, intl)
+      )
     )
   );
 };
@@ -111,7 +121,7 @@ ChangePassword.propTypes = {
   /** The form input fields and content */
   children: _propTypes2.default.any,
   /** The above title for each field */
-  label: _propTypes2.default.string,
+  title: _propTypes2.default.string,
   /** The name of each field */
   name: _propTypes2.default.string,
   /** Array of validation errors where the error display depends on which invalid rule it breaks */
@@ -124,7 +134,7 @@ ChangePassword.propTypes = {
 
 ChangePassword.defaultProps = {
   children: '',
-  label: '',
+  title: '',
   name: '',
   error: [],
   onSubmit: Function,

package/lib/widgets/HistoryWidget/index.js

@@ -133,28 +133,20 @@ var HistoryWidgetList = function (_React$Component) {
 
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = HistoryWidgetList.__proto__ || Object.getPrototypeOf(HistoryWidgetList)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
       page: 1
-    }, _this.getFormattedDate = function (date) {
-      return _react2.default.createElement(_reactIntl.FormattedDate, {
-        value: date,
-        year: 'numeric',
-        month: 'short',
-        day: '2-digit',
-        hour: '2-digit',
-        minute: '2-digit',
-        second: '2-digit'
-      });
     }, _this.createListInfo = function (item, product, currency, isLoading) {
       if (isLoading) return [[_react2.default.createElement(_Skeleton.SkeletonLine, { bold: true }), _react2.default.createElement(_Skeleton.SkeletonLine, null)], [_react2.default.createElement(_Skeleton.SkeletonLine, { bold: true }), _react2.default.createElement(_Skeleton.SkeletonLine, null)]];
 
-      if (product === 'casino') return [[_react2.default.createElement(
-        'div',
-        null,
-        item.Game
-      ), _react2.default.createElement(
-        'div',
-        null,
-        (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].Status'))
-      )], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];else if (product === 'sportsbook') {
+      if (product === 'casino') {
+        return [[_react2.default.createElement(
+          'div',
+          null,
+          item.Game
+        ), _react2.default.createElement(
+          'div',
+          null,
+          (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].Status'))
+        )], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
+      } else if (product === 'sportsbook') {
         var selection = item.Transactions[0].Description;
         var odds = item.Transactions[0].Odds;
         var l = item.Transactions.filter(function (t) {
@@ -170,29 +162,33 @@ var HistoryWidgetList = function (_React$Component) {
           null,
           (0, _message.getMessage)(item.Settled ? 'settled' : 'pendling')
         )], [_react2.default.createElement(_Money2.default, { value: item.TotalWin - item.TotalWager, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
-      } else if (product === 'fantasy') {
-        return [[_react2.default.createElement(
-          'div',
-          null,
-          _react2.default.createElement(_Translate2.default, { id: 'label.history.fantasy-id', defaultMessage: 'Id' }),
-          ' #',
-          item.TournamentId
-        ), _react2.default.createElement(
+      } else if (product === 'bingo') {
+        return [[_react2.default.createElement(_Translate2.default, {
+          tag: 'div'
+          // We use a dynamic key here since we don't know rooms and new once can be added.
+          , id: 'label.history.bingoroomid-' + item.RoomId
+        }), _react2.default.createElement(
           'div',
           null,
-          (0, _message.getMessage)(item.Status === 'Default' ? 'initiated' : item.Status === 'Canceled' ? 'canceled' : 'completed')
-        )], [_react2.default.createElement(_Money2.default, { value: item.Win - (item.Bet + item.Rake), currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
+          (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].TransactionType'))
+        )], [_react2.default.createElement(_Money2.default, {
+          value: (0, _get2.default)(item, 'Transactions[0].Amount'),
+          currency: currency
+        }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       }
 
       return [[_react2.default.createElement(
         'div',
         null,
-        (0, _message.getMessage)(item.Method)
+        (0, _message.getMessage)(item.Method + item.TransactionType)
       ), _react2.default.createElement(
         'div',
         null,
         (0, _message.getMessage)(item.Status)
-      )], [_react2.default.createElement(_Money2.default, { value: item.Amount, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
+      )], [_react2.default.createElement(_Money2.default, {
+        value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
+        currency: currency
+      }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
     }, _this.createListDetail = function (item, product, currency) {
       if (product === 'casino') {
         return [[_react2.default.createElement(
@@ -200,7 +196,15 @@ var HistoryWidgetList = function (_React$Component) {
           null,
           '#',
           item.RoundId
-        ), _this.getFormattedDate(item.StartTime)], [_react2.default.createElement(_Translate2.default, {
+        ), _react2.default.createElement(_reactIntl.FormattedDate, {
+          value: item.StartTime,
+          year: 'numeric',
+          month: 'short',
+          day: '2-digit',
+          hour: '2-digit',
+          minute: '2-digit',
+          second: '2-digit'
+        })], [_react2.default.createElement(_Translate2.default, {
           tag: 'div',
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
@@ -226,7 +230,15 @@ var HistoryWidgetList = function (_React$Component) {
           null,
           '#',
           item.Id
-        ), _this.getFormattedDate(item.Created), _react2.default.createElement(
+        ), _react2.default.createElement(_reactIntl.FormattedDate, {
+          value: item.Created,
+          year: 'numeric',
+          month: 'short',
+          day: '2-digit',
+          hour: '2-digit',
+          minute: '2-digit',
+          second: '2-digit'
+        }), _react2.default.createElement(
           'div',
           null,
           bets.map(function (b) {
@@ -251,27 +263,25 @@ var HistoryWidgetList = function (_React$Component) {
             value: _react2.default.createElement(_Money2.default, { value: item.TotalWin, currency: currency })
           }
         })]];
-      } else if (product === 'fantasy') {
+      } else if (product === 'bingo') {
         return [[_react2.default.createElement(
           'div',
           null,
           '#',
-          item.TournamentId
-        ), _this.getFormattedDate(item.Created)], [_react2.default.createElement(_Translate2.default, {
-          tag: 'div',
-          id: 'label.history.bet',
-          defaultMessage: 'Bet: {value}',
-          values: {
-            value: _react2.default.createElement(_Money2.default, { value: item.Bet + item.Rake, currency: currency })
-          }
-        }), _react2.default.createElement(_Translate2.default, {
-          tag: 'div',
-          id: 'label.history.win',
-          defaultMessage: 'Win: {value}',
-          values: {
-            value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: currency })
-          }
-        })]];
+          item.Id
+        ), _react2.default.createElement(_reactIntl.FormattedDate, {
+          value: item.Created,
+          year: 'numeric',
+          month: 'short',
+          day: '2-digit',
+          hour: '2-digit',
+          minute: '2-digit',
+          second: '2-digit'
+        })], _react2.default.createElement(
+          'div',
+          null,
+          (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].Status'))
+        )];
       }
 
       return [[_react2.default.createElement(
@@ -279,7 +289,15 @@ var HistoryWidgetList = function (_React$Component) {
         null,
         '#',
         item.Id
-      ), _this.getFormattedDate(item.Started)]];
+      ), _react2.default.createElement(_reactIntl.FormattedDate, {
+        value: item.Started,
+        year: 'numeric',
+        month: 'short',
+        day: '2-digit',
+        hour: '2-digit',
+        minute: '2-digit',
+        second: '2-digit'
+      })]];
     }, _temp), _possibleConstructorReturn(_this, _ret);
   }
 

package/lib/widgets/HistoryWidget/message.js

@@ -26,19 +26,19 @@ var getMessage = exports.getMessage = function getMessage(key) {
     ZimplerDeposit: _react2.default.createElement(_Translate2.default, { id: 'label.history.ZimplerDeposit', defaultMessage: 'Zimpler' }),
     SiruDeposit: _react2.default.createElement(_Translate2.default, { id: 'label.history.SiruDeposit', defaultMessage: 'Siru' }),
     TrustlyDeposit: _react2.default.createElement(_Translate2.default, { id: 'label.history.TrustlyDeposit', defaultMessage: 'Trustly' }),
-    ZimplerWithdrawal: _react2.default.createElement(_Translate2.default, {
+    ZimplerWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.ZimplerWithdrawal',
       defaultMessage: 'Zimpler'
     }),
-    InteracWithdrawal: _react2.default.createElement(_Translate2.default, {
+    InteracWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.InteracWithdrawal',
       defaultMessage: 'Interac'
     }),
-    CreditcardWithdrawal: _react2.default.createElement(_Translate2.default, {
+    CreditcardWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.CreditcardWithdrawal',
       defaultMessage: 'Creditcard'
     }),
-    TrustlyWithdrawal: _react2.default.createElement(_Translate2.default, {
+    TrustlyWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.TrustlyWithdrawal',
       defaultMessage: 'Trustly'
     }),
@@ -47,11 +47,11 @@ var getMessage = exports.getMessage = function getMessage(key) {
       id: 'label.history.PaysafecardDeposit',
       defaultMessage: 'Paysafecard'
     }),
-    AstroPayCardWithdrawal: _react2.default.createElement(_Translate2.default, {
+    AstroPayCardWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.AstroPayCardWithdrawal',
       defaultMessage: 'AstroPayCard'
     }),
-    InstadebitWithdrawal: _react2.default.createElement(_Translate2.default, {
+    InstadebitWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.InstadebitWithdrawal',
       defaultMessage: 'Instadebit'
     }),
@@ -69,27 +69,27 @@ var getMessage = exports.getMessage = function getMessage(key) {
       id: 'label.history.MuchBetterDeposit',
       defaultMessage: 'MuchBetter'
     }),
-    EcoPayzWithdrawal: _react2.default.createElement(_Translate2.default, {
+    EcoPayzWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.EcoPayzWithdrawal',
       defaultMessage: 'EcoPayz'
     }),
-    NetellerWithdrawal: _react2.default.createElement(_Translate2.default, {
+    NetellerWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.NetellerWithdrawal',
       defaultMessage: 'Neteller'
     }),
     SkrillDeposit: _react2.default.createElement(_Translate2.default, { id: 'label.history.SkrillDeposit', defaultMessage: 'Skrill' }),
-    SkrillWithdrawal: _react2.default.createElement(_Translate2.default, { id: 'label.history.SkrillWithdrawal', defaultMessage: 'Skrill' }),
-    IDebitWithdrawal: _react2.default.createElement(_Translate2.default, { id: 'label.history.IDebitWithdrawal', defaultMessage: 'IDebit' }),
-    AstroPayBankWithdrawal: _react2.default.createElement(_Translate2.default, {
+    SkrillWithdraw: _react2.default.createElement(_Translate2.default, { id: 'label.history.SkrillWithdrawal', defaultMessage: 'Skrill' }),
+    IDebitWithdraw: _react2.default.createElement(_Translate2.default, { id: 'label.history.IDebitWithdrawal', defaultMessage: 'IDebit' }),
+    AstroPayBankWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.AstroPayBankWithdrawal',
       defaultMessage: 'AstroPayBank'
     }),
-    MuchBetterWithdrawal: _react2.default.createElement(_Translate2.default, {
+    MuchBetterWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.MuchBetterWithdrawal',
       defaultMessage: 'MuchBetter'
     }),
     SwishDeposit: _react2.default.createElement(_Translate2.default, { id: 'label.history.SwishDeposit', defaultMessage: 'Swish' }),
-    JetonWithdrawal: _react2.default.createElement(_Translate2.default, {
+    JetonWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.JetonWithdrawal',
       defaultMessage: 'JetonWithdrawal'
     }),
@@ -101,7 +101,7 @@ var getMessage = exports.getMessage = function getMessage(key) {
       id: 'label.history.BestPayDeposit',
       defaultMessage: 'BestPayDeposit'
     }),
-    BestPayWithdrawal: _react2.default.createElement(_Translate2.default, {
+    BestPayWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.BestPayDeposit',
       defaultMessage: 'BestPayDeposit'
     }),
@@ -109,11 +109,11 @@ var getMessage = exports.getMessage = function getMessage(key) {
       id: 'label.history.CryptoCurrencyDeposit',
       defaultMessage: 'CryptoCurrencyDeposit'
     }),
-    CryptoCurrencyWithdrawal: _react2.default.createElement(_Translate2.default, {
+    CryptoCurrencyWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.CryptoCurrencyWithdrawal',
       defaultMessage: 'CryptoCurrencyWithdrawal'
     }),
-    BankLocalWithdrawal: _react2.default.createElement(_Translate2.default, {
+    BankLocalWithdraw: _react2.default.createElement(_Translate2.default, {
       id: 'label.history.BankLocalWithdrawal',
       defaultMessage: 'BankLocalWithdrawal'
     }),
@@ -128,10 +128,7 @@ var getMessage = exports.getMessage = function getMessage(key) {
       id: 'label.history.product-sportsbook',
       defaultMessage: 'Sportsbook'
     }),
-    fantasy: _react2.default.createElement(_Translate2.default, {
-      id: 'label.history.product-fantasy',
-      defaultMessage: 'Fantasy sports'
-    }),
+    bingo: _react2.default.createElement(_Translate2.default, { id: 'label.history.product-bingo', defaultMessage: 'Bingo' }),
 
     // Status
     initiated: _react2.default.createElement(_Translate2.default, {