@apptegy/nuxt-navigation 0.2.7-alpha.0 → 0.2.9

package/dist/module.json

@@ -4,7 +4,7 @@
     "nuxt": ">=3.0.0"
   },
   "configKey": "@apptegy/nuxt-navigation",
-  "version": "0.2.7-alpha.0",
+  "version": "0.2.9",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "unknown"

package/dist/runtime/components/Nav/Header.vue

@@ -160,6 +160,7 @@ const props = defineProps({
   useLogoutEmit: { type: Boolean, required: false },
   userDropdownOptions: { type: Array, required: true }
 });
+defineSlots();
 const { $t, $intl, $ld } = useNuxtApp();
 const emit = defineEmits([
   "selected-option",
@@ -200,7 +201,7 @@ const notificationsPanel = computed(() => {
     return null;
   }
   return mapNotificationsApiResponse(notificationsResponse.value, {
-    locale: nuxtApp.$intl.locale,
+    locale: $intl.locale,
     dateLabels: notificationDateLabels.value,
     retentionLabel: $t("navigation.notificationsPanel.retentionLabel"),
     tabs: [

package/dist/runtime/components/Nav/Header.vue.d.ts

@@ -17,17 +17,12 @@ interface IUserDropdown {
     userDropdownOptions: Array<unknown>;
 }
 type __VLS_Props = IHeaderProps & IUserDropdown;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_17: {};
-type __VLS_Slots = {} & {
-    breadcrumbs?: (props: typeof __VLS_1) => any;
-} & {
-    'org-select'?: (props: typeof __VLS_3) => any;
-} & {
-    'user-controls'?: (props: typeof __VLS_5) => any;
-} & {
-    searchbar?: (props: typeof __VLS_7) => any;
-} & {
-    notifications?: (props: typeof __VLS_17) => any;
+type __VLS_Slots = {
+    breadcrumbs?: () => unknown;
+    'org-select'?: () => unknown;
+    'user-controls'?: () => unknown;
+    searchbar?: () => unknown;
+    notifications?: () => unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     notifications: INotificationsHeaderModel | null;

package/dist/runtime/components/Nav/HelpArticles.vue

@@ -83,29 +83,23 @@
 </template>
 
 <script setup>
-import { useSidebar, navigateTo, useAuth, useNuxtApp } from "#imports";
+import { navigateTo, useNuxtApp } from "#imports";
 import { ref, computed, onMounted } from "vue";
 const { $ld } = useNuxtApp();
-const { userProfile } = useAuth();
 const props = defineProps({
   helpArticleOptions: { type: Array, required: true, default: () => [] },
   settingsRoute: { type: String, required: true, default: "" },
   schoolWebsite: { type: String, required: true, default: "" },
   showHelpArticles: { type: Boolean, required: true, default: false },
-  collapsed: { type: Boolean, required: true }
+  collapsed: { type: Boolean, required: true },
+  userRoomsRole: { type: [String, null], required: false, default: void 0 }
 });
-const { state: expandedSidebar } = useSidebar();
 const expanded = ref(false);
 const helpBtnActions = ref();
 const dropdownScrollHeight = ref(0);
 const isDropdown = ref(false);
-const isRoomsUser = computed(() => {
-  return !!userProfile.value?.roles?.rooms;
-});
-const userRoomsRole = computed(() => {
-  return userProfile.value?.roles?.rooms;
-});
-const hasArticles = computed(() => !!props.helpArticleOptions?.values?.length);
+const isRoomsUser = computed(() => !!props.userRoomsRole);
+const userRoomsRole = computed(() => props.userRoomsRole);
 const isBeaconNavEnabled = computed(() => {
   return Boolean($ld?.flags?.beaconNavEnabled);
 });

package/dist/runtime/components/Nav/HelpArticles.vue.d.ts

@@ -4,11 +4,19 @@ interface IHelpArticlesProps {
     schoolWebsite: string;
     showHelpArticles: boolean;
     collapsed: boolean;
+    /**
+     * The user's rooms role, used only as a styling hook
+     * (`help-btn-<role>` class). Passed in by the consumer instead of the
+     * component reaching into the host app's auth composable — the package
+     * must not assume which auth module the consumer runs.
+     */
+    userRoomsRole?: string | null;
 }
 declare const _default: import("vue").DefineComponent<IHelpArticlesProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<IHelpArticlesProps> & Readonly<{}>, {
     helpArticleOptions: Array<unknown>;
     settingsRoute: string;
     schoolWebsite: string;
     showHelpArticles: boolean;
+    userRoomsRole: string | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/runtime/components/Nav/Icons/ApptegyLogo.vue

@@ -17,14 +17,10 @@
 </template>
 
 <script setup>
-import { computed } from "vue";
-const props = defineProps({
+defineProps({
   useLightLogo: {
     type: Boolean,
     default: false
   }
 });
-const fillColor = computed(() => {
-  return props.useLightLogo ? "#FFFFFF" : "#503462";
-});
 </script>

package/dist/runtime/components/Nav/Sidebar.vue

@@ -115,8 +115,8 @@
         <slot name="switcher" />
         <ul class="navbar-applications">
           <li
-            v-for="application of applications"
-            :key="application.id"
+            v-for="(application, applicationIndex) of applications"
+            :key="`${applicationIndex}:${application.text}`"
           >
             <NavSidebarSection
               v-if="isBeaconNavEnabled || expanded || isCurrentApplication(application) || isMobile"
@@ -136,6 +136,7 @@
           :settings-route="settingsRoute"
           :school-website="schoolWebsite"
           :collapsed="!expanded && !isMobile"
+          :user-rooms-role="userRoomsRole"
         />
         <NavImpersonateInfoPanel
           v-if="impersonatedUser.show"
@@ -182,14 +183,14 @@ import ApptegyLogo from "./Icons/ApptegyLogo.vue";
 import { useWindowSize } from "@vueuse/core";
 import Unpinned from "./Icons/Unpinned.vue";
 import Pinned from "./Icons/Pinned.vue";
-import PAvatar from "primevue/avatar";
 const { $t, $ld } = useNuxtApp();
 const props = defineProps({
-  clientId: { type: Number, required: true, default: void 0 },
+  clientId: { type: Number, required: false, default: void 0 },
   applications: { type: Array, required: true, default: () => [] },
   currentApplication: { type: String, required: false, default: "media" },
   homepageUrl: { type: String, required: false, default: "/" },
   showHelpArticles: { type: Boolean, required: false, default: true },
+  userRoomsRole: { type: [String, null], required: false },
   helpArticleOptions: { type: Array, required: false, default: () => [] },
   impersonatedUser: { type: Object, required: false, default: () => ({
     show: false,
@@ -212,6 +213,7 @@ const props = defineProps({
   showCollapseButton: { type: Boolean, required: false, default: false }
 });
 const emit = defineEmits(["toggle-expand"]);
+defineSlots();
 const isCurrentApplication = (application) => isSameApplication(props.currentApplication, application.text);
 const { state: expanded } = useSidebar();
 const { brand, getBrandingStyles } = await useBranding(props.clientId);

package/dist/runtime/components/Nav/Sidebar.vue.d.ts

@@ -5,11 +5,14 @@ interface ILogo {
     iconSrc: string;
 }
 interface ISidebarProps {
-    clientId: number;
+    /** Optional: branding is skipped when absent (useBranding guards undefined). */
+    clientId?: number;
     applications: Array<IApplication>;
     currentApplication?: IApplication['text'];
     homepageUrl?: string;
     showHelpArticles?: boolean;
+    /** Rooms role styling hook, forwarded to NavHelpArticles. */
+    userRoomsRole?: string | null;
     helpArticleOptions?: Array<unknown>;
     impersonatedUser?: IUser;
     logo?: ILogo;
@@ -21,15 +24,11 @@ interface ISidebarProps {
     schoolWebsite: string;
     showCollapseButton?: boolean;
 }
-declare var __VLS_6: {}, __VLS_41: {}, __VLS_48: {}, __VLS_60: {};
-type __VLS_Slots = {} & {
-    logo?: (props: typeof __VLS_6) => any;
-} & {
-    switcher?: (props: typeof __VLS_41) => any;
-} & {
-    default?: (props: typeof __VLS_48) => any;
-} & {
-    logo?: (props: typeof __VLS_60) => any;
+type __VLS_Slots = {
+    /** The ACTIVE application's section items. */
+    default?: () => unknown;
+    logo?: () => unknown;
+    switcher?: () => unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<ISidebarProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-expand": (width: number) => any;

package/dist/runtime/types/index.d.ts

@@ -1,9 +1,18 @@
+/**
+ * One entry of the auth-service `navigation` userinfo claim
+ * (ClaimHelper.navigation_for). Fields are nullable exactly where the claim
+ * emits null, so consumers can pass claim entries without casting.
+ */
 export interface IApplication {
-    id: number;
+    id: number | null;
     text: string;
-    url: string;
+    url: string | null;
     img_src: string;
-    target?: string;
+    target?: string | null;
+    api_url?: string | null;
+    has_children?: boolean | null;
+    client_id?: number;
+    apptegy_region?: string | null;
 }
 export interface IUser {
     show: boolean;

package/package.json

@@ -1,13 +1,17 @@
 {
   "name": "@apptegy/nuxt-navigation",
-  "version": "0.2.7-alpha.0",
+  "version": "0.2.9",
   "type": "module",
   "exports": {
     ".": {
       "import": "./dist/module.mjs",
       "types": "./dist/types.d.mts"
     },
-    "./locale/*": "./locale/*"
+    "./locale/*": "./locale/*",
+    "./types": {
+      "types": "./dist/runtime/types/index.d.ts",
+      "import": "./dist/runtime/types/index.js"
+    }
   },
   "main": "./dist/module.mjs",
   "files": [
@@ -51,5 +55,5 @@
     "vue": "^3.5.13",
     "vue-tsc": "^3.0.3"
   },
-  "gitHead": "0583c2d908cccd329ae7828aa4ecb5ee2ec5c091"
+  "gitHead": "a94ec5e9545e55240cb97c9d3e126a34fb0b1e5f"
 }