@everymatrix/casino-games-category-section 0.0.392 → 0.0.393

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "0.0.392",
+  "version": "0.0.393",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "218aa76aa4ef72b20457a0113b4b3e3f58b2194e"
+  "gitHead": "133ecc91a57336f219798fcee9ac4e4694a1722e"
 }

package/src/CasinoGamesCategorySection.svelte

@@ -163,13 +163,20 @@
 
   // @TODO categoryId type
   const getData = (categoryId:any, offset:number, limit:number, filterArray:Array<Object> = []) => {
-    let url:any = new URL(`${endpoint}/casino/groups/${datasource}/${categoryid}`);
+    let categoryidparsed = '';
+    let url:any = '';
+
+    if((categoryid.match(/\$/g) || []).length > 1) {
+      categoryidparsed = categoryid.split('$').slice(0, 2).join('$');
+      url = new URL(`${endpoint}/casino/groups/${datasource}/${categoryidparsed}/subGroups`);
+    } else {
+      url = new URL(`${endpoint}/casino/groups/${datasource}/${categoryid}`);
+    }
 
     let vendorFilters = JSON.parse(sessionStorage.getItem('vendorFiltersByCategory'));
 
     return new Promise((resolve, reject) => {
       url.searchParams.delete("pagination");
-
       url.searchParams.append("expand", "games(vendor)");
       url.searchParams.append("fields", "id,name,games");
       url.searchParams.append("platform", getDevice(userAgent));
@@ -199,6 +206,13 @@
       fetch(url)
         .then((res:any) => res.json())
         .then((categoryData:any) => {
+
+          if((categoryid.match(/\$/g) || []).length > 1) {
+            categoryData = categoryData.items.filter(subcategory => {
+              if(subcategory.id == categoryid) return subcategory;
+            })[0];
+          }
+
           dataloaded = true
           hasErrors = false;
           maxTotal = categoryData.games.total;
@@ -567,7 +581,7 @@
           <div class="CasinoGamesContainer" part="CasinoGamesContainer">
             <div class="CasinoGamesHeader" part="CasinoGamesHeader">
                 <h3 class="CategoryName" part="CategoryName" bind:this={categoryName}>
-                    {categoryData.name}
+                  {categoryData.name}
                 </h3>
 
               {#if showLoadCategory}