@functionalcms/svelte-components 2.13.5 → 2.13.8

package/dist/components/menu/DynamicMenu.svelte

@@ -1,16 +1,17 @@
-<script>import { Visiblity, HeaderNavigationItem } from "./Menu.js";
+<script>import { HeaderNavigationItem } from "./Menu.js";
 import { pages as pagesStore } from "../../stores/pages.js";
 import { selectVisible } from "./MenuFunctions.js";
-export let authentication = false;
+import { isAuthenticated } from "./authentication.js";
+import { page } from "$app/stores";
 export let css = "";
 export let navCss = "";
 export let localPages = [];
 $:
   activePages = !localPages || localPages.length == 0 ? $pagesStore : localPages;
 $:
-  visibility = authentication ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+  pagesVisiblity = isAuthenticated(page);
 $:
-  visibleNavItems = selectVisible(activePages, visibility);
+  visibleNavItems = selectVisible(activePages, pagesVisiblity);
 const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).join(" ");
 </script>
 
@@ -19,7 +20,7 @@ const klasses = ["flex", "flex-dynamic-row", css ? css : ""].filter((c) => c).jo
 		<slot name="mobile" pages={visibleNavItems} />
 	</div>
 	<div class="desktop">
-		<slot name="desktop" pages={visibleNavItems}/>
+		<slot name="desktop" pages={visibleNavItems} />
 	</div>
 </nav>
 

package/dist/components/menu/DynamicMenu.svelte.d.ts

@@ -2,7 +2,6 @@ import { SvelteComponent } from "svelte";
 import { HeaderNavigationItem } from './Menu.js';
 declare const __propDef: {
     props: {
-        authentication?: boolean | undefined;
         css?: string | undefined;
         navCss?: string | undefined;
         localPages?: HeaderNavigationItem[] | undefined;

package/dist/components/menu/authentication.d.ts

@@ -0,0 +1 @@
+export declare function isAuthenticated(page: any): any;

package/dist/components/menu/authentication.js

@@ -0,0 +1,8 @@
+import { Visiblity } from '@functionalcms/svelte-components';
+import { get } from 'svelte/store';
+export function isAuthenticated(page) {
+    const pageStore = get(page);
+    const isAuthenticated = pageStore?.data?.session != null;
+    const visibility = isAuthenticated ? Visiblity.Authenticated : Visiblity.NotAuthenticated;
+    return visibility;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@functionalcms/svelte-components",
-	"version": "2.13.5",
+	"version": "2.13.8",
 	"watch": {
 		"build": {
 			"patterns": [
@@ -60,5 +60,6 @@
 	},
 	"svelte": "./dist/index.js",
 	"types": "./dist/index.d.ts",
-	"type": "module"
+	"type": "module",
+	"sideEffects": false
 }