tg-core-components 6.3.11-9 → 6.3.11

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

@@ -0,0 +1,383 @@
+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,
+          type === 'RealityCheck' || type === 'Session' ? React.createElement(
+            Fragment,
+            null,
+            amount,
+            ' ',
+            React.createElement(Translate, { id: 'label.minutes', defaultMessage: 'min' })
+          ) : React.createElement(
+            Fragment,
+            null,
+            Math.floor(amount / 60),
+            ' ',
+            React.createElement(Translate, { id: 'label.hours-short', defaultMessage: 'h' })
+          )
+        )
+      )
+    )
+  );
+};
+
+export { ActiveLimit, ExtraLimit, ConfirmLimit, PendingLimit, DeletedLimit, TransactionLimit, CooldownLimit };

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

@@ -0,0 +1,193 @@
+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

@@ -0,0 +1,33 @@
+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);