mirror of
				https://github.com/lingble/chatwoot.git
				synced 2025-10-31 02:57:57 +00:00 
			
		
		
		
	 ef7bf66476
			
		
	
	ef7bf66476
	
	
	
		
			
			This PR introduces several improvements to the Captain AI dashboard section: - New billing page, with new colors, layout and meters for Captain usage - Updated the base paywall component to use new colors - Updated PageLayout.vue, it's more generic and can be used for other pages as well - Use flags to toggle empty state and loading state - Add prop for `featureFlag` to show the paywall slot based on feature enabled on account - Update `useAccount` to add a `isCloudFeatureEnabled` - **Removed feature flag checks from captain route definitions**, so the captain entry will always be visible on the sidebar - Add banner to Captain pages for the following cases - Responses usage is over 80% - Documents limit is fully exhausted ### Screenshots <details><summary>Free plan</summary> <p>   </p> </details> <details><summary>Paid plan</summary> <p>   </p> </details> --------- Co-authored-by: Sojan Jose <sojan@pepalo.com> Co-authored-by: Pranav <pranav@chatwoot.com> Co-authored-by: Muhsin Keloth <muhsinkeramam@gmail.com>
		
			
				
	
	
		
			57 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			57 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import { computed } from 'vue';
 | |
| import { useRoute } from 'vue-router';
 | |
| import { useMapGetter } from './store';
 | |
| 
 | |
| /**
 | |
|  * Composable for account-related operations.
 | |
|  * @returns {Object} An object containing account-related properties and methods.
 | |
|  */
 | |
| export function useAccount() {
 | |
|   /**
 | |
|    * Computed property for the current account ID.
 | |
|    * @type {import('vue').ComputedRef<number>}
 | |
|    */
 | |
|   const route = useRoute();
 | |
|   const getAccountFn = useMapGetter('accounts/getAccount');
 | |
|   const isOnChatwootCloud = useMapGetter('globalConfig/isOnChatwootCloud');
 | |
|   const isFeatureEnabledonAccount = useMapGetter(
 | |
|     'accounts/isFeatureEnabledonAccount'
 | |
|   );
 | |
| 
 | |
|   const accountId = computed(() => {
 | |
|     return Number(route.params.accountId);
 | |
|   });
 | |
|   const currentAccount = computed(() => getAccountFn.value(accountId.value));
 | |
| 
 | |
|   /**
 | |
|    * Generates an account-scoped URL.
 | |
|    * @param {string} url - The URL to be scoped to the account.
 | |
|    * @returns {string} The account-scoped URL.
 | |
|    */
 | |
|   const accountScopedUrl = url => {
 | |
|     return `/app/accounts/${accountId.value}/${url}`;
 | |
|   };
 | |
| 
 | |
|   const isCloudFeatureEnabled = feature => {
 | |
|     return isFeatureEnabledonAccount.value(currentAccount.value.id, feature);
 | |
|   };
 | |
| 
 | |
|   const accountScopedRoute = (name, params, query) => {
 | |
|     return {
 | |
|       name,
 | |
|       params: { accountId: accountId.value, ...params },
 | |
|       query: { ...query },
 | |
|     };
 | |
|   };
 | |
| 
 | |
|   return {
 | |
|     accountId,
 | |
|     route,
 | |
|     currentAccount,
 | |
|     accountScopedUrl,
 | |
|     accountScopedRoute,
 | |
|     isCloudFeatureEnabled,
 | |
|     isOnChatwootCloud,
 | |
|   };
 | |
| }
 |