@everymatrix/player-bonus-history 1.37.12 → 1.39.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-bonus-history",
-  "version": "1.37.12",
+  "version": "1.39.0",
   "main": "dist/player-bonus-history",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "284346262a669a2f5a5891d7ba9327b0c94aa44c"
+  "gitHead": "d3dbfca9fcdc2d9df9a01f60f283ed699ec828fb"
 }

package/src/PlayerBonusHistory.svelte

@@ -16,6 +16,10 @@
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
   export let translationurl:string = '';
+  // both bonushistorystatus and bonushistorytype need to be set on the widget
+  // before the other attributes used to call getBonuses() in order for these filters to work
+  export let bonushistorystatus:string = '';
+  export let bonushistorytype:string = '';
 
   let customStylingContainer:HTMLElement;
   let isLoading:boolean = false;
@@ -61,13 +65,28 @@
     window.postMessage({type: 'PlayerAccountMenuActive', isMobile}, window.location.href);
   }
 
-  const getBonuses = (offset:number):void => {
+  const getBonuses = (offset:number, status, type):void => {
     let url:URL = new URL(`${endpoint}/v1/player/${playerid}/bonusWallet`);
 
     let startDate:string = new Date(bonusCalendarStartDate).toISOString();
     let endDate:string = new Date(bonusCalendarEndDate).toISOString();
-
-    let filter:string = `status=closed,status=forfeited,status=released,status=expired,type=standard,type=freeround,type=freebet,granted=[${startDate}~${endDate}]`;
+    
+    let filter:string = '', statuses:string = '', types:string = '';
+    
+    if (status) {
+      let bonusStatusArray:Array<string> = status.split(',');
+      let modifiedStatuses = bonusStatusArray.map(status => `status=${status}`);
+      statuses = modifiedStatuses.join(',');
+      filter = filter + statuses + ',';
+    }
+    
+    if (type) {
+      let bonusTypesArray:Array<string> = type.split(',');
+      let modifiedTypes = bonusTypesArray.map(type => `type=${type}`);
+      types = modifiedTypes.join(',');
+      filter = filter + types + ',';
+    }
+    filter = filter + `granted=[${startDate}~${endDate}]`;
 
     url.searchParams.append('filter', filter);
     url.searchParams.append('pagination', `offset=${offset},limit=${bonusesPerPage}`);
@@ -148,7 +167,9 @@
 
   $: lang && initialLoad();
   $: startCalendar && endCalendar && setCalendarEventListener();
-  $: session && playerid && endpoint && getBonuses(0);
+  $: if (session && playerid && endpoint) {
+      getBonuses(0, bonushistorystatus, bonushistorytype)
+    } 
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: translationurl && setTranslationUrl();
@@ -182,7 +203,7 @@
             <vaadin-date-picker bind:this={endCalendar} max={maxDate} value={maxDate} placeholder="To" class="VaadinDatePicker"></vaadin-date-picker>
           </div>
         </div>
-        <button class="BonusesCalendarFilter {isMobile ? 'BonusesCalendarFilterMobile' : ''}" on:click={() => getBonuses(0)}>{$_('dateFilter')}</button>
+        <button class="BonusesCalendarFilter {isMobile ? 'BonusesCalendarFilterMobile' : ''}" on:click={() => getBonuses(0, bonushistorystatus, bonushistorytype)}>{$_('dateFilter')}</button>
       </div>
       <div class="BonusesGrid {isMobile ? 'BonusesGridMobile' : ''}">
         {#if bonusesList.length === 0}
@@ -224,13 +245,13 @@
       </div>
       {#if bonusesList.length !== 0}
         <div class="BonusesPaginationWrapper {isMobile ? 'BonusesPaginationWrapperMobile' : ''}">
-          <span class="BonusesFirst {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(0)}>&vert;&lt;</span>
-          <span class="BonusesPrev {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesPrevPage)}>&lt;</span>
+          <span class="BonusesFirst {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(0, bonushistorystatus, bonushistorytype)}>&vert;&lt;</span>
+          <span class="BonusesPrev {currentPage === 0 ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesPrevPage, bonushistorystatus, bonushistorytype)}>&lt;</span>
           {#each Array(numberOfPages) as _, i}
-            <span class="BonusesPage {i === currentPage ? 'BonusPageActive' : ''}" on:click={() => getBonuses(i*bonusesPerPage)}>{i+1}</span>
+            <span class="BonusesPage {i === currentPage ? 'BonusPageActive' : ''}" on:click={() => getBonuses(i*bonusesPerPage, bonushistorystatus, bonushistorytype)}>{i+1}</span>
           {/each}
-          <span class="BonusesNext {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesNextPage)}>&gt;</span>
-          <span class="BonusesLast {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesLastPage)}>&gt;&vert;</span>
+          <span class="BonusesNext {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesNextPage, bonushistorystatus, bonushistorytype)}>&gt;</span>
+          <span class="BonusesLast {currentPage === (numberOfPages - 1) ? 'Inactive' : ''}" on:click={() => getBonuses(bonusesLastPage, bonushistorystatus, bonushistorytype)}>&gt;&vert;</span>
         </div>
       {/if}
     </div>