@everymatrix/casino-header-controller-nd 1.39.3 → 1.40.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-header-controller-nd",
-  "version": "1.39.3",
+  "version": "1.40.0",
   "main": "dist/casino-header-controller-nd.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "34113a6474c9833b52690631f489148f6b5c67e0"
+  "gitHead": "ca3bc98c22d89e64f9d025debb2e59e3e4f22f4c"
 }

package/src/CasinoHeaderControllerNd.svelte

@@ -19,7 +19,7 @@
   export let userid: string = '';
   export let endpoint: string = '';
   export let cmsendpoint: string = '';
-  export let cmsenv: string = 'stage';
+  export let cmsenv: string = '';
   export let lang: string = 'en';
   export let languageslist: string = 'en, ro';
   export let activecategory: string = '';
@@ -55,6 +55,8 @@
   export let currencydecimal: string = '';
   export let currencyprecision: string = '';
 
+  export let gamification: string = 'false';
+
   let activeIndex: number;
   let customStylingContainer: HTMLElement;
   let balanceContainer: HTMLElement;
@@ -430,12 +432,16 @@
   $: session && setSession();
   $: isShortCashierEnabled = shortcashierenabled.toLocaleLowerCase() == 'true';
   $: lang && setActiveLanguage();
-  $: cmsendpoint && lang && languageslist && userroles && initialLoad();
+  $: cmsendpoint && lang && languageslist && userroles && cmsenv && initialLoad();
   $: translationurl && setTranslationUrl();
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
 </script>
 
+<svelte:head>
+  <script type="module" src="https://unpkg.com/@everymatrix/gamification-dropdown"></script>
+</svelte:head>
+
 <div class="HeaderContainer" bind:this={customStylingContainer}>
   <div class="MainNav">
       {#if mobileView}
@@ -476,6 +482,11 @@
       {/if}
     </nav>
     {#if isLoggedIn}
+      {#if gamification === 'true' && !mobileView}
+        <div class="GamificationWrapper">
+          <gamification-dropdown {session} {endpoint} language={lang} client-styling={clientstyling} client-styling-url={clientstylingurl} translation-url={translationurl}></gamification-dropdown>
+        </div>
+      {/if}
       <div class="BalanceDepositWrapper">
         <div class="Balance  {isBalanceOpened ? 'Open' : ''}" bind:this={balanceContainer}>
           <player-account-balance-modal-nd {session} {userid} {endpoint} {lang} {clientstyling} {clientstylingurl} {customlocaleidentifier} {gmversion} {displaybalanceoption} {currencyseparator} {currencydecimal} {currencyprecision} />
@@ -809,6 +820,10 @@
         }
       }
 
+      .GamificationWrapper{
+        margin-right: 16px;
+      }
+
       .BalanceDepositWrapper {
         height: 34px;
         background-color: white;