@everymatrix/casino-filter-page 1.5.4 → 1.5.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-filter-page",
-  "version": "1.5.4",
+  "version": "1.5.6",
   "main": "dist/casino-filter-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0515078fefc5290a183afcfb2608cf265f2322c7"
+  "gitHead": "18b817f66a008871bf85a5a004a749dca5111add"
 }

package/src/CasinoFilterPage.svelte

@@ -34,7 +34,7 @@
       [currentCategoryId]: []
     }
   }
-
+ 
   let previousFilterSelection:any = [];
 
   setupI18n({ withLocale: 'en', translations: {}});
@@ -84,7 +84,21 @@
             }
           }
 
-          getVendors(`${endpoint}/casino/vendors?filter=games(groups=${currentCategoryId})&datasource=${datasource}&platform=${getDevice(userAgent)}`);
+          const url:any = new URL(`${endpoint}/casino/vendors`);
+          
+          url.searchParams.append("fields" , "id,name,subVendors" );
+        
+          url.searchParams.append("language" , lang);
+          url.searchParams.append("datasource" , datasource);
+          url.searchParams.append("platform", getDevice(userAgent));
+          if((currentCategoryId.match(/\$/g) || []).length > 1) {
+            url.searchParams.append("filter" , `games(subGroups=${currentCategoryId})`);
+            url.searchParams.append("subVendors" , `games(subGroups=${currentCategoryId})`);
+          } else {
+            url.searchParams.append("filter" , `games(groups=${currentCategoryId})`);
+          }
+
+          getVendors(url);
 
           let selectedVendorsArray = provisionalVendorArray;
 
@@ -135,7 +149,6 @@
 
         case 'CategoryVendors':
           currentCategoryId = e.data.categoryid;
-
           if (categoryVendorFiltersCollection) {
             if (currentCategoryId) {
               provisionalVendorArray = categoryVendorFiltersCollection[currentCategoryId];
@@ -166,13 +179,11 @@
 
           response.forEach((ven:any)  => {
             let vendors = JSON.parse(sessionStorage.getItem('vendorFiltersByCategory'));
-
             if (!vendors) {
               vendors = {
                 currentCategoryId: []
               }
             }
-
             if (currentCategoryId) {
               if (vendors[currentCategoryId]) {
                 ven.isFilterSelected = (vendors[currentCategoryId].indexOf(ven.id) >= 0) ? true : false;
@@ -317,15 +328,17 @@
       </section>
       <section class="FilterContentSection" part="FilterContentSection">
         {#if vendorsArray}
-          {#each vendorsArray as vendor}
-            <div class="VendorBox {vendor.isFilterSelected ? 'VendorBoxSelected' : ''}" part="VendorBox {vendor.isFilterSelected ? 'VendorBoxSelected' : ''}" on:click="{() => toggleVendorFilter(vendor)}">
-              <img class="VendorImage" part="VendorImage" src="{vendor.image}" alt="{vendor.name}" />
-              {#if vendor.isFilterSelected}
-                <div class="FilterIconContainer" part="FilterIconContainer">
-                  <div class="CheckMark" part="CheckMark"></div>
-                </div>
-              {/if}
-            </div>
+          {#each vendorsArray as vendors}
+            {#each vendors.subVendors as vendor}
+              <div class="VendorBox {vendor.isFilterSelected ? 'VendorBoxSelected' : ''} {vendor.logo ? '' : 'VendorBoxMissing'}" part="VendorBox {vendor.isFilterSelected ? 'VendorBoxSelected' : ''}" on:click="{() => toggleVendorFilter(vendor)}">
+                <img class="VendorImage" part="VendorImage" src="{vendor.logo}" alt="{vendor.name}" />
+                {#if vendor.isFilterSelected}
+                  <div class="FilterIconContainer" part="FilterIconContainer">
+                    <div class="CheckMark" part="CheckMark"></div>
+                  </div>
+                {/if}
+              </div>
+            {/each}
           {/each}
         {/if}
       </section>
@@ -399,6 +412,11 @@
     border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
     border-radius: 5px;
     position: relative;
+    &.VendorBoxMissing {
+      background: url('https://breakthrough.org/wp-content/uploads/2018/10/default-placeholder-image.png');
+      background-size: cover;
+      background-position: center;
+    }
     &.VendorBoxSelected {
       border: 1px solid var(--emfe-w-color-primary, #D0046C);
     }