tg-core-components 6.3.11-7 → 6.3.11-9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.3.11-7",
+  "version": "6.3.11-9",
   "description": "tg-core-components",
   "main": "lib/index.js",
   "module": "es/index.js",

package/es/widgets/ResponsibleGamingAccordion/LimitStatus/index.js

@@ -1,373 +0,0 @@
-import React from 'react';
-import { FormattedNumber } from 'react-intl';
-import Money from '../../../components/Money';
-import Button from '../../../components/Button';
-import Translate from '../../../components/Translate';
-
-var ActiveLimit = function ActiveLimit(_ref) {
-  var remainingAmount = _ref.remainingAmount,
-      amount = _ref.amount,
-      currency = _ref.currency,
-      type = _ref.type;
-  return React.createElement(
-    'div',
-    { className: 'limit-info-container' },
-    amount && React.createElement(
-      'div',
-      { className: 'active-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.current-limit',
-          defaultMessage: 'Current limit'
-        })
-      ),
-      !['LoginTime', 'RealityCheck', 'Session', 'ProductSession'].includes(type) && React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        React.createElement(Money, { decimals: false, value: amount, currency: currency })
-      ),
-      type === 'LoginTime' && React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        Math.floor(amount / 60),
-        ' ',
-        React.createElement(Translate, { id: 'label.hours-short', defaultMessage: 'h' })
-      ),
-      ['RealityCheck', 'Session', 'ProductSession'].includes(type) && React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        amount,
-        ' ',
-        React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'min' })
-      )
-    ),
-    remainingAmount !== null && type !== 'RealityCheck' && type !== 'Session' && React.createElement(
-      'div',
-      { className: 'active-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'active-limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.remaining-limit',
-          defaultMessage: 'Remaining limit'
-        })
-      ),
-      !['LoginTime', 'ProductSession'].includes(type) ? React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        React.createElement(Money, {
-          decimals: false,
-          value: remainingAmount,
-          currency: currency
-        })
-      ) : type === 'LoginTime' ? React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        remainingAmount / 60,
-        ' ',
-        React.createElement(Translate, { id: 'label.hours-short', defaultMessage: 'h' })
-      ) : React.createElement(
-        'div',
-        { className: 'active-limit-value' },
-        remainingAmount,
-        ' ',
-        React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'min' })
-      )
-    )
-  );
-};
-
-var ExtraLimit = function ExtraLimit(_ref2) {
-  var amount = _ref2.amount,
-      currency = _ref2.currency,
-      handlePickLimit = _ref2.handlePickLimit,
-      id = _ref2.id;
-  return React.createElement(
-    'div',
-    { className: 'limit-info-container' },
-    amount && React.createElement(
-      'div',
-      { className: 'extra-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.extra-limit',
-          defaultMessage: 'Limit'
-        })
-      ),
-      React.createElement(
-        'div',
-        { className: 'extra-limit-value' },
-        React.createElement(Money, { value: amount, currency: currency })
-      ),
-      React.createElement(
-        Button,
-        {
-          type: 'button',
-          className: 'button tertiary tiny extra-limit-button',
-          onClick: function onClick() {
-            return handlePickLimit(id);
-          } },
-        React.createElement(Translate, { id: 'action.pick.limit', defaultMessage: 'Pick' })
-      )
-    )
-  );
-};
-
-var TransactionLimit = function TransactionLimit(_ref3) {
-  var amount = _ref3.amount,
-      currency = _ref3.currency,
-      handleCancel = _ref3.handleCancel,
-      id = _ref3.id;
-  return React.createElement(
-    'div',
-    { className: 'transaction-limit-content' },
-    React.createElement(
-      'div',
-      { className: 'limit-name' },
-      React.createElement(Translate, {
-        id: 'message.responsiblegaming.transaction-limit',
-        defaultMessage: 'Transaction limit',
-        tagName: 'p'
-      }),
-      ': ',
-      React.createElement(Money, { decimals: false, value: amount, currency: currency })
-    ),
-    React.createElement(
-      'div',
-      { className: 'transaction-limit-value' },
-      React.createElement(
-        'a',
-        {
-          href: '#',
-          onClick: function onClick(e) {
-            e.preventDefault();
-            handleCancel(id);
-          } },
-        React.createElement(Translate, { id: 'action.delete.limit', defaultMessage: 'Delete' })
-      )
-    )
-  );
-};
-
-var DeletedLimit = function DeletedLimit(_ref4) {
-  var amount = _ref4.amount,
-      currency = _ref4.currency,
-      date = _ref4.date,
-      timespan = _ref4.timespan,
-      type = _ref4.type,
-      jurisdiction = _ref4.jurisdiction;
-  return React.createElement(
-    'div',
-    { className: 'pending-limit-info-container' },
-    React.createElement(
-      'div',
-      { className: 'pending-limit-content' },
-      !['LoginTime', 'ProductSession'].includes(type) ? React.createElement(
-        'div',
-        null,
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.deleted-limit.' + timespan,
-          defaultMessage: 'This limit of {amount} {currency} will be deleted in {date}',
-          values: {
-            date: React.createElement(
-              'span',
-              null,
-              date
-            ),
-            amount: React.createElement(FormattedNumber, { value: amount }),
-            currency: React.createElement(
-              'span',
-              null,
-              currency
-            )
-          }
-        })
-      ) : React.createElement(
-        'div',
-        null,
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.deleted-period-limit',
-          defaultMessage: 'This limit of {amount} {hour} will be deleted in {date}',
-          values: {
-            date: React.createElement(
-              'span',
-              null,
-              date
-            ),
-            amount: React.createElement(FormattedNumber, { value: amount }),
-            hour: React.createElement(
-              'span',
-              null,
-              type === 'LoginTime' ? 'h' : 'm'
-            )
-          }
-        })
-      )
-    )
-  );
-};
-
-var ConfirmLimit = function ConfirmLimit(_ref5) {
-  var amount = _ref5.amount,
-      type = _ref5.type,
-      timespan = _ref5.timespan,
-      currency = _ref5.currency,
-      status = _ref5.status;
-  return React.createElement(
-    'div',
-    { className: 'confirm-limit' },
-    type !== 'RealityCheck' && type !== 'Session' && React.createElement(
-      'div',
-      null,
-      status !== 'Canceled' ? React.createElement(Translate, {
-        id: 'message.responsiblegaming.confirm-limit.' + timespan,
-        defaultMessage: 'You have a limit of {amount} {currency} to confirm.',
-        tagName: 'div',
-        values: {
-          amount: React.createElement(FormattedNumber, { value: amount }),
-          currency: React.createElement(
-            'span',
-            null,
-            currency
-          )
-        }
-      }) : React.createElement(Translate, {
-        id: 'message.responsiblegaming.confirm-deleted-limit.' + timespan,
-        defaultMessage: 'Confirm that you want to remove your limit of {amount} {currency}',
-        tagName: 'div',
-        values: {
-          amount: React.createElement(FormattedNumber, { value: amount }),
-          currency: React.createElement(
-            'span',
-            null,
-            currency
-          )
-        }
-      })
-    ),
-    (type === 'RealityCheck' || type === 'Session') && React.createElement(Translate, {
-      id: 'message.responsiblegaming.confirm-limit-minutes',
-      defaultMessage: 'Confirm Limit',
-      tagName: 'div',
-      values: {
-        amount: React.createElement(FormattedNumber, { value: amount })
-      }
-    })
-  );
-};
-
-var PendingLimit = function PendingLimit(_ref6) {
-  var date = _ref6.date,
-      type = _ref6.type,
-      amount = _ref6.amount,
-      currency = _ref6.currency;
-  return React.createElement(
-    'div',
-    { className: 'pending-limit-info-container' },
-    React.createElement(
-      'div',
-      { className: 'pending-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'pending-limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.pending-limit-activation',
-          defaultMessage: 'Time until active'
-        })
-      ),
-      React.createElement(
-        'div',
-        { className: 'pending-limit-value' },
-        date
-      )
-    ),
-    React.createElement(
-      'div',
-      { className: 'pending-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'pending-limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.pending-limit',
-          defaultMessage: 'New limit'
-        })
-      ),
-      React.createElement(
-        'div',
-        { className: 'pending-limit-value' },
-        !['LoginTime', 'Session', 'ProductSession'].includes(type) && React.createElement(Money, { decimals: false, value: amount, currency: currency }),
-        ['Session', 'ProductSession'].includes(type) && React.createElement(
-          'div',
-          null,
-          amount,
-          ' ',
-          React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'min' })
-        ),
-        type === 'LoginTime' && React.createElement(
-          'div',
-          null,
-          Math.floor(amount / 60),
-          ' ',
-          React.createElement(Translate, { id: 'label.hours-short', defaultMessage: 'h' })
-        )
-      )
-    )
-  );
-};
-
-var CooldownLimit = function CooldownLimit(_ref7) {
-  var date = _ref7.date,
-      type = _ref7.type,
-      amount = _ref7.amount,
-      currency = _ref7.currency;
-  return React.createElement(
-    'div',
-    { className: 'cooldown-limit-info-container' },
-    React.createElement(
-      'div',
-      { className: 'cooldown-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'cooldown-limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.cooldown-limit-confirmation',
-          defaultMessage: 'Time until confirmation'
-        })
-      ),
-      React.createElement(
-        'div',
-        { className: 'cooldown-limit-value' },
-        date
-      )
-    ),
-    React.createElement(
-      'div',
-      { className: 'cooldown-limit-content' },
-      React.createElement(
-        'div',
-        { className: 'cooldown-limit-name' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.cooldown-limit',
-          defaultMessage: 'New limit'
-        })
-      ),
-      React.createElement(
-        'div',
-        { className: 'cooldown-limit-value' },
-        !['LoginTime', 'RealityCheck', 'Session'].includes(type) ? React.createElement(Money, { decimals: false, value: amount, currency: currency }) : React.createElement(
-          'div',
-          null,
-          Math.floor(amount / 60),
-          ' ',
-          type === 'RealityCheck' || type === 'Session' ? React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'min' }) : React.createElement(Translate, { id: 'label.hours-short', defaultMessage: 'h' })
-        )
-      )
-    )
-  );
-};
-
-export { ActiveLimit, ExtraLimit, ConfirmLimit, PendingLimit, DeletedLimit, TransactionLimit, CooldownLimit };

package/es/widgets/ResponsibleGamingAccordion/PeriodItemContent/index.js

@@ -1,193 +0,0 @@
-import React, { Fragment } from 'react';
-import { injectIntl } from 'react-intl';
-import Select from '../../../components/Select';
-import { ConfirmLimit, ActiveLimit, CooldownLimit, PendingLimit, DeletedLimit } from '../LimitStatus';
-import Button from '../../../components/Button';
-import Translate from '../../../components/Translate';
-import translate from '../../../lib/utils/translate';
-
-var PeriodItemContent = function PeriodItemContent(_ref) {
-  var intl = _ref.intl,
-      errors = _ref.errors,
-      handlePeriodAmount = _ref.handlePeriodAmount,
-      activeLimit = _ref.activeLimit,
-      canceledLimit = _ref.canceledLimit,
-      confirmLimit = _ref.confirmLimit,
-      handleConfirm = _ref.handleConfirm,
-      handleDecline = _ref.handleDecline,
-      handleCancel = _ref.handleCancel,
-      displayLimit = _ref.displayLimit,
-      type = _ref.type,
-      _ref$config = _ref.config,
-      config = _ref$config === undefined ? [] : _ref$config,
-      title = _ref.title,
-      isLoading = _ref.isLoading,
-      pendingLimit = _ref.pendingLimit,
-      cooldownLimit = _ref.cooldownLimit,
-      timeUntilNewLimit = _ref.timeUntilNewLimit,
-      timeUntilConfirm = _ref.timeUntilConfirm,
-      timeUntilDelete = _ref.timeUntilDelete,
-      timespan = _ref.timespan,
-      currency = _ref.currency;
-
-  var types = config.map(function (c) {
-    return {
-      label: translate({ id: c.label }, intl),
-      value: c.value
-    };
-  });
-
-  return React.createElement(
-    Fragment,
-    null,
-    React.createElement(
-      'div',
-      { className: 'limit-container' },
-      displayLimit && (type === 'RealityCheck' || type === 'Session') && React.createElement(
-        'div',
-        { className: 'limit-info-container period' },
-        React.createElement(ActiveLimit, { type: type, amount: displayLimit.Amount })
-      ),
-      !displayLimit && type && type !== 'Block' && type !== 'SelfExclude' && React.createElement(
-        'div',
-        { className: 'limit-info-container period' },
-        React.createElement(Translate, {
-          id: 'message.responsiblegaming.no-limit-set',
-          defaultMessage: 'No limits yet',
-          values: {
-            title: React.createElement(Translate, { id: title })
-          }
-        })
-      ),
-      React.createElement(Select, {
-        className: 'layout-item period',
-        options: types,
-        onChange: handlePeriodAmount,
-        value: displayLimit ? displayLimit.Amount : null,
-        name: 'Amount',
-        disabled: confirmLimit || cooldownLimit || pendingLimit,
-        status: errors.Amount && 'failure',
-        statusText: errors.Amount && translate({ id: errors.Amount }, intl)
-      }),
-      confirmLimit && React.createElement(
-        'div',
-        null,
-        React.createElement(ConfirmLimit, {
-          amount: confirmLimit.Amount,
-          timespan: confirmLimit.Timespan,
-          type: type
-        }),
-        React.createElement(
-          Button,
-          {
-            className: 'button primary wide',
-            type: 'button',
-            onClick: function onClick() {
-              return handleConfirm(confirmLimit.Id);
-            } },
-          translate({
-            id: 'action.button.confirm-limit',
-            defaultMessage: 'Confirm limit'
-          }, intl)
-        ),
-        React.createElement(
-          Button,
-          {
-            className: 'button tertiary wide',
-            type: 'button',
-            onClick: function onClick() {
-              return handleDecline(confirmLimit.Id);
-            } },
-          translate({
-            id: 'action.button.decline-limit',
-            defaultMessage: 'Decline limit'
-          }, intl)
-        )
-      ),
-      !confirmLimit && !cooldownLimit && !pendingLimit && React.createElement(
-        Fragment,
-        null,
-        React.createElement(
-          Button,
-          {
-            className: 'button primary wide',
-            type: 'submit',
-            disabled: isLoading,
-            isLoading: isLoading },
-          translate({
-            id: 'action.button.submit',
-            defaultMessage: 'Submit'
-          }, intl)
-        ),
-        activeLimit && handleCancel && React.createElement(
-          Button,
-          {
-            type: 'button',
-            className: 'button tertiary wide',
-            onClick: function onClick() {
-              return handleCancel(activeLimit.Id);
-            } },
-          translate({
-            id: 'action.button.delete-limit',
-            defaultMessage: 'Delete limit'
-          }, intl)
-        )
-      )
-    ),
-    pendingLimit && timespan === pendingLimit.Timespan && !confirmLimit && React.createElement(
-      'div',
-      { className: 'pending-container' },
-      React.createElement(PendingLimit, {
-        date: timeUntilNewLimit,
-        amount: pendingLimit.Amount || '',
-        type: type,
-        currency: currency
-      }),
-      React.createElement(
-        Button,
-        {
-          className: 'button tertiary wide',
-          type: 'submit',
-          disabled: isLoading,
-          isLoading: isLoading },
-        translate({
-          id: 'action.button.undo-limit',
-          defaultMessage: 'Reset incoming limit'
-        }, intl)
-      )
-    ),
-    cooldownLimit && !confirmLimit && React.createElement(
-      'div',
-      { className: 'pending-container' },
-      cooldownLimit && React.createElement(CooldownLimit, {
-        date: timeUntilConfirm,
-        amount: cooldownLimit.Amount || '',
-        type: type
-      }),
-      React.createElement(
-        Button,
-        {
-          className: 'button tertiary wide',
-          type: 'submit',
-          disabled: isLoading,
-          isLoading: isLoading },
-        translate({
-          id: 'action.button.undo-limit',
-          defaultMessage: 'Reset incoming limit'
-        }, intl)
-      )
-    ),
-    canceledLimit && !activeLimit && !confirmLimit && !cooldownLimit && timeUntilDelete.props.value > 0 && React.createElement(
-      'div',
-      { className: 'pending-container' },
-      React.createElement(DeletedLimit, {
-        amount: canceledLimit.Amount || '',
-        currency: React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'Minutes' }),
-        date: timeUntilDelete,
-        timespan: canceledLimit.Timespan
-      })
-    )
-  );
-};
-
-export default injectIntl(PeriodItemContent);

package/es/widgets/ResponsibleGamingAccordion/PeriodItemHeader/index.js

@@ -1,33 +0,0 @@
-import React, { Component } from 'react';
-import Icon from '../../../components/Icon';
-import { injectIntl } from 'react-intl';
-import marked from 'marked';
-import translate from '../../../lib/utils/translate';
-
-var PeriodItemHeader = function PeriodItemHeader(_ref) {
-  var title = _ref.title,
-      onClick = _ref.onClick,
-      displayLimit = _ref.displayLimit,
-      intl = _ref.intl;
-  return React.createElement(
-    'div',
-    { className: 'responsiblegaming-item-header', onClick: onClick },
-    React.createElement(
-      'div',
-      { className: 'title-text' },
-      title,
-      displayLimit && React.createElement(
-        'span',
-        { className: 'info-amount' },
-        displayLimit.Amount,
-        ' ',
-        translate({
-          id: 'label.minutes',
-          defaultMessage: 'Minutes'
-        }, intl)
-      )
-    )
-  );
-};
-
-export default injectIntl(PeriodItemHeader);