web-mojo 2.1.154 → 2.1.156

package/dist/chunks/{TokenManager-BXNva8Jk.js → TokenManager-5HHjYzTo.js}

@@ -38,7 +38,6 @@ class Token {
       this.iat = this.payload.iat ? new Date(this.payload.iat * 1e3) : null;
       this.isValidToken = this._checkValidity();
     } catch (error) {
-      console.error("Failed to decode JWT:", error);
       this.payload = null;
     }
   }
@@ -188,12 +187,31 @@ class TokenManager {
    * @returns {Token|null} Token instance or null if no token
    */
   getTokenInstance() {
-    if (!this.tokenInstance) {
-      const token = this.getToken();
-      this.tokenInstance = token ? new Token(token) : null;
+    const currentToken = this.getToken();
+    if (!currentToken) {
+      this.tokenInstance = null;
+      return null;
+    }
+    if (!this.tokenInstance || this.tokenInstance.token !== currentToken) {
+      this.tokenInstance = new Token(currentToken);
     }
     return this.tokenInstance;
   }
+  /**
+   * Get Token instance for refresh token
+   * @returns {Token|null} Token instance or null if no refresh token
+   */
+  getRefreshTokenInstance() {
+    const currentRefreshToken = this.getRefreshToken();
+    if (!currentRefreshToken) {
+      this._refreshTokenInstance = null;
+      return null;
+    }
+    if (!this._refreshTokenInstance || this._refreshTokenInstance.token !== currentRefreshToken) {
+      this._refreshTokenInstance = new Token(currentRefreshToken);
+    }
+    return this._refreshTokenInstance;
+  }
   /**
    * Decode JWT token payload (client-side only, no verification)
    * @param {string} token - JWT token
@@ -244,18 +262,65 @@ class TokenManager {
     const currentToken = this.getTokenInstance();
     return currentToken ? currentToken.getUserInfo() : null;
   }
+  /**
+   * Check current token status and determine what action is needed
+   * @returns {object} Status object with action and details
+   */
+  checkTokenStatus() {
+    const token = this.getTokenInstance();
+    const refreshToken = this.getRefreshTokenInstance();
+    if (!token || !token.isValid() || token.isExpired()) {
+      if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {
+        return {
+          action: "logout",
+          reason: "Both access and refresh tokens are invalid/expired"
+        };
+      }
+      return {
+        action: "refresh",
+        reason: "Access token invalid/expired but refresh token valid"
+      };
+    }
+    if (token.isExpiringSoon(10) || token.getAgeMinutes() && token.getAgeMinutes() > 60) {
+      if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {
+        return {
+          action: "none",
+          reason: "Access token expiring but refresh token invalid"
+        };
+      }
+      return {
+        action: "refresh",
+        reason: "Access token expiring soon or aged"
+      };
+    }
+    return {
+      action: "none",
+      reason: "All tokens valid and not expiring soon"
+    };
+  }
+  /**
+   * Check tokens and take appropriate action
+   * @param {object} app - App instance for events and API calls
+   * @returns {Promise<boolean>} True if action was taken
+   */
+  async checkAndRefreshTokens(app) {
+    const status = this.checkTokenStatus();
+    switch (status.action) {
+      case "logout":
+        app.events.emit("auth:unauthorized");
+        this.stopAutoRefresh();
+        return true;
+      case "refresh":
+        await this.refreshToken(app);
+        return true;
+      default:
+        return false;
+    }
+  }
   startAutoRefresh(app) {
     this.stopAutoRefresh();
     this._tokenWatcher = setInterval(() => {
-      const token = this.getTokenInstance();
-      if (!token || !token.isValid() || token.isExpired()) {
-        app.events.emit("auth:unauthorized");
-        this.stopAutoRefresh();
-        return;
-      }
-      if (token.isExpiringSoon() || token.getAgeMinutes() > 60) {
-        this.refreshToken(app);
-      }
+      this.checkAndRefreshTokens(app);
     }, 6e4);
   }
   stopAutoRefresh() {
@@ -265,23 +330,38 @@ class TokenManager {
     }
   }
   async refreshToken(app) {
-    const refresh_token = this.getRefreshToken();
-    if (!refresh_token) {
+    const refreshTokenInstance = this.getRefreshTokenInstance();
+    if (!refreshTokenInstance || !refreshTokenInstance.isValid() || refreshTokenInstance.isExpired()) {
+      app.events.emit("auth:unauthorized");
       this.stopAutoRefresh();
       return;
     }
-    app.rest.POST("/api/token/refresh", { refresh_token }).then((response) => {
-      const { access_token, refresh_token: refresh_token2 } = response.data.data;
-      this.setTokens(access_token, refresh_token2);
+    try {
+      const response = await app.rest.POST("/api/token/refresh", {
+        refresh_token: refreshTokenInstance.token
+      });
+      const { access_token, refresh_token } = response.data.data;
+      this.tokenInstance = null;
+      this._refreshTokenInstance = null;
+      this.setTokens(access_token, refresh_token);
       app.rest.setAuthToken(access_token);
+      app.events.emit("auth:token:refreshed", {
+        newToken: access_token,
+        newRefreshToken: refresh_token
+      });
       console.log("Token refreshed successfully");
-    }).catch((error) => {
-      this.stopAutoRefresh();
-      app.showError(`Token refresh failed: ${error.message}`);
-    });
+    } catch (error) {
+      if (error.status === 401 || error.status === 403) {
+        app.events.emit("auth:unauthorized");
+        this.stopAutoRefresh();
+      } else {
+        app.events.emit("auth:token:refresh:failed", { error });
+        app.showError(`Token refresh failed: ${error.message}`);
+      }
+    }
   }
 }
 export {
   TokenManager as T
 };
-//# sourceMappingURL=TokenManager-BXNva8Jk.js.map
+//# sourceMappingURL=TokenManager-5HHjYzTo.js.map

package/dist/chunks/TokenManager-5HHjYzTo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenManager-5HHjYzTo.js","sources":["../../src/core/services/TokenManager.js"],"sourcesContent":["/**\n * Token - Individual JWT token handling\n * Handles decoding, validation, and data extraction for a single token\n */\nclass Token {\n    constructor(token) {\n        this.token = token;\n        this.payload = null;\n        this.uid = null;\n        this.email = null;\n        this.name = null;\n        this.exp = null;\n        this.iat = null;\n        this.isValidToken = false;\n\n        this._decode();\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @private\n     */\n    _decode() {\n        if (!this.token || typeof this.token !== 'string') {\n            return;\n        }\n\n        try {\n            const parts = this.token.split('.');\n            if (parts.length !== 3) {\n                return;\n            }\n\n            // Decode the payload (second part)\n            const payload = parts[1];\n\n            // Handle URL-safe base64\n            let base64 = payload.replace(/-/g, '+').replace(/_/g, '/');\n            const padding = 4 - (base64.length % 4);\n            if (padding !== 4) {\n                base64 += '='.repeat(padding);\n            }\n\n            const decoded = atob(base64);\n            this.payload = JSON.parse(decoded);\n\n            // Extract common properties\n            this.uid = this.payload.uid || this.payload.sub || this.payload.user_id || null;\n            this.email = this.payload.email || null;\n            this.name = this.payload.name || this.payload.username || null;\n            this.exp = this.payload.exp ? new Date(this.payload.exp * 1000) : null;\n            this.iat = this.payload.iat ? new Date(this.payload.iat * 1000) : null;\n\n            // Determine validity\n            this.isValidToken = this._checkValidity();\n        } catch (error) {\n            this.payload = null;\n        }\n    }\n\n    /**\n     * Check token validity\n     * @private\n     * @returns {boolean} True if token is valid\n     */\n    _checkValidity() {\n        if (!this.token || !this.payload) {\n            return false;\n        }\n\n        // Check expiry if present\n        if (this.payload.exp) {\n            const now = Math.floor(Date.now() / 1000);\n            return now < this.payload.exp;\n        }\n\n        // If no expiry, consider valid\n        return true;\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @returns {object|null} Decoded payload or null if invalid\n     */\n    decode() {\n        return this.payload;\n    }\n\n    /**\n     * Get user ID from token\n     * @returns {string|null} User ID or null if not found\n     */\n    getUserId() {\n        return this.uid;\n    }\n\n    /**\n     * Check if token is valid (exists and not expired)\n     * @returns {boolean} True if token is valid\n     */\n    isValid() {\n        return this.isValidToken;\n    }\n\n    /**\n     * Check if token will expire soon\n     * @param {number} thresholdMinutes - Minutes before expiry to consider \"soon\"\n     * @returns {boolean} True if expiring soon\n     */\n    isExpiringSoon(thresholdMinutes = 5) {\n        if (!this.payload?.exp) {\n            return false;\n        }\n\n        const now = Math.floor(Date.now() / 1000);\n        const threshold = thresholdMinutes * 60;\n        return (this.payload.exp - now) <= threshold;\n    }\n\n    /**\n     * Check if token is expired\n     * @returns {boolean} True if expired\n     */\n    isExpired() {\n        if (!this.payload?.exp) {\n            return false;\n        }\n\n        const now = Math.floor(Date.now() / 1000);\n        return now >= this.payload.exp;\n    }\n\n    /**\n     * Get token age in minutes\n     * @returns {number|null} Age in minutes since token was issued, or null if no iat\n     */\n    getAgeMinutes() {\n        if (!this.payload?.iat) {\n            return null;\n        }\n        const now = Math.floor(Date.now() / 1000);\n        const ageSeconds = now - this.payload.iat;\n        return Math.floor(ageSeconds / 60);\n    }\n\n    /**\n     * Get authorization header value\n     * @returns {string|null} Bearer token string or null if no token\n     */\n    getAuthHeader() {\n        return this.token ? `Bearer ${this.token}` : null;\n    }\n\n    /**\n     * Get basic user info from token\n     * @returns {object|null} User info or null\n     */\n    getUserInfo() {\n        if (!this.payload) {\n            return null;\n        }\n\n        return {\n            uid: this.uid,\n            email: this.email,\n            name: this.name,\n            exp: this.exp,\n            iat: this.iat\n        };\n    }\n}\n\n/**\n * TokenManager - Simplified JWT token handling for MOJO Auth\n * Focuses on core token operations: storage, validation, and user ID extraction\n */\n\nexport default class TokenManager {\n    constructor() {\n        this.tokenKey = 'mojo_auth_token';\n        this.refreshTokenKey = 'mojo_auth_refresh_token';\n        this.tokenInstance = null;\n    }\n\n    /**\n     * Store authentication tokens\n     * @param {string} token - Access token\n     * @param {string} refreshToken - Refresh token (optional)\n     * @param {boolean} persistent - Use localStorage if true, sessionStorage if false\n     */\n    setTokens(token, refreshToken = null, persistent = true) {\n        const storage = persistent ? localStorage : sessionStorage;\n        this.tokenInstance = new Token(token);\n        if (token) {\n            storage.setItem(this.tokenKey, token);\n        }\n\n        if (refreshToken) {\n            storage.setItem(this.refreshTokenKey, refreshToken);\n        }\n    }\n\n    /**\n     * Get stored access token\n     * @returns {string|null} Access token or null if not found\n     */\n    getToken() {\n        return localStorage.getItem(this.tokenKey) ||\n               sessionStorage.getItem(this.tokenKey);\n    }\n\n    /**\n     * Get stored refresh token\n     * @returns {string|null} Refresh token or null if not found\n     */\n    getRefreshToken() {\n        return localStorage.getItem(this.refreshTokenKey) ||\n               sessionStorage.getItem(this.refreshTokenKey);\n    }\n\n    /**\n     * Clear all stored tokens\n     */\n    clearTokens() {\n        localStorage.removeItem(this.tokenKey);\n        localStorage.removeItem(this.refreshTokenKey);\n        sessionStorage.removeItem(this.tokenKey);\n        sessionStorage.removeItem(this.refreshTokenKey);\n    }\n\n    /**\n     * Get Token instance for current stored token\n     * @returns {Token|null} Token instance or null if no token\n     */\n    getTokenInstance() {\n        const currentToken = this.getToken();\n        \n        // If no token stored, clear instance and return null\n        if (!currentToken) {\n            this.tokenInstance = null;\n            return null;\n        }\n        \n        // If instance doesn't exist or token changed, create new instance\n        if (!this.tokenInstance || this.tokenInstance.token !== currentToken) {\n            this.tokenInstance = new Token(currentToken);\n        }\n        \n        return this.tokenInstance;\n    }\n\n    /**\n     * Get Token instance for refresh token\n     * @returns {Token|null} Token instance or null if no refresh token\n     */\n    getRefreshTokenInstance() {\n        const currentRefreshToken = this.getRefreshToken();\n        \n        // If no refresh token stored, clear instance and return null\n        if (!currentRefreshToken) {\n            this._refreshTokenInstance = null;\n            return null;\n        }\n        \n        // If instance doesn't exist or token changed, create new instance\n        if (!this._refreshTokenInstance || this._refreshTokenInstance.token !== currentRefreshToken) {\n            this._refreshTokenInstance = new Token(currentRefreshToken);\n        }\n        \n        return this._refreshTokenInstance;\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @param {string} token - JWT token\n     * @returns {object|null} Decoded payload or null if invalid\n     */\n    decode(token = null) {\n        const jwt = token || this.getToken();\n        return new Token(jwt).decode();\n    }\n\n    /**\n     * Get user ID from token\n     * @returns {string|null} User ID or null if not found\n     */\n    getUserId() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getUserId() : null;\n    }\n\n    /**\n     * Check if current token is valid (exists and not expired)\n     * @returns {boolean} True if token is valid\n     */\n    isValid() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.isValid() : false;\n    }\n\n    /**\n     * Check if token will expire soon\n     * @param {number} thresholdMinutes - Minutes before expiry to consider \"soon\"\n     * @returns {boolean} True if expiring soon\n     */\n    isExpiringSoon(thresholdMinutes = 5) {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.isExpiringSoon(thresholdMinutes) : false;\n    }\n\n    /**\n     * Get authorization header value\n     * @returns {string|null} Bearer token string or null if no token\n     */\n    getAuthHeader() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getAuthHeader() : null;\n    }\n\n    /**\n     * Get basic user info from token\n     * @returns {object|null} User info or null\n     */\n    getUserInfo() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getUserInfo() : null;\n    }\n\n    /**\n     * Check current token status and determine what action is needed\n     * @returns {object} Status object with action and details\n     */\n    checkTokenStatus() {\n        const token = this.getTokenInstance();\n        const refreshToken = this.getRefreshTokenInstance();\n        \n        // If no access token or it's invalid/expired\n        if (!token || !token.isValid() || token.isExpired()) {\n            // Check if refresh is possible\n            if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {\n                return {\n                    action: 'logout',\n                    reason: 'Both access and refresh tokens are invalid/expired'\n                };\n            }\n            \n            return {\n                action: 'refresh',\n                reason: 'Access token invalid/expired but refresh token valid'\n            };\n        }\n\n        // Access token is valid - check if it needs refreshing soon\n        if (token.isExpiringSoon(10) || (token.getAgeMinutes() && token.getAgeMinutes() > 60)) {\n            // Only suggest refresh if refresh token is still valid\n            if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {\n                return {\n                    action: 'none',\n                    reason: 'Access token expiring but refresh token invalid'\n                };\n            }\n            \n            return {\n                action: 'refresh',\n                reason: 'Access token expiring soon or aged'\n            };\n        }\n\n        return {\n            action: 'none',\n            reason: 'All tokens valid and not expiring soon'\n        };\n    }\n\n    /**\n     * Check tokens and take appropriate action\n     * @param {object} app - App instance for events and API calls\n     * @returns {Promise<boolean>} True if action was taken\n     */\n    async checkAndRefreshTokens(app) {\n        const status = this.checkTokenStatus();\n        \n        switch (status.action) {\n            case 'logout':\n                app.events.emit(\"auth:unauthorized\");\n                this.stopAutoRefresh();\n                return true;\n                \n            case 'refresh':\n                await this.refreshToken(app);\n                return true;\n                \n            default:\n                return false;\n        }\n    }\n\n    startAutoRefresh(app) {\n        this.stopAutoRefresh();\n        this._tokenWatcher = setInterval(() => {\n            this.checkAndRefreshTokens(app);\n        }, 60000);\n    }\n\n    stopAutoRefresh() {\n        if (this._tokenWatcher) {\n            clearInterval(this._tokenWatcher);\n            this._tokenWatcher = null;\n        }\n    }\n\n    async refreshToken(app) {\n        const refreshTokenInstance = this.getRefreshTokenInstance();\n        \n        // Double-check refresh token validity before attempting refresh\n        if (!refreshTokenInstance || !refreshTokenInstance.isValid() || refreshTokenInstance.isExpired()) {\n\n            app.events.emit(\"auth:unauthorized\");\n            this.stopAutoRefresh();\n            return;\n        }\n\n        try {\n\n            const response = await app.rest.POST('/api/token/refresh', { \n                refresh_token: refreshTokenInstance.token \n            });\n            \n            const { access_token, refresh_token } = response.data.data;\n            \n            // Clear old cached instances so new tokens are loaded\n            this.tokenInstance = null;\n            this._refreshTokenInstance = null;\n            \n            // Store new tokens\n            this.setTokens(access_token, refresh_token);\n            app.rest.setAuthToken(access_token);\n            \n            // Emit success event\n            app.events.emit('auth:token:refreshed', { \n                newToken: access_token,\n                newRefreshToken: refresh_token\n            });\n            \n            console.log('Token refreshed successfully');\n            \n        } catch (error) {\n\n            \n            // Check if it's an authentication error (refresh token invalid)\n            if (error.status === 401 || error.status === 403) {\n\n                app.events.emit(\"auth:unauthorized\");\n                this.stopAutoRefresh();\n            } else {\n                // For other errors, emit specific event but don't logout\n                app.events.emit('auth:token:refresh:failed', { error });\n                app.showError(`Token refresh failed: ${error.message}`);\n            }\n        }\n    }\n}\n"],"names":[],"mappings":"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"}

package/dist/chunks/TokenManager-gp1JKXNd.js

@@ -0,0 +1,2 @@
+"use strict";class Token{constructor(e){this.token=e,this.payload=null,this.uid=null,this.email=null,this.name=null,this.exp=null,this.iat=null,this.isValidToken=!1,this._decode()}_decode(){if(this.token&&"string"==typeof this.token)try{const e=this.token.split(".");if(3!==e.length)return;let t=e[1].replace(/-/g,"+").replace(/_/g,"/");const s=4-t.length%4;4!==s&&(t+="=".repeat(s));const n=atob(t);this.payload=JSON.parse(n),this.uid=this.payload.uid||this.payload.sub||this.payload.user_id||null,this.email=this.payload.email||null,this.name=this.payload.name||this.payload.username||null,this.exp=this.payload.exp?new Date(1e3*this.payload.exp):null,this.iat=this.payload.iat?new Date(1e3*this.payload.iat):null,this.isValidToken=this._checkValidity()}catch(e){this.payload=null}}_checkValidity(){return!(!this.token||!this.payload)&&(!this.payload.exp||Math.floor(Date.now()/1e3)<this.payload.exp)}decode(){return this.payload}getUserId(){return this.uid}isValid(){return this.isValidToken}isExpiringSoon(e=5){if(!this.payload?.exp)return!1;const t=Math.floor(Date.now()/1e3),s=60*e;return this.payload.exp-t<=s}isExpired(){return!!this.payload?.exp&&Math.floor(Date.now()/1e3)>=this.payload.exp}getAgeMinutes(){if(!this.payload?.iat)return null;const e=Math.floor(Date.now()/1e3)-this.payload.iat;return Math.floor(e/60)}getAuthHeader(){return this.token?`Bearer ${this.token}`:null}getUserInfo(){return this.payload?{uid:this.uid,email:this.email,name:this.name,exp:this.exp,iat:this.iat}:null}}exports.TokenManager=class{constructor(){this.tokenKey="mojo_auth_token",this.refreshTokenKey="mojo_auth_refresh_token",this.tokenInstance=null}setTokens(e,t=null,s=!0){const n=s?localStorage:sessionStorage;this.tokenInstance=new Token(e),e&&n.setItem(this.tokenKey,e),t&&n.setItem(this.refreshTokenKey,t)}getToken(){return localStorage.getItem(this.tokenKey)||sessionStorage.getItem(this.tokenKey)}getRefreshToken(){return localStorage.getItem(this.refreshTokenKey)||sessionStorage.getItem(this.refreshTokenKey)}clearTokens(){localStorage.removeItem(this.tokenKey),localStorage.removeItem(this.refreshTokenKey),sessionStorage.removeItem(this.tokenKey),sessionStorage.removeItem(this.refreshTokenKey)}getTokenInstance(){const e=this.getToken();return e?(this.tokenInstance&&this.tokenInstance.token===e||(this.tokenInstance=new Token(e)),this.tokenInstance):(this.tokenInstance=null,null)}getRefreshTokenInstance(){const e=this.getRefreshToken();return e?(this._refreshTokenInstance&&this._refreshTokenInstance.token===e||(this._refreshTokenInstance=new Token(e)),this._refreshTokenInstance):(this._refreshTokenInstance=null,null)}decode(e=null){const t=e||this.getToken();return new Token(t).decode()}getUserId(){const e=this.getTokenInstance();return e?e.getUserId():null}isValid(){const e=this.getTokenInstance();return!!e&&e.isValid()}isExpiringSoon(e=5){const t=this.getTokenInstance();return!!t&&t.isExpiringSoon(e)}getAuthHeader(){const e=this.getTokenInstance();return e?e.getAuthHeader():null}getUserInfo(){const e=this.getTokenInstance();return e?e.getUserInfo():null}checkTokenStatus(){const e=this.getTokenInstance(),t=this.getRefreshTokenInstance();return e&&e.isValid()&&!e.isExpired()?e.isExpiringSoon(10)||e.getAgeMinutes()&&e.getAgeMinutes()>60?t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token expiring soon or aged"}:{action:"none",reason:"Access token expiring but refresh token invalid"}:{action:"none",reason:"All tokens valid and not expiring soon"}:t&&t.isValid()&&!t.isExpired()?{action:"refresh",reason:"Access token invalid/expired but refresh token valid"}:{action:"logout",reason:"Both access and refresh tokens are invalid/expired"}}async checkAndRefreshTokens(e){switch(this.checkTokenStatus().action){case"logout":return e.events.emit("auth:unauthorized"),this.stopAutoRefresh(),!0;case"refresh":return await this.refreshToken(e),!0;default:return!1}}startAutoRefresh(e){this.stopAutoRefresh(),this._tokenWatcher=setInterval(()=>{this.checkAndRefreshTokens(e)},6e4)}stopAutoRefresh(){this._tokenWatcher&&(clearInterval(this._tokenWatcher),this._tokenWatcher=null)}async refreshToken(e){const t=this.getRefreshTokenInstance();if(!t||!t.isValid()||t.isExpired())return e.events.emit("auth:unauthorized"),void this.stopAutoRefresh();try{const s=await e.rest.POST("/api/token/refresh",{refresh_token:t.token}),{access_token:n,refresh_token:o}=s.data.data;this.tokenInstance=null,this._refreshTokenInstance=null,this.setTokens(n,o),e.rest.setAuthToken(n),e.events.emit("auth:token:refreshed",{newToken:n,newRefreshToken:o}),console.log("Token refreshed successfully")}catch(s){401===s.status||403===s.status?(e.events.emit("auth:unauthorized"),this.stopAutoRefresh()):(e.events.emit("auth:token:refresh:failed",{error:s}),e.showError(`Token refresh failed: ${s.message}`))}}};
+//# sourceMappingURL=TokenManager-gp1JKXNd.js.map

package/dist/chunks/TokenManager-gp1JKXNd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenManager-gp1JKXNd.js","sources":["../../src/core/services/TokenManager.js"],"sourcesContent":["/**\n * Token - Individual JWT token handling\n * Handles decoding, validation, and data extraction for a single token\n */\nclass Token {\n    constructor(token) {\n        this.token = token;\n        this.payload = null;\n        this.uid = null;\n        this.email = null;\n        this.name = null;\n        this.exp = null;\n        this.iat = null;\n        this.isValidToken = false;\n\n        this._decode();\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @private\n     */\n    _decode() {\n        if (!this.token || typeof this.token !== 'string') {\n            return;\n        }\n\n        try {\n            const parts = this.token.split('.');\n            if (parts.length !== 3) {\n                return;\n            }\n\n            // Decode the payload (second part)\n            const payload = parts[1];\n\n            // Handle URL-safe base64\n            let base64 = payload.replace(/-/g, '+').replace(/_/g, '/');\n            const padding = 4 - (base64.length % 4);\n            if (padding !== 4) {\n                base64 += '='.repeat(padding);\n            }\n\n            const decoded = atob(base64);\n            this.payload = JSON.parse(decoded);\n\n            // Extract common properties\n            this.uid = this.payload.uid || this.payload.sub || this.payload.user_id || null;\n            this.email = this.payload.email || null;\n            this.name = this.payload.name || this.payload.username || null;\n            this.exp = this.payload.exp ? new Date(this.payload.exp * 1000) : null;\n            this.iat = this.payload.iat ? new Date(this.payload.iat * 1000) : null;\n\n            // Determine validity\n            this.isValidToken = this._checkValidity();\n        } catch (error) {\n            this.payload = null;\n        }\n    }\n\n    /**\n     * Check token validity\n     * @private\n     * @returns {boolean} True if token is valid\n     */\n    _checkValidity() {\n        if (!this.token || !this.payload) {\n            return false;\n        }\n\n        // Check expiry if present\n        if (this.payload.exp) {\n            const now = Math.floor(Date.now() / 1000);\n            return now < this.payload.exp;\n        }\n\n        // If no expiry, consider valid\n        return true;\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @returns {object|null} Decoded payload or null if invalid\n     */\n    decode() {\n        return this.payload;\n    }\n\n    /**\n     * Get user ID from token\n     * @returns {string|null} User ID or null if not found\n     */\n    getUserId() {\n        return this.uid;\n    }\n\n    /**\n     * Check if token is valid (exists and not expired)\n     * @returns {boolean} True if token is valid\n     */\n    isValid() {\n        return this.isValidToken;\n    }\n\n    /**\n     * Check if token will expire soon\n     * @param {number} thresholdMinutes - Minutes before expiry to consider \"soon\"\n     * @returns {boolean} True if expiring soon\n     */\n    isExpiringSoon(thresholdMinutes = 5) {\n        if (!this.payload?.exp) {\n            return false;\n        }\n\n        const now = Math.floor(Date.now() / 1000);\n        const threshold = thresholdMinutes * 60;\n        return (this.payload.exp - now) <= threshold;\n    }\n\n    /**\n     * Check if token is expired\n     * @returns {boolean} True if expired\n     */\n    isExpired() {\n        if (!this.payload?.exp) {\n            return false;\n        }\n\n        const now = Math.floor(Date.now() / 1000);\n        return now >= this.payload.exp;\n    }\n\n    /**\n     * Get token age in minutes\n     * @returns {number|null} Age in minutes since token was issued, or null if no iat\n     */\n    getAgeMinutes() {\n        if (!this.payload?.iat) {\n            return null;\n        }\n        const now = Math.floor(Date.now() / 1000);\n        const ageSeconds = now - this.payload.iat;\n        return Math.floor(ageSeconds / 60);\n    }\n\n    /**\n     * Get authorization header value\n     * @returns {string|null} Bearer token string or null if no token\n     */\n    getAuthHeader() {\n        return this.token ? `Bearer ${this.token}` : null;\n    }\n\n    /**\n     * Get basic user info from token\n     * @returns {object|null} User info or null\n     */\n    getUserInfo() {\n        if (!this.payload) {\n            return null;\n        }\n\n        return {\n            uid: this.uid,\n            email: this.email,\n            name: this.name,\n            exp: this.exp,\n            iat: this.iat\n        };\n    }\n}\n\n/**\n * TokenManager - Simplified JWT token handling for MOJO Auth\n * Focuses on core token operations: storage, validation, and user ID extraction\n */\n\nexport default class TokenManager {\n    constructor() {\n        this.tokenKey = 'mojo_auth_token';\n        this.refreshTokenKey = 'mojo_auth_refresh_token';\n        this.tokenInstance = null;\n    }\n\n    /**\n     * Store authentication tokens\n     * @param {string} token - Access token\n     * @param {string} refreshToken - Refresh token (optional)\n     * @param {boolean} persistent - Use localStorage if true, sessionStorage if false\n     */\n    setTokens(token, refreshToken = null, persistent = true) {\n        const storage = persistent ? localStorage : sessionStorage;\n        this.tokenInstance = new Token(token);\n        if (token) {\n            storage.setItem(this.tokenKey, token);\n        }\n\n        if (refreshToken) {\n            storage.setItem(this.refreshTokenKey, refreshToken);\n        }\n    }\n\n    /**\n     * Get stored access token\n     * @returns {string|null} Access token or null if not found\n     */\n    getToken() {\n        return localStorage.getItem(this.tokenKey) ||\n               sessionStorage.getItem(this.tokenKey);\n    }\n\n    /**\n     * Get stored refresh token\n     * @returns {string|null} Refresh token or null if not found\n     */\n    getRefreshToken() {\n        return localStorage.getItem(this.refreshTokenKey) ||\n               sessionStorage.getItem(this.refreshTokenKey);\n    }\n\n    /**\n     * Clear all stored tokens\n     */\n    clearTokens() {\n        localStorage.removeItem(this.tokenKey);\n        localStorage.removeItem(this.refreshTokenKey);\n        sessionStorage.removeItem(this.tokenKey);\n        sessionStorage.removeItem(this.refreshTokenKey);\n    }\n\n    /**\n     * Get Token instance for current stored token\n     * @returns {Token|null} Token instance or null if no token\n     */\n    getTokenInstance() {\n        const currentToken = this.getToken();\n        \n        // If no token stored, clear instance and return null\n        if (!currentToken) {\n            this.tokenInstance = null;\n            return null;\n        }\n        \n        // If instance doesn't exist or token changed, create new instance\n        if (!this.tokenInstance || this.tokenInstance.token !== currentToken) {\n            this.tokenInstance = new Token(currentToken);\n        }\n        \n        return this.tokenInstance;\n    }\n\n    /**\n     * Get Token instance for refresh token\n     * @returns {Token|null} Token instance or null if no refresh token\n     */\n    getRefreshTokenInstance() {\n        const currentRefreshToken = this.getRefreshToken();\n        \n        // If no refresh token stored, clear instance and return null\n        if (!currentRefreshToken) {\n            this._refreshTokenInstance = null;\n            return null;\n        }\n        \n        // If instance doesn't exist or token changed, create new instance\n        if (!this._refreshTokenInstance || this._refreshTokenInstance.token !== currentRefreshToken) {\n            this._refreshTokenInstance = new Token(currentRefreshToken);\n        }\n        \n        return this._refreshTokenInstance;\n    }\n\n    /**\n     * Decode JWT token payload (client-side only, no verification)\n     * @param {string} token - JWT token\n     * @returns {object|null} Decoded payload or null if invalid\n     */\n    decode(token = null) {\n        const jwt = token || this.getToken();\n        return new Token(jwt).decode();\n    }\n\n    /**\n     * Get user ID from token\n     * @returns {string|null} User ID or null if not found\n     */\n    getUserId() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getUserId() : null;\n    }\n\n    /**\n     * Check if current token is valid (exists and not expired)\n     * @returns {boolean} True if token is valid\n     */\n    isValid() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.isValid() : false;\n    }\n\n    /**\n     * Check if token will expire soon\n     * @param {number} thresholdMinutes - Minutes before expiry to consider \"soon\"\n     * @returns {boolean} True if expiring soon\n     */\n    isExpiringSoon(thresholdMinutes = 5) {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.isExpiringSoon(thresholdMinutes) : false;\n    }\n\n    /**\n     * Get authorization header value\n     * @returns {string|null} Bearer token string or null if no token\n     */\n    getAuthHeader() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getAuthHeader() : null;\n    }\n\n    /**\n     * Get basic user info from token\n     * @returns {object|null} User info or null\n     */\n    getUserInfo() {\n        const currentToken = this.getTokenInstance();\n        return currentToken ? currentToken.getUserInfo() : null;\n    }\n\n    /**\n     * Check current token status and determine what action is needed\n     * @returns {object} Status object with action and details\n     */\n    checkTokenStatus() {\n        const token = this.getTokenInstance();\n        const refreshToken = this.getRefreshTokenInstance();\n        \n        // If no access token or it's invalid/expired\n        if (!token || !token.isValid() || token.isExpired()) {\n            // Check if refresh is possible\n            if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {\n                return {\n                    action: 'logout',\n                    reason: 'Both access and refresh tokens are invalid/expired'\n                };\n            }\n            \n            return {\n                action: 'refresh',\n                reason: 'Access token invalid/expired but refresh token valid'\n            };\n        }\n\n        // Access token is valid - check if it needs refreshing soon\n        if (token.isExpiringSoon(10) || (token.getAgeMinutes() && token.getAgeMinutes() > 60)) {\n            // Only suggest refresh if refresh token is still valid\n            if (!refreshToken || !refreshToken.isValid() || refreshToken.isExpired()) {\n                return {\n                    action: 'none',\n                    reason: 'Access token expiring but refresh token invalid'\n                };\n            }\n            \n            return {\n                action: 'refresh',\n                reason: 'Access token expiring soon or aged'\n            };\n        }\n\n        return {\n            action: 'none',\n            reason: 'All tokens valid and not expiring soon'\n        };\n    }\n\n    /**\n     * Check tokens and take appropriate action\n     * @param {object} app - App instance for events and API calls\n     * @returns {Promise<boolean>} True if action was taken\n     */\n    async checkAndRefreshTokens(app) {\n        const status = this.checkTokenStatus();\n        \n        switch (status.action) {\n            case 'logout':\n                app.events.emit(\"auth:unauthorized\");\n                this.stopAutoRefresh();\n                return true;\n                \n            case 'refresh':\n                await this.refreshToken(app);\n                return true;\n                \n            default:\n                return false;\n        }\n    }\n\n    startAutoRefresh(app) {\n        this.stopAutoRefresh();\n        this._tokenWatcher = setInterval(() => {\n            this.checkAndRefreshTokens(app);\n        }, 60000);\n    }\n\n    stopAutoRefresh() {\n        if (this._tokenWatcher) {\n            clearInterval(this._tokenWatcher);\n            this._tokenWatcher = null;\n        }\n    }\n\n    async refreshToken(app) {\n        const refreshTokenInstance = this.getRefreshTokenInstance();\n        \n        // Double-check refresh token validity before attempting refresh\n        if (!refreshTokenInstance || !refreshTokenInstance.isValid() || refreshTokenInstance.isExpired()) {\n\n            app.events.emit(\"auth:unauthorized\");\n            this.stopAutoRefresh();\n            return;\n        }\n\n        try {\n\n            const response = await app.rest.POST('/api/token/refresh', { \n                refresh_token: refreshTokenInstance.token \n            });\n            \n            const { access_token, refresh_token } = response.data.data;\n            \n            // Clear old cached instances so new tokens are loaded\n            this.tokenInstance = null;\n            this._refreshTokenInstance = null;\n            \n            // Store new tokens\n            this.setTokens(access_token, refresh_token);\n            app.rest.setAuthToken(access_token);\n            \n            // Emit success event\n            app.events.emit('auth:token:refreshed', { \n                newToken: access_token,\n                newRefreshToken: refresh_token\n            });\n            \n            console.log('Token refreshed successfully');\n            \n        } catch (error) {\n\n            \n            // Check if it's an authentication error (refresh token invalid)\n            if (error.status === 401 || error.status === 403) {\n\n                app.events.emit(\"auth:unauthorized\");\n                this.stopAutoRefresh();\n            } else {\n                // For other errors, emit specific event but don't logout\n                app.events.emit('auth:token:refresh:failed', { error });\n                app.showError(`Token refresh failed: ${error.message}`);\n            }\n        }\n    }\n}\n"],"names":["Token","constructor","token","this","payload","uid","email","name","exp","iat","isValidToken","_decode","parts","split","length","base64","replace","padding","repeat","decoded","atob","JSON","parse","sub","user_id","username","Date","_checkValidity","error","Math","floor","now","decode","getUserId","isValid","isExpiringSoon","thresholdMinutes","threshold","isExpired","getAgeMinutes","ageSeconds","getAuthHeader","getUserInfo","tokenKey","refreshTokenKey","tokenInstance","setTokens","refreshToken","persistent","storage","localStorage","sessionStorage","setItem","getToken","getItem","getRefreshToken","clearTokens","removeItem","getTokenInstance","currentToken","getRefreshTokenInstance","currentRefreshToken","_refreshTokenInstance","jwt","checkTokenStatus","action","reason","checkAndRefreshTokens","app","events","emit","stopAutoRefresh","startAutoRefresh","_tokenWatcher","setInterval","clearInterval","refreshTokenInstance","response","rest","POST","refresh_token","access_token","data","setAuthToken","newToken","newRefreshToken","console","log","status","showError","message"],"mappings":"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"}

package/dist/chunks/{TopNav-A7lu2YuW.js → TopNav-BlH13jp3.js}

@@ -1,2 +1,2 @@
-"use strict";const t=require("./WebApp-DV3-kUTl.js");class TopNav extends t.View{constructor(t={}){const n={light:"navbar navbar-expand-lg navbar-light topnav-light",dark:"navbar navbar-expand-lg navbar-dark topnav-dark",clean:"navbar navbar-expand-lg navbar-light topnav-clean",gradient:"navbar navbar-expand-lg navbar-dark topnav-gradient"};let e=n[t.theme||"light"]||n.light;t.shadow&&(e+=` topnav-shadow-${t.shadow}`),super({tagName:"nav",className:e,style:"position: relative; z-index: 1030;",...t}),this.displayMode=t.displayMode||"both",this.showPageIcon=!1!==t.showPageIcon,this.showPageDescription=t.showPageDescription||!1,this.showBreadcrumbs=t.showBreadcrumbs||!1,this.currentPage=null,this.previousPage=null,this.config={brand:t.brand||"MOJO App",brandIcon:t.brandIcon||"bi bi-play-circle",brandRoute:t.brandRoute||"/",navItems:t.navItems||[],rightItems:t.rightItems||[],showSidebarToggle:t.showSidebarToggle||!1,sidebarToggleAction:t.sidebarToggleAction||"toggle-sidebar",...t},this.userMenu=t.userMenu||this.findMenuItem("user"),this.userMenu&&(this.userMenu.id="user"),this.loginMenu=t.loginMenu||this.findMenuItem("login"),this.setupPageListeners()}findMenuItem(t){let n=this.config.navItems.find(n=>n.id===t);return n||(n=this.config.rightItems.find(n=>n.id===t)),n||null}replaceMenuItem(t,n){const e=this.config.navItems.findIndex(n=>n.id===t);if(-1!==e)return this.config.navItems[e]=n,!0;const a=this.config.rightItems.findIndex(n=>n.id===t);return-1!==a&&(this.config.rightItems[a]=n,!0)}setBrand(t,n=null){this.config.brand=t,this.config.brandIcon=n||this.config.brandIcon,this.render()}setUser(t){t?(this.userMenu.label=t.get("display_name"),this.replaceMenuItem("login",this.userMenu)):this.replaceMenuItem("user",this.loginMenu),this.setModel(t)}_onModelChange(){this.model&&(this.userMenu.label=this.model.get("display_name")),this.isMounted()&&this.render()}async getTemplate(){return'\n            <div class="container-fluid">\n                {{#data.showSidebarToggle}}\n                <button class="topnav-sidebar-toggle me-2" data-action="{{data.sidebarToggleAction}}" aria-label="Toggle Sidebar">\n                    <i class="bi bi-chevron-right toggle-chevron"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.currentPageIcon}}<i class="{{data.currentPageIcon}} me-2"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class="d-block" style="font-size: 0.75rem; line-height: 1;">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class="navbar-brand" href="{{data.brandRoute}}">\n                    {{#data.brandIcon}}<i class="{{data.brandIcon}} me-2"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#{{data.navbarId}}">\n                    <span class="navbar-toggler-icon"></span>\n                </button>\n\n                <div class="collapse navbar-collapse" id="{{data.navbarId}}">\n                    {{#data.showNavItems}}\n                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n                        {{#data.navItems}}\n                        <li class="nav-item">\n                            <a class="nav-link {{#active}}active{{/active}}" href="{{route}}">\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class="navbar-nav ms-auto">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class="nav-item dropdown">\n                            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class="dropdown-divider"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class="dropdown-item" role="button" {{#action}}data-action="{{action}}"{{/action}}>\n                                        {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class="{{buttonClass}}" data-action="{{action}}" data-id="{{id}}">\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class="nav-link" href="{{href}}" {{#action}}data-action="{{action}}"{{/action}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        '}async onBeforeRender(){await super.onBeforeRender();const t="page"===this.displayMode||"both"===this.displayMode,n="menu"===this.displayMode||"both"===this.displayMode,e=this.filterItemsByPermissions(this.config.navItems||[]),a=this.processRightItems(this.config.rightItems||[]);this.data={brand:this.config.brand,brandIcon:this.config.brandIcon,brandRoute:this.config.brandRoute,navbarId:`navbar-${this.id}`,navItems:e,showNavItems:n,rightItems:a,hasRightItems:a.length>0,showPageInfo:t,currentPageName:this.currentPage?.title||this.currentPage?.name||"",currentPageIcon:this.currentPage?.icon||this.currentPage?.pageIcon||"",currentPageDescription:this.showPageDescription?this.currentPage?.description:"",showSidebarToggle:this.config.showSidebarToggle,sidebarToggleAction:this.config.sidebarToggleAction,displayMode:this.displayMode}}processRightItems(t){return this.filterItemsByPermissions(t).map(t=>{const n={...t};return t.items&&(n.items=this.filterItemsByPermissions(t.items)),n.items&&n.items.length>0?(n.isDropdown=!0,n.isButton=!1):t.buttonClass?(n.isButton=!0,n.isDropdown=!1):(n.isButton=!1,n.isDropdown=!1),t.handler&&(this.rightItemHandlers=this.rightItemHandlers||/* @__PURE__ */new Map,this.rightItemHandlers.set(t.id,t.handler)),n})}setupPageListeners(){this.getApp().events.on(["page:show","page:hide","page:denied"],t=>{this.onPageChanged(t)})}onPageBeforeChange(t){"page"===this.displayMode||this.displayMode}onPageChanged(t){this.previousPage=this.currentPage,this.currentPage=t.page,"page"!==this.displayMode&&"both"!==this.displayMode||this.updatePageDisplay(),"menu"!==this.displayMode&&"both"!==this.displayMode||this.currentPage&&this.currentPage.route&&this.updateActiveItem(this.currentPage.route)}updatePageDisplay(){this.currentPage&&this.mounted&&this.render()}updateActiveItem(t){const n=t=>t?t.startsWith("/")?t:`/${t}`:"/",e=n(t),a=this.data.navItems.map(t=>{const a=n(t.route);let i=!1;return"/"===a&&"/"===e?i=!0:"/"!==a&&"/"!==e&&(i=e.startsWith(a)||e===a),{...t,active:i}});this.updateData({navItems:a},!0)}onPassThruActionProfile(){this.getApp().events.emit("portal:action",{action:"profile"})}onActionSettings(){this.getApp().events.emit("portal:action",{action:"settings"})}onActionLogout(){this.getApp().events.emit("auth:logout",{action:"logout"})}async handleAction(t,n,e){const a=e.getAttribute("data-id");if(a&&this.rightItemHandlers&&this.rightItemHandlers.has(a)){const i=this.rightItemHandlers.get(a);if("function"==typeof i)return await i.call(this,t,n,e)}const i=`onAction${t.charAt(0).toUpperCase()+t.slice(1).replace(/-([a-z])/g,t=>t[1].toUpperCase())}`;if("function"==typeof this[i])return await this[i](n,e);this.emit("action",{action:t,event:n,element:e,topnav:this})}async onActionDefault(t,n,e){if(this.config.navItems)for(const a of this.config.navItems)if(a.action===t&&a.handler)return await a.handler.call(this,t,n,e),!0;if(this.config.rightItems)for(const a of this.config.rightItems){if(a.action===t&&a.handler)return await a.handler.call(this,t,n,e),!0;if(a.items)for(const i of a.items)if(i.action===t&&i.handler)return await i.handler.call(this,t,n,e),!0}return this.getApp().events.emit("portal:action",{action:t,event:n,el:e}),!1}filterItemsByPermissions(t){if(!t)return[];const n=this.getApp(),e=n?.activeUser;return t.filter(t=>!t.permissions||!e||e.hasPermission(t.permissions))}}exports.TopNav=TopNav;
-//# sourceMappingURL=TopNav-A7lu2YuW.js.map
+"use strict";const t=require("./WebApp-gfZ5pe0r.js");class TopNav extends t.View{constructor(t={}){const n={light:"navbar navbar-expand-lg navbar-light topnav-light",dark:"navbar navbar-expand-lg navbar-dark topnav-dark",clean:"navbar navbar-expand-lg navbar-light topnav-clean",gradient:"navbar navbar-expand-lg navbar-dark topnav-gradient"};let e=n[t.theme||"light"]||n.light;t.shadow&&(e+=` topnav-shadow-${t.shadow}`),super({tagName:"nav",className:e,style:"position: relative; z-index: 1030;",...t}),this.displayMode=t.displayMode||"both",this.showPageIcon=!1!==t.showPageIcon,this.showPageDescription=t.showPageDescription||!1,this.showBreadcrumbs=t.showBreadcrumbs||!1,this.currentPage=null,this.previousPage=null,this.config={brand:t.brand||"MOJO App",brandIcon:t.brandIcon||"bi bi-play-circle",brandRoute:t.brandRoute||"/",navItems:t.navItems||[],rightItems:t.rightItems||[],showSidebarToggle:t.showSidebarToggle||!1,sidebarToggleAction:t.sidebarToggleAction||"toggle-sidebar",...t},this.userMenu=t.userMenu||this.findMenuItem("user"),this.userMenu&&(this.userMenu.id="user"),this.loginMenu=t.loginMenu||this.findMenuItem("login"),this.setupPageListeners()}findMenuItem(t){let n=this.config.navItems.find(n=>n.id===t);return n||(n=this.config.rightItems.find(n=>n.id===t)),n||null}replaceMenuItem(t,n){const e=this.config.navItems.findIndex(n=>n.id===t);if(-1!==e)return this.config.navItems[e]=n,!0;const a=this.config.rightItems.findIndex(n=>n.id===t);return-1!==a&&(this.config.rightItems[a]=n,!0)}setBrand(t,n=null){this.config.brand=t,this.config.brandIcon=n||this.config.brandIcon,this.render()}setUser(t){t?(this.userMenu.label=t.get("display_name"),this.replaceMenuItem("login",this.userMenu)):this.replaceMenuItem("user",this.loginMenu),this.setModel(t)}_onModelChange(){this.model&&(this.userMenu.label=this.model.get("display_name")),this.isMounted()&&this.render()}async getTemplate(){return'\n            <div class="container-fluid">\n                {{#data.showSidebarToggle}}\n                <button class="topnav-sidebar-toggle me-2" data-action="{{data.sidebarToggleAction}}" aria-label="Toggle Sidebar">\n                    <i class="bi bi-chevron-right toggle-chevron"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class="navbar-brand d-flex align-items-center">\n                    {{#data.currentPageIcon}}<i class="{{data.currentPageIcon}} me-2"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class="d-block" style="font-size: 0.75rem; line-height: 1;">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class="navbar-brand" href="{{data.brandRoute}}">\n                    {{#data.brandIcon}}<i class="{{data.brandIcon}} me-2"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#{{data.navbarId}}">\n                    <span class="navbar-toggler-icon"></span>\n                </button>\n\n                <div class="collapse navbar-collapse" id="{{data.navbarId}}">\n                    {{#data.showNavItems}}\n                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">\n                        {{#data.navItems}}\n                        <li class="nav-item">\n                            <a class="nav-link {{#active}}active{{/active}}" href="{{route}}">\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class="navbar-nav ms-auto">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class="nav-item dropdown">\n                            <a class="nav-link dropdown-toggle" role="button" data-bs-toggle="dropdown" aria-expanded="false">\n                                {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class="dropdown-menu dropdown-menu-end">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class="dropdown-divider"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class="dropdown-item" role="button" {{#action}}data-action="{{action}}"{{/action}}>\n                                        {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class="{{buttonClass}}" data-action="{{action}}" data-id="{{id}}">\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class="nav-link" href="{{href}}" {{#action}}data-action="{{action}}"{{/action}}>\n                            {{#icon}}<i class="{{icon}} me-1"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        '}async onBeforeRender(){await super.onBeforeRender();const t="page"===this.displayMode||"both"===this.displayMode,n="menu"===this.displayMode||"both"===this.displayMode,e=this.filterItemsByPermissions(this.config.navItems||[]),a=this.processRightItems(this.config.rightItems||[]);this.data={brand:this.config.brand,brandIcon:this.config.brandIcon,brandRoute:this.config.brandRoute,navbarId:`navbar-${this.id}`,navItems:e,showNavItems:n,rightItems:a,hasRightItems:a.length>0,showPageInfo:t,currentPageName:this.currentPage?.title||this.currentPage?.name||"",currentPageIcon:this.currentPage?.icon||this.currentPage?.pageIcon||"",currentPageDescription:this.showPageDescription?this.currentPage?.description:"",showSidebarToggle:this.config.showSidebarToggle,sidebarToggleAction:this.config.sidebarToggleAction,displayMode:this.displayMode}}processRightItems(t){return this.filterItemsByPermissions(t).map(t=>{const n={...t};return t.items&&(n.items=this.filterItemsByPermissions(t.items)),n.items&&n.items.length>0?(n.isDropdown=!0,n.isButton=!1):t.buttonClass?(n.isButton=!0,n.isDropdown=!1):(n.isButton=!1,n.isDropdown=!1),t.handler&&(this.rightItemHandlers=this.rightItemHandlers||/* @__PURE__ */new Map,this.rightItemHandlers.set(t.id,t.handler)),n})}setupPageListeners(){this.getApp().events.on(["page:show","page:hide","page:denied"],t=>{this.onPageChanged(t)})}onPageBeforeChange(t){"page"===this.displayMode||this.displayMode}onPageChanged(t){this.previousPage=this.currentPage,this.currentPage=t.page,"page"!==this.displayMode&&"both"!==this.displayMode||this.updatePageDisplay(),"menu"!==this.displayMode&&"both"!==this.displayMode||this.currentPage&&this.currentPage.route&&this.updateActiveItem(this.currentPage.route)}updatePageDisplay(){this.currentPage&&this.mounted&&this.render()}updateActiveItem(t){const n=t=>t?t.startsWith("/")?t:`/${t}`:"/",e=n(t),a=this.data.navItems.map(t=>{const a=n(t.route);let i=!1;return"/"===a&&"/"===e?i=!0:"/"!==a&&"/"!==e&&(i=e.startsWith(a)||e===a),{...t,active:i}});this.updateData({navItems:a},!0)}onPassThruActionProfile(){this.getApp().events.emit("portal:action",{action:"profile"})}onActionSettings(){this.getApp().events.emit("portal:action",{action:"settings"})}onActionLogout(){this.getApp().events.emit("auth:logout",{action:"logout"})}async handleAction(t,n,e){const a=e.getAttribute("data-id");if(a&&this.rightItemHandlers&&this.rightItemHandlers.has(a)){const i=this.rightItemHandlers.get(a);if("function"==typeof i)return await i.call(this,t,n,e)}const i=`onAction${t.charAt(0).toUpperCase()+t.slice(1).replace(/-([a-z])/g,t=>t[1].toUpperCase())}`;if("function"==typeof this[i])return await this[i](n,e);this.emit("action",{action:t,event:n,element:e,topnav:this})}async onActionDefault(t,n,e){if(this.config.navItems)for(const a of this.config.navItems)if(a.action===t&&a.handler)return await a.handler.call(this,t,n,e),!0;if(this.config.rightItems)for(const a of this.config.rightItems){if(a.action===t&&a.handler)return await a.handler.call(this,t,n,e),!0;if(a.items)for(const i of a.items)if(i.action===t&&i.handler)return await i.handler.call(this,t,n,e),!0}return this.getApp().events.emit("portal:action",{action:t,event:n,el:e}),!1}filterItemsByPermissions(t){if(!t)return[];const n=this.getApp(),e=n?.activeUser;return t.filter(t=>!t.permissions||!e||e.hasPermission(t.permissions))}}exports.TopNav=TopNav;
+//# sourceMappingURL=TopNav-BlH13jp3.js.map

package/dist/chunks/{TopNav-A7lu2YuW.js.map → TopNav-BlH13jp3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TopNav-A7lu2YuW.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["TopNav","View","constructor","options","themes","light","dark","clean","gradient","navbarClass","theme","shadow","super","tagName","className","style","this","displayMode","showPageIcon","showPageDescription","showBreadcrumbs","currentPage","previousPage","config","brand","brandIcon","brandRoute","navItems","rightItems","showSidebarToggle","sidebarToggleAction","userMenu","findMenuItem","id","loginMenu","setupPageListeners","item","find","replaceMenuItem","new_menu","navIndex","findIndex","rightIndex","setBrand","icon","render","setUser","user","label","get","setModel","_onModelChange","model","isMounted","getTemplate","onBeforeRender","showPageInfo","showNavItems","filterItemsByPermissions","processRightItems","data","navbarId","hasRightItems","length","currentPageName","title","name","currentPageIcon","pageIcon","currentPageDescription","description","map","processedItem","items","isDropdown","isButton","buttonClass","handler","rightItemHandlers","Map","set","getApp","events","on","onPageChanged","onPageBeforeChange","page","updatePageDisplay","route","updateActiveItem","mounted","currentRoute","normalizeRoute","startsWith","normalizedCurrentRoute","normalizedItemRoute","isActive","active","updateData","onPassThruActionProfile","emit","action","onActionSettings","onActionLogout","handleAction","actionName","event","element","itemId","getAttribute","has","call","methodName","charAt","toUpperCase","slice","replace","g","topnav","onActionDefault","el","subItem","app","activeUser","filter","permissions","hasPermission"],"mappings":"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"}
+{"version":3,"file":"TopNav-BlH13jp3.js","sources":["../../src/core/views/navigation/TopNav.js"],"sourcesContent":["/**\n * TopNav - Bootstrap navbar component for MOJO framework\n * Provides clean, responsive top navigation\n */\n\nimport View from '@core/View.js';\n\nclass TopNav extends View {\n    constructor(options = {}) {\n        // Define theme-to-class mappings\n        const themes = {\n            light: 'navbar navbar-expand-lg navbar-light topnav-light',\n            dark: 'navbar navbar-expand-lg navbar-dark topnav-dark',\n            clean: 'navbar navbar-expand-lg navbar-light topnav-clean',\n            gradient: 'navbar navbar-expand-lg navbar-dark topnav-gradient',\n        };\n\n        // Set a default theme and determine the final class string\n        const themeName = options.theme || 'light';\n        let navbarClass = themes[themeName] || themes.light;\n\n        // Add shadow class if specified\n        if (options.shadow) {\n            navbarClass += ` topnav-shadow-${options.shadow}`;\n        }\n\n        super({\n            tagName: 'nav',\n            className: navbarClass,\n            style: 'position: relative; z-index: 1030;',\n            ...options\n        });\n\n        // Display mode configuration\n        this.displayMode = options.displayMode || 'both'; // 'menu' | 'page' | 'both'\n        this.showPageIcon = options.showPageIcon !== false;\n        this.showPageDescription = options.showPageDescription || false;\n        this.showBreadcrumbs = options.showBreadcrumbs || false;\n\n        // Current page tracking\n        this.currentPage = null;\n        this.previousPage = null;\n\n        // Store raw config for processing in onBeforeRender\n        this.config = {\n            brand: options.brand || 'MOJO App',\n            brandIcon: options.brandIcon || 'bi bi-play-circle',\n            brandRoute: options.brandRoute || '/',\n            navItems: options.navItems || [],\n            rightItems: options.rightItems || [],\n            showSidebarToggle: options.showSidebarToggle || false,\n            sidebarToggleAction: options.sidebarToggleAction || 'toggle-sidebar',\n            ...options\n        };\n        this.userMenu = options.userMenu || this.findMenuItem('user');\n        if (this.userMenu) this.userMenu.id = \"user\";\n        this.loginMenu = options.loginMenu || this.findMenuItem('login');\n        // Setup page event listeners\n        this.setupPageListeners();\n    }\n\n    findMenuItem(id) {\n        let item = this.config.navItems.find(item => item.id === id);\n        if (!item) {\n            item = this.config.rightItems.find(item => item.id === id);\n        }\n        return item || null;\n    }\n\n    replaceMenuItem(id, new_menu) {\n        // Find and replace in navItems\n        const navIndex = this.config.navItems.findIndex(item => item.id === id);\n        if (navIndex !== -1) {\n            this.config.navItems[navIndex] = new_menu;\n            return true;\n        }\n\n        // Find and replace in rightItems\n        const rightIndex = this.config.rightItems.findIndex(item => item.id === id);\n        if (rightIndex !== -1) {\n            this.config.rightItems[rightIndex] = new_menu;\n            return true;\n        }\n\n        return false;\n    }\n\n    setBrand(brand, icon=null) {\n        this.config.brand = brand;\n        this.config.brandIcon = icon || this.config.brandIcon;\n        this.render();\n    }\n\n    setUser(user) {\n        if (!user) {\n            this.replaceMenuItem('user', this.loginMenu);\n        } else {\n            this.userMenu.label = user.get(\"display_name\");\n            this.replaceMenuItem('login', this.userMenu);\n        }\n        this.setModel(user);\n    }\n\n    _onModelChange() {\n      if (this.model) {\n        this.userMenu.label = this.model.get(\"display_name\");\n      }\n      if (this.isMounted()) {\n          this.render();\n      }\n    }\n\n    /**\n     * Get template based on display mode\n     */\n    async getTemplate() {\n        return `\n            <div class=\"container-fluid\">\n                {{#data.showSidebarToggle}}\n                <button class=\"topnav-sidebar-toggle me-2\" data-action=\"{{data.sidebarToggleAction}}\" aria-label=\"Toggle Sidebar\">\n                    <i class=\"bi bi-chevron-right toggle-chevron\"></i>\n                </button>\n                {{/data.showSidebarToggle}}\n\n                {{#data.showPageInfo}}\n                <div class=\"navbar-brand d-flex align-items-center\">\n                    {{#data.currentPageIcon}}<i class=\"{{data.currentPageIcon}} me-2\"></i>{{/data.currentPageIcon}}\n                    <div>\n                        <span>{{data.currentPageName}}</span>\n                        {{#data.currentPageDescription}}\n                        <small class=\"d-block\" style=\"font-size: 0.75rem; line-height: 1;\">{{data.currentPageDescription}}</small>\n                        {{/data.currentPageDescription}}\n                    </div>\n                </div>\n                {{/data.showPageInfo}}\n\n                {{^data.showPageInfo}}\n                <a class=\"navbar-brand\" href=\"{{data.brandRoute}}\">\n                    {{#data.brandIcon}}<i class=\"{{data.brandIcon}} me-2\"></i>{{/data.brandIcon}}\n                    {{data.brand}}\n                </a>\n                {{/data.showPageInfo}}\n\n                <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#{{data.navbarId}}\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                </button>\n\n                <div class=\"collapse navbar-collapse\" id=\"{{data.navbarId}}\">\n                    {{#data.showNavItems}}\n                    <ul class=\"navbar-nav me-auto mb-2 mb-lg-0\">\n                        {{#data.navItems}}\n                        <li class=\"nav-item\">\n                            <a class=\"nav-link {{#active}}active{{/active}}\" href=\"{{route}}\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{text}}\n                            </a>\n                        </li>\n                        {{/data.navItems}}\n                    </ul>\n                    {{/data.showNavItems}}\n\n                    {{#data.hasRightItems}}\n                    <div class=\"navbar-nav ms-auto\">\n                        {{#data.rightItems}}\n                        {{#isDropdown}}\n                        <div class=\"nav-item dropdown\">\n                            <a class=\"nav-link dropdown-toggle\" role=\"button\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                                {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                {{label}}\n                            </a>\n                            <ul class=\"dropdown-menu dropdown-menu-end\">\n                                {{#items}}\n                                {{#divider}}\n                                <li><hr class=\"dropdown-divider\"></li>\n                                {{/divider}}\n                                {{^divider}}\n                                <li>\n                                    <a class=\"dropdown-item\" role=\"button\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                                        {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                                        {{label}}\n                                    </a>\n                                </li>\n                                {{/divider}}\n                                {{/items}}\n                            </ul>\n                        </div>\n                        {{/isDropdown}}\n                        {{^isDropdown}}\n                        {{#isButton}}\n                        <button class=\"{{buttonClass}}\" data-action=\"{{action}}\" data-id=\"{{id}}\">\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </button>\n                        {{/isButton}}\n                        {{^isButton}}\n                        <a class=\"nav-link\" href=\"{{href}}\" {{#action}}data-action=\"{{action}}\"{{/action}}>\n                            {{#icon}}<i class=\"{{icon}} me-1\"></i>{{/icon}}\n                            {{label}}\n                        </a>\n                        {{/isButton}}\n                        {{/isDropdown}}\n                        {{/data.rightItems}}\n                    </div>\n                    {{/data.hasRightItems}}\n                </div>\n            </div>\n        `;\n    }\n\n    /**\n     * Process and normalize data before rendering (like Sidebar)\n     */\n    async onBeforeRender() {\n        await super.onBeforeRender();\n\n        const showPageInfo = this.displayMode === 'page' || this.displayMode === 'both';\n        const showNavItems = this.displayMode === 'menu' || this.displayMode === 'both';\n\n        // Filter navItems based on permissions\n        const navItems = this.filterItemsByPermissions(this.config.navItems || []);\n\n        // Process right items\n        const rightItems = this.processRightItems(this.config.rightItems || []);\n\n        this.data = {\n            // Brand information\n            brand: this.config.brand,\n            brandIcon: this.config.brandIcon,\n            brandRoute: this.config.brandRoute,\n\n            // Navbar configuration\n            navbarId: `navbar-${this.id}`,\n\n            // Navigation items\n            navItems: navItems,\n            showNavItems: showNavItems,\n\n            // Right items\n            rightItems: rightItems,\n            hasRightItems: rightItems.length > 0,\n\n            // Page display\n            showPageInfo: showPageInfo,\n            currentPageName: this.currentPage?.title || this.currentPage?.name || '',\n            currentPageIcon: this.currentPage?.icon || this.currentPage?.pageIcon || '',\n            currentPageDescription: this.showPageDescription ? this.currentPage?.description : '',\n\n            // Sidebar toggle\n            showSidebarToggle: this.config.showSidebarToggle,\n            sidebarToggleAction: this.config.sidebarToggleAction,\n\n            // Display mode\n            displayMode: this.displayMode\n        };\n    }\n\n    /**\n     * Process right items configuration\n     */\n    processRightItems(rightItems) {\n        return this.filterItemsByPermissions(rightItems).map(item => {\n            const processedItem = { ...item };\n\n            // Filter dropdown items by permissions if they exist\n            if (item.items) {\n                processedItem.items = this.filterItemsByPermissions(item.items);\n            }\n\n            // Determine item type\n            if (processedItem.items && processedItem.items.length > 0) {\n                // Dropdown menu\n                processedItem.isDropdown = true;\n                processedItem.isButton = false;\n            } else if (item.buttonClass) {\n                // Button\n                processedItem.isButton = true;\n                processedItem.isDropdown = false;\n            } else {\n                // Link\n                processedItem.isButton = false;\n                processedItem.isDropdown = false;\n            }\n\n            // Store handler if provided\n            if (item.handler) {\n                this.rightItemHandlers = this.rightItemHandlers || new Map();\n                this.rightItemHandlers.set(item.id, item.handler);\n            }\n\n            return processedItem;\n        });\n    }\n\n    /**\n     * Setup listeners for page change events\n     */\n    setupPageListeners() {\n        // Use global MOJO event bus if available\n        this.getApp().events.on([\"page:show\", \"page:hide\", \"page:denied\"], (data) => {\n            this.onPageChanged(data);\n        });\n    }\n\n    /**\n     * Handle page before change event\n     * @param {object} data - Event data\n     */\n    onPageBeforeChange(data) {\n        // Can be used to show loading state\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            // Optionally show loading indicator\n        }\n    }\n\n    /**\n     * Handle page changed event\n     * @param {object} data - Event data with previousPage and currentPage\n     */\n    onPageChanged(data) {\n        this.previousPage = this.currentPage;\n        this.currentPage = data.page;\n\n        // Update display based on mode\n        if (this.displayMode === 'page' || this.displayMode === 'both') {\n            this.updatePageDisplay();\n        }\n\n        // Update active menu items\n        if (this.displayMode === 'menu' || this.displayMode === 'both') {\n            if (this.currentPage && this.currentPage.route) {\n                this.updateActiveItem(this.currentPage.route);\n            }\n        }\n    }\n\n    /**\n     * Update the display to show current page info\n     */\n    updatePageDisplay() {\n        if (!this.currentPage) return;\n\n        // Just trigger re-render, onBeforeRender will handle the data processing\n        if (this.mounted) {\n            this.render();\n        }\n    }\n\n    updateActiveItem(currentRoute) {\n        // Normalize routes for comparison\n        const normalizeRoute = (route) => {\n            if (!route) return '/';\n            return route.startsWith('/') ? route : `/${route}`;\n        };\n\n        const normalizedCurrentRoute = normalizeRoute(currentRoute);\n\n        // Update active states with improved matching\n        const navItems = this.data.navItems.map(item => {\n            const normalizedItemRoute = normalizeRoute(item.route);\n\n            // Check for active state\n            let isActive = false;\n\n            if (normalizedItemRoute === '/' && normalizedCurrentRoute === '/') {\n                // Exact match for home route\n                isActive = true;\n            } else if (normalizedItemRoute !== '/' && normalizedCurrentRoute !== '/') {\n                // For non-home routes, check if current route starts with nav item route\n                // This allows /users to be active when on /users/123\n                isActive = normalizedCurrentRoute.startsWith(normalizedItemRoute) ||\n                          normalizedCurrentRoute === normalizedItemRoute;\n            }\n\n            return {\n                ...item,\n                active: isActive\n            };\n        });\n\n        this.updateData({ navItems }, true);\n    }\n\n    onPassThruActionProfile() {\n        // Implement profile functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"profile\"});\n    }\n\n    onActionSettings() {\n        // Implement settings functionality here\n        this.getApp().events.emit(\"portal:action\", {action: \"settings\"});\n    }\n\n    onActionLogout() {\n        // Implement logout functionality here\n        this.getApp().events.emit(\"auth:logout\", {action: \"logout\"});\n    }\n\n    /**\n     * Handle dynamic action dispatch for right items\n     */\n    async handleAction(actionName, event, element) {\n        // Check for custom handler first\n        const itemId = element.getAttribute('data-id');\n        if (itemId && this.rightItemHandlers && this.rightItemHandlers.has(itemId)) {\n            const handler = this.rightItemHandlers.get(itemId);\n            if (typeof handler === 'function') {\n                return await handler.call(this, actionName, event, element);\n            }\n        }\n\n        // Fallback to default action methods\n        const methodName = `onAction${actionName.charAt(0).toUpperCase() + actionName.slice(1).replace(/-([a-z])/g, (g) => g[1].toUpperCase())}`;\n        if (typeof this[methodName] === 'function') {\n            return await this[methodName](event, element);\n        }\n\n        // Emit action event if no handler found\n        this.emit('action', {\n            action: actionName,\n            event: event,\n            element: element,\n            topnav: this\n        });\n    }\n\n    /**\n     * Handle default actions by searching through rightItems and navItems\n     */\n    async onActionDefault(action, event, el) {\n        // Check navItems first\n        if (this.config.navItems) {\n            for (const item of this.config.navItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n            }\n        }\n\n        // Check rightItems\n        if (this.config.rightItems) {\n            for (const item of this.config.rightItems) {\n                if (item.action === action && item.handler) {\n                    await item.handler.call(this, action, event, el);\n                    return true;\n                }\n                // Also check dropdown items\n                if (item.items) {\n                    for (const subItem of item.items) {\n                        if (subItem.action === action && subItem.handler) {\n                            await subItem.handler.call(this, action, event, el);\n                            return true;\n                        }\n                    }\n                }\n            }\n        }\n\n        this.getApp().events.emit(\"portal:action\", { action, event, el });\n\n        return false;\n    }\n\n    /**\n     * Filter items by user permissions\n     */\n    filterItemsByPermissions(items) {\n        if (!items) return [];\n\n        const app = this.getApp();\n        const activeUser = app?.activeUser;\n\n        return items.filter(item => {\n            // If item has permissions and user exists, check permissions\n            if (item.permissions && activeUser) {\n                return activeUser.hasPermission(item.permissions);\n            }\n            // If no permissions required or no user, show the item\n            return true;\n        });\n    }\n\n}\n\nexport default TopNav;\n"],"names":["TopNav","View","constructor","options","themes","light","dark","clean","gradient","navbarClass","theme","shadow","super","tagName","className","style","this","displayMode","showPageIcon","showPageDescription","showBreadcrumbs","currentPage","previousPage","config","brand","brandIcon","brandRoute","navItems","rightItems","showSidebarToggle","sidebarToggleAction","userMenu","findMenuItem","id","loginMenu","setupPageListeners","item","find","replaceMenuItem","new_menu","navIndex","findIndex","rightIndex","setBrand","icon","render","setUser","user","label","get","setModel","_onModelChange","model","isMounted","getTemplate","onBeforeRender","showPageInfo","showNavItems","filterItemsByPermissions","processRightItems","data","navbarId","hasRightItems","length","currentPageName","title","name","currentPageIcon","pageIcon","currentPageDescription","description","map","processedItem","items","isDropdown","isButton","buttonClass","handler","rightItemHandlers","Map","set","getApp","events","on","onPageChanged","onPageBeforeChange","page","updatePageDisplay","route","updateActiveItem","mounted","currentRoute","normalizeRoute","startsWith","normalizedCurrentRoute","normalizedItemRoute","isActive","active","updateData","onPassThruActionProfile","emit","action","onActionSettings","onActionLogout","handleAction","actionName","event","element","itemId","getAttribute","has","call","methodName","charAt","toUpperCase","slice","replace","g","topnav","onActionDefault","el","subItem","app","activeUser","filter","permissions","hasPermission"],"mappings":"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"}

package/dist/chunks/{TopNav-CpNpbPpc.js → TopNav-C9QYJ1v6.js}

@@ -1,4 +1,4 @@
-import { V as View } from "./WebApp-DmM36Me5.js";
+import { V as View } from "./WebApp-BpLJk5p5.js";
 class TopNav extends View {
   constructor(options = {}) {
     const themes = {
@@ -378,4 +378,4 @@ class TopNav extends View {
 export {
   TopNav as T
 };
-//# sourceMappingURL=TopNav-CpNpbPpc.js.map
+//# sourceMappingURL=TopNav-C9QYJ1v6.js.map