@everymatrix/casino-header-controller 1.8.4 → 1.9.1

package/index.html

@@ -26,8 +26,8 @@
       cmsendpoint="https://widgets.everymatrix.com/apijson"
       lang="en"
       showbanner="true"
-      session=""
-      userid=""
+      session="ff9b00eb-2782-44fc-b4e1-fc9b3c91ecb6"
+      userid="4506648"
       profileurl=''
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       bannermatrix="https://bannermatrix-stage.everymatrix.com"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "1.8.4",
+  "version": "1.9.1",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "58b0374c9527cbfb3a070ac6fb1744bc670aba27"
+  "gitHead": "b882819d6bf435954793bf62ec04879ecb8572e0"
 }

package/src/CasinoHeaderController.svelte

@@ -20,6 +20,7 @@
   export let languageslist:string = 'en, ro';
   export let activecategory:string = '';
   export let translationurl:string = '';
+  export let customlocaleidentifier:string = ''; 
 
   export let operatorid:string = '';
   export let pagetag:string = '';
@@ -225,8 +226,14 @@
   }
 
   const setActiveIndex = ():void => {
-    activeIndex = mainMenuArray.find(item => item.path.indexOf(activecategory.split('/')[1]) > -1)?.id;
-
+    activeIndex = mainMenuArray.find(item => {
+      if ( activecategory.indexOf('/sport') > -1 ) {
+        return item.path.indexOf(activecategory) > -1
+      } else {
+        //Opted for this solution so that when you go back from casino categories slider it will change the active index when its required from header too
+        return item.path.indexOf(activecategory.split('/')[1]) > -1
+      }      
+    })?.id;
   }
 
   const sendSliderData = ():void => {
@@ -275,6 +282,10 @@
     });
   }
 
+  const navigationTrigger = (itemData:any) => {
+    window.postMessage({ type: actionevent, itemId: itemData.id, item: itemData, externalLink: itemData.externalLink, target: itemData.attrs?.target || null }, window.location.href);
+  }
+
   const setClientStyling = ():void => {
     let sheet = document.createElement('style');
     sheet.innerHTML = clientstyling;
@@ -347,7 +358,7 @@
 
         <div class="HeaderTopActions" part="HeaderTopActions">
           <div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
-            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl}/>
+            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier}/>
             <div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('headerItem.deposit')}</div>
             <div class="Item ItemAccount" part="Item ItemAccount" on:click={() => menuAction('myaccount')}>
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
@@ -400,7 +411,7 @@
         </nav>
         <div class="HeaderTopActions" part="HeaderItemsMenu">
           <div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
-            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl}/>
+            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier}/>
             <div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('headerItem.deposit')}</div>
             <div class="Item ItemAccount" part="Item ItemAccount" on:click={() => menuAction('myaccount')}>
               <svg xmlns="http://www.w3.org/2000/svg" width="15" height="16.429" viewBox="0 0 15 16.429">
@@ -428,7 +439,9 @@
       <nav class="HeaderSecondaryNav" part="HeaderSecondaryNav">
         <ul class="HeaderItemsMenuSecondary" part="HeaderItemsMenuSecondary">
           {#each secondaryMenuArray as secondaryItem}
-            <li class="ItemSecondary" part="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
+            <li class="ItemSecondary" part="ItemSecondary">
+              <button on:click={() => navigationTrigger(secondaryItem)}>{secondaryItem.label}</button>
+            </li>
           {/each}
         </ul>
       </nav>
@@ -514,7 +527,9 @@
       <nav class="HeaderSecondaryNav" part="HeaderSecondaryNav">
         <ul class="HeaderItemsMenuSecondary" part="HeaderItemsMenuSecondary">
           {#each secondaryMenuArray as secondaryItem}
-            <li class="ItemSecondary" part="ItemSecondary"><a href={secondaryItem.path}>{secondaryItem.label}</a></li>
+            <li class="ItemSecondary" part="ItemSecondary">
+              <button on:click={() => navigationTrigger(secondaryItem)}>{secondaryItem.label}</button>
+            </li>
           {/each}
         </ul>
       </nav>
@@ -702,13 +717,18 @@
     font-weight: 600;
     transition-duration: 0.15s;
 
-    a {
+    button {
       color: var(--emfe-w-color-white, #FFFFFF);
       text-decoration: none;
+      border: none;
+      background: none;
+      font-size: 14px;
+      font-weight: 600;
+      text-transform: uppercase;
     }
 
     &:hover {
-      a {
+      button {
         color: var(--emfe-w-color-primary, #D0046C);
       }
     }