@everymatrix/player-bonus-history 0.0.162 → 0.0.166

package/dist/player-bonus-history.js

@@ -1,6 +1,6 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-    typeof define === 'function' && define.amd ? define(factory) :
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@vaadin/vaadin-date-picker/vaadin-date-picker.js')) :
+    typeof define === 'function' && define.amd ? define(['@vaadin/vaadin-date-picker/vaadin-date-picker.js'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.app = factory());
 }(this, (function () { 'use strict';
 
@@ -87,9 +87,6 @@
     function children(element) {
         return Array.from(element.childNodes);
     }
-    function set_input_value(input, value) {
-        input.value = value == null ? '' : value;
-    }
     function custom_event(type, detail) {
         const e = document.createEvent('CustomEvent');
         e.initCustomEvent(type, false, false, detail);
@@ -107,6 +104,14 @@
     function set_current_component(component) {
         current_component = component;
     }
+    function get_current_component() {
+        if (!current_component)
+            throw new Error('Function called outside component initialization');
+        return current_component;
+    }
+    function onMount(fn) {
+        get_current_component().$$.on_mount.push(fn);
+    }
 
     const dirty_components = [];
     const binding_callbacks = [];
@@ -10151,11 +10156,11 @@
     			t3 = space();
     			t4 = text(/*bonuscurrency*/ ctx[6]);
     			attr_dev(p0, "class", "BonusCardRowTitle");
-    			add_location(p0, file$1, 46, 8, 1772);
+    			add_location(p0, file$1, 46, 8, 1787);
     			attr_dev(p1, "class", "BonusCardRowText");
-    			add_location(p1, file$1, 47, 8, 1826);
+    			add_location(p1, file$1, 47, 8, 1841);
     			attr_dev(div, "class", "BonusCardRow");
-    			add_location(div, file$1, 45, 6, 1737);
+    			add_location(div, file$1, 45, 6, 1752);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10207,11 +10212,11 @@
     			t3 = space();
     			t4 = text(/*bonuscurrency*/ ctx[6]);
     			attr_dev(p0, "class", "BonusCardRowTitle");
-    			add_location(p0, file$1, 52, 8, 1987);
+    			add_location(p0, file$1, 52, 8, 2002);
     			attr_dev(p1, "class", "BonusCardRowText");
-    			add_location(p1, file$1, 53, 8, 2044);
+    			add_location(p1, file$1, 53, 8, 2059);
     			attr_dev(div, "class", "BonusCardRow");
-    			add_location(div, file$1, 51, 6, 1952);
+    			add_location(div, file$1, 51, 6, 1967);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10263,11 +10268,11 @@
     			t3 = space();
     			t4 = text(/*bonuscurrency*/ ctx[6]);
     			attr_dev(p0, "class", "BonusCardRowTitle");
-    			add_location(p0, file$1, 58, 8, 2214);
+    			add_location(p0, file$1, 58, 8, 2229);
     			attr_dev(p1, "class", "BonusCardRowText");
-    			add_location(p1, file$1, 59, 8, 2278);
+    			add_location(p1, file$1, 59, 8, 2293);
     			attr_dev(div, "class", "BonusCardRow");
-    			add_location(div, file$1, 57, 6, 2179);
+    			add_location(div, file$1, 57, 6, 2194);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -10310,7 +10315,7 @@
     			button = element("button");
     			t = text("Forfeit Bonus");
     			attr_dev(button, "class", "DeleteBonus " + (/*isMobile*/ ctx[8] ? "DeleteBonusMobile" : ""));
-    			add_location(button, file$1, 64, 4, 2418);
+    			add_location(button, file$1, 64, 4, 2433);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, button, anchor);
@@ -10409,9 +10414,9 @@
     			t15 = space();
     			if (if_block3) if_block3.c();
     			this.c = noop$1;
-    			add_location(span, file$1, 33, 49, 1057);
+    			add_location(span, file$1, 33, 49, 1072);
     			attr_dev(p0, "class", "BonusCardRowTitle");
-    			add_location(p0, file$1, 33, 6, 1014);
+    			add_location(p0, file$1, 33, 6, 1029);
 
     			attr_dev(p1, "class", p1_class_value = "BonusCardRowText BonusCardStatus TextCapitalize " + (/*bonusstatus*/ ctx[1] === "active" || /*bonusstatus*/ ctx[1] === "released"
     			? "StatusActive"
@@ -10421,25 +10426,25 @@
     			? "StatusForfeited"
     			: ""));
 
-    			add_location(p1, file$1, 34, 6, 1128);
+    			add_location(p1, file$1, 34, 6, 1143);
     			attr_dev(div0, "class", "BonusCardRow");
-    			add_location(div0, file$1, 32, 4, 981);
+    			add_location(div0, file$1, 32, 4, 996);
     			attr_dev(p2, "class", "BonusCardRowTitle");
-    			add_location(p2, file$1, 37, 6, 1438);
+    			add_location(p2, file$1, 37, 6, 1453);
     			attr_dev(p3, "class", "BonusCardRowText");
-    			add_location(p3, file$1, 38, 6, 1488);
+    			add_location(p3, file$1, 38, 6, 1503);
     			attr_dev(div1, "class", "BonusCardRow");
-    			add_location(div1, file$1, 36, 4, 1405);
+    			add_location(div1, file$1, 36, 4, 1420);
     			attr_dev(p4, "class", "BonusCardRowTitle");
-    			add_location(p4, file$1, 41, 6, 1580);
+    			add_location(p4, file$1, 41, 6, 1595);
     			attr_dev(p5, "class", "BonusCardRowText TextCapitalize");
-    			add_location(p5, file$1, 42, 6, 1630);
+    			add_location(p5, file$1, 42, 6, 1645);
     			attr_dev(div2, "class", "BonusCardRow");
-    			add_location(div2, file$1, 40, 4, 1547);
+    			add_location(div2, file$1, 40, 4, 1562);
     			attr_dev(div3, "class", "BonusCardInfo");
-    			add_location(div3, file$1, 31, 2, 949);
+    			add_location(div3, file$1, 31, 2, 964);
     			attr_dev(div4, "class", "BonusCard");
-    			add_location(div4, file$1, 30, 0, 923);
+    			add_location(div4, file$1, 30, 0, 938);
     		},
     		l: function claim(nodes) {
     			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -10575,9 +10580,9 @@
     	let { bonusstatus = "" } = $$props;
     	let { bonusname = "" } = $$props;
     	let { bonustype = "" } = $$props;
-    	let { bonusamount } = $$props;
-    	let { bonuswageringamount } = $$props;
-    	let { bonusremainingamount } = $$props;
+    	let { bonusamount = "" } = $$props;
+    	let { bonuswageringamount = "" } = $$props;
+    	let { bonusremainingamount = "" } = $$props;
     	let { bonuscurrency = "" } = $$props;
     	let userAgent = window.navigator.userAgent;
     	let isMobile = getDevice(userAgent) === "PC" ? false : true;
@@ -10626,8 +10631,8 @@
     	};
 
     	$$self.$capture_state = () => ({
-    		moment,
     		getDevice,
+    		moment,
     		bonuswalletid,
     		bonusdate,
     		bonusstatus,
@@ -10713,21 +10718,6 @@
     			}
     		);
 
-    		const { ctx } = this.$$;
-    		const props = this.attributes;
-
-    		if (/*bonusamount*/ ctx[3] === undefined && !("bonusamount" in props)) {
-    			console.warn("<undefined> was created without expected prop 'bonusamount'");
-    		}
-
-    		if (/*bonuswageringamount*/ ctx[4] === undefined && !("bonuswageringamount" in props)) {
-    			console.warn("<undefined> was created without expected prop 'bonuswageringamount'");
-    		}
-
-    		if (/*bonusremainingamount*/ ctx[5] === undefined && !("bonusremainingamount" in props)) {
-    			console.warn("<undefined> was created without expected prop 'bonusremainingamount'");
-    		}
-
     		if (options) {
     			if (options.target) {
     				insert_dev(options.target, this, options.anchor);
@@ -10845,18 +10835,18 @@
 
     function get_each_context(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[27] = list[i];
-    	child_ctx[29] = i;
+    	child_ctx[33] = list[i];
+    	child_ctx[35] = i;
     	return child_ctx;
     }
 
     function get_each_context_1(ctx, list, i) {
     	const child_ctx = ctx.slice();
-    	child_ctx[30] = list[i];
+    	child_ctx[36] = list[i];
     	return child_ctx;
     }
 
-    // (56:0) {:else}
+    // (84:0) {:else}
     function create_else_block(ctx) {
     	let div4;
     	let t0;
@@ -10867,12 +10857,12 @@
     	let div0;
     	let label0;
     	let t4;
-    	let input0;
+    	let vaadin_date_picker0;
     	let t5;
     	let div1;
     	let label1;
     	let t7;
-    	let input1;
+    	let vaadin_date_picker1;
     	let t8;
     	let button;
     	let t9;
@@ -10881,16 +10871,16 @@
     	let t11;
     	let mounted;
     	let dispose;
-    	let if_block0 = /*isMobile*/ ctx[9] && create_if_block_4(ctx);
+    	let if_block0 = /*isMobile*/ ctx[11] && create_if_block_4(ctx);
 
     	function select_block_type_1(ctx, dirty) {
-    		if (/*bonusesList*/ ctx[7].length === 0) return create_if_block_2;
+    		if (/*bonusesList*/ ctx[9].length === 0) return create_if_block_2;
     		return create_else_block_1;
     	}
 
     	let current_block_type = select_block_type_1(ctx);
     	let if_block1 = current_block_type(ctx);
-    	let if_block2 = /*bonusesList*/ ctx[7].length !== 0 && create_if_block_1(ctx);
+    	let if_block2 = /*bonusesList*/ ctx[9].length !== 0 && create_if_block_1(ctx);
 
     	const block = {
     		c: function create() {
@@ -10905,13 +10895,13 @@
     			label0 = element("label");
     			label0.textContent = "From:";
     			t4 = space();
-    			input0 = element("input");
+    			vaadin_date_picker0 = element("vaadin-date-picker");
     			t5 = space();
     			div1 = element("div");
     			label1 = element("label");
     			label1.textContent = "To:";
     			t7 = space();
-    			input1 = element("input");
+    			vaadin_date_picker1 = element("vaadin-date-picker");
     			t8 = space();
     			button = element("button");
     			t9 = text("Filter");
@@ -10920,34 +10910,40 @@
     			if_block1.c();
     			t11 = space();
     			if (if_block2) if_block2.c();
-    			attr_dev(h2, "class", "BonusesTitle " + (/*isMobile*/ ctx[9] ? "BonusesTitleNone" : ""));
-    			add_location(h2, file, 67, 4, 2624);
+    			attr_dev(h2, "class", "BonusesTitle " + (/*isMobile*/ ctx[11] ? "BonusesTitleNone" : ""));
+    			add_location(h2, file, 95, 4, 3670);
     			attr_dev(label0, "for", "BonusCalendarStartDate");
-    			add_location(label0, file, 70, 8, 2894);
-    			attr_dev(input0, "type", "text");
-    			attr_dev(input0, "id", "BonusCalendarStartDate");
-    			add_location(input0, file, 71, 8, 2952);
-    			attr_dev(div0, "class", "BonusesCalendarStartDate " + (/*isMobile*/ ctx[9] ? "BonusesCalendarMobile" : ""));
-    			add_location(div0, file, 69, 6, 2805);
+    			add_location(label0, file, 98, 8, 3940);
+    			set_custom_element_data(vaadin_date_picker0, "max", /*maxDate*/ ctx[2]);
+    			set_custom_element_data(vaadin_date_picker0, "value", /*lastMonth*/ ctx[3]);
+    			set_custom_element_data(vaadin_date_picker0, "placeholder", "From");
+    			add_location(vaadin_date_picker0, file, 99, 8, 3998);
+    			attr_dev(div0, "class", "BonusesCalendarStartDate " + (/*isMobile*/ ctx[11] ? "BonusesCalendarMobile" : ""));
+    			add_location(div0, file, 97, 6, 3851);
     			attr_dev(label1, "for", "BonusesCalendarEndDate");
-    			add_location(label1, file, 74, 8, 3144);
-    			attr_dev(input1, "type", "text");
-    			attr_dev(input1, "id", "BonusesCalendarEndDate");
-    			add_location(input1, file, 75, 8, 3200);
-    			attr_dev(div1, "class", "BonusesCalendarEndDate " + (/*isMobile*/ ctx[9] ? "BonusesCalendarMobile" : ""));
-    			add_location(div1, file, 73, 6, 3057);
-    			attr_dev(button, "class", "BonusesCalendarFilter " + (/*isMobile*/ ctx[9] ? "BonusesCalendarFilterMobile" : ""));
-    			add_location(button, file, 77, 6, 3305);
-
-    			attr_dev(div2, "class", "BonusesCalendarContainer " + (/*isMobile*/ ctx[9]
+    			add_location(label1, file, 102, 8, 4223);
+    			set_custom_element_data(vaadin_date_picker1, "max", /*maxDate*/ ctx[2]);
+    			set_custom_element_data(vaadin_date_picker1, "value", /*maxDate*/ ctx[2]);
+    			set_custom_element_data(vaadin_date_picker1, "placeholder", "To");
+    			add_location(vaadin_date_picker1, file, 103, 8, 4279);
+    			attr_dev(div1, "class", "BonusesCalendarEndDate " + (/*isMobile*/ ctx[11] ? "BonusesCalendarMobile" : ""));
+    			add_location(div1, file, 101, 6, 4136);
+
+    			attr_dev(button, "class", "BonusesCalendarFilter " + (/*isMobile*/ ctx[11]
+    			? "BonusesCalendarFilterMobile"
+    			: ""));
+
+    			add_location(button, file, 105, 6, 4411);
+
+    			attr_dev(div2, "class", "BonusesCalendarContainer " + (/*isMobile*/ ctx[11]
     			? "BonusesCalendarContainerMobile"
     			: ""));
 
-    			add_location(div2, file, 68, 4, 2709);
-    			attr_dev(div3, "class", "BonusesGrid " + (/*isMobile*/ ctx[9] ? "BonusesGridMobile" : ""));
-    			add_location(div3, file, 79, 4, 3453);
-    			attr_dev(div4, "class", "BonusesWrapper " + (/*isMobile*/ ctx[9] ? "BonusesWrapperMobile" : ""));
-    			add_location(div4, file, 56, 2, 1981);
+    			add_location(div2, file, 96, 4, 3755);
+    			attr_dev(div3, "class", "BonusesGrid " + (/*isMobile*/ ctx[11] ? "BonusesGridMobile" : ""));
+    			add_location(div3, file, 107, 4, 4559);
+    			attr_dev(div4, "class", "BonusesWrapper " + (/*isMobile*/ ctx[11] ? "BonusesWrapperMobile" : ""));
+    			add_location(div4, file, 84, 2, 3027);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div4, anchor);
@@ -10960,14 +10956,14 @@
     			append_dev(div2, div0);
     			append_dev(div0, label0);
     			append_dev(div0, t4);
-    			append_dev(div0, input0);
-    			set_input_value(input0, /*bonusCalendarStartDate*/ ctx[0]);
+    			append_dev(div0, vaadin_date_picker0);
+    			/*vaadin_date_picker0_binding*/ ctx[19](vaadin_date_picker0);
     			append_dev(div2, t5);
     			append_dev(div2, div1);
     			append_dev(div1, label1);
     			append_dev(div1, t7);
-    			append_dev(div1, input1);
-    			set_input_value(input1, /*bonusesCalendarEndDate*/ ctx[1]);
+    			append_dev(div1, vaadin_date_picker1);
+    			/*vaadin_date_picker1_binding*/ ctx[20](vaadin_date_picker1);
     			append_dev(div2, t8);
     			append_dev(div2, button);
     			append_dev(button, t9);
@@ -10978,24 +10974,27 @@
     			if (if_block2) if_block2.m(div4, null);
 
     			if (!mounted) {
-    				dispose = [
-    					listen_dev(input0, "input", /*input0_input_handler*/ ctx[17]),
-    					listen_dev(input1, "input", /*input1_input_handler*/ ctx[18]),
-    					listen_dev(button, "click", /*click_handler_1*/ ctx[19], false, false, false)
-    				];
-
+    				dispose = listen_dev(button, "click", /*click_handler_1*/ ctx[21], false, false, false);
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (/*isMobile*/ ctx[9]) if_block0.p(ctx, dirty);
+    			if (/*isMobile*/ ctx[11]) if_block0.p(ctx, dirty);
+
+    			if (dirty[0] & /*maxDate*/ 4) {
+    				set_custom_element_data(vaadin_date_picker0, "max", /*maxDate*/ ctx[2]);
+    			}
+
+    			if (dirty[0] & /*lastMonth*/ 8) {
+    				set_custom_element_data(vaadin_date_picker0, "value", /*lastMonth*/ ctx[3]);
+    			}
 
-    			if (dirty[0] & /*bonusCalendarStartDate*/ 1 && input0.value !== /*bonusCalendarStartDate*/ ctx[0]) {
-    				set_input_value(input0, /*bonusCalendarStartDate*/ ctx[0]);
+    			if (dirty[0] & /*maxDate*/ 4) {
+    				set_custom_element_data(vaadin_date_picker1, "max", /*maxDate*/ ctx[2]);
     			}
 
-    			if (dirty[0] & /*bonusesCalendarEndDate*/ 2 && input1.value !== /*bonusesCalendarEndDate*/ ctx[1]) {
-    				set_input_value(input1, /*bonusesCalendarEndDate*/ ctx[1]);
+    			if (dirty[0] & /*maxDate*/ 4) {
+    				set_custom_element_data(vaadin_date_picker1, "value", /*maxDate*/ ctx[2]);
     			}
 
     			if (current_block_type === (current_block_type = select_block_type_1(ctx)) && if_block1) {
@@ -11010,7 +11009,7 @@
     				}
     			}
 
-    			if (/*bonusesList*/ ctx[7].length !== 0) {
+    			if (/*bonusesList*/ ctx[9].length !== 0) {
     				if (if_block2) {
     					if_block2.p(ctx, dirty);
     				} else {
@@ -11026,10 +11025,12 @@
     		d: function destroy(detaching) {
     			if (detaching) detach_dev(div4);
     			if (if_block0) if_block0.d();
+    			/*vaadin_date_picker0_binding*/ ctx[19](null);
+    			/*vaadin_date_picker1_binding*/ ctx[20](null);
     			if_block1.d();
     			if (if_block2) if_block2.d();
     			mounted = false;
-    			run_all(dispose);
+    			dispose();
     		}
     	};
 
@@ -11037,14 +11038,14 @@
     		block,
     		id: create_else_block.name,
     		type: "else",
-    		source: "(56:0) {:else}",
+    		source: "(84:0) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (54:0) {#if isLoading}
+    // (82:0) {#if isLoading}
     function create_if_block(ctx) {
     	let div;
 
@@ -11052,7 +11053,7 @@
     		c: function create() {
     			div = element("div");
     			attr_dev(div, "class", "ModalLoader");
-    			add_location(div, file, 54, 2, 1939);
+    			add_location(div, file, 82, 2, 2985);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11067,14 +11068,14 @@
     		block,
     		id: create_if_block.name,
     		type: "if",
-    		source: "(54:0) {#if isLoading}",
+    		source: "(82:0) {#if isLoading}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (58:4) {#if isMobile}
+    // (86:4) {#if isMobile}
     function create_if_block_4(ctx) {
     	let div;
     	let svg;
@@ -11102,25 +11103,25 @@
     			t1 = space();
     			h2 = element("h2");
     			h2.textContent = "Bonus History";
-    			add_location(style, file, 59, 97, 2236);
-    			add_location(defs, file, 59, 91, 2230);
+    			add_location(style, file, 87, 97, 3282);
+    			add_location(defs, file, 87, 91, 3276);
     			attr_dev(path, "class", "aaa");
     			attr_dev(path, "d", "M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z");
     			attr_dev(path, "transform", "translate(15 15) rotate(180)");
-    			add_location(path, file, 61, 12, 2369);
+    			add_location(path, file, 89, 12, 3415);
     			attr_dev(g0, "transform", "translate(20 158)");
-    			add_location(g0, file, 60, 10, 2323);
+    			add_location(g0, file, 88, 10, 3369);
     			attr_dev(g1, "transform", "translate(-20 -158)");
-    			add_location(g1, file, 59, 138, 2277);
+    			add_location(g1, file, 87, 138, 3323);
     			attr_dev(svg, "xmlns", "http://www.w3.org/2000/svg");
     			attr_dev(svg, "width", "15");
     			attr_dev(svg, "height", "15");
     			attr_dev(svg, "viewBox", "0 0 15 15");
-    			add_location(svg, file, 59, 8, 2147);
+    			add_location(svg, file, 87, 8, 3193);
     			attr_dev(h2, "class", "BonusesTitleMobile");
-    			add_location(h2, file, 64, 8, 2547);
+    			add_location(h2, file, 92, 8, 3593);
     			attr_dev(div, "class", "MenuReturnButton");
-    			add_location(div, file, 58, 6, 2076);
+    			add_location(div, file, 86, 6, 3122);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11135,7 +11136,7 @@
     			append_dev(div, h2);
 
     			if (!mounted) {
-    				dispose = listen_dev(div, "click", /*click_handler*/ ctx[16], false, false, false);
+    				dispose = listen_dev(div, "click", /*click_handler*/ ctx[18], false, false, false);
     				mounted = true;
     			}
     		},
@@ -11151,17 +11152,17 @@
     		block,
     		id: create_if_block_4.name,
     		type: "if",
-    		source: "(58:4) {#if isMobile}",
+    		source: "(86:4) {#if isMobile}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (83:6) {:else}
+    // (111:6) {:else}
     function create_else_block_1(ctx) {
     	let each_1_anchor;
-    	let each_value_1 = /*bonusesList*/ ctx[7];
+    	let each_value_1 = /*bonusesList*/ ctx[9];
     	validate_each_argument(each_value_1);
     	let each_blocks = [];
 
@@ -11185,8 +11186,8 @@
     			insert_dev(target, each_1_anchor, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*bonusesList*/ 128) {
-    				each_value_1 = /*bonusesList*/ ctx[7];
+    			if (dirty[0] & /*bonusesList*/ 512) {
+    				each_value_1 = /*bonusesList*/ ctx[9];
     				validate_each_argument(each_value_1);
     				let i;
 
@@ -11219,14 +11220,14 @@
     		block,
     		id: create_else_block_1.name,
     		type: "else",
-    		source: "(83:6) {:else}",
+    		source: "(111:6) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (81:6) {#if bonusesList.length === 0}
+    // (109:6) {#if bonusesList.length === 0}
     function create_if_block_2(ctx) {
     	let p;
 
@@ -11234,7 +11235,7 @@
     		c: function create() {
     			p = element("p");
     			p.textContent = "You have no bonuses at the moment.";
-    			add_location(p, file, 81, 8, 3562);
+    			add_location(p, file, 109, 8, 4668);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, p, anchor);
@@ -11249,14 +11250,14 @@
     		block,
     		id: create_if_block_2.name,
     		type: "if",
-    		source: "(81:6) {#if bonusesList.length === 0}",
+    		source: "(109:6) {#if bonusesList.length === 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (94:10) {:else}
+    // (122:10) {:else}
     function create_else_block_2(ctx) {
     	let player_bonus_card;
     	let player_bonus_card_bonuswalletid_value;
@@ -11272,54 +11273,54 @@
     	const block = {
     		c: function create() {
     			player_bonus_card = element("player-bonus-card");
-    			set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[30].walletId);
-    			set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value = /*bonus*/ ctx[30].granted);
-    			set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value = /*bonus*/ ctx[30].status);
-    			set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value = /*bonus*/ ctx[30].name);
-    			set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value = /*bonus*/ ctx[30].type);
-    			set_custom_element_data(player_bonus_card, "bonusamount", player_bonus_card_bonusamount_value = /*bonus*/ ctx[30].grantedAmount);
-    			set_custom_element_data(player_bonus_card, "bonuswageringamount", player_bonus_card_bonuswageringamount_value = /*bonus*/ ctx[30].totalWR);
-    			set_custom_element_data(player_bonus_card, "bonusremainingamount", player_bonus_card_bonusremainingamount_value = /*bonus*/ ctx[30].currentAmount);
-    			set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[30].currency);
-    			add_location(player_bonus_card, file, 94, 12, 4038);
+    			set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[36].walletId);
+    			set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value = /*bonus*/ ctx[36].granted);
+    			set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value = /*bonus*/ ctx[36].status);
+    			set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value = /*bonus*/ ctx[36].name);
+    			set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value = /*bonus*/ ctx[36].type);
+    			set_custom_element_data(player_bonus_card, "bonusamount", player_bonus_card_bonusamount_value = /*bonus*/ ctx[36].grantedAmount);
+    			set_custom_element_data(player_bonus_card, "bonuswageringamount", player_bonus_card_bonuswageringamount_value = /*bonus*/ ctx[36].totalWR);
+    			set_custom_element_data(player_bonus_card, "bonusremainingamount", player_bonus_card_bonusremainingamount_value = /*bonus*/ ctx[36].currentAmount);
+    			set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[36].currency);
+    			add_location(player_bonus_card, file, 122, 12, 5144);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, player_bonus_card, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonuswalletid_value !== (player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[30].walletId)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonuswalletid_value !== (player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[36].walletId)) {
     				set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusdate_value !== (player_bonus_card_bonusdate_value = /*bonus*/ ctx[30].granted)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusdate_value !== (player_bonus_card_bonusdate_value = /*bonus*/ ctx[36].granted)) {
     				set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusstatus_value !== (player_bonus_card_bonusstatus_value = /*bonus*/ ctx[30].status)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusstatus_value !== (player_bonus_card_bonusstatus_value = /*bonus*/ ctx[36].status)) {
     				set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusname_value !== (player_bonus_card_bonusname_value = /*bonus*/ ctx[30].name)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusname_value !== (player_bonus_card_bonusname_value = /*bonus*/ ctx[36].name)) {
     				set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonustype_value !== (player_bonus_card_bonustype_value = /*bonus*/ ctx[30].type)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonustype_value !== (player_bonus_card_bonustype_value = /*bonus*/ ctx[36].type)) {
     				set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusamount_value !== (player_bonus_card_bonusamount_value = /*bonus*/ ctx[30].grantedAmount)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusamount_value !== (player_bonus_card_bonusamount_value = /*bonus*/ ctx[36].grantedAmount)) {
     				set_custom_element_data(player_bonus_card, "bonusamount", player_bonus_card_bonusamount_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonuswageringamount_value !== (player_bonus_card_bonuswageringamount_value = /*bonus*/ ctx[30].totalWR)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonuswageringamount_value !== (player_bonus_card_bonuswageringamount_value = /*bonus*/ ctx[36].totalWR)) {
     				set_custom_element_data(player_bonus_card, "bonuswageringamount", player_bonus_card_bonuswageringamount_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusremainingamount_value !== (player_bonus_card_bonusremainingamount_value = /*bonus*/ ctx[30].currentAmount)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusremainingamount_value !== (player_bonus_card_bonusremainingamount_value = /*bonus*/ ctx[36].currentAmount)) {
     				set_custom_element_data(player_bonus_card, "bonusremainingamount", player_bonus_card_bonusremainingamount_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonuscurrency_value !== (player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[30].currency)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonuscurrency_value !== (player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[36].currency)) {
     				set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value);
     			}
     		},
@@ -11332,14 +11333,14 @@
     		block,
     		id: create_else_block_2.name,
     		type: "else",
-    		source: "(94:10) {:else}",
+    		source: "(122:10) {:else}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (85:10) {#if bonus.type === 'freeRound'}
+    // (113:10) {#if bonus.type === 'freeRound'}
     function create_if_block_3(ctx) {
     	let player_bonus_card;
     	let player_bonus_card_bonuswalletid_value;
@@ -11352,39 +11353,39 @@
     	const block = {
     		c: function create() {
     			player_bonus_card = element("player-bonus-card");
-    			set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[30].walletId);
-    			set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value = /*bonus*/ ctx[30].granted);
-    			set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value = /*bonus*/ ctx[30].status);
-    			set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value = /*bonus*/ ctx[30].name);
-    			set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value = /*bonus*/ ctx[30].type);
-    			set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[30].currency);
-    			add_location(player_bonus_card, file, 85, 12, 3710);
+    			set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[36].walletId);
+    			set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value = /*bonus*/ ctx[36].granted);
+    			set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value = /*bonus*/ ctx[36].status);
+    			set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value = /*bonus*/ ctx[36].name);
+    			set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value = /*bonus*/ ctx[36].type);
+    			set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[36].currency);
+    			add_location(player_bonus_card, file, 113, 12, 4816);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, player_bonus_card, anchor);
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonuswalletid_value !== (player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[30].walletId)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonuswalletid_value !== (player_bonus_card_bonuswalletid_value = /*bonus*/ ctx[36].walletId)) {
     				set_custom_element_data(player_bonus_card, "bonuswalletid", player_bonus_card_bonuswalletid_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusdate_value !== (player_bonus_card_bonusdate_value = /*bonus*/ ctx[30].granted)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusdate_value !== (player_bonus_card_bonusdate_value = /*bonus*/ ctx[36].granted)) {
     				set_custom_element_data(player_bonus_card, "bonusdate", player_bonus_card_bonusdate_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusstatus_value !== (player_bonus_card_bonusstatus_value = /*bonus*/ ctx[30].status)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusstatus_value !== (player_bonus_card_bonusstatus_value = /*bonus*/ ctx[36].status)) {
     				set_custom_element_data(player_bonus_card, "bonusstatus", player_bonus_card_bonusstatus_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonusname_value !== (player_bonus_card_bonusname_value = /*bonus*/ ctx[30].name)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonusname_value !== (player_bonus_card_bonusname_value = /*bonus*/ ctx[36].name)) {
     				set_custom_element_data(player_bonus_card, "bonusname", player_bonus_card_bonusname_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonustype_value !== (player_bonus_card_bonustype_value = /*bonus*/ ctx[30].type)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonustype_value !== (player_bonus_card_bonustype_value = /*bonus*/ ctx[36].type)) {
     				set_custom_element_data(player_bonus_card, "bonustype", player_bonus_card_bonustype_value);
     			}
 
-    			if (dirty[0] & /*bonusesList*/ 128 && player_bonus_card_bonuscurrency_value !== (player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[30].currency)) {
+    			if (dirty[0] & /*bonusesList*/ 512 && player_bonus_card_bonuscurrency_value !== (player_bonus_card_bonuscurrency_value = /*bonus*/ ctx[36].currency)) {
     				set_custom_element_data(player_bonus_card, "bonuscurrency", player_bonus_card_bonuscurrency_value);
     			}
     		},
@@ -11397,19 +11398,19 @@
     		block,
     		id: create_if_block_3.name,
     		type: "if",
-    		source: "(85:10) {#if bonus.type === 'freeRound'}",
+    		source: "(113:10) {#if bonus.type === 'freeRound'}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (84:8) {#each bonusesList as bonus}
+    // (112:8) {#each bonusesList as bonus}
     function create_each_block_1(ctx) {
     	let if_block_anchor;
 
     	function select_block_type_2(ctx, dirty) {
-    		if (/*bonus*/ ctx[30].type === "freeRound") return create_if_block_3;
+    		if (/*bonus*/ ctx[36].type === "freeRound") return create_if_block_3;
     		return create_else_block_2;
     	}
 
@@ -11448,14 +11449,14 @@
     		block,
     		id: create_each_block_1.name,
     		type: "each",
-    		source: "(84:8) {#each bonusesList as bonus}",
+    		source: "(112:8) {#each bonusesList as bonus}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (110:4) {#if bonusesList.length !== 0}
+    // (138:4) {#if bonusesList.length !== 0}
     function create_if_block_1(ctx) {
     	let div;
     	let span0;
@@ -11476,7 +11477,7 @@
     	let span3_class_value;
     	let mounted;
     	let dispose;
-    	let each_value = Array(/*numberOfPages*/ ctx[5]);
+    	let each_value = Array(/*numberOfPages*/ ctx[7]);
     	validate_each_argument(each_value);
     	let each_blocks = [];
 
@@ -11504,28 +11505,28 @@
     			t6 = space();
     			span3 = element("span");
     			t7 = text(">|");
-    			attr_dev(span0, "class", span0_class_value = "BonusesFirst " + (/*currentPage*/ ctx[6] === 0 ? "Inactive" : ""));
-    			add_location(span0, file, 111, 8, 4685);
-    			attr_dev(span1, "class", span1_class_value = "BonusesPrev " + (/*currentPage*/ ctx[6] === 0 ? "Inactive" : ""));
-    			add_location(span1, file, 112, 8, 4807);
+    			attr_dev(span0, "class", span0_class_value = "BonusesFirst " + (/*currentPage*/ ctx[8] === 0 ? "Inactive" : ""));
+    			add_location(span0, file, 139, 8, 5791);
+    			attr_dev(span1, "class", span1_class_value = "BonusesPrev " + (/*currentPage*/ ctx[8] === 0 ? "Inactive" : ""));
+    			add_location(span1, file, 140, 8, 5913);
 
-    			attr_dev(span2, "class", span2_class_value = "BonusesNext " + (/*currentPage*/ ctx[6] === /*numberOfPages*/ ctx[5] - 1
+    			attr_dev(span2, "class", span2_class_value = "BonusesNext " + (/*currentPage*/ ctx[8] === /*numberOfPages*/ ctx[7] - 1
     			? "Inactive"
     			: ""));
 
-    			add_location(span2, file, 116, 8, 5137);
+    			add_location(span2, file, 144, 8, 6243);
 
-    			attr_dev(span3, "class", span3_class_value = "BonusesLast " + (/*currentPage*/ ctx[6] === /*numberOfPages*/ ctx[5] - 1
+    			attr_dev(span3, "class", span3_class_value = "BonusesLast " + (/*currentPage*/ ctx[8] === /*numberOfPages*/ ctx[7] - 1
     			? "Inactive"
     			: ""));
 
-    			add_location(span3, file, 117, 8, 5284);
+    			add_location(span3, file, 145, 8, 6390);
 
-    			attr_dev(div, "class", "BonusesPaginationWrapper " + (/*isMobile*/ ctx[9]
+    			attr_dev(div, "class", "BonusesPaginationWrapper " + (/*isMobile*/ ctx[11]
     			? "BonusesPaginationWrapperMobile"
     			: ""));
 
-    			add_location(div, file, 110, 6, 4587);
+    			add_location(div, file, 138, 6, 5693);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, div, anchor);
@@ -11549,26 +11550,26 @@
 
     			if (!mounted) {
     				dispose = [
-    					listen_dev(span0, "click", /*click_handler_2*/ ctx[20], false, false, false),
-    					listen_dev(span1, "click", /*click_handler_3*/ ctx[21], false, false, false),
-    					listen_dev(span2, "click", /*click_handler_5*/ ctx[23], false, false, false),
-    					listen_dev(span3, "click", /*click_handler_6*/ ctx[24], false, false, false)
+    					listen_dev(span0, "click", /*click_handler_2*/ ctx[22], false, false, false),
+    					listen_dev(span1, "click", /*click_handler_3*/ ctx[23], false, false, false),
+    					listen_dev(span2, "click", /*click_handler_5*/ ctx[25], false, false, false),
+    					listen_dev(span3, "click", /*click_handler_6*/ ctx[26], false, false, false)
     				];
 
     				mounted = true;
     			}
     		},
     		p: function update(ctx, dirty) {
-    			if (dirty[0] & /*currentPage*/ 64 && span0_class_value !== (span0_class_value = "BonusesFirst " + (/*currentPage*/ ctx[6] === 0 ? "Inactive" : ""))) {
+    			if (dirty[0] & /*currentPage*/ 256 && span0_class_value !== (span0_class_value = "BonusesFirst " + (/*currentPage*/ ctx[8] === 0 ? "Inactive" : ""))) {
     				attr_dev(span0, "class", span0_class_value);
     			}
 
-    			if (dirty[0] & /*currentPage*/ 64 && span1_class_value !== (span1_class_value = "BonusesPrev " + (/*currentPage*/ ctx[6] === 0 ? "Inactive" : ""))) {
+    			if (dirty[0] & /*currentPage*/ 256 && span1_class_value !== (span1_class_value = "BonusesPrev " + (/*currentPage*/ ctx[8] === 0 ? "Inactive" : ""))) {
     				attr_dev(span1, "class", span1_class_value);
     			}
 
-    			if (dirty[0] & /*currentPage, getBonuses, bonusesPerPage, numberOfPages*/ 5216) {
-    				each_value = Array(/*numberOfPages*/ ctx[5]);
+    			if (dirty[0] & /*currentPage, getBonuses, bonusesPerPage, numberOfPages*/ 20864) {
+    				each_value = Array(/*numberOfPages*/ ctx[7]);
     				validate_each_argument(each_value);
     				let i;
 
@@ -11591,13 +11592,13 @@
     				each_blocks.length = each_value.length;
     			}
 
-    			if (dirty[0] & /*currentPage, numberOfPages*/ 96 && span2_class_value !== (span2_class_value = "BonusesNext " + (/*currentPage*/ ctx[6] === /*numberOfPages*/ ctx[5] - 1
+    			if (dirty[0] & /*currentPage, numberOfPages*/ 384 && span2_class_value !== (span2_class_value = "BonusesNext " + (/*currentPage*/ ctx[8] === /*numberOfPages*/ ctx[7] - 1
     			? "Inactive"
     			: ""))) {
     				attr_dev(span2, "class", span2_class_value);
     			}
 
-    			if (dirty[0] & /*currentPage, numberOfPages*/ 96 && span3_class_value !== (span3_class_value = "BonusesLast " + (/*currentPage*/ ctx[6] === /*numberOfPages*/ ctx[5] - 1
+    			if (dirty[0] & /*currentPage, numberOfPages*/ 384 && span3_class_value !== (span3_class_value = "BonusesLast " + (/*currentPage*/ ctx[8] === /*numberOfPages*/ ctx[7] - 1
     			? "Inactive"
     			: ""))) {
     				attr_dev(span3, "class", span3_class_value);
@@ -11615,24 +11616,24 @@
     		block,
     		id: create_if_block_1.name,
     		type: "if",
-    		source: "(110:4) {#if bonusesList.length !== 0}",
+    		source: "(138:4) {#if bonusesList.length !== 0}",
     		ctx
     	});
 
     	return block;
     }
 
-    // (114:8) {#each Array(numberOfPages) as _, i}
+    // (142:8) {#each Array(numberOfPages) as _, i}
     function create_each_block(ctx) {
     	let span;
-    	let t_value = /*i*/ ctx[29] + 1 + "";
+    	let t_value = /*i*/ ctx[35] + 1 + "";
     	let t;
     	let span_class_value;
     	let mounted;
     	let dispose;
 
     	function click_handler_4() {
-    		return /*click_handler_4*/ ctx[22](/*i*/ ctx[29]);
+    		return /*click_handler_4*/ ctx[24](/*i*/ ctx[35]);
     	}
 
     	const block = {
@@ -11640,11 +11641,11 @@
     			span = element("span");
     			t = text(t_value);
 
-    			attr_dev(span, "class", span_class_value = "BonusesPage " + (/*i*/ ctx[29] === /*currentPage*/ ctx[6]
+    			attr_dev(span, "class", span_class_value = "BonusesPage " + (/*i*/ ctx[35] === /*currentPage*/ ctx[8]
     			? "BonusPageActive"
     			: ""));
 
-    			add_location(span, file, 114, 10, 4983);
+    			add_location(span, file, 142, 10, 6089);
     		},
     		m: function mount(target, anchor) {
     			insert_dev(target, span, anchor);
@@ -11658,7 +11659,7 @@
     		p: function update(new_ctx, dirty) {
     			ctx = new_ctx;
 
-    			if (dirty[0] & /*currentPage*/ 64 && span_class_value !== (span_class_value = "BonusesPage " + (/*i*/ ctx[29] === /*currentPage*/ ctx[6]
+    			if (dirty[0] & /*currentPage*/ 256 && span_class_value !== (span_class_value = "BonusesPage " + (/*i*/ ctx[35] === /*currentPage*/ ctx[8]
     			? "BonusPageActive"
     			: ""))) {
     				attr_dev(span, "class", span_class_value);
@@ -11675,7 +11676,7 @@
     		block,
     		id: create_each_block.name,
     		type: "each",
-    		source: "(114:8) {#each Array(numberOfPages) as _, i}",
+    		source: "(142:8) {#each Array(numberOfPages) as _, i}",
     		ctx
     	});
 
@@ -11686,7 +11687,7 @@
     	let if_block_anchor;
 
     	function select_block_type(ctx, dirty) {
-    		if (/*isLoading*/ ctx[8]) return create_if_block;
+    		if (/*isLoading*/ ctx[10]) return create_if_block;
     		return create_else_block;
     	}
 
@@ -11737,9 +11738,14 @@
     	let isLoading = false;
     	let userAgent = window.navigator.userAgent;
     	let isMobile = getDevice(userAgent) === "PC" ? false : true;
-    	let bonusCalendarStartDate = "0";
-    	let bonusesCalendarEndDate = "0";
-    	let filter = `status=closed,status=forfeited,status=released,status=expired,type=standard,type=cashback,type=freeround,type=freebet,type=wagering,granted=[${bonusCalendarStartDate}~${bonusesCalendarEndDate}]`;
+    	let startCalendar;
+    	let endCalendar;
+    	let maxDate;
+    	let lastMonth;
+    	maxDate = moment(new Date()).format("YYYY-MM-DD");
+    	lastMonth = moment(new Date()).subtract(3, "months").format("YYYY-MM-DD");
+    	let bonusCalendarStartDate = lastMonth;
+    	let bonusCalendarEndDate = maxDate;
     	let bonusesPrevPage = 0;
     	let bonusesNextPage = 0;
     	let bonusesLastPage = 0;
@@ -11753,6 +11759,13 @@
     	};
 
     	const getBonuses = offset => {
+    		let url = new URL(`${endpoint}/player/${playerid}/bonusWallet`);
+    		let startDate = new Date(bonusCalendarStartDate).toISOString();
+    		let endDate = new Date(bonusCalendarEndDate).toISOString();
+    		let filter = `status=closed,status=forfeited,status=released,status=expired,type=standard,type=cashback,type=freeround,type=freebet,type=wagering,granted=[${startDate}~${endDate}]`;
+    		url.searchParams.append("filter", filter);
+    		url.searchParams.append("pagination", `offset=${offset},limit=${bonusesPerPage}`);
+
     		let options = {
     			method: "GET",
     			headers: {
@@ -11761,25 +11774,21 @@
     			}
     		};
 
-    		let url = new URL(`${endpoint}/player/${playerid}/bonusWallet`);
-    		url.searchParams.append("filter", filter);
-    		url.searchParams.append("pagination", `offset=${offset},limit=${bonusesPerPage}`);
-
-    		fetch(url, options).then(res => res.json()).then(
+    		fetch(url.href, options).then(res => res.json()).then(
     			data => {
-    				$$invalidate(5, numberOfPages = Math.ceil(data.total / bonusesPerPage));
+    				$$invalidate(7, numberOfPages = Math.ceil(data.total / bonusesPerPage));
 
     				if (offset - bonusesPerPage >= 0) {
-    					$$invalidate(2, bonusesPrevPage = offset - bonusesPerPage);
+    					$$invalidate(4, bonusesPrevPage = offset - bonusesPerPage);
     				}
 
     				if (offset + bonusesPerPage < data.total) {
-    					$$invalidate(3, bonusesNextPage = offset + bonusesPerPage);
+    					$$invalidate(5, bonusesNextPage = offset + bonusesPerPage);
     				}
 
-    				$$invalidate(4, bonusesLastPage = (numberOfPages - 1) * bonusesPerPage);
-    				$$invalidate(6, currentPage = offset / bonusesPerPage);
-    				$$invalidate(7, bonusesList = data.items);
+    				$$invalidate(6, bonusesLastPage = (numberOfPages - 1) * bonusesPerPage);
+    				$$invalidate(8, currentPage = offset / bonusesPerPage);
+    				$$invalidate(9, bonusesList = data.items);
     			},
     			err => {
     				console.error(err);
@@ -11787,6 +11796,26 @@
     		);
     	};
 
+    	const startCalendarHandler = e => {
+    		bonusCalendarStartDate = e.target.value;
+    	};
+
+    	const endCalendarHandler = e => {
+    		bonusCalendarEndDate = e.target.value;
+    	};
+
+    	const setCalendarEventListener = () => {
+    		startCalendar.addEventListener("change", startCalendarHandler, false);
+    		endCalendar.addEventListener("change", endCalendarHandler, false);
+    	};
+
+    	onMount(() => {
+    		return () => {
+    			startCalendar.removeEventListener("change", startCalendarHandler);
+    			endCalendar.removeEventListener("change", endCalendarHandler);
+    		};
+    	});
+
     	const writable_props = ["endpoint", "session", "playerid"];
 
     	Object.keys($$props).forEach(key => {
@@ -11795,14 +11824,18 @@
 
     	const click_handler = () => toggleScreen();
 
-    	function input0_input_handler() {
-    		bonusCalendarStartDate = this.value;
-    		$$invalidate(0, bonusCalendarStartDate);
+    	function vaadin_date_picker0_binding($$value) {
+    		binding_callbacks[$$value ? "unshift" : "push"](() => {
+    			startCalendar = $$value;
+    			$$invalidate(0, startCalendar);
+    		});
     	}
 
-    	function input1_input_handler() {
-    		bonusesCalendarEndDate = this.value;
-    		$$invalidate(1, bonusesCalendarEndDate);
+    	function vaadin_date_picker1_binding($$value) {
+    		binding_callbacks[$$value ? "unshift" : "push"](() => {
+    			endCalendar = $$value;
+    			$$invalidate(1, endCalendar);
+    		});
     	}
 
     	const click_handler_1 = () => getBonuses(0);
@@ -11813,22 +11846,27 @@
     	const click_handler_6 = () => getBonuses(bonusesLastPage);
 
     	$$self.$$set = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(13, endpoint = $$props.endpoint);
-    		if ("session" in $$props) $$invalidate(14, session = $$props.session);
-    		if ("playerid" in $$props) $$invalidate(15, playerid = $$props.playerid);
+    		if ("endpoint" in $$props) $$invalidate(15, endpoint = $$props.endpoint);
+    		if ("session" in $$props) $$invalidate(16, session = $$props.session);
+    		if ("playerid" in $$props) $$invalidate(17, playerid = $$props.playerid);
     	};
 
     	$$self.$capture_state = () => ({
+    		onMount,
     		getDevice,
+    		moment,
     		endpoint,
     		session,
     		playerid,
     		isLoading,
     		userAgent,
     		isMobile,
+    		startCalendar,
+    		endCalendar,
+    		maxDate,
+    		lastMonth,
     		bonusCalendarStartDate,
-    		bonusesCalendarEndDate,
-    		filter,
+    		bonusCalendarEndDate,
     		bonusesPrevPage,
     		bonusesNextPage,
     		bonusesLastPage,
@@ -11837,26 +11875,32 @@
     		currentPage,
     		bonusesList,
     		toggleScreen,
-    		getBonuses
+    		getBonuses,
+    		startCalendarHandler,
+    		endCalendarHandler,
+    		setCalendarEventListener
     	});
 
     	$$self.$inject_state = $$props => {
-    		if ("endpoint" in $$props) $$invalidate(13, endpoint = $$props.endpoint);
-    		if ("session" in $$props) $$invalidate(14, session = $$props.session);
-    		if ("playerid" in $$props) $$invalidate(15, playerid = $$props.playerid);
-    		if ("isLoading" in $$props) $$invalidate(8, isLoading = $$props.isLoading);
+    		if ("endpoint" in $$props) $$invalidate(15, endpoint = $$props.endpoint);
+    		if ("session" in $$props) $$invalidate(16, session = $$props.session);
+    		if ("playerid" in $$props) $$invalidate(17, playerid = $$props.playerid);
+    		if ("isLoading" in $$props) $$invalidate(10, isLoading = $$props.isLoading);
     		if ("userAgent" in $$props) userAgent = $$props.userAgent;
-    		if ("isMobile" in $$props) $$invalidate(9, isMobile = $$props.isMobile);
-    		if ("bonusCalendarStartDate" in $$props) $$invalidate(0, bonusCalendarStartDate = $$props.bonusCalendarStartDate);
-    		if ("bonusesCalendarEndDate" in $$props) $$invalidate(1, bonusesCalendarEndDate = $$props.bonusesCalendarEndDate);
-    		if ("filter" in $$props) filter = $$props.filter;
-    		if ("bonusesPrevPage" in $$props) $$invalidate(2, bonusesPrevPage = $$props.bonusesPrevPage);
-    		if ("bonusesNextPage" in $$props) $$invalidate(3, bonusesNextPage = $$props.bonusesNextPage);
-    		if ("bonusesLastPage" in $$props) $$invalidate(4, bonusesLastPage = $$props.bonusesLastPage);
-    		if ("numberOfPages" in $$props) $$invalidate(5, numberOfPages = $$props.numberOfPages);
-    		if ("bonusesPerPage" in $$props) $$invalidate(10, bonusesPerPage = $$props.bonusesPerPage);
-    		if ("currentPage" in $$props) $$invalidate(6, currentPage = $$props.currentPage);
-    		if ("bonusesList" in $$props) $$invalidate(7, bonusesList = $$props.bonusesList);
+    		if ("isMobile" in $$props) $$invalidate(11, isMobile = $$props.isMobile);
+    		if ("startCalendar" in $$props) $$invalidate(0, startCalendar = $$props.startCalendar);
+    		if ("endCalendar" in $$props) $$invalidate(1, endCalendar = $$props.endCalendar);
+    		if ("maxDate" in $$props) $$invalidate(2, maxDate = $$props.maxDate);
+    		if ("lastMonth" in $$props) $$invalidate(3, lastMonth = $$props.lastMonth);
+    		if ("bonusCalendarStartDate" in $$props) bonusCalendarStartDate = $$props.bonusCalendarStartDate;
+    		if ("bonusCalendarEndDate" in $$props) bonusCalendarEndDate = $$props.bonusCalendarEndDate;
+    		if ("bonusesPrevPage" in $$props) $$invalidate(4, bonusesPrevPage = $$props.bonusesPrevPage);
+    		if ("bonusesNextPage" in $$props) $$invalidate(5, bonusesNextPage = $$props.bonusesNextPage);
+    		if ("bonusesLastPage" in $$props) $$invalidate(6, bonusesLastPage = $$props.bonusesLastPage);
+    		if ("numberOfPages" in $$props) $$invalidate(7, numberOfPages = $$props.numberOfPages);
+    		if ("bonusesPerPage" in $$props) $$invalidate(12, bonusesPerPage = $$props.bonusesPerPage);
+    		if ("currentPage" in $$props) $$invalidate(8, currentPage = $$props.currentPage);
+    		if ("bonusesList" in $$props) $$invalidate(9, bonusesList = $$props.bonusesList);
     	};
 
     	if ($$props && "$$inject" in $$props) {
@@ -11864,14 +11908,20 @@
     	}
 
     	$$self.$$.update = () => {
-    		if ($$self.$$.dirty[0] & /*session, playerid, endpoint*/ 57344) {
+    		if ($$self.$$.dirty[0] & /*startCalendar, endCalendar*/ 3) {
+    			startCalendar && endCalendar && setCalendarEventListener();
+    		}
+
+    		if ($$self.$$.dirty[0] & /*session, playerid, endpoint*/ 229376) {
     			session && playerid && endpoint && getBonuses(0);
     		}
     	};
 
     	return [
-    		bonusCalendarStartDate,
-    		bonusesCalendarEndDate,
+    		startCalendar,
+    		endCalendar,
+    		maxDate,
+    		lastMonth,
     		bonusesPrevPage,
     		bonusesNextPage,
     		bonusesLastPage,
@@ -11887,8 +11937,8 @@
     		session,
     		playerid,
     		click_handler,
-    		input0_input_handler,
-    		input1_input_handler,
+    		vaadin_date_picker0_binding,
+    		vaadin_date_picker1_binding,
     		click_handler_1,
     		click_handler_2,
     		click_handler_3,
@@ -11901,7 +11951,7 @@
     class PlayerBonusHistory extends SvelteElement {
     	constructor(options) {
     		super();
-    		this.shadowRoot.innerHTML = `<style>.BonusesWrapper{color:#07072A;padding:50px;max-width:850px}.BonusesWrapper.BonusesWrapperMobile{padding:20px 15px;max-width:unset}.MenuReturnButton{color:#D0046C;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.MenuReturnButton svg{fill:#D0046C}.BonusesTitle{font-size:26px;color:#D0046C;font-weight:400}.BonusesTitleMobile{font-size:16px}.BonusesTitleNone{display:none}.BonusesCalendarContainer{display:flex;gap:20px;padding-bottom:30px}.BonusesCalendarContainer.BonusesCalendarContainerMobile{flex-direction:column}.BonusesCalendarStartDate,.BonusesCalendarEndDate{color:#58586B;display:flex;position:relative;align-items:center;gap:10px}.BonusesCalendarStartDate.BonusesCalendarMobile,.BonusesCalendarEndDate.BonusesCalendarMobile{flex-direction:column;align-items:flex-start;gap:5px}.BonusesCalendarStartDate label,.BonusesCalendarEndDate label{font-size:14px;font-weight:300}.BonusesCalendarStartDate input,.BonusesCalendarEndDate input{width:100%;height:44px;border:1px solid #D1D1D1;border-radius:5px;box-sizing:border-box;padding:5px 15px;font-size:16px;line-height:18px;outline-color:#D0046C}.BonusesCalendarFilter{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:120px;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.BonusesCalendarFilter.BonusesCalendarFilterMobile{width:100%}.BonusesCalendarFilter:active{background:#9e0352}.BonusesGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.BonusesGrid.BonusesGridMobile{grid-template-columns:1fr;gap:20px}.BonusesPaginationWrapper{margin:40px 0}.BonusesPaginationWrapper.BonusesPaginationWrapperMobile{text-align:center}.BonusesPaginationWrapper .BonusesFirst,.BonusesPaginationWrapper .BonusesPrev,.BonusesPaginationWrapper .BonusesNext,.BonusesPaginationWrapper .BonusesLast{color:#D0046C;font-size:16px;cursor:pointer;padding:5px 10px;font-weight:700}.BonusesPaginationWrapper .BonusesFirst.Inactive,.BonusesPaginationWrapper .BonusesPrev.Inactive,.BonusesPaginationWrapper .BonusesNext.Inactive,.BonusesPaginationWrapper .BonusesLast.Inactive{color:#D1D1D1;cursor:default}.BonusesPaginationWrapper .BonusesPage{margin:0 5px;color:#58586B;font-size:16px;cursor:pointer;padding:5px 10px}.BonusesPaginationWrapper .BonusesPage.BonusPageActive{background-color:#fff;font-weight:700}</style>`;
+    		this.shadowRoot.innerHTML = `<style>.BonusesWrapper{color:#07072A;padding:50px;max-width:850px}.BonusesWrapper.BonusesWrapperMobile{padding:20px 15px;max-width:unset}.MenuReturnButton{color:#D0046C;display:inline-flex;align-items:center;column-gap:10px;margin-bottom:30px}.MenuReturnButton svg{fill:#D0046C}.BonusesTitle{font-size:26px;color:#D0046C;font-weight:400}.BonusesTitleMobile{font-size:16px}.BonusesTitleNone{display:none}.BonusesCalendarContainer{display:flex;gap:20px;padding-bottom:30px}.BonusesCalendarContainer.BonusesCalendarContainerMobile{flex-direction:column}.BonusesCalendarStartDate,.BonusesCalendarEndDate{color:#58586B;display:flex;position:relative;align-items:center;gap:10px}.BonusesCalendarStartDate.BonusesCalendarMobile,.BonusesCalendarEndDate.BonusesCalendarMobile{flex-direction:column;align-items:flex-start;gap:5px}.BonusesCalendarStartDate label,.BonusesCalendarEndDate label{font-size:14px;font-weight:300}.BonusesCalendarFilter{background:#D0046C;border:1px solid #D0046C;color:#fff;cursor:pointer;border-radius:5px;width:120px;height:44px;font-size:15px;text-transform:uppercase;text-align:center;transition-duration:0.3s;box-sizing:border-box;padding:10px}.BonusesCalendarFilter.BonusesCalendarFilterMobile{width:100%}.BonusesCalendarFilter:active{background:#9e0352}.BonusesGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.BonusesGrid.BonusesGridMobile{grid-template-columns:1fr;gap:20px}.BonusesPaginationWrapper{margin:40px 0}.BonusesPaginationWrapper.BonusesPaginationWrapperMobile{text-align:center}.BonusesPaginationWrapper .BonusesFirst,.BonusesPaginationWrapper .BonusesPrev,.BonusesPaginationWrapper .BonusesNext,.BonusesPaginationWrapper .BonusesLast{color:#D0046C;font-size:16px;cursor:pointer;padding:5px 10px;font-weight:700}.BonusesPaginationWrapper .BonusesFirst.Inactive,.BonusesPaginationWrapper .BonusesPrev.Inactive,.BonusesPaginationWrapper .BonusesNext.Inactive,.BonusesPaginationWrapper .BonusesLast.Inactive{color:#D1D1D1;cursor:default}.BonusesPaginationWrapper .BonusesPage{margin:0 5px;color:#58586B;font-size:16px;cursor:pointer;padding:5px 10px}.BonusesPaginationWrapper .BonusesPage.BonusPageActive{background-color:#fff;font-weight:700}</style>`;
 
     		init(
     			this,
@@ -11913,7 +11963,7 @@
     			instance,
     			create_fragment,
     			safe_not_equal,
-    			{ endpoint: 13, session: 14, playerid: 15 },
+    			{ endpoint: 15, session: 16, playerid: 17 },
     			[-1, -1]
     		);
 
@@ -11934,7 +11984,7 @@
     	}
 
     	get endpoint() {
-    		return this.$$.ctx[13];
+    		return this.$$.ctx[15];
     	}
 
     	set endpoint(endpoint) {
@@ -11943,7 +11993,7 @@
     	}
 
     	get session() {
-    		return this.$$.ctx[14];
+    		return this.$$.ctx[16];
     	}
 
     	set session(session) {
@@ -11952,7 +12002,7 @@
     	}
 
     	get playerid() {
-    		return this.$$.ctx[15];
+    		return this.$$.ctx[17];
     	}
 
     	set playerid(playerid) {