@everymatrix/casino-header-controller 1.12.6 → 1.13.0

package/index.html

@@ -22,25 +22,21 @@
   </style>
 
   <div class="webcomponent">
-    <casino-header-controller
-      cmsendpoint="https://widgets.everymatrix.com/apijson"
-      lang="en"
-      showbanner="true"
-      profileurl=''
-      bannermatrix="https://bannermatrix-stage.everymatrix.com"
-      operatorid="2095"
-      pagetag="casino-page"
-      actionevent="HeaderMenuItemClicked"
-      activecategory="/live-casino"
-      positiontag="center-main-slider"
-      userroles="everyone"
-      endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/v1"
-      userid="5130841"
-      session="2921afd2-54f0-46d2-907b-72ac84a7ce9f"
-      gmversion="gm1.6"
-      displayoption="both"
-    ></casino-header-controller>
-
+    <casino-header-controller _ngcontent-mup-c29="" session="01347826-ed6c-4305-80c7-1dab6b2fc151" userid="3920216" userroles="everyone,loggedIn,TestDemoCosmin" cmsendpoint="https://wt1-stage.everymatrix.com/apijson" env="stage" lang="en" languageslist="en,ro" endpoint="https://demo-api.stage.norway.everymatrix.com/v1" actionevent="HeaderMenuItemClicked" activecategory="/casino/RNG$new-sub-category$new-sub-category-1" clientstyling="
+    .HeaderWrapper{
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      z-index: 99;
+    }
+  
+    .HeaderMobileWrapper {
+      .HeaderContainer {
+        height: 55px;
+      }
+    }
+  " currencyseparator="." currencydecimal="," currencyprecision="2" gmversion="gmcore"></casino-header-controller>
 
   </div>
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "1.12.6",
+  "version": "1.13.0",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "026a68f7a1e50f7a829cccf3a3f82cd7776b6f31"
+  "gitHead": "1e1112223dbbcaa114d0dc15006eb09f2beabedd"
 }

package/src/CasinoHeaderController.svelte

@@ -35,6 +35,11 @@
   export let clientstyling:string = '';
   export let clientstylingurl:string = '';
 
+  export let currencyseparator:string = '';
+  export let currencydecimal:string = '';
+  export let currencyprecision:string = '';
+
+
   let primaryActiveIndex:string;
   let secondaryActiveIndex:string;
   let identity:string = "HeaderMenu";
@@ -233,15 +238,28 @@
   }
 
   const setActiveIndex = (activecategory, menuList) => {
-    return menuList.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.split('/').indexOf(activecategory.split('/')[1]) > -1;
-      }      
-    })?.id || -1;
+  let result = menuList.find(item => {
+    if (activecategory.indexOf('/sport') > -1) {
+      return item.path.indexOf(activecategory) > -1;
+    } else {
+      if (item.path.includes(activecategory)) {
+        return true;
+      }
+    }
+  });
+
+  if (!result) {
+    result = menuList.find(item => {
+      return item.path.split('/').indexOf(activecategory.split('/')[1]) > -1;
+    });
+  }
+
+  if (result) {
+    return result.id;
+  } else {
+    return -1;
   }
+}
 
   const sendSliderData = ():void => {
     window.postMessage({ type: 'SliderData', identity, data: mainMenuArray }, window.location.href);
@@ -364,7 +382,7 @@
 
         <div class="HeaderTopActions" part="HeaderTopActions">
           <div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
-            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption}/>
+            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption} {currencyseparator} {currencydecimal} {currencyprecision} />
             <div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('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">
@@ -417,7 +435,7 @@
         </nav>
         <div class="HeaderTopActions" part="HeaderItemsMenu">
           <div class="HeaderItemsMenu PrimaryMenu" part="HeaderItemsMenu PrimaryMenu">
-            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption}/>
+            <player-account-balance-modal {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption} {currencyseparator} {currencydecimal} {currencyprecision}/>
             <div class="Item ItemDeposit" part="Item ItemDeposit" on:click={() => menuAction('deposit')}>{$_('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">
@@ -547,9 +565,7 @@
 
 <style lang="scss">
 
-  :host {
-    font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  }
+
 
   .HeaderSlider {
     width: 100%;