@everymatrix/casino-page 1.2.0 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-page",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "main": "dist/casino-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3800c3e93fdc948c5bc48101acce6cd81ce65706"
+  "gitHead": "02dbae5b4d167acdb57c72905b756343a318870a"
 }

package/src/CasinoPage.svelte

@@ -29,7 +29,7 @@
   export let userid:string = ''; // Value for UserID;
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
-  export let translationUrl:string = '';
+  export let translationurl:string = '';
 
   export let categorybackground:string = '';
   export let visiblegames:string;
@@ -127,6 +127,7 @@
   let categories:Array<CategoriesItems> = [];
   let shownCategories:Array<CategoriesItems> = [];
   let activeCategory:string;
+  let allCategoriesIds:string[] = [];
 
   let searchValue:string = '';
   let searchWrapper:HTMLElement;
@@ -161,7 +162,7 @@
   setupI18n({ withLocale: 'en', translations: {}});
 
   const setTranslationUrl = ():void => {
-    let url:string = translationUrl;
+    let url:string = translationurl;
 
     fetch(url).then((res:any) => res.json())
     .then((res) => {
@@ -324,6 +325,13 @@
           }
           break;
 
+        case 'SubgroupsIds':
+          //Add subgroups ids fetched in the slider to the list of categories ids
+          if(!allCategoriesIds.some(categoryId => e.data.subGroupsIds.includes(categoryId))) {
+            allCategoriesIds.push(...e.data.subGroupsIds);  
+          }
+          break;
+
         default:
           // Nothing to do here
           break;
@@ -819,6 +827,9 @@
 
           shownCategories = categoriesData.map(category => category.id);
 
+          //Create a list of all categories to check the activecategory against.
+          allCategoriesIds = data.items.map(category => category.id.toString());
+          
           isLoading = false;
         }
       });
@@ -846,6 +857,11 @@
   const setActiveCategory = ():void => {
     activeCategory = activecategory;
     CategoryChangeHandler({ data: { itemId: activeCategory }});
+
+    //Check if the active category is found in the list of available categories. IF not send event to the state manager. 
+    if (allCategoriesIds && !allCategoriesIds.includes(activeCategory) && activeCategory != '') {
+      window.postMessage({type: 'NonExistentCategory'}, window.location.href);
+    }
   }
 
   const setSession = () => {
@@ -931,7 +947,7 @@
   $: session && userid && endpoint && setSession();
   $: endpoint && datasource && lang && alternativesearch && initialSetup();
   $: lang && updateCategoriesLanguage();
-  $: translationUrl && setTranslationUrl();
+  $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: panicButton && addEventsToDisplayedElements();