@everymatrix/casino-header-controller 0.0.238 → 0.0.242

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.238",
+  "version": "0.0.242",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "907a7c1dc6fa627973d37efccc906630b14f646a"
+  "gitHead": "3cc82c62fb2a642ad091ac207ae95928c21ba69c"
 }

package/src/CasinoHeaderController.svelte

@@ -17,8 +17,8 @@
   export let endpoint:string = '';
   export let cmsendpoint:string = '';
   export let cmsenv:string = 'stage';
-  export let lang:string = '';
-  export let languageslist:string = 'en,ro';
+  export let lang:string = 'en';
+  export let languageslist:string = 'en, ro';
   export let activecategory:string = '';
 
   export let operatorid:string = '';
@@ -61,14 +61,15 @@
   let loginActive:boolean = true;
   let language:string = '';
   let languagesArray:Array<string> = [];
-  // use for medium devices styling, if necessary
-  // const mediaQuery = window.matchMedia('(min-width: 768px)');
   let hamburgerMenuActive:boolean = false;
 
-  let totalBalance:string = '';
-  let cashBalance:string = '';
-  let bonusBalance:string = '';
-  let currency:string = '';
+  let fallbackSecondaryMenu = [
+    {
+      "id": 0,
+      "label": $_('fallbackSecondaryMenu.promotions'),
+      "path": "/promotions",
+    }
+  ];
 
   const menuAction = (data: any) => {
     switch (data) {
@@ -157,14 +158,10 @@
   }
 
   const initialLoad = ():void => {
-    // split operator provided languages string into string array
-    languagesArray = languageslist.split(',');
-    languagesArray.forEach((languageItem:string, index:number) => {
-      languagesArray[index] = languageItem.toUpperCase();
-    })
-
+    languagesArray = languageslist.replace(/ /g,'').split(',');
+    languagesArray = languagesArray.map((language:string) => language.toUpperCase());
+    
     selectedLanguage = lang.toUpperCase();
-
     createCMSUrls();
 
     getHeaderMenusData(headerURL);
@@ -187,6 +184,9 @@
         .then((data: any) => {
           mainMenuArray = data.desktop.primary;
           secondaryMenuArray = data.desktop.secondary;
+          if( !secondaryMenuArray.length ) {
+            secondaryMenuArray = fallbackSecondaryMenu;
+          }
           isLoading = false;
 
           resolve(data);
@@ -239,7 +239,9 @@
           {/if}
         </div>
         <div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
-          <img src={everymatrixLogo} alt="Everymatrix logo">
+          {#if everymatrixLogo}
+            <img src={everymatrixLogo} alt="Everymatrix logo">
+          {/if}
         </div>
 
         <div class="HeaderTopActions">
@@ -269,12 +271,14 @@
     <header class="HeaderWrapper">
       <div class="HeaderContainer">
         <div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
-          <img src={everymatrixLogo} alt="Everymatrix logo">
+          {#if everymatrixLogo}
+            <img src={everymatrixLogo} alt="Everymatrix logo">
+          {/if}
         </div>
 
         <nav class="HeaderMainNav">
           {#if !isLoading}
-            <casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData {actionevent} activeindex={activeIndex} location="headerMain"/>
+            <casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
           {/if}
         </nav>
         <div class="HeaderTopActions">
@@ -298,7 +302,7 @@
             </div>
             <select bind:value={selectedLanguage} class="Item ItemLanguage" on:change={()=>menuAction('language')}>
               {#each languagesArray as operatorLanguage}
-                <option value={operatorLanguage}>{operatorLanguage}</option>
+                <option value={operatorLanguage} selected>{operatorLanguage}</option>
               {/each}
             </select>
           </div>
@@ -334,7 +338,9 @@
           </svg>
         </div>
         <div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
-          <img src={everymatrixLogo} alt="Everymatrix logo">
+          {#if everymatrixLogo}
+            <img src={everymatrixLogo} alt="Everymatrix logo">
+          {/if}
         </div>
 
         <div class="HeaderTopActions">
@@ -349,12 +355,14 @@
     <header class="HeaderWrapper">
       <div class="HeaderContainer">
         <div class="HeaderBranding" on:click={()=>menuAction('lobby')}>
-          <img src={everymatrixLogo} alt="Everymatrix logo">
+          {#if everymatrixLogo}
+            <img src={everymatrixLogo} alt="Everymatrix logo">
+          {/if}
         </div>
 
         <nav class="HeaderMainNav">
           {#if !isLoading}
-            <casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData {actionevent} activeindex={activeIndex} location="headerMain"/>
+            <casino-slider class="HeaderItemsMenu" {identity} use:sendSliderData isprimarymenu=true {actionevent} activeindex={activeIndex} location="headerMain"/>
           {/if}
         </nav>
         <div class="HeaderTopActions">
@@ -380,7 +388,7 @@
   {/if}
 {/if}
 
-<casino-hamburger-menu menuitemsurl={hamburgerURL} {activecategory} {language}></casino-hamburger-menu>
+<casino-hamburger-menu menuitemsurl={hamburgerURL} {activecategory} {lang} {languageslist}></casino-hamburger-menu>
 
 <style lang="scss">
   //This function does a multiplication

package/src/translations.js

@@ -4,6 +4,9 @@ export const CasinoHeaderController = {
       login: 'Login',
       register: 'Register',
       deposit: 'Deposit',
+    },
+    fallbackSecondaryMenu: {
+      promotions: 'Promotions',
     }
   },
   tr: {
@@ -11,6 +14,9 @@ export const CasinoHeaderController = {
       login: 'Giriş yapmak',
       register: 'Kayıt olmak',
       deposit: 'Depozito',
+    },
+    fallbackSecondaryMenu: {
+      promotions: 'Promosyonlar',
     }
   },
   ro: {
@@ -18,6 +24,9 @@ export const CasinoHeaderController = {
       login: 'Autentificare',
       register: 'Inregistreaza-te',
       deposit: 'Depozit',
+    },
+    fallbackSecondaryMenu: {
+      promotions: 'Promotii',
     }
   },
 };