@everymatrix/player-limit-notification-nd 0.2.19 → 1.87.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/{player-limit-notification-nd-25f9dc27.js → player-limit-notification-nd-ed88437d.js} +6 -6
- package/dist/cjs/player-limit-notification-nd.cjs.entry.js +1 -1
- package/dist/collection/components/player-limit-notification-nd/player-limit-notification-nd.css +2 -2
- package/dist/collection/components/player-limit-notification-nd/player-limit-notification-nd.js +5 -5
- package/dist/esm/index.js +1 -1
- package/dist/esm/{player-limit-notification-nd-3a25cfcd.js → player-limit-notification-nd-97616c18.js} +6 -6
- package/dist/esm/player-limit-notification-nd.entry.js +1 -1
- package/dist/player-limit-notification-nd/index.esm.js +1 -1
- package/dist/player-limit-notification-nd/{player-limit-notification-nd-3a25cfcd.js → player-limit-notification-nd-97616c18.js} +1 -1
- package/dist/player-limit-notification-nd/player-limit-notification-nd.entry.js +1 -1
- package/dist/types/utils/types.d.ts +2 -2
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const playerLimitNotificationNd = require('./player-limit-notification-nd-
|
|
5
|
+
const playerLimitNotificationNd = require('./player-limit-notification-nd-ed88437d.js');
|
|
6
6
|
require('./index-075a342b.js');
|
|
7
7
|
|
|
8
8
|
|
|
@@ -6928,7 +6928,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6928
6928
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
6929
6929
|
`}static get is(){return "vaadin-tabs"}}v(vh);
|
|
6930
6930
|
|
|
6931
|
-
const playerLimitNotificationNdCss = "@charset \"UTF-8\";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-
|
|
6931
|
+
const playerLimitNotificationNdCss = "@charset \"UTF-8\";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-select{border:none;width:100%;background-color:transparent}vaadin-select::part(input-field){padding-left:15px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.type-select-label,.limit-period-label,.amount-input-label{display:inline-block;font-size:14px;color:var(--emw--modal-label-color, #ababab);margin:0;padding-bottom:8px;font-weight:400}.player-limit-modal{display:flex;position:fixed;align-items:center;justify-content:center;width:100%;height:100%;z-index:200;top:0;left:0;padding:0 10px;background-color:rgba(0, 0, 0, 0.7)}.player-limit-modal .limit-modal-container{color:var(--emw--modal-font-color, #fff);padding:15px;max-width:700px;min-width:300px;max-height:90vh;overflow-y:auto;position:relative;min-height:200px;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .limit-modal-container .limit-modal-content.disable-content{pointer-events:none;cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .error-message{display:block;color:var(--emw--color-error, red);min-height:16px}.player-limit-modal .limit-modal-container .limit-modal-title h2{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .limit-modal-container .limit-item:nth-of-type(1) .remove-limit-button{display:none}.player-limit-modal .limit-modal-container .limit-item:not(:nth-of-type(1)){padding:9px;margin:14px 0;border-radius:6px;border:1px solid #6a6a6a}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option{flex-grow:1;border:1px solid transparent;cursor:pointer;background:var(--emw--modal-input-bg, #4f4f4f);width:100px;height:40px;font-size:14px;border-radius:4px;color:var(--emw--modal-font-color, #fff);transition:0.5s}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option.selected{border-color:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-wrapper{display:flex;flex-wrap:nowrap}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content{position:relative;flex:1;margin-right:6px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-inner{padding-right:30px;padding-left:15px;outline:none;border:none;height:40px;color:var(--emw--modal-label-color, #ababab);background-color:var(--emw--modal-input-bg, #4f4f4f);width:100%;border-radius:4px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix{width:20px;height:20px;background-color:var(--emw--modal-label-color, #ababab);border-radius:50%;position:absolute;right:0px;transform:translate(-50%, -50%);top:50%;text-align:center;pointer-events:none}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix i{color:var(--emw--modal-input-bg, #4f4f4f)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 20%, transparent 80%);transition:2s}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button:hover{background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 50%, white 50%)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button svg{fill:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .checkbox-container label{display:flex;align-items:center;gap:6px}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original{opacity:0;width:0;height:0;z-index:-1;position:absolute}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original:checked+.checkbox-custom::after{opacity:1}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom{display:inline-block;width:18px;height:18px;background:var(--emw--modal-input-bg, #4f4f4f);border-radius:3px;position:relative;transition:0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom::after{content:\"✔\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--emw--modal-font-color, #fff);font-size:12px;opacity:0;transition:opacity 0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-label{color:var(--emw--modal-label-color, #ababab);font-size:14px;cursor:pointer;user-select:none}.player-limit-modal .limit-modal-container .limit-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .limit-modal-container .limit-buttons .add-limit{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .add-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-buttons .add-limit .add-limit-mark{text-align:center;font-size:14px;fill:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .compliance-content{margin-top:15px;width:300px}.player-limit-modal .confirm-modal{background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:210;top:0;left:0;padding:0 10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-limit-modal .confirm-modal .confirm-modal-content{color:var(--emw--modal-font-color, #fff);padding:15px;padding-top:10px;box-sizing:padding-box;width:336px;overflow-y:auto;position:relative;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-title{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-close{cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-save{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}";
|
|
6932
6932
|
const PlayerLimitNotificationNdStyle0 = playerLimitNotificationNdCss;
|
|
6933
6933
|
|
|
6934
6934
|
const PlayerLimitNotificationNd = class {
|
|
@@ -7118,7 +7118,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7118
7118
|
max: parseInt(max, 10),
|
|
7119
7119
|
label: `${DefaultLimitConfig[type].title} - ${product}`,
|
|
7120
7120
|
periodOptions,
|
|
7121
|
-
|
|
7121
|
+
value: `${type}-${product}`
|
|
7122
7122
|
};
|
|
7123
7123
|
this.limitTypeOptions.push(limitTypeObject);
|
|
7124
7124
|
}
|
|
@@ -7199,8 +7199,8 @@ const PlayerLimitNotificationNd = class {
|
|
|
7199
7199
|
handleSelectLimitType(e, item) {
|
|
7200
7200
|
var _a;
|
|
7201
7201
|
const selectedKey = e.target.value;
|
|
7202
|
-
const selectedOption = this.limitTypeOptions.find((item) => item.
|
|
7203
|
-
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { selectedKey, typeErrorMessage: null }));
|
|
7202
|
+
const selectedOption = this.limitTypeOptions.find((item) => item.value === selectedKey);
|
|
7203
|
+
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { value: selectedKey, typeErrorMessage: null }));
|
|
7204
7204
|
// trigger rerender
|
|
7205
7205
|
this.limitItems = [...this.limitItems];
|
|
7206
7206
|
if (this.isDisabledPeriod(item, item.period) || !((_a = item.periodOptions) === null || _a === void 0 ? void 0 : _a.includes(item.period))) {
|
|
@@ -7219,7 +7219,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7219
7219
|
if (!limitItem.type) {
|
|
7220
7220
|
return false;
|
|
7221
7221
|
}
|
|
7222
|
-
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.
|
|
7222
|
+
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.value === limitItem.value);
|
|
7223
7223
|
return otherSameTypeLimits.some((item) => item.period === period);
|
|
7224
7224
|
}
|
|
7225
7225
|
validateSave() {
|
|
@@ -7498,7 +7498,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7498
7498
|
`, disabled: this.isDisabledPeriod(limitItem, period), onClick: () => this.handleSelectLimitPeriod(period, limitItem) }, translate(period, this.language)))))), index.h("small", { class: "error-message" }, limitItem.periodErrorMessage)));
|
|
7499
7499
|
}
|
|
7500
7500
|
render() {
|
|
7501
|
-
return (index.h("div", { key: '
|
|
7501
|
+
return (index.h("div", { key: 'f870fab238546da39f85ab2c865351b95432244a', class: "player-limit-modal", ref: (el) => (this.stylingContainer = el) }, index.h("section", { key: '990eff594f43950dbec9b86afe4a2a2c5fe1eb97', class: "limit-modal-container" }, index.h("div", { key: 'f71b9f98c30cdad4b7413ced119a513a6858d6cb', class: "limit-modal-title" }, index.h("h2", { key: '4bbd82ed92e6381cee0b3411562869d22e04add2' }, translate('limitNotificationTitle', this.language)), index.h("p", { key: '2ef496eeca492b98043becc1ecf27d1f63622fb3' }, translate('limitNotificationSubTitle', this.language))), index.h("div", { key: '616c07ef7bfd106cfc7111058244e28dbb7ced3c', class: `limit-modal-content ${this.skipLimit || this.loading ? 'disable-content' : ''}` }, this.limitItems.map((item, index$1) => (index.h("div", { class: "limit-item" }, index.h("div", { class: "limit-item-type" }, index.h("label", { class: "type-select-label" }, translate('selectLimitTypeLabel', this.language)), index.h("div", null, index.h("vaadin-select", { value: item.value, items: this.limitTypeOptions, placeholder: translate('selectLimitTypePlaceholder', this.language), onChange: (e) => this.handleSelectLimitType(e, item) })), index.h("small", { class: "error-message" }, item.typeErrorMessage)), this.renderPeriodButtons(item), index.h("div", { class: "limit-item-amount" }, index.h("div", { class: "amount-input" }, index.h("label", { class: "amount-input-label" }, translate('limitNotificationAmountLabel', this.language)), index.h("div", { class: "amount-input-wrapper" }, index.h("div", { class: "amount-input-content" }, index.h("input", { class: "amount-input-inner", type: "number", pattern: "[0-9]*", value: item.amount, onWheel: this.handleBlockInputWheel, onInput: (e) => this.handleInputLimitAmount(e, item) }), index.h("span", { class: "amount-input-suffix" }, index.h("i", null, this.currencySymbolMap[this.currency]))), index.h("button", { onClick: () => this.handleRemoveLimit(index$1), class: "remove-limit-button" }, index.h("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z" })))))), index.h("small", { class: "error-message" }, item.amountErrorMessage))))), index.h("div", { key: '3784e871224de644892b167a7c7c504c4869164e', class: "checkbox-container" }, index.h("label", { key: '537af6692c3696d33e0744cae01fefcca1c014a7' }, index.h("span", { key: '48f880408012e0b327db796db021ce63ef0dfff2', class: "custom-checkbox" }, index.h("input", { key: '194974e75cc1f0b9217eb6ee6fe5eb6042ebb866', disabled: this.loading, onChange: (e) => this.handleSkipLimitChange(e), type: "checkbox", class: "checkbox-original" }), index.h("span", { key: '0c49f460c6f04bc99551a6103b633a674d11418c', class: "checkbox-custom" })), index.h("span", { key: '52f7051f7d40aca86a19274563176f9f05986cf1', class: "checkbox-label" }, translate('skipLimitLimitDescription', this.language)))), index.h("div", { key: 'bdb7b1c83699f8c1db6d3fd21e9ca7cb5ec8a6ce', class: "limit-buttons" }, index.h("button", { key: '7f0a8357725b25c38b2f57007b796a0045931c9f', class: "add-limit", disabled: this.skipLimit || this.loading, onClick: () => this.handleAddLimit() }, index.h("svg", { key: 'b0d6e3af606c2e824cab00f95b516f059b66c14e', class: "add-limit-mark", width: "14", height: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '06bad5288fbcac39f6ab22ee9aaa1ba03c824b4e', d: "M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z" })), index.h("span", { key: '289408cc10e7607790ac89a9e421b41f5ab23d86' }, translate('addLimitType', this.language))), index.h("button", { key: '777aeda2f0406e2169d0b3a866c10b143bd97b5c', class: "save-limit", disabled: this.loading, onClick: () => this.handleSaveLimit() }, translate('savePlayerLimit', this.language))), this.showComplianceText && (index.h("div", { key: 'bc25469d3be0d936f85940068309394880a6b1e8', class: "compliance-content" }, index.h("p", { key: '53861542a9c6f17f63a73640b962ff1e5da358c0' }, translate('complianceText', this.language))))), this.confirmPopupVisibility ? (index.h("section", { class: "confirm-modal" }, index.h("div", { class: "confirm-modal-content" }, index.h("h2", { class: "confirm-modal-title" }, translate('limitNotificationTitle', this.language)), index.h("p", null, translate('confirmLimitNotification', this.language)), index.h("div", { class: "confirm-modal-buttons" }, index.h("button", { class: "confirm-limit-close", onClick: () => this.handleCloseConfirm() }, translate('confirmLimitClose', this.language)), index.h("button", { class: "confirm-limit-save", onClick: () => this.handleSaveSkip() }, translate('confirmLimitSave', this.language)))))) : null));
|
|
7502
7502
|
}
|
|
7503
7503
|
static get watchers() { return {
|
|
7504
7504
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const playerLimitNotificationNd = require('./player-limit-notification-nd-
|
|
5
|
+
const playerLimitNotificationNd = require('./player-limit-notification-nd-ed88437d.js');
|
|
6
6
|
require('./index-075a342b.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/collection/components/player-limit-notification-nd/player-limit-notification-nd.css
CHANGED
|
@@ -17,12 +17,12 @@
|
|
|
17
17
|
--vaadin-input-field-placeholder-color: var(--emw--modal-label-color, #ababab);
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
vaadin-
|
|
20
|
+
vaadin-select {
|
|
21
21
|
border: none;
|
|
22
22
|
width: 100%;
|
|
23
23
|
background-color: transparent;
|
|
24
24
|
}
|
|
25
|
-
vaadin-
|
|
25
|
+
vaadin-select::part(input-field) {
|
|
26
26
|
padding-left: 15px;
|
|
27
27
|
height: 40px;
|
|
28
28
|
}
|
package/dist/collection/components/player-limit-notification-nd/player-limit-notification-nd.js
CHANGED
|
@@ -190,7 +190,7 @@ export class PlayerLimitNotificationNd {
|
|
|
190
190
|
max: parseInt(max, 10),
|
|
191
191
|
label: `${DefaultLimitConfig[type].title} - ${product}`,
|
|
192
192
|
periodOptions,
|
|
193
|
-
|
|
193
|
+
value: `${type}-${product}`
|
|
194
194
|
};
|
|
195
195
|
this.limitTypeOptions.push(limitTypeObject);
|
|
196
196
|
}
|
|
@@ -271,8 +271,8 @@ export class PlayerLimitNotificationNd {
|
|
|
271
271
|
handleSelectLimitType(e, item) {
|
|
272
272
|
var _a;
|
|
273
273
|
const selectedKey = e.target.value;
|
|
274
|
-
const selectedOption = this.limitTypeOptions.find((item) => item.
|
|
275
|
-
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { selectedKey, typeErrorMessage: null }));
|
|
274
|
+
const selectedOption = this.limitTypeOptions.find((item) => item.value === selectedKey);
|
|
275
|
+
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { value: selectedKey, typeErrorMessage: null }));
|
|
276
276
|
// trigger rerender
|
|
277
277
|
this.limitItems = [...this.limitItems];
|
|
278
278
|
if (this.isDisabledPeriod(item, item.period) || !((_a = item.periodOptions) === null || _a === void 0 ? void 0 : _a.includes(item.period))) {
|
|
@@ -291,7 +291,7 @@ export class PlayerLimitNotificationNd {
|
|
|
291
291
|
if (!limitItem.type) {
|
|
292
292
|
return false;
|
|
293
293
|
}
|
|
294
|
-
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.
|
|
294
|
+
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.value === limitItem.value);
|
|
295
295
|
return otherSameTypeLimits.some((item) => item.period === period);
|
|
296
296
|
}
|
|
297
297
|
validateSave() {
|
|
@@ -570,7 +570,7 @@ export class PlayerLimitNotificationNd {
|
|
|
570
570
|
`, disabled: this.isDisabledPeriod(limitItem, period), onClick: () => this.handleSelectLimitPeriod(period, limitItem) }, translate(period, this.language)))))), h("small", { class: "error-message" }, limitItem.periodErrorMessage)));
|
|
571
571
|
}
|
|
572
572
|
render() {
|
|
573
|
-
return (h("div", { key: '
|
|
573
|
+
return (h("div", { key: 'f870fab238546da39f85ab2c865351b95432244a', class: "player-limit-modal", ref: (el) => (this.stylingContainer = el) }, h("section", { key: '990eff594f43950dbec9b86afe4a2a2c5fe1eb97', class: "limit-modal-container" }, h("div", { key: 'f71b9f98c30cdad4b7413ced119a513a6858d6cb', class: "limit-modal-title" }, h("h2", { key: '4bbd82ed92e6381cee0b3411562869d22e04add2' }, translate('limitNotificationTitle', this.language)), h("p", { key: '2ef496eeca492b98043becc1ecf27d1f63622fb3' }, translate('limitNotificationSubTitle', this.language))), h("div", { key: '616c07ef7bfd106cfc7111058244e28dbb7ced3c', class: `limit-modal-content ${this.skipLimit || this.loading ? 'disable-content' : ''}` }, this.limitItems.map((item, index) => (h("div", { class: "limit-item" }, h("div", { class: "limit-item-type" }, h("label", { class: "type-select-label" }, translate('selectLimitTypeLabel', this.language)), h("div", null, h("vaadin-select", { value: item.value, items: this.limitTypeOptions, placeholder: translate('selectLimitTypePlaceholder', this.language), onChange: (e) => this.handleSelectLimitType(e, item) })), h("small", { class: "error-message" }, item.typeErrorMessage)), this.renderPeriodButtons(item), h("div", { class: "limit-item-amount" }, h("div", { class: "amount-input" }, h("label", { class: "amount-input-label" }, translate('limitNotificationAmountLabel', this.language)), h("div", { class: "amount-input-wrapper" }, h("div", { class: "amount-input-content" }, h("input", { class: "amount-input-inner", type: "number", pattern: "[0-9]*", value: item.amount, onWheel: this.handleBlockInputWheel, onInput: (e) => this.handleInputLimitAmount(e, item) }), h("span", { class: "amount-input-suffix" }, h("i", null, this.currencySymbolMap[this.currency]))), h("button", { onClick: () => this.handleRemoveLimit(index), class: "remove-limit-button" }, h("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z" })))))), h("small", { class: "error-message" }, item.amountErrorMessage))))), h("div", { key: '3784e871224de644892b167a7c7c504c4869164e', class: "checkbox-container" }, h("label", { key: '537af6692c3696d33e0744cae01fefcca1c014a7' }, h("span", { key: '48f880408012e0b327db796db021ce63ef0dfff2', class: "custom-checkbox" }, h("input", { key: '194974e75cc1f0b9217eb6ee6fe5eb6042ebb866', disabled: this.loading, onChange: (e) => this.handleSkipLimitChange(e), type: "checkbox", class: "checkbox-original" }), h("span", { key: '0c49f460c6f04bc99551a6103b633a674d11418c', class: "checkbox-custom" })), h("span", { key: '52f7051f7d40aca86a19274563176f9f05986cf1', class: "checkbox-label" }, translate('skipLimitLimitDescription', this.language)))), h("div", { key: 'bdb7b1c83699f8c1db6d3fd21e9ca7cb5ec8a6ce', class: "limit-buttons" }, h("button", { key: '7f0a8357725b25c38b2f57007b796a0045931c9f', class: "add-limit", disabled: this.skipLimit || this.loading, onClick: () => this.handleAddLimit() }, h("svg", { key: 'b0d6e3af606c2e824cab00f95b516f059b66c14e', class: "add-limit-mark", width: "14", height: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '06bad5288fbcac39f6ab22ee9aaa1ba03c824b4e', d: "M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z" })), h("span", { key: '289408cc10e7607790ac89a9e421b41f5ab23d86' }, translate('addLimitType', this.language))), h("button", { key: '777aeda2f0406e2169d0b3a866c10b143bd97b5c', class: "save-limit", disabled: this.loading, onClick: () => this.handleSaveLimit() }, translate('savePlayerLimit', this.language))), this.showComplianceText && (h("div", { key: 'bc25469d3be0d936f85940068309394880a6b1e8', class: "compliance-content" }, h("p", { key: '53861542a9c6f17f63a73640b962ff1e5da358c0' }, translate('complianceText', this.language))))), this.confirmPopupVisibility ? (h("section", { class: "confirm-modal" }, h("div", { class: "confirm-modal-content" }, h("h2", { class: "confirm-modal-title" }, translate('limitNotificationTitle', this.language)), h("p", null, translate('confirmLimitNotification', this.language)), h("div", { class: "confirm-modal-buttons" }, h("button", { class: "confirm-limit-close", onClick: () => this.handleCloseConfirm() }, translate('confirmLimitClose', this.language)), h("button", { class: "confirm-limit-save", onClick: () => this.handleSaveSkip() }, translate('confirmLimitSave', this.language)))))) : null));
|
|
574
574
|
}
|
|
575
575
|
static get is() { return "player-limit-notification-nd"; }
|
|
576
576
|
static get encapsulation() { return "shadow"; }
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { P as PlayerLimitNotificationNd } from './player-limit-notification-nd-
|
|
1
|
+
export { P as PlayerLimitNotificationNd } from './player-limit-notification-nd-97616c18.js';
|
|
2
2
|
import './index-862a608b.js';
|
|
@@ -6926,7 +6926,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|
|
6926
6926
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
6927
6927
|
`}static get is(){return "vaadin-tabs"}}v(vh);
|
|
6928
6928
|
|
|
6929
|
-
const playerLimitNotificationNdCss = "@charset \"UTF-8\";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-
|
|
6929
|
+
const playerLimitNotificationNdCss = "@charset \"UTF-8\";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-select{border:none;width:100%;background-color:transparent}vaadin-select::part(input-field){padding-left:15px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.type-select-label,.limit-period-label,.amount-input-label{display:inline-block;font-size:14px;color:var(--emw--modal-label-color, #ababab);margin:0;padding-bottom:8px;font-weight:400}.player-limit-modal{display:flex;position:fixed;align-items:center;justify-content:center;width:100%;height:100%;z-index:200;top:0;left:0;padding:0 10px;background-color:rgba(0, 0, 0, 0.7)}.player-limit-modal .limit-modal-container{color:var(--emw--modal-font-color, #fff);padding:15px;max-width:700px;min-width:300px;max-height:90vh;overflow-y:auto;position:relative;min-height:200px;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .limit-modal-container .limit-modal-content.disable-content{pointer-events:none;cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .error-message{display:block;color:var(--emw--color-error, red);min-height:16px}.player-limit-modal .limit-modal-container .limit-modal-title h2{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .limit-modal-container .limit-item:nth-of-type(1) .remove-limit-button{display:none}.player-limit-modal .limit-modal-container .limit-item:not(:nth-of-type(1)){padding:9px;margin:14px 0;border-radius:6px;border:1px solid #6a6a6a}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option{flex-grow:1;border:1px solid transparent;cursor:pointer;background:var(--emw--modal-input-bg, #4f4f4f);width:100px;height:40px;font-size:14px;border-radius:4px;color:var(--emw--modal-font-color, #fff);transition:0.5s}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option.selected{border-color:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-wrapper{display:flex;flex-wrap:nowrap}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content{position:relative;flex:1;margin-right:6px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-inner{padding-right:30px;padding-left:15px;outline:none;border:none;height:40px;color:var(--emw--modal-label-color, #ababab);background-color:var(--emw--modal-input-bg, #4f4f4f);width:100%;border-radius:4px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix{width:20px;height:20px;background-color:var(--emw--modal-label-color, #ababab);border-radius:50%;position:absolute;right:0px;transform:translate(-50%, -50%);top:50%;text-align:center;pointer-events:none}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix i{color:var(--emw--modal-input-bg, #4f4f4f)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 20%, transparent 80%);transition:2s}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button:hover{background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 50%, white 50%)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button svg{fill:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .checkbox-container label{display:flex;align-items:center;gap:6px}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original{opacity:0;width:0;height:0;z-index:-1;position:absolute}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original:checked+.checkbox-custom::after{opacity:1}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom{display:inline-block;width:18px;height:18px;background:var(--emw--modal-input-bg, #4f4f4f);border-radius:3px;position:relative;transition:0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom::after{content:\"✔\";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--emw--modal-font-color, #fff);font-size:12px;opacity:0;transition:opacity 0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-label{color:var(--emw--modal-label-color, #ababab);font-size:14px;cursor:pointer;user-select:none}.player-limit-modal .limit-modal-container .limit-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .limit-modal-container .limit-buttons .add-limit{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .add-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-buttons .add-limit .add-limit-mark{text-align:center;font-size:14px;fill:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .compliance-content{margin-top:15px;width:300px}.player-limit-modal .confirm-modal{background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:210;top:0;left:0;padding:0 10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-limit-modal .confirm-modal .confirm-modal-content{color:var(--emw--modal-font-color, #fff);padding:15px;padding-top:10px;box-sizing:padding-box;width:336px;overflow-y:auto;position:relative;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-title{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-close{cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-save{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}";
|
|
6930
6930
|
const PlayerLimitNotificationNdStyle0 = playerLimitNotificationNdCss;
|
|
6931
6931
|
|
|
6932
6932
|
const PlayerLimitNotificationNd = class {
|
|
@@ -7116,7 +7116,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7116
7116
|
max: parseInt(max, 10),
|
|
7117
7117
|
label: `${DefaultLimitConfig[type].title} - ${product}`,
|
|
7118
7118
|
periodOptions,
|
|
7119
|
-
|
|
7119
|
+
value: `${type}-${product}`
|
|
7120
7120
|
};
|
|
7121
7121
|
this.limitTypeOptions.push(limitTypeObject);
|
|
7122
7122
|
}
|
|
@@ -7197,8 +7197,8 @@ const PlayerLimitNotificationNd = class {
|
|
|
7197
7197
|
handleSelectLimitType(e, item) {
|
|
7198
7198
|
var _a;
|
|
7199
7199
|
const selectedKey = e.target.value;
|
|
7200
|
-
const selectedOption = this.limitTypeOptions.find((item) => item.
|
|
7201
|
-
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { selectedKey, typeErrorMessage: null }));
|
|
7200
|
+
const selectedOption = this.limitTypeOptions.find((item) => item.value === selectedKey);
|
|
7201
|
+
Object.assign(item, Object.assign(Object.assign({}, selectedOption), { value: selectedKey, typeErrorMessage: null }));
|
|
7202
7202
|
// trigger rerender
|
|
7203
7203
|
this.limitItems = [...this.limitItems];
|
|
7204
7204
|
if (this.isDisabledPeriod(item, item.period) || !((_a = item.periodOptions) === null || _a === void 0 ? void 0 : _a.includes(item.period))) {
|
|
@@ -7217,7 +7217,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7217
7217
|
if (!limitItem.type) {
|
|
7218
7218
|
return false;
|
|
7219
7219
|
}
|
|
7220
|
-
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.
|
|
7220
|
+
const otherSameTypeLimits = this.limitItems.filter((item) => item !== limitItem && item.value === limitItem.value);
|
|
7221
7221
|
return otherSameTypeLimits.some((item) => item.period === period);
|
|
7222
7222
|
}
|
|
7223
7223
|
validateSave() {
|
|
@@ -7496,7 +7496,7 @@ const PlayerLimitNotificationNd = class {
|
|
|
7496
7496
|
`, disabled: this.isDisabledPeriod(limitItem, period), onClick: () => this.handleSelectLimitPeriod(period, limitItem) }, translate(period, this.language)))))), h("small", { class: "error-message" }, limitItem.periodErrorMessage)));
|
|
7497
7497
|
}
|
|
7498
7498
|
render() {
|
|
7499
|
-
return (h("div", { key: '
|
|
7499
|
+
return (h("div", { key: 'f870fab238546da39f85ab2c865351b95432244a', class: "player-limit-modal", ref: (el) => (this.stylingContainer = el) }, h("section", { key: '990eff594f43950dbec9b86afe4a2a2c5fe1eb97', class: "limit-modal-container" }, h("div", { key: 'f71b9f98c30cdad4b7413ced119a513a6858d6cb', class: "limit-modal-title" }, h("h2", { key: '4bbd82ed92e6381cee0b3411562869d22e04add2' }, translate('limitNotificationTitle', this.language)), h("p", { key: '2ef496eeca492b98043becc1ecf27d1f63622fb3' }, translate('limitNotificationSubTitle', this.language))), h("div", { key: '616c07ef7bfd106cfc7111058244e28dbb7ced3c', class: `limit-modal-content ${this.skipLimit || this.loading ? 'disable-content' : ''}` }, this.limitItems.map((item, index) => (h("div", { class: "limit-item" }, h("div", { class: "limit-item-type" }, h("label", { class: "type-select-label" }, translate('selectLimitTypeLabel', this.language)), h("div", null, h("vaadin-select", { value: item.value, items: this.limitTypeOptions, placeholder: translate('selectLimitTypePlaceholder', this.language), onChange: (e) => this.handleSelectLimitType(e, item) })), h("small", { class: "error-message" }, item.typeErrorMessage)), this.renderPeriodButtons(item), h("div", { class: "limit-item-amount" }, h("div", { class: "amount-input" }, h("label", { class: "amount-input-label" }, translate('limitNotificationAmountLabel', this.language)), h("div", { class: "amount-input-wrapper" }, h("div", { class: "amount-input-content" }, h("input", { class: "amount-input-inner", type: "number", pattern: "[0-9]*", value: item.amount, onWheel: this.handleBlockInputWheel, onInput: (e) => this.handleInputLimitAmount(e, item) }), h("span", { class: "amount-input-suffix" }, h("i", null, this.currencySymbolMap[this.currency]))), h("button", { onClick: () => this.handleRemoveLimit(index), class: "remove-limit-button" }, h("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z" })))))), h("small", { class: "error-message" }, item.amountErrorMessage))))), h("div", { key: '3784e871224de644892b167a7c7c504c4869164e', class: "checkbox-container" }, h("label", { key: '537af6692c3696d33e0744cae01fefcca1c014a7' }, h("span", { key: '48f880408012e0b327db796db021ce63ef0dfff2', class: "custom-checkbox" }, h("input", { key: '194974e75cc1f0b9217eb6ee6fe5eb6042ebb866', disabled: this.loading, onChange: (e) => this.handleSkipLimitChange(e), type: "checkbox", class: "checkbox-original" }), h("span", { key: '0c49f460c6f04bc99551a6103b633a674d11418c', class: "checkbox-custom" })), h("span", { key: '52f7051f7d40aca86a19274563176f9f05986cf1', class: "checkbox-label" }, translate('skipLimitLimitDescription', this.language)))), h("div", { key: 'bdb7b1c83699f8c1db6d3fd21e9ca7cb5ec8a6ce', class: "limit-buttons" }, h("button", { key: '7f0a8357725b25c38b2f57007b796a0045931c9f', class: "add-limit", disabled: this.skipLimit || this.loading, onClick: () => this.handleAddLimit() }, h("svg", { key: 'b0d6e3af606c2e824cab00f95b516f059b66c14e', class: "add-limit-mark", width: "14", height: "14", viewBox: "0 0 14 14", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '06bad5288fbcac39f6ab22ee9aaa1ba03c824b4e', d: "M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z" })), h("span", { key: '289408cc10e7607790ac89a9e421b41f5ab23d86' }, translate('addLimitType', this.language))), h("button", { key: '777aeda2f0406e2169d0b3a866c10b143bd97b5c', class: "save-limit", disabled: this.loading, onClick: () => this.handleSaveLimit() }, translate('savePlayerLimit', this.language))), this.showComplianceText && (h("div", { key: 'bc25469d3be0d936f85940068309394880a6b1e8', class: "compliance-content" }, h("p", { key: '53861542a9c6f17f63a73640b962ff1e5da358c0' }, translate('complianceText', this.language))))), this.confirmPopupVisibility ? (h("section", { class: "confirm-modal" }, h("div", { class: "confirm-modal-content" }, h("h2", { class: "confirm-modal-title" }, translate('limitNotificationTitle', this.language)), h("p", null, translate('confirmLimitNotification', this.language)), h("div", { class: "confirm-modal-buttons" }, h("button", { class: "confirm-limit-close", onClick: () => this.handleCloseConfirm() }, translate('confirmLimitClose', this.language)), h("button", { class: "confirm-limit-save", onClick: () => this.handleSaveSkip() }, translate('confirmLimitSave', this.language)))))) : null));
|
|
7500
7500
|
}
|
|
7501
7501
|
static get watchers() { return {
|
|
7502
7502
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { P as player_limit_notification_nd } from './player-limit-notification-nd-
|
|
1
|
+
export { P as player_limit_notification_nd } from './player-limit-notification-nd-97616c18.js';
|
|
2
2
|
import './index-862a608b.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as PlayerLimitNotificationNd}from"./player-limit-notification-nd-
|
|
1
|
+
export{P as PlayerLimitNotificationNd}from"./player-limit-notification-nd-97616c18.js";import"./index-862a608b.js";
|
|
@@ -6654,4 +6654,4 @@ Ut("vaadin-tabs",T`
|
|
|
6654
6654
|
</div>
|
|
6655
6655
|
|
|
6656
6656
|
<div on-click="_scrollForward" part="forward-button" aria-hidden="true"></div>
|
|
6657
|
-
`}static get is(){return"vaadin-tabs"}}x(_l);const xl=class{constructor(e){t(this,e),this.MATCH_CONFIG_AMOUNT=/^(\w+)\((\w+)\):(\d+)-(\d+)$/,this.MATCH_CONFIG_PERIOD=/^(\w+)\((\w+)\):([A-Z\-]+)$/,this.defaultPeriods=[h.DAILY,h.WEEKLY,h.MONTHLY],this.fetchSkipLimit=()=>{const t=new URL(`${this.endpoint}/api/pam/v1/player-notifications`);t.searchParams.append("createNotificationIfNotFound","true"),this.loading=!0,fetch(t,{headers:{"X-SessionId":this.session,"Content-Type":"application/json"},method:"PATCH",body:JSON.stringify({type:1,interval:5,ackNotification:!0,ackNotificationTimestamp:(new Date).toISOString()})}).then((t=>{if(t.ok)return t.json();throw window.postMessage({type:"WidgetNotification",data:{type:"error",message:o("limitNotificationFail",this.language)}},window.location.href),new Error("Error while skipping the limit setting")})).then((()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:o("setLimitSuccessful",this.language)}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)})).catch((t=>{console.error(t)})).finally((()=>{this.loading=!1}))},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.session=void 0,this.userid=void 0,this.language=void 0,this.endpoint=void 0,this.limitsamount=void 0,this.limitsperiods=void 0,this.currency=void 0,this.customcurrencysymbols=void 0,this.translationurl="",this.showComplianceText=!1,this.limitItems=[{}],this.limitTypeOptions=[],this.skipLimit=!1,this.loading=!1,this.confirmPopupVisibility=!1}get currencySymbolMap(){const t={};return this.customcurrencysymbols&&this.customcurrencysymbols.split(",").forEach((e=>{let i=e.split(":");t[i[0].trim()]=i[1].trim()})),Object.assign(Object.assign({},{EUR:"€",RON:" lei",USD:"$"}),t)}handleClientStylingChange(t,e){t!=e&&r(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&a(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&n(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&n(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl))}async componentWillLoad(){var t;this.translationurl.length>2&&await(t=this.translationurl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{s[e]||(s[e]={});for(let i in t[e])s[e][i]=t[e][i]})),e(!0)}))}))),await this.parseLimitConfigs()}eventParamsToTranslationKeys(t){return`dataLayer-${t}`}emitGtag(t,e){"function"==typeof gtag&>ag({event:t,limit_category:o(this.eventParamsToTranslationKeys(e.product.toLowerCase()),this.language)||e.product,limit_type:o(this.eventParamsToTranslationKeys(e.type.toLowerCase()))||e.type,limit_period:o(this.eventParamsToTranslationKeys(e.period),this.language)||e.period,limit_amount:e.amount})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}parsePeriodsConfig(t){const e=t.match(this.MATCH_CONFIG_PERIOD),i={D:"daily",W:"weekly",M:"monthly",N:"none"},s=[];if(e){const[,,,t]=e;t.split("-").forEach((t=>{if(!i[t])throw new Error(`Unknown period code: ${t}`);s.push(i[t])}))}return s}async parseLimitConfigs(){const t=this.limitsamount.replace(/\s/g,"").split("|"),e=this.limitsperiods.replace(/\s/g,"").split("|");if(0===t.length)throw new Error("Please provide a full limits configuration.");if(t.length!==e.length)throw new Error("Please make sure that the limit configuration parameters specify the same number of tabs.");try{for(let i=0;i<t.length;i++){const s=e[i],o=t[i].split(","),r=s.split(",");o.forEach(((t,e)=>{const i=t.match(this.MATCH_CONFIG_AMOUNT);if(i){const t=this.parsePeriodsConfig(r[e]),[,s,o,a,n]=i,l={type:o,product:s,min:parseInt(a,10),max:parseInt(n,10),label:`${c[o].title} - ${s}`,periodOptions:t,selectedKey:`${o}-${s}`};this.limitTypeOptions.push(l)}}))}}catch(t){throw new Error(`Error parsing limit config: ${t}`)}await this.filterExistingLimits(),this.limitTypeOptions=[...this.limitTypeOptions]}async filterExistingLimits(){try{const{sessionLimit:t,cumulativeSessionLimits:e,monetaryLimits:i}=await this.getLimits16();t&&(this.limitTypeOptions=this.limitTypeOptions.filter((t=>t.type===l.SESSION_LIMIT)));const s=new Map;i.forEach((t=>{var e;const i=`${null===(e=t.products)||void 0===e?void 0:e[0]}-${t.type}`.toLowerCase(),o=s.get(i)||new Set;o.add(t.period.toLowerCase()),s.set(i,o)})),this.limitTypeOptions=this.limitTypeOptions.map((t=>{const i=`${t.product}-${t.type}`.toLowerCase();let o=s.get(i)||new Set;t.type===l.CUMULATIVE_SESSION&&e&&(o=new Set(e.map((t=>t.period.toLowerCase()))));const r=t.periodOptions.filter((t=>!o.has(t)));return r.length>0?Object.assign(Object.assign({},t),{periodOptions:r}):null})).filter(Boolean)}catch(t){console.error("error getting limits",t)}}async getLimits16(){const t=this.limitTypeOptions.some((t=>t.type===l.SESSION_LIMIT||t.type===l.CUMULATIVE_SESSION)),e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary`),i={method:"GET",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"}},s=await fetch(e.href,i);if(s.status>=300)throw new Error("An error occured during the fetch request");const o=await s.json(),r=(null==o?void 0:o.limits)||[];let a=null,n=null;if(t){const t=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session`),e=await fetch(t.href,i);if(e.status>=300)throw new Error("An error occured during the fetch request");const s=await e.json();a=null==s?void 0:s.sessionLimit,n=null==s?void 0:s.cumulativeSessionLimits}return{sessionLimit:a,cumulativeSessionLimits:n,monetaryLimits:r}}handleSelectLimitType(t,e){var i;const s=t.target.value,o=this.limitTypeOptions.find((t=>t.selectedKey===s));Object.assign(e,Object.assign(Object.assign({},o),{selectedKey:s,typeErrorMessage:null})),this.limitItems=[...this.limitItems],!this.isDisabledPeriod(e,e.period)&&(null===(i=e.periodOptions)||void 0===i?void 0:i.includes(e.period))||(e.period=null)}handleSelectLimitPeriod(t,e){Object.assign(e,{period:t,periodErrorMessage:null}),this.limitItems=[...this.limitItems]}isDisabledPeriod(t,e){return!!t.type&&this.limitItems.filter((e=>e!==t&&e.selectedKey===t.selectedKey)).some((t=>t.period===e))}validateSave(){if(this.skipLimit)return!0;let t=!0;return this.limitItems.forEach((e=>{var i;Object.assign(e,{amountErrorMessage:null,periodErrorMessage:null,typeErrorMessage:null}),e.amountErrorMessage=this.getAmountErrorMsg(e),e.period||(null===(i=e.periodOptions)||void 0===i?void 0:i.includes(h.NONE))||(e.periodErrorMessage=o("emptyPeriodWarning",this.language)),e.type||(e.typeErrorMessage=o("emptyLimitTypeWarning",this.language)),(e.amountErrorMessage||e.typeErrorMessage||e.periodErrorMessage)&&(t=!1)})),this.limitItems=[...this.limitItems],t}handleSaveLimit(){var t,e,i;if(this.validateSave())if(this.skipLimit){const s="number"==typeof(null===(t=this.limitItems[0])||void 0===t?void 0:t.amount)||(null===(e=this.limitItems[0])||void 0===e?void 0:e.period)||(null===(i=this.limitItems[0])||void 0===i?void 0:i.type);this.limitItems.length>1||s?this.doubleConfirmSkip():this.fetchSkipLimit()}else this.fetchUpdateLimit()}doubleConfirmSkip(){this.confirmPopupVisibility=!0}handleCloseConfirm(){this.confirmPopupVisibility=!1}handleSaveSkip(){this.handleCloseConfirm(),this.fetchSkipLimit()}async fetchUpdateLimit(){this.loading=!0;const t=[];this.limitItems.forEach((e=>{switch(e.type){case"lugas":t.push(this.createSubmitLimitCall(this.updateLugasCall,e));break;case"sessionLimit":t.push(this.createSubmitLimitCall(this.updateSingleSessionLimit16Call,e));break;case"cumulativeSession":t.push(this.createSubmitLimitCall(this.updateCumulativeSessionLimit16Call,e));break;default:t.push(this.createSubmitLimitCall(this.updateMonetaryLimits16Call,e))}}));const e=await Promise.allSettled(t.map((t=>t()))),i=e.filter((t=>"fulfilled"===t.status)),s=e.filter((t=>"rejected"===t.status));if(this.loading=!1,s.length!==t.length)return i.length===t.length?(window.postMessage({type:"WidgetNotification",data:{type:"success",message:o("setLimitSuccessful",this.language)}}),void window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)):void(s.length&&(window.postMessage({type:"WidgetNotification",data:{type:"info",config:{enableHtml:!0},message:o("partialFailedUpdateLimit",this.language,{values:{accountLimitPath:`/${this.language}/account/limits`}})}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)));window.postMessage({type:"WidgetNotification",data:{type:"error",message:o("limitNotificationFail",this.language)}},window.location.href)}createSubmitLimitCall(t,e){return async()=>{try{if((await t.bind(this)(e)).status>=300)throw new Error("An error occured during the fetch request");this.emitGtag("self_limitation_success",e)}catch(t){throw console.error("error while updating limit",t),new Error(`error while updating limit: ${t}`)}}}updateLugasCall(t){const e=new URL(`${this.endpoint}/v2/player/${this.userid}/limit/lugas`);let i={method:"POST",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({amount:t.amount,roleLimitAmount:0,softMigration:!1,keepLimit:!1})};return fetch(e.href,i)}updateSingleSessionLimit16Call(t){const e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`);let i={method:"PUT",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({sessionLimit:t.amount,sessionLimitUnit:"minute"})};return fetch(e.href,i)}capitalizeFirst(t){return t[0].toUpperCase()+t.substring(1)}updateCumulativeSessionLimit16Call(t){const e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`),i={cumulativeSessionLimits:[{period:this.capitalizeFirst(t.period),minutes:t.amount}]};let s={method:"PUT",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(i)};return fetch(e.href,s)}updateMonetaryLimits16Call(t){var e;const i=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary/`),s={amount:t.amount,currency:this.currency,period:this.capitalizeFirst(t.period),type:c[t.type].callValue16,products:[null!==(e=t.product)&&void 0!==e?e:"All"],walletTypes:["Deposit","NetDeposit"].includes(c[t.type].callValue16)?["All"]:["RealCash"]};let o={method:"POST",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(i.href,o)}handleBlockInputWheel(t){t.preventDefault()}handleSkipLimitChange(t){this.skipLimit=t.target.checked}handleAddLimit(){this.limitItems=[...this.limitItems,{}]}handleRemoveLimit(t){this.limitItems.splice(t,1),this.limitItems=[...this.limitItems]}handleInputLimitAmount(t,e){const i=Number(t.target.value);if("number"!=typeof i||Number.isNaN(i))return void(e.amountErrorMessage=o("invalidAmount",this.language));const s=Number.isInteger(i)?i:Math.round(i);e.amount=s,e.amountErrorMessage=this.getAmountErrorMsg(e),this.limitItems=[...this.limitItems]}getAmountErrorMsg(t){if("number"!=typeof t.amount||Number.isNaN(t.amount))return o("invalidAmount",this.language);let e=null;return t.amount<t.min&&(e=o("invalidInputMessageLimitMin",this.language,{values:{minValue:t.min,currency:this.currency}})),t.amount>t.max&&(e=o("invalidInputMessageLimitMax",this.language,{values:{maxValue:t.max,currency:this.currency}})),e}renderPeriodButtons(t){const s=t.periodOptions||this.defaultPeriods;return s.includes(h.NONE)?"":e(i,null,e("div",{class:"limit-item-period"},e("label",{class:"limit-period-label"},o("selectLimitPeriodLabel",this.language)),e("div",{class:"limit-period-wrapper"},s.map((i=>e("button",{class:`\n limit-period-option\n ${t.period===i?"selected":""}\n `,disabled:this.isDisabledPeriod(t,i),onClick:()=>this.handleSelectLimitPeriod(i,t)},o(i,this.language)))))),e("small",{class:"error-message"},t.periodErrorMessage))}render(){return e("div",{key:"32faa284eec5694d9d69b24f05b06d3125523c37",class:"player-limit-modal",ref:t=>this.stylingContainer=t},e("section",{key:"75301a64466b558c40546cf7da8f112921a02dac",class:"limit-modal-container"},e("div",{key:"87f4dda3fd5c172bb4a8abdcea59c5fa47216544",class:"limit-modal-title"},e("h2",{key:"ab7a9c8dd456da7c9eacc6ae9129296895098cf1"},o("limitNotificationTitle",this.language)),e("p",{key:"c8d2771b9e028667d7df61b899d02105cacb7dbd"},o("limitNotificationSubTitle",this.language))),e("div",{key:"b4e1b9924b483097473c9114b4f239e2dce0edd5",class:"limit-modal-content "+(this.skipLimit||this.loading?"disable-content":"")},this.limitItems.map(((t,i)=>e("div",{class:"limit-item"},e("div",{class:"limit-item-type"},e("label",{class:"type-select-label"},o("selectLimitTypeLabel",this.language)),e("div",null,e("vaadin-combo-box",{value:t.selectedKey,items:this.limitTypeOptions,"no-vertical-overlap":!0,"item-label-path":"label","item-value-path":"selectedKey",placeholder:o("selectLimitTypePlaceholder",this.language),onChange:e=>this.handleSelectLimitType(e,t)})),e("small",{class:"error-message"},t.typeErrorMessage)),this.renderPeriodButtons(t),e("div",{class:"limit-item-amount"},e("div",{class:"amount-input"},e("label",{class:"amount-input-label"},o("limitNotificationAmountLabel",this.language)),e("div",{class:"amount-input-wrapper"},e("div",{class:"amount-input-content"},e("input",{class:"amount-input-inner",type:"number",pattern:"[0-9]*",value:t.amount,onWheel:this.handleBlockInputWheel,onInput:e=>this.handleInputLimitAmount(e,t)}),e("span",{class:"amount-input-suffix"},e("i",null,this.currencySymbolMap[this.currency]))),e("button",{onClick:()=>this.handleRemoveLimit(i),class:"remove-limit-button"},e("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z"})))))),e("small",{class:"error-message"},t.amountErrorMessage))))),e("div",{key:"4dfb502de016ebc34b9803e10753bebc444815aa",class:"checkbox-container"},e("label",{key:"94e784ec579cddaca2d4023cb8483e29c2701eea"},e("span",{key:"589c598864ed3747638ddcfe7f14edc11577a97b",class:"custom-checkbox"},e("input",{key:"4b7c15e3081619a42bce61336d36146699606646",disabled:this.loading,onChange:t=>this.handleSkipLimitChange(t),type:"checkbox",class:"checkbox-original"}),e("span",{key:"8fabd1cc4abea31e78b6043344d57fd782958aeb",class:"checkbox-custom"})),e("span",{key:"10d98983668e9e9c768b355df4945487b525f5ed",class:"checkbox-label"},o("skipLimitLimitDescription",this.language)))),e("div",{key:"abbd6cf684fc11ec125a8841ca971b7d71793d26",class:"limit-buttons"},e("button",{key:"9ee7984b66c950770e72eac116d3f888bb2283ea",class:"add-limit",disabled:this.skipLimit||this.loading,onClick:()=>this.handleAddLimit()},e("svg",{key:"e84aeec080872397afb1d62cd35c28bfb60c139d",class:"add-limit-mark",width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"36138fa77a1d7854fedf12378ae4b182772d44e5",d:"M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z"})),e("span",{key:"1d1e9bf74826fc9d37a4acc922d2a915e92525a5"},o("addLimitType",this.language))),e("button",{key:"6db43aa725a93ed2bd675a33e286d72e49c85bdf",class:"save-limit",disabled:this.loading,onClick:()=>this.handleSaveLimit()},o("savePlayerLimit",this.language))),this.showComplianceText&&e("div",{key:"a92aca0919f40613fd12460a4d7c47ea53eac437",class:"compliance-content"},e("p",{key:"4c72cb161df40c07fb3a5506e54e9f6296d6119d"},o("complianceText",this.language)))),this.confirmPopupVisibility?e("section",{class:"confirm-modal"},e("div",{class:"confirm-modal-content"},e("h2",{class:"confirm-modal-title"},o("limitNotificationTitle",this.language)),e("p",null,o("confirmLimitNotification",this.language)),e("div",{class:"confirm-modal-buttons"},e("button",{class:"confirm-limit-close",onClick:()=>this.handleCloseConfirm()},o("confirmLimitClose",this.language)),e("button",{class:"confirm-limit-save",onClick:()=>this.handleSaveSkip()},o("confirmLimitSave",this.language))))):null)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};xl.style='@charset "UTF-8";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-combo-box{border:none;width:100%;background-color:transparent}vaadin-combo-box::part(input-field){padding-left:15px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.type-select-label,.limit-period-label,.amount-input-label{display:inline-block;font-size:14px;color:var(--emw--modal-label-color, #ababab);margin:0;padding-bottom:8px;font-weight:400}.player-limit-modal{display:flex;position:fixed;align-items:center;justify-content:center;width:100%;height:100%;z-index:200;top:0;left:0;padding:0 10px;background-color:rgba(0, 0, 0, 0.7)}.player-limit-modal .limit-modal-container{color:var(--emw--modal-font-color, #fff);padding:15px;max-width:700px;min-width:300px;max-height:90vh;overflow-y:auto;position:relative;min-height:200px;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .limit-modal-container .limit-modal-content.disable-content{pointer-events:none;cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .error-message{display:block;color:var(--emw--color-error, red);min-height:16px}.player-limit-modal .limit-modal-container .limit-modal-title h2{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .limit-modal-container .limit-item:nth-of-type(1) .remove-limit-button{display:none}.player-limit-modal .limit-modal-container .limit-item:not(:nth-of-type(1)){padding:9px;margin:14px 0;border-radius:6px;border:1px solid #6a6a6a}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option{flex-grow:1;border:1px solid transparent;cursor:pointer;background:var(--emw--modal-input-bg, #4f4f4f);width:100px;height:40px;font-size:14px;border-radius:4px;color:var(--emw--modal-font-color, #fff);transition:0.5s}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option.selected{border-color:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-wrapper{display:flex;flex-wrap:nowrap}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content{position:relative;flex:1;margin-right:6px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-inner{padding-right:30px;padding-left:15px;outline:none;border:none;height:40px;color:var(--emw--modal-label-color, #ababab);background-color:var(--emw--modal-input-bg, #4f4f4f);width:100%;border-radius:4px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix{width:20px;height:20px;background-color:var(--emw--modal-label-color, #ababab);border-radius:50%;position:absolute;right:0px;transform:translate(-50%, -50%);top:50%;text-align:center;pointer-events:none}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix i{color:var(--emw--modal-input-bg, #4f4f4f)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 20%, transparent 80%);transition:2s}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button:hover{background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 50%, white 50%)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button svg{fill:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .checkbox-container label{display:flex;align-items:center;gap:6px}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original{opacity:0;width:0;height:0;z-index:-1;position:absolute}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original:checked+.checkbox-custom::after{opacity:1}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom{display:inline-block;width:18px;height:18px;background:var(--emw--modal-input-bg, #4f4f4f);border-radius:3px;position:relative;transition:0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom::after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--emw--modal-font-color, #fff);font-size:12px;opacity:0;transition:opacity 0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-label{color:var(--emw--modal-label-color, #ababab);font-size:14px;cursor:pointer;user-select:none}.player-limit-modal .limit-modal-container .limit-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .limit-modal-container .limit-buttons .add-limit{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .add-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-buttons .add-limit .add-limit-mark{text-align:center;font-size:14px;fill:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .compliance-content{margin-top:15px;width:300px}.player-limit-modal .confirm-modal{background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:210;top:0;left:0;padding:0 10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-limit-modal .confirm-modal .confirm-modal-content{color:var(--emw--modal-font-color, #fff);padding:15px;padding-top:10px;box-sizing:padding-box;width:336px;overflow-y:auto;position:relative;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-title{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-close{cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-save{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}';export{xl as P}
|
|
6657
|
+
`}static get is(){return"vaadin-tabs"}}x(_l);const xl=class{constructor(e){t(this,e),this.MATCH_CONFIG_AMOUNT=/^(\w+)\((\w+)\):(\d+)-(\d+)$/,this.MATCH_CONFIG_PERIOD=/^(\w+)\((\w+)\):([A-Z\-]+)$/,this.defaultPeriods=[h.DAILY,h.WEEKLY,h.MONTHLY],this.fetchSkipLimit=()=>{const t=new URL(`${this.endpoint}/api/pam/v1/player-notifications`);t.searchParams.append("createNotificationIfNotFound","true"),this.loading=!0,fetch(t,{headers:{"X-SessionId":this.session,"Content-Type":"application/json"},method:"PATCH",body:JSON.stringify({type:1,interval:5,ackNotification:!0,ackNotificationTimestamp:(new Date).toISOString()})}).then((t=>{if(t.ok)return t.json();throw window.postMessage({type:"WidgetNotification",data:{type:"error",message:o("limitNotificationFail",this.language)}},window.location.href),new Error("Error while skipping the limit setting")})).then((()=>{window.postMessage({type:"WidgetNotification",data:{type:"success",message:o("setLimitSuccessful",this.language)}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)})).catch((t=>{console.error(t)})).finally((()=>{this.loading=!1}))},this.mbSource=void 0,this.clientStyling=void 0,this.clientStylingUrl=void 0,this.session=void 0,this.userid=void 0,this.language=void 0,this.endpoint=void 0,this.limitsamount=void 0,this.limitsperiods=void 0,this.currency=void 0,this.customcurrencysymbols=void 0,this.translationurl="",this.showComplianceText=!1,this.limitItems=[{}],this.limitTypeOptions=[],this.skipLimit=!1,this.loading=!1,this.confirmPopupVisibility=!1}get currencySymbolMap(){const t={};return this.customcurrencysymbols&&this.customcurrencysymbols.split(",").forEach((e=>{let i=e.split(":");t[i[0].trim()]=i[1].trim()})),Object.assign(Object.assign({},{EUR:"€",RON:" lei",USD:"$"}),t)}handleClientStylingChange(t,e){t!=e&&r(this.stylingContainer,this.clientStyling)}handleClientStylingUrlChange(t,e){t!=e&&a(this.stylingContainer,this.clientStylingUrl)}handleMbSourceChange(t,e){t!=e&&n(this.stylingContainer,`${this.mbSource}.Style`)}componentDidLoad(){this.stylingContainer&&(this.mbSource&&n(this.stylingContainer,`${this.mbSource}.Style`),this.clientStyling&&r(this.stylingContainer,this.clientStyling),this.clientStylingUrl&&a(this.stylingContainer,this.clientStylingUrl))}async componentWillLoad(){var t;this.translationurl.length>2&&await(t=this.translationurl,new Promise((e=>{fetch(t).then((t=>t.json())).then((t=>{Object.keys(t).forEach((e=>{s[e]||(s[e]={});for(let i in t[e])s[e][i]=t[e][i]})),e(!0)}))}))),await this.parseLimitConfigs()}eventParamsToTranslationKeys(t){return`dataLayer-${t}`}emitGtag(t,e){"function"==typeof gtag&>ag({event:t,limit_category:o(this.eventParamsToTranslationKeys(e.product.toLowerCase()),this.language)||e.product,limit_type:o(this.eventParamsToTranslationKeys(e.type.toLowerCase()))||e.type,limit_period:o(this.eventParamsToTranslationKeys(e.period),this.language)||e.period,limit_amount:e.amount})}disconnectedCallback(){this.stylingSubscription&&this.stylingSubscription.unsubscribe()}parsePeriodsConfig(t){const e=t.match(this.MATCH_CONFIG_PERIOD),i={D:"daily",W:"weekly",M:"monthly",N:"none"},s=[];if(e){const[,,,t]=e;t.split("-").forEach((t=>{if(!i[t])throw new Error(`Unknown period code: ${t}`);s.push(i[t])}))}return s}async parseLimitConfigs(){const t=this.limitsamount.replace(/\s/g,"").split("|"),e=this.limitsperiods.replace(/\s/g,"").split("|");if(0===t.length)throw new Error("Please provide a full limits configuration.");if(t.length!==e.length)throw new Error("Please make sure that the limit configuration parameters specify the same number of tabs.");try{for(let i=0;i<t.length;i++){const s=e[i],o=t[i].split(","),r=s.split(",");o.forEach(((t,e)=>{const i=t.match(this.MATCH_CONFIG_AMOUNT);if(i){const t=this.parsePeriodsConfig(r[e]),[,s,o,a,n]=i,l={type:o,product:s,min:parseInt(a,10),max:parseInt(n,10),label:`${c[o].title} - ${s}`,periodOptions:t,value:`${o}-${s}`};this.limitTypeOptions.push(l)}}))}}catch(t){throw new Error(`Error parsing limit config: ${t}`)}await this.filterExistingLimits(),this.limitTypeOptions=[...this.limitTypeOptions]}async filterExistingLimits(){try{const{sessionLimit:t,cumulativeSessionLimits:e,monetaryLimits:i}=await this.getLimits16();t&&(this.limitTypeOptions=this.limitTypeOptions.filter((t=>t.type===l.SESSION_LIMIT)));const s=new Map;i.forEach((t=>{var e;const i=`${null===(e=t.products)||void 0===e?void 0:e[0]}-${t.type}`.toLowerCase(),o=s.get(i)||new Set;o.add(t.period.toLowerCase()),s.set(i,o)})),this.limitTypeOptions=this.limitTypeOptions.map((t=>{const i=`${t.product}-${t.type}`.toLowerCase();let o=s.get(i)||new Set;t.type===l.CUMULATIVE_SESSION&&e&&(o=new Set(e.map((t=>t.period.toLowerCase()))));const r=t.periodOptions.filter((t=>!o.has(t)));return r.length>0?Object.assign(Object.assign({},t),{periodOptions:r}):null})).filter(Boolean)}catch(t){console.error("error getting limits",t)}}async getLimits16(){const t=this.limitTypeOptions.some((t=>t.type===l.SESSION_LIMIT||t.type===l.CUMULATIVE_SESSION)),e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary`),i={method:"GET",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"}},s=await fetch(e.href,i);if(s.status>=300)throw new Error("An error occured during the fetch request");const o=await s.json(),r=(null==o?void 0:o.limits)||[];let a=null,n=null;if(t){const t=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session`),e=await fetch(t.href,i);if(e.status>=300)throw new Error("An error occured during the fetch request");const s=await e.json();a=null==s?void 0:s.sessionLimit,n=null==s?void 0:s.cumulativeSessionLimits}return{sessionLimit:a,cumulativeSessionLimits:n,monetaryLimits:r}}handleSelectLimitType(t,e){var i;const s=t.target.value,o=this.limitTypeOptions.find((t=>t.value===s));Object.assign(e,Object.assign(Object.assign({},o),{value:s,typeErrorMessage:null})),this.limitItems=[...this.limitItems],!this.isDisabledPeriod(e,e.period)&&(null===(i=e.periodOptions)||void 0===i?void 0:i.includes(e.period))||(e.period=null)}handleSelectLimitPeriod(t,e){Object.assign(e,{period:t,periodErrorMessage:null}),this.limitItems=[...this.limitItems]}isDisabledPeriod(t,e){return!!t.type&&this.limitItems.filter((e=>e!==t&&e.value===t.value)).some((t=>t.period===e))}validateSave(){if(this.skipLimit)return!0;let t=!0;return this.limitItems.forEach((e=>{var i;Object.assign(e,{amountErrorMessage:null,periodErrorMessage:null,typeErrorMessage:null}),e.amountErrorMessage=this.getAmountErrorMsg(e),e.period||(null===(i=e.periodOptions)||void 0===i?void 0:i.includes(h.NONE))||(e.periodErrorMessage=o("emptyPeriodWarning",this.language)),e.type||(e.typeErrorMessage=o("emptyLimitTypeWarning",this.language)),(e.amountErrorMessage||e.typeErrorMessage||e.periodErrorMessage)&&(t=!1)})),this.limitItems=[...this.limitItems],t}handleSaveLimit(){var t,e,i;if(this.validateSave())if(this.skipLimit){const s="number"==typeof(null===(t=this.limitItems[0])||void 0===t?void 0:t.amount)||(null===(e=this.limitItems[0])||void 0===e?void 0:e.period)||(null===(i=this.limitItems[0])||void 0===i?void 0:i.type);this.limitItems.length>1||s?this.doubleConfirmSkip():this.fetchSkipLimit()}else this.fetchUpdateLimit()}doubleConfirmSkip(){this.confirmPopupVisibility=!0}handleCloseConfirm(){this.confirmPopupVisibility=!1}handleSaveSkip(){this.handleCloseConfirm(),this.fetchSkipLimit()}async fetchUpdateLimit(){this.loading=!0;const t=[];this.limitItems.forEach((e=>{switch(e.type){case"lugas":t.push(this.createSubmitLimitCall(this.updateLugasCall,e));break;case"sessionLimit":t.push(this.createSubmitLimitCall(this.updateSingleSessionLimit16Call,e));break;case"cumulativeSession":t.push(this.createSubmitLimitCall(this.updateCumulativeSessionLimit16Call,e));break;default:t.push(this.createSubmitLimitCall(this.updateMonetaryLimits16Call,e))}}));const e=await Promise.allSettled(t.map((t=>t()))),i=e.filter((t=>"fulfilled"===t.status)),s=e.filter((t=>"rejected"===t.status));if(this.loading=!1,s.length!==t.length)return i.length===t.length?(window.postMessage({type:"WidgetNotification",data:{type:"success",message:o("setLimitSuccessful",this.language)}}),void window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)):void(s.length&&(window.postMessage({type:"WidgetNotification",data:{type:"info",config:{enableHtml:!0},message:o("partialFailedUpdateLimit",this.language,{values:{accountLimitPath:`/${this.language}/account/limits`}})}},window.location.href),window.postMessage({type:"SubmitLimitNotificationSuccess"},window.location.href)));window.postMessage({type:"WidgetNotification",data:{type:"error",message:o("limitNotificationFail",this.language)}},window.location.href)}createSubmitLimitCall(t,e){return async()=>{try{if((await t.bind(this)(e)).status>=300)throw new Error("An error occured during the fetch request");this.emitGtag("self_limitation_success",e)}catch(t){throw console.error("error while updating limit",t),new Error(`error while updating limit: ${t}`)}}}updateLugasCall(t){const e=new URL(`${this.endpoint}/v2/player/${this.userid}/limit/lugas`);let i={method:"POST",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({amount:t.amount,roleLimitAmount:0,softMigration:!1,keepLimit:!1})};return fetch(e.href,i)}updateSingleSessionLimit16Call(t){const e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`);let i={method:"PUT",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({sessionLimit:t.amount,sessionLimitUnit:"minute"})};return fetch(e.href,i)}capitalizeFirst(t){return t[0].toUpperCase()+t.substring(1)}updateCumulativeSessionLimit16Call(t){const e=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/session/`),i={cumulativeSessionLimits:[{period:this.capitalizeFirst(t.period),minutes:t.amount}]};let s={method:"PUT",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(i)};return fetch(e.href,s)}updateMonetaryLimits16Call(t){var e;const i=new URL(`${this.endpoint}/v1/player/${this.userid}/limits/monetary/`),s={amount:t.amount,currency:this.currency,period:this.capitalizeFirst(t.period),type:c[t.type].callValue16,products:[null!==(e=t.product)&&void 0!==e?e:"All"],walletTypes:["Deposit","NetDeposit"].includes(c[t.type].callValue16)?["All"]:["RealCash"]};let o={method:"POST",headers:{"X-SessionID":this.session,"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify(s)};return fetch(i.href,o)}handleBlockInputWheel(t){t.preventDefault()}handleSkipLimitChange(t){this.skipLimit=t.target.checked}handleAddLimit(){this.limitItems=[...this.limitItems,{}]}handleRemoveLimit(t){this.limitItems.splice(t,1),this.limitItems=[...this.limitItems]}handleInputLimitAmount(t,e){const i=Number(t.target.value);if("number"!=typeof i||Number.isNaN(i))return void(e.amountErrorMessage=o("invalidAmount",this.language));const s=Number.isInteger(i)?i:Math.round(i);e.amount=s,e.amountErrorMessage=this.getAmountErrorMsg(e),this.limitItems=[...this.limitItems]}getAmountErrorMsg(t){if("number"!=typeof t.amount||Number.isNaN(t.amount))return o("invalidAmount",this.language);let e=null;return t.amount<t.min&&(e=o("invalidInputMessageLimitMin",this.language,{values:{minValue:t.min,currency:this.currency}})),t.amount>t.max&&(e=o("invalidInputMessageLimitMax",this.language,{values:{maxValue:t.max,currency:this.currency}})),e}renderPeriodButtons(t){const s=t.periodOptions||this.defaultPeriods;return s.includes(h.NONE)?"":e(i,null,e("div",{class:"limit-item-period"},e("label",{class:"limit-period-label"},o("selectLimitPeriodLabel",this.language)),e("div",{class:"limit-period-wrapper"},s.map((i=>e("button",{class:`\n limit-period-option\n ${t.period===i?"selected":""}\n `,disabled:this.isDisabledPeriod(t,i),onClick:()=>this.handleSelectLimitPeriod(i,t)},o(i,this.language)))))),e("small",{class:"error-message"},t.periodErrorMessage))}render(){return e("div",{key:"f870fab238546da39f85ab2c865351b95432244a",class:"player-limit-modal",ref:t=>this.stylingContainer=t},e("section",{key:"990eff594f43950dbec9b86afe4a2a2c5fe1eb97",class:"limit-modal-container"},e("div",{key:"f71b9f98c30cdad4b7413ced119a513a6858d6cb",class:"limit-modal-title"},e("h2",{key:"4bbd82ed92e6381cee0b3411562869d22e04add2"},o("limitNotificationTitle",this.language)),e("p",{key:"2ef496eeca492b98043becc1ecf27d1f63622fb3"},o("limitNotificationSubTitle",this.language))),e("div",{key:"616c07ef7bfd106cfc7111058244e28dbb7ced3c",class:"limit-modal-content "+(this.skipLimit||this.loading?"disable-content":"")},this.limitItems.map(((t,i)=>e("div",{class:"limit-item"},e("div",{class:"limit-item-type"},e("label",{class:"type-select-label"},o("selectLimitTypeLabel",this.language)),e("div",null,e("vaadin-select",{value:t.value,items:this.limitTypeOptions,placeholder:o("selectLimitTypePlaceholder",this.language),onChange:e=>this.handleSelectLimitType(e,t)})),e("small",{class:"error-message"},t.typeErrorMessage)),this.renderPeriodButtons(t),e("div",{class:"limit-item-amount"},e("div",{class:"amount-input"},e("label",{class:"amount-input-label"},o("limitNotificationAmountLabel",this.language)),e("div",{class:"amount-input-wrapper"},e("div",{class:"amount-input-content"},e("input",{class:"amount-input-inner",type:"number",pattern:"[0-9]*",value:t.amount,onWheel:this.handleBlockInputWheel,onInput:e=>this.handleInputLimitAmount(e,t)}),e("span",{class:"amount-input-suffix"},e("i",null,this.currencySymbolMap[this.currency]))),e("button",{onClick:()=>this.handleRemoveLimit(i),class:"remove-limit-button"},e("svg",{width:"16",height:"18",viewBox:"0 0 16 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{d:"M3 18C2.45 18 1.97934 17.8043 1.588 17.413C1.19667 17.0217 1.00067 16.5507 1 16V3C0.71667 3 0.479337 2.904 0.288004 2.712C0.0966702 2.52 0.000670115 2.28267 3.44827e-06 2C-0.000663218 1.71733 0.0953369 1.48 0.288004 1.288C0.48067 1.096 0.718003 1 1 1H5C5 0.716667 5.096 0.479333 5.288 0.288C5.48 0.0966668 5.71734 0.000666667 6 0H10C10.2833 0 10.521 0.0960001 10.713 0.288C10.905 0.48 11.0007 0.717333 11 1H15C15.2833 1 15.521 1.096 15.713 1.288C15.905 1.48 16.0007 1.71733 16 2C15.9993 2.28267 15.9033 2.52033 15.712 2.713C15.5207 2.90567 15.2833 3.00133 15 3V16C15 16.55 14.8043 17.021 14.413 17.413C14.0217 17.805 13.5507 18.0007 13 18H3ZM6 14C6.28334 14 6.521 13.904 6.713 13.712C6.905 13.52 7.00067 13.2827 7 13V6C7 5.71667 6.904 5.47933 6.712 5.288C6.52 5.09667 6.28267 5.00067 6 5C5.71734 4.99933 5.48 5.09533 5.288 5.288C5.096 5.48067 5 5.718 5 6V13C5 13.2833 5.096 13.521 5.288 13.713C5.48 13.905 5.71734 14.0007 6 14ZM10 14C10.2833 14 10.521 13.904 10.713 13.712C10.905 13.52 11.0007 13.2827 11 13V6C11 5.71667 10.904 5.47933 10.712 5.288C10.52 5.09667 10.2827 5.00067 10 5C9.71734 4.99933 9.48 5.09533 9.288 5.288C9.096 5.48067 9 5.718 9 6V13C9 13.2833 9.096 13.521 9.288 13.713C9.48 13.905 9.71734 14.0007 10 14Z"})))))),e("small",{class:"error-message"},t.amountErrorMessage))))),e("div",{key:"3784e871224de644892b167a7c7c504c4869164e",class:"checkbox-container"},e("label",{key:"537af6692c3696d33e0744cae01fefcca1c014a7"},e("span",{key:"48f880408012e0b327db796db021ce63ef0dfff2",class:"custom-checkbox"},e("input",{key:"194974e75cc1f0b9217eb6ee6fe5eb6042ebb866",disabled:this.loading,onChange:t=>this.handleSkipLimitChange(t),type:"checkbox",class:"checkbox-original"}),e("span",{key:"0c49f460c6f04bc99551a6103b633a674d11418c",class:"checkbox-custom"})),e("span",{key:"52f7051f7d40aca86a19274563176f9f05986cf1",class:"checkbox-label"},o("skipLimitLimitDescription",this.language)))),e("div",{key:"bdb7b1c83699f8c1db6d3fd21e9ca7cb5ec8a6ce",class:"limit-buttons"},e("button",{key:"7f0a8357725b25c38b2f57007b796a0045931c9f",class:"add-limit",disabled:this.skipLimit||this.loading,onClick:()=>this.handleAddLimit()},e("svg",{key:"b0d6e3af606c2e824cab00f95b516f059b66c14e",class:"add-limit-mark",width:"14",height:"14",viewBox:"0 0 14 14",xmlns:"http://www.w3.org/2000/svg"},e("path",{key:"06bad5288fbcac39f6ab22ee9aaa1ba03c824b4e",d:"M13 8H8V13C8 13.2652 7.89464 13.5196 7.70711 13.7071C7.51957 13.8946 7.26522 14 7 14C6.73478 14 6.48043 13.8946 6.29289 13.7071C6.10536 13.5196 6 13.2652 6 13V8H1C0.734784 8 0.48043 7.89464 0.292893 7.70711C0.105357 7.51957 0 7.26522 0 7C0 6.73478 0.105357 6.48043 0.292893 6.29289C0.48043 6.10536 0.734784 6 1 6H6V1C6 0.734784 6.10536 0.480429 6.29289 0.292893C6.48043 0.105357 6.73478 0 7 0C7.26522 0 7.51957 0.105357 7.70711 0.292893C7.89464 0.480429 8 0.734784 8 1V6H13C13.2652 6 13.5196 6.10536 13.7071 6.29289C13.8946 6.48043 14 6.73478 14 7C14 7.26522 13.8946 7.51957 13.7071 7.70711C13.5196 7.89464 13.2652 8 13 8Z"})),e("span",{key:"289408cc10e7607790ac89a9e421b41f5ab23d86"},o("addLimitType",this.language))),e("button",{key:"777aeda2f0406e2169d0b3a866c10b143bd97b5c",class:"save-limit",disabled:this.loading,onClick:()=>this.handleSaveLimit()},o("savePlayerLimit",this.language))),this.showComplianceText&&e("div",{key:"bc25469d3be0d936f85940068309394880a6b1e8",class:"compliance-content"},e("p",{key:"53861542a9c6f17f63a73640b962ff1e5da358c0"},o("complianceText",this.language)))),this.confirmPopupVisibility?e("section",{class:"confirm-modal"},e("div",{class:"confirm-modal-content"},e("h2",{class:"confirm-modal-title"},o("limitNotificationTitle",this.language)),e("p",null,o("confirmLimitNotification",this.language)),e("div",{class:"confirm-modal-buttons"},e("button",{class:"confirm-limit-close",onClick:()=>this.handleCloseConfirm()},o("confirmLimitClose",this.language)),e("button",{class:"confirm-limit-save",onClick:()=>this.handleSaveSkip()},o("confirmLimitSave",this.language))))):null)}static get watchers(){return{clientStyling:["handleClientStylingChange"],clientStylingUrl:["handleClientStylingUrlChange"],mbSource:["handleMbSourceChange"]}}};xl.style='@charset "UTF-8";*,*::before,*::after{padding:0;margin:0;box-sizing:border-box}:host{--vaadin-input-field-invalid-hover-highlight:transparent;--vaadin-input-field-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-background:var(--emw--modal-input-bg, #4f4f4f);--vaadin-input-field-hovered-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-value-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-focused-label-color:var(--emw--modal-label-color, #ababab);--vaadin-input-field-placeholder-color:var(--emw--modal-label-color, #ababab)}vaadin-select{border:none;width:100%;background-color:transparent}vaadin-select::part(input-field){padding-left:15px;height:40px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.type-select-label,.limit-period-label,.amount-input-label{display:inline-block;font-size:14px;color:var(--emw--modal-label-color, #ababab);margin:0;padding-bottom:8px;font-weight:400}.player-limit-modal{display:flex;position:fixed;align-items:center;justify-content:center;width:100%;height:100%;z-index:200;top:0;left:0;padding:0 10px;background-color:rgba(0, 0, 0, 0.7)}.player-limit-modal .limit-modal-container{color:var(--emw--modal-font-color, #fff);padding:15px;max-width:700px;min-width:300px;max-height:90vh;overflow-y:auto;position:relative;min-height:200px;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .limit-modal-container .limit-modal-content.disable-content{pointer-events:none;cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .error-message{display:block;color:var(--emw--color-error, red);min-height:16px}.player-limit-modal .limit-modal-container .limit-modal-title h2{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .limit-modal-container .limit-item:nth-of-type(1) .remove-limit-button{display:none}.player-limit-modal .limit-modal-container .limit-item:not(:nth-of-type(1)){padding:9px;margin:14px 0;border-radius:6px;border:1px solid #6a6a6a}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:4px}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option{flex-grow:1;border:1px solid transparent;cursor:pointer;background:var(--emw--modal-input-bg, #4f4f4f);width:100px;height:40px;font-size:14px;border-radius:4px;color:var(--emw--modal-font-color, #fff);transition:0.5s}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-item-period .limit-period-wrapper .limit-period-option.selected{border-color:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-wrapper{display:flex;flex-wrap:nowrap}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content{position:relative;flex:1;margin-right:6px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-inner{padding-right:30px;padding-left:15px;outline:none;border:none;height:40px;color:var(--emw--modal-label-color, #ababab);background-color:var(--emw--modal-input-bg, #4f4f4f);width:100%;border-radius:4px}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix{width:20px;height:20px;background-color:var(--emw--modal-label-color, #ababab);border-radius:50%;position:absolute;right:0px;transform:translate(-50%, -50%);top:50%;text-align:center;pointer-events:none}.player-limit-modal .limit-modal-container .limit-item-amount .amount-input .amount-input-content .amount-input-suffix i{color:var(--emw--modal-input-bg, #4f4f4f)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button{width:40px;height:40px;border:none;border-radius:4px;cursor:pointer;background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 20%, transparent 80%);transition:2s}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button:hover{background-color:color-mix(in srgb, var(--emw--color-primary, #ffe30c) 50%, white 50%)}.player-limit-modal .limit-modal-container .limit-item-amount .remove-limit-button svg{fill:var(--emw--color-primary, #ffe30c)}.player-limit-modal .limit-modal-container .checkbox-container label{display:flex;align-items:center;gap:6px}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original{opacity:0;width:0;height:0;z-index:-1;position:absolute}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-original:checked+.checkbox-custom::after{opacity:1}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom{display:inline-block;width:18px;height:18px;background:var(--emw--modal-input-bg, #4f4f4f);border-radius:3px;position:relative;transition:0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-custom::after{content:"✔";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--emw--modal-font-color, #fff);font-size:12px;opacity:0;transition:opacity 0.2s}.player-limit-modal .limit-modal-container .checkbox-container .checkbox-label{color:var(--emw--modal-label-color, #ababab);font-size:14px;cursor:pointer;user-select:none}.player-limit-modal .limit-modal-container .limit-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .limit-modal-container .limit-buttons .add-limit{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .add-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .limit-buttons .add-limit .add-limit-mark{text-align:center;font-size:14px;fill:var(--emw--modal-font-color, #fff)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}.player-limit-modal .limit-modal-container .limit-buttons .save-limit:disabled{cursor:not-allowed;opacity:0.4}.player-limit-modal .limit-modal-container .compliance-content{margin-top:15px;width:300px}.player-limit-modal .confirm-modal{background-color:rgba(0, 0, 0, 0.7);position:fixed;z-index:210;top:0;left:0;padding:0 10px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.player-limit-modal .confirm-modal .confirm-modal-content{color:var(--emw--modal-font-color, #fff);padding:15px;padding-top:10px;box-sizing:padding-box;width:336px;overflow-y:auto;position:relative;border-radius:4px;background-color:var(--emw--color-modal-background, #353535)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-title{font-size:16px;font-weight:500;margin-top:15px;margin-bottom:15px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons{display:flex;justify-content:space-around;align-items:center;gap:10px;margin-top:10px}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-close{cursor:pointer;border:1px solid var(--emw--modal-font-color, #fff);width:150px;height:40px;background:transparent;border-radius:6px;color:var(--emw--modal-font-color, #fff)}.player-limit-modal .confirm-modal .confirm-modal-content .confirm-modal-buttons .confirm-limit-save{cursor:pointer;border:1px solid var(--emw--color-primary, #ffe30c);background:var(--emw--color-primary, #ffe30c);width:150px;height:40px;border-radius:6px;color:var(--emw--color-black, black)}';export{xl as P}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{P as player_limit_notification_nd}from"./player-limit-notification-nd-
|
|
1
|
+
export{P as player_limit_notification_nd}from"./player-limit-notification-nd-97616c18.js";import"./index-862a608b.js";
|
|
@@ -26,7 +26,7 @@ export interface LimitFormItem extends Partial<Limit>, Partial<LimitRange> {
|
|
|
26
26
|
amountErrorMessage?: string;
|
|
27
27
|
periodOptions?: LimitPeriod[];
|
|
28
28
|
product?: string;
|
|
29
|
-
|
|
29
|
+
value?: string;
|
|
30
30
|
}
|
|
31
31
|
export interface LimitOption {
|
|
32
32
|
label: string;
|
|
@@ -35,7 +35,7 @@ export interface LimitOption {
|
|
|
35
35
|
min: number;
|
|
36
36
|
max: number;
|
|
37
37
|
periodOptions: LimitPeriod[];
|
|
38
|
-
|
|
38
|
+
value: string;
|
|
39
39
|
}
|
|
40
40
|
export interface LimitRange {
|
|
41
41
|
min: number;
|