@functionalcms/svelte-components 0.8.11 → 0.9.1

package/dist/authStore.d.ts

@@ -11,6 +11,7 @@ export declare const authStore: {
     isAuthenticated: import("svelte/store").Readable<boolean>;
     userId: import("svelte/store").Readable<string>;
     accessToken: import("svelte/store").Readable<string>;
+    username: import("svelte/store").Readable<string>;
     initialise: (config: AuthConfig) => Promise<void>;
     signIn: () => Promise<void>;
     signOut: () => Promise<void>;

package/dist/authStore.js

@@ -3,6 +3,7 @@ import { PublicClientApplication } from "@azure/msal-browser";
 const isAuthenticated = writable(false);
 const accessToken = writable('');
 const userId = writable('');
+const username = writable('');
 let msal;
 let authConfig;
 const getMSALConfig = (config) => {
@@ -35,7 +36,8 @@ const handleToken = (token) => {
     if (token !== null) {
         isAuthenticated.set(true);
         accessToken.set(token.accessToken);
-        userId.set(token.username);
+        userId.set(token.account.idTokenClaims.sub);
+        username.set(token.account.idTokenClaims.name);
     }
     else {
         isAuthenticated.set(false);
@@ -52,6 +54,7 @@ export const authStore = {
     isAuthenticated: readonly(isAuthenticated),
     userId: readonly(userId),
     accessToken: readonly(accessToken),
+    username: readonly(username),
     initialise: async (config) => {
         msal = new PublicClientApplication(getMSALConfig(config));
         await msal.initialize();

package/dist/components/Header.svelte

@@ -1,15 +1,19 @@
 <script>import { Header, HeaderNav, HeaderNavItem, MenuItem } from "agnostic-svelte";
-import { Visiblity } from "./HeaderNavigationItem.js";
+import { Visiblity } from "../HeaderNavigationItem";
+import { get } from "svelte/store";
 export let companyName;
 export let logoUrl;
 export let pages;
 export let authentication;
-const selectVisible = (pages2, visiblity) => pages2.filter((page) => page.visiblity === Visiblity.Always || page.visiblity === visiblity);
-authentication.subscribe((value) => visibleNavItems = selectVisible(pages, value ? Visiblity.Authenticated : Visiblity.NotAuthenticated));
+const selectVisible = (pages2, visiblity) => {
+  console.log(visiblity);
+  return pages2.filter((page) => page.visiblity === Visiblity.Always || page.visiblity === visiblity);
+};
 $:
-  visibleNavItems = selectVisible(pages, Visiblity.NotAuthenticated);
+  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+$:
+  visibleNavItems = selectVisible(pages, visibility);
 </script>
-
 <div class="header">
 	<Header>
 		<div slot="logoleft">

package/dist/components/Header.svelte.d.ts

@@ -1,5 +1,5 @@
 import { SvelteComponent } from "svelte";
-import type { HeaderNavigationItem } from './HeaderNavigationItem.js';
+import type { HeaderNavigationItem } from '../HeaderNavigationItem';
 declare const __propDef: {
     props: {
         /**
@@ -13,7 +13,7 @@ declare const __propDef: {
              */ pages: HeaderNavigationItem[];
         /**
              * @type {Readonly<bool>}
-             */ authentication: any;
+             */ authentication: boolean;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "0.8.11",
+	"version": "0.9.1",
 	"publishConfig": {
 		"access": "public"
 	},