mirror of
https://github.com/lingble/chatwoot.git
synced 2025-10-30 10:42:38 +00:00
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,
|
|
};
|
|
}
|