@everymatrix/casino-wagering-bonuses-controller 1.30.0 → 1.30.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-wagering-bonuses-controller",
-  "version": "1.30.0",
+  "version": "1.30.1",
   "main": "dist/casino-wagering-bonuses-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b9795b320e7d96e10963f25cdea2d9300029d8d7"
+  "gitHead": "fb8f6763064049c1da23e78c065e8c2bca2aa409"
 }

package/src/CasinoWageringBonusesController.svelte

@@ -20,6 +20,7 @@
   import { infoParts } from '@everymatrix/casino-wagering-bonus/src/private.exportparts';
 
   import { _, setLocale } from '@everymatrix/casino-wagering-bonus/src/svelte.i18n';
+  import { findMaxIdSubset } from '@everymatrix/casino-wagering-bonus/src/api.apdater.util';
 
   export let endpoint = ''
   export let lang = Lang.en
@@ -27,6 +28,7 @@
   export let currency: string = 'EUR';
   export let filter: BonusStatusFilterType = BonusStatusFilterType.claimable
   export let limit: string = ''
+  export let sortorder: string = 'desc'
 
   let isMounted = false
   $: isMounted && init()
@@ -39,6 +41,7 @@
 
   let bonuses: any[] = []
   let eventSource: TEventSource
+  let bonusesProgress: any = {}
   let isLoading: boolean = true;
   let errorMessage: string = ''
   let abortController: AbortController
@@ -48,11 +51,14 @@
   const eventSourceHandler = composeEventSourceMessageHandler({
     "WageringProgressUpdate": (data: any) => {
       bonuses = bonuses.map(bonus => {
-        let item = data?.items[bonus.bonusWalletID]
+        let progresses = data?.items[bonus.bonusWalletID]
 
-        if(!item) return bonus
+        if(!progresses) return bonus
+
+        const { maxIdObj, maxId } = findMaxIdSubset(progresses)
+        let { status: _status, level, levelIncrement, gap } = maxIdObj
+        bonusesProgress[bonus.id] = maxId
 
-        let { status: _status, level, levelIncrement, gap } = item
         let _bonus: any = {...bonus}
 
         _bonus = { ..._bonus, wageringProgress: { 
@@ -84,6 +90,7 @@
       lang,
       status: filter === 'claimable' ? 'claimable' : getRequestStatusByStatusFilter(filter), 
       limit,
+      sortOrder: sortorder || 'desc',
     })
 
     if(!response.success) {
@@ -93,10 +100,18 @@
 
       clearEventSource(eventSource, eventSourceHandler)
       if(filter === BonusStatusFilterType.active){
-        eventSource = setWageringEventSource(endpoint, session, bonuses, eventSourceHandler)
+        updateEventSource()
       }
     }
   }
+
+  const updateEventSource = () => {
+    clearEventSource(eventSource, eventSourceHandler)
+    eventSource = setWageringEventSource(endpoint, session, bonuses, eventSourceHandler, bonusesProgress)
+    eventSource.onerror = () => {
+      updateEventSource()
+    }
+  }
   
   const init = async () => {
     if(!isMounted || !filter || !lang || !session || !endpoint) return;
@@ -115,6 +130,7 @@
   $: endpoint && init()
   $: lang && init()
   $: session && init()
+  $: sortorder && init()
 
   let innerWidth
   $: isMobileView = innerWidth <= 648
@@ -177,7 +193,6 @@
 
 <style lang="scss">
 
-
   *,
   *::before,
   *::after {
@@ -193,6 +208,12 @@
     margin-bottom: 30px;
   }
 
+  .Root {
+    background: var(--emfe-w-color-white, #FFFFFF);
+    padding: 20px;
+    color: var(--emfe-w-color-black, #000000);
+  }
+
   .Bonuses {
     display: flex;
     flex-wrap: wrap;