@functionalcms/svelte-components 0.8.3 → 0.8.5

package/dist/authStore.js

@@ -1,10 +1,10 @@
-import { readonly, writable } from "svelte/store";
+import { get, readonly, writable } from "svelte/store";
 import { PublicClientApplication } from "@azure/msal-browser";
 const isAuthenticated = writable(false);
 const accessToken = writable('');
 const userId = writable('');
-let msal;
-let _config;
+const msal = writable(null);
+const authConfig = writable({});
 const getMSALConfig = (config) => {
     return {
         auth: {
@@ -39,9 +39,10 @@ const handleToken = (token) => {
     }
 };
 const logUsingCookies = async (config) => {
-    const accounts = msal.getAllAccounts();
+    const msalInstance = get(msal);
+    const accounts = msalInstance.getAllAccounts();
     if (accounts.length > 0) {
-        const token = await msal.acquireTokenSilent(getTokenRequest(config, accounts[0]));
+        const token = await msalInstance.acquireTokenSilent(getTokenRequest(config, accounts[0]));
         handleToken(token);
     }
 };
@@ -49,17 +50,23 @@ export const authStore = {
     isAuthenticated: readonly(isAuthenticated),
     userId: readonly(userId),
     accessToken: readonly(accessToken),
+    // msal: readonly(msal),
+    // authConfig: readonly(authConfig),
     initialise: async (config) => {
-        msal = new PublicClientApplication(getMSALConfig(config));
-        await msal.initialize();
+        const msalInstance = new PublicClientApplication(getMSALConfig(config));
+        await msalInstance.initialize();
         await logUsingCookies(config);
-        _config = config;
+        msal.set(msalInstance);
+        authConfig.set(config);
     },
     signIn: async () => {
-        const loginResponse = await msal.loginPopup(getLoginRequest(_config));
+        const config = get(authConfig);
+        const msalInstance = get(msal);
+        const loginResponse = await msalInstance.loginPopup(getLoginRequest(config));
         handleToken(loginResponse);
     },
     signOut: async () => {
-        await msal.logoutPopup({});
+        const msalInstance = get(msal);
+        await msalInstance.logoutPopup({});
     },
 };

package/dist/index.d.ts

@@ -2,5 +2,5 @@ import Box from './components/Box.svelte';
 import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
-import { authStore, type AuthConfig } from './authStore.js';
-export { Box, Hero, Header, Footer, authStore, AuthConfig };
+import { authStore } from './authStore.js';
+export { Box, Hero, Header, Footer, authStore };

package/dist/index.js

@@ -4,4 +4,4 @@ import Hero from './components/Hero.svelte';
 import Header from './components/Header.svelte';
 import Footer from './components/Footer.svelte';
 import { authStore } from './authStore.js';
-export { Box, Hero, Header, Footer, authStore, AuthConfig };
+export { Box, Hero, Header, Footer, authStore };

package/package.json

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