@greatapps/common 1.1.430 → 1.1.432

package/src/modules/projects/hooks/list-all-account-users.hook.ts

@@ -1,34 +1,34 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listAllAccountUsersAction } from '../actions/list-all-account-users.action';
-import { withAction } from '../../../utils/withAction';
-
-const PAGE_SIZE = 20;
-
-export const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () => ['account-users', 'all'];
-export const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [
-  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
-  search,
-  projectId,
-];
-
-export function useListAllAccountUsers(search: string = '', projectId?: number) {
-  return useInfiniteQuery({
-    queryKey: LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId),
-    queryFn: ({ pageParam }) =>
-      withAction(() =>
-        listAllAccountUsersAction({
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-          inProject: projectId,
-        })
-      )(),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listAllAccountUsersAction } from '../actions/list-all-account-users.action';
+import { withAction } from '../../../utils/withAction';
+
+const PAGE_SIZE = 20;
+
+export const LIST_ALL_ACCOUNT_USERS_BASE_KEY = () => ['account-users', 'all'];
+export const LIST_ALL_ACCOUNT_USERS_QUERY_KEY = (search: string = '', projectId?: number) => [
+  ...LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+  search,
+  projectId,
+];
+
+export function useListAllAccountUsers(search: string = '', projectId?: number) {
+  return useInfiniteQuery({
+    queryKey: LIST_ALL_ACCOUNT_USERS_QUERY_KEY(search, projectId),
+    queryFn: ({ pageParam }) =>
+      withAction(() =>
+        listAllAccountUsersAction({
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+          inProject: projectId,
+        })
+      )(),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+  });
+}

package/src/modules/projects/hooks/list-available-users.hook.ts

@@ -1,33 +1,33 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listAvailableUsersAction } from '../actions/list-available-users.action';
-import { withAction } from '../../../utils/withAction';
-
-const PAGE_SIZE = 20;
-
-export const LIST_AVAILABLE_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'out'];
-export const LIST_AVAILABLE_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
-  ...LIST_AVAILABLE_USERS_BASE_KEY(projectId),
-  search,
-];
-
-export function useListAvailableUsers(projectId: number, search: string = '') {
-  return useInfiniteQuery({
-    queryKey: LIST_AVAILABLE_USERS_QUERY_KEY(projectId, search),
-    queryFn: ({ pageParam }) =>
-      withAction(() =>
-        listAvailableUsersAction(projectId, {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        })
-      )(),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-    enabled: !!projectId,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listAvailableUsersAction } from '../actions/list-available-users.action';
+import { withAction } from '../../../utils/withAction';
+
+const PAGE_SIZE = 20;
+
+export const LIST_AVAILABLE_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'out'];
+export const LIST_AVAILABLE_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_AVAILABLE_USERS_BASE_KEY(projectId),
+  search,
+];
+
+export function useListAvailableUsers(projectId: number, search: string = '') {
+  return useInfiniteQuery({
+    queryKey: LIST_AVAILABLE_USERS_QUERY_KEY(projectId, search),
+    queryFn: ({ pageParam }) =>
+      withAction(() =>
+        listAvailableUsersAction(projectId, {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        })
+      )(),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}

package/src/modules/projects/hooks/list-project-users.hook.ts

@@ -1,33 +1,33 @@
-'use client';
-
-import { useInfiniteQuery } from '@tanstack/react-query';
-import { listProjectUsersAction } from '../actions/list-project-users.action';
-import { withAction } from '../../../utils/withAction';
-
-const PAGE_SIZE = 20;
-
-export const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'in'];
-export const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
-  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
-  search,
-];
-
-export function useListProjectUsers(projectId: number, search: string = '') {
-  return useInfiniteQuery({
-    queryKey: LIST_PROJECT_USERS_QUERY_KEY(projectId, search),
-    queryFn: ({ pageParam }) =>
-      withAction(() =>
-        listProjectUsersAction(projectId, {
-          search: search || undefined,
-          page: pageParam as number,
-          limit: PAGE_SIZE,
-        })
-      )(),
-    getNextPageParam: (lastPage, allPages) => {
-      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
-      return loaded < lastPage.total ? allPages.length + 1 : undefined;
-    },
-    initialPageParam: 1,
-    enabled: !!projectId,
-  });
-}
+'use client';
+
+import { useInfiniteQuery } from '@tanstack/react-query';
+import { listProjectUsersAction } from '../actions/list-project-users.action';
+import { withAction } from '../../../utils/withAction';
+
+const PAGE_SIZE = 20;
+
+export const LIST_PROJECT_USERS_BASE_KEY = (projectId: number) => ['project-users', projectId, 'in'];
+export const LIST_PROJECT_USERS_QUERY_KEY = (projectId: number, search: string = '') => [
+  ...LIST_PROJECT_USERS_BASE_KEY(projectId),
+  search,
+];
+
+export function useListProjectUsers(projectId: number, search: string = '') {
+  return useInfiniteQuery({
+    queryKey: LIST_PROJECT_USERS_QUERY_KEY(projectId, search),
+    queryFn: ({ pageParam }) =>
+      withAction(() =>
+        listProjectUsersAction(projectId, {
+          search: search || undefined,
+          page: pageParam as number,
+          limit: PAGE_SIZE,
+        })
+      )(),
+    getNextPageParam: (lastPage, allPages) => {
+      const loaded = allPages.reduce((sum, p) => sum + p.data.length, 0);
+      return loaded < lastPage.total ? allPages.length + 1 : undefined;
+    },
+    initialPageParam: 1,
+    enabled: !!projectId,
+  });
+}

package/src/modules/projects/hooks/remove-project-user.hook.ts

@@ -1,69 +1,69 @@
-'use client';
-
-import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
-import { removeProjectUserAction } from '../actions/remove-project-user.action';
-import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
-import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
-import type { UsersPage, AccountUser, ProjectUser } from '../types';
-
-export function useRemoveProjectUser(projectId: number) {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: (userId: number) =>
-      removeProjectUserAction({ projectId, users: [userId] }),
-
-    onMutate: async (userId) => {
-      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
-      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
-
-      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
-        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
-      });
-      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
-        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),
-      });
-
-      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
-        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
-        (old) => {
-          if (!old) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page) => ({
-              ...page,
-              data: page.data.map((u) =>
-                u.id === userId ? { ...u, in_project: false } : u
-              ),
-            })),
-          };
-        }
-      );
-
-      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
-        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
-        (old) => {
-          if (!old?.pages.length) return old;
-          return {
-            ...old,
-            pages: old.pages.map((page, i) =>
-              i === 0 ? { ...page, total: page.total - 1 } : page
-            ),
-          };
-        }
-      );
-
-      return { prevAccountUsers, prevProjectUsers };
-    },
-
-    onError: (_err, _userId, ctx) => {
-      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
-      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
-    },
-
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
-      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
-    },
-  });
-}
+'use client';
+
+import { useQueryClient, useMutation, InfiniteData } from '@tanstack/react-query';
+import { removeProjectUserAction } from '../actions/remove-project-user.action';
+import { LIST_PROJECT_USERS_BASE_KEY } from './list-project-users.hook';
+import { LIST_ALL_ACCOUNT_USERS_BASE_KEY } from './list-all-account-users.hook';
+import type { UsersPage, AccountUser, ProjectUser } from '../types';
+
+export function useRemoveProjectUser(projectId: number) {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: (userId: number) =>
+      removeProjectUserAction({ projectId, users: [userId] }),
+
+    onMutate: async (userId) => {
+      await queryClient.cancelQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+      await queryClient.cancelQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+
+      const prevAccountUsers = queryClient.getQueriesData<InfiniteData<UsersPage<AccountUser>>>({
+        queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(),
+      });
+      const prevProjectUsers = queryClient.getQueriesData<InfiniteData<UsersPage<ProjectUser>>>({
+        queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId),
+      });
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<AccountUser>>>(
+        { queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY(), exact: false },
+        (old) => {
+          if (!old) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page) => ({
+              ...page,
+              data: page.data.map((u) =>
+                u.id === userId ? { ...u, in_project: false } : u
+              ),
+            })),
+          };
+        }
+      );
+
+      queryClient.setQueriesData<InfiniteData<UsersPage<ProjectUser>>>(
+        { queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId), exact: false },
+        (old) => {
+          if (!old?.pages.length) return old;
+          return {
+            ...old,
+            pages: old.pages.map((page, i) =>
+              i === 0 ? { ...page, total: page.total - 1 } : page
+            ),
+          };
+        }
+      );
+
+      return { prevAccountUsers, prevProjectUsers };
+    },
+
+    onError: (_err, _userId, ctx) => {
+      ctx?.prevAccountUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+      ctx?.prevProjectUsers.forEach(([key, data]) => queryClient.setQueryData(key, data));
+    },
+
+    onSettled: () => {
+      queryClient.invalidateQueries({ queryKey: LIST_PROJECT_USERS_BASE_KEY(projectId) });
+      queryClient.invalidateQueries({ queryKey: LIST_ALL_ACCOUNT_USERS_BASE_KEY() });
+    },
+  });
+}

package/src/modules/subscriptions/actions/calculate-subscription.action.ts

@@ -1,9 +1,9 @@
-'use server';
-
-import { safeServerAction } from '../../../utils/safeServerAction';
-import type { CalculateSubscriptionRequest } from '../types/calculate-subscription.type';
-import { subscriptionsService } from '../services/subscriptions.service';
-
-export async function calculateSubscriptionAction(data: CalculateSubscriptionRequest) {
-  return safeServerAction(() => subscriptionsService.calculateSubscription(data));
-}
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import type { CalculateSubscriptionRequest } from '../types/calculate-subscription.type';
+import { subscriptionsService } from '../services/subscriptions.service';
+
+export async function calculateSubscriptionAction(data: CalculateSubscriptionRequest) {
+  return safeServerAction(() => subscriptionsService.calculateSubscription(data));
+}

package/src/modules/subscriptions/actions/list-subscriptions.action.ts

@@ -1,9 +1,9 @@
-'use server';
-
-import { safeServerAction } from '../../../utils/safeServerAction';
-import type { FindSubscriptionsParams } from '../types/subscription.type';
-import { subscriptionsService } from '../services/subscriptions.service';
-
-export async function listSubscriptionsAction(params?: Partial<FindSubscriptionsParams>) {
-  return safeServerAction(() => subscriptionsService.listSubscriptions(params));
-}
+'use server';
+
+import { safeServerAction } from '../../../utils/safeServerAction';
+import type { FindSubscriptionsParams } from '../types/subscription.type';
+import { subscriptionsService } from '../services/subscriptions.service';
+
+export async function listSubscriptionsAction(params?: Partial<FindSubscriptionsParams>) {
+  return safeServerAction(() => subscriptionsService.listSubscriptions(params));
+}

package/src/modules/subscriptions/actions/update-subscription-plan.action.ts

@@ -1,14 +1,14 @@
-"use server";
-
-import { safeServerAction } from "../../../utils/safeServerAction";
-import type { UpdateSubscriptionPlanRequest } from "../types/calculate-subscription.type";
-import { subscriptionsService } from "../services/subscriptions.service";
-
-export async function updateSubscriptionPlanAction(
-  subscriptionId: number | string,
-  data: UpdateSubscriptionPlanRequest,
-) {
-  return safeServerAction(async () => {
-    return subscriptionsService.updateSubscriptionPlan(subscriptionId, data);
-  });
-}
+"use server";
+
+import { safeServerAction } from "../../../utils/safeServerAction";
+import type { UpdateSubscriptionPlanRequest } from "../types/calculate-subscription.type";
+import { subscriptionsService } from "../services/subscriptions.service";
+
+export async function updateSubscriptionPlanAction(
+  subscriptionId: number | string,
+  data: UpdateSubscriptionPlanRequest,
+) {
+  return safeServerAction(async () => {
+    return subscriptionsService.updateSubscriptionPlan(subscriptionId, data);
+  });
+}

package/src/modules/subscriptions/constants/query-keys.constants.ts

@@ -1 +1 @@
-export const SUBSCRIPTIONS_QUERY_KEY = ['subscriptions'];
+export const SUBSCRIPTIONS_QUERY_KEY = ['subscriptions'];

package/src/modules/subscriptions/hooks/calculate-subscription.hook.ts

@@ -1,13 +1,13 @@
-'use client';
-
-import { useMutation } from '@tanstack/react-query';
-import { withAction } from '../../../utils/withAction';
-import { calculateSubscriptionAction } from '../actions/calculate-subscription.action';
-import type { CalculateSubscriptionRequest } from '../types/calculate-subscription.type';
-
-export function useCalculateSubscription() {
-  return useMutation({
-    mutationFn: (data: CalculateSubscriptionRequest) =>
-      withAction(calculateSubscriptionAction)(data),
-  });
-}
+'use client';
+
+import { useMutation } from '@tanstack/react-query';
+import { withAction } from '../../../utils/withAction';
+import { calculateSubscriptionAction } from '../actions/calculate-subscription.action';
+import type { CalculateSubscriptionRequest } from '../types/calculate-subscription.type';
+
+export function useCalculateSubscription() {
+  return useMutation({
+    mutationFn: (data: CalculateSubscriptionRequest) =>
+      withAction(calculateSubscriptionAction)(data),
+  });
+}

package/src/modules/subscriptions/hooks/find-active-subscription.hook.ts

@@ -1,15 +1,15 @@
-"use client";
-
-import { useQuery } from "@tanstack/react-query";
-import { listSubscriptionsAction } from "../actions/list-subscriptions.action";
-import { SUBSCRIPTIONS_QUERY_KEY } from "../constants/query-keys.constants";
-import { withAction } from "../../../utils/withAction";
-
-export function useActiveSubscription() {
-  return useQuery({
-    queryKey: [...SUBSCRIPTIONS_QUERY_KEY, "active"],
-    queryFn: async () => {
-      return await withAction(listSubscriptionsAction)({ limit: 1 });
-    },
-  });
-}
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { listSubscriptionsAction } from "../actions/list-subscriptions.action";
+import { SUBSCRIPTIONS_QUERY_KEY } from "../constants/query-keys.constants";
+import { withAction } from "../../../utils/withAction";
+
+export function useActiveSubscription() {
+  return useQuery({
+    queryKey: [...SUBSCRIPTIONS_QUERY_KEY, "active"],
+    queryFn: async () => {
+      return await withAction(listSubscriptionsAction)({ limit: 1 });
+    },
+  });
+}

package/src/modules/subscriptions/hooks/list-subscriptions.hook.ts

@@ -1,16 +1,16 @@
-'use client';
-
-import { useQuery } from '@tanstack/react-query';
-import { listSubscriptionsAction } from '../actions/list-subscriptions.action';
-import { parseResult } from '../../../infra/utils/parser';
-import { SubscriptionSchema, type FindSubscriptionsParams } from '../types/subscription.type';
-import { withAction } from '../../../utils/withAction';
-import { SUBSCRIPTIONS_QUERY_KEY } from '../constants/query-keys.constants';
-
-export function useSubscriptions(params?: Partial<FindSubscriptionsParams>) {
-  return useQuery({
-    queryKey: [...SUBSCRIPTIONS_QUERY_KEY, params],
-    queryFn: async () =>
-      parseResult(SubscriptionSchema, await withAction(() => listSubscriptionsAction(params))()),
-  });
-}
+'use client';
+
+import { useQuery } from '@tanstack/react-query';
+import { listSubscriptionsAction } from '../actions/list-subscriptions.action';
+import { parseResult } from '../../../infra/utils/parser';
+import { SubscriptionSchema, type FindSubscriptionsParams } from '../types/subscription.type';
+import { withAction } from '../../../utils/withAction';
+import { SUBSCRIPTIONS_QUERY_KEY } from '../constants/query-keys.constants';
+
+export function useSubscriptions(params?: Partial<FindSubscriptionsParams>) {
+  return useQuery({
+    queryKey: [...SUBSCRIPTIONS_QUERY_KEY, params],
+    queryFn: async () =>
+      parseResult(SubscriptionSchema, await withAction(() => listSubscriptionsAction(params))()),
+  });
+}

package/src/modules/subscriptions/hooks/update-subscription-plan.hook.ts

@@ -1,25 +1,25 @@
-'use client';
-
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import { withAction } from '../../../utils/withAction';
-import { updateSubscriptionPlanAction } from '../actions/update-subscription-plan.action';
-import { SUBSCRIPTIONS_QUERY_KEY } from '../constants/query-keys.constants';
-import type { UpdateSubscriptionPlanRequest } from '../types/calculate-subscription.type';
-
-export function useUpdateSubscriptionPlan() {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: ({
-      subscriptionId,
-      data,
-    }: {
-      subscriptionId: number | string;
-      data: UpdateSubscriptionPlanRequest;
-    }) => withAction(updateSubscriptionPlanAction)(subscriptionId, data),
-    onSuccess: () => {
-      queryClient.invalidateQueries({ queryKey: SUBSCRIPTIONS_QUERY_KEY });
-      queryClient.invalidateQueries({ queryKey: ['charges'] });
-    },
-  });
-}
+'use client';
+
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { withAction } from '../../../utils/withAction';
+import { updateSubscriptionPlanAction } from '../actions/update-subscription-plan.action';
+import { SUBSCRIPTIONS_QUERY_KEY } from '../constants/query-keys.constants';
+import type { UpdateSubscriptionPlanRequest } from '../types/calculate-subscription.type';
+
+export function useUpdateSubscriptionPlan() {
+  const queryClient = useQueryClient();
+
+  return useMutation({
+    mutationFn: ({
+      subscriptionId,
+      data,
+    }: {
+      subscriptionId: number | string;
+      data: UpdateSubscriptionPlanRequest;
+    }) => withAction(updateSubscriptionPlanAction)(subscriptionId, data),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: SUBSCRIPTIONS_QUERY_KEY });
+      queryClient.invalidateQueries({ queryKey: ['charges'] });
+    },
+  });
+}

package/src/modules/subscriptions/hooks/use-cancelled-subscription-guard.ts

@@ -1,39 +1,39 @@
-'use client';
-
-import { useCallback } from 'react';
-import { UserProfile } from '../../users/schema';
-import { useAuth } from '../../../providers/auth.provider';
-import { useModalManager } from '../../../store/useModalManager';
-import { useActiveSubscription } from './find-active-subscription.hook';
-import { hasSubscriptionExpired } from '../utils/has-subscription-expired';
-
-export function useCancelledSubscriptionGuard() {
-  const { user } = useAuth();
-  const { openModal } = useModalManager();
-  const {
-    data: { data: [subscription] = [] } = {},
-  } = useActiveSubscription();
-
-  const isViewer = user?.profile === UserProfile.viewer;
-  const isCancelledSubscription = hasSubscriptionExpired(subscription?.date_due);
-  const shouldBlockManagementAction = !isViewer && isCancelledSubscription;
-
-  const guardAction = useCallback(
-    (action?: () => void) => {
-      if (shouldBlockManagementAction) {
-        openModal('subscriptionExpiredModal');
-        return false;
-      }
-
-      action?.();
-      return true;
-    },
-    [openModal, shouldBlockManagementAction]
-  );
-
-  return {
-    isCancelledSubscription,
-    shouldBlockManagementAction,
-    guardAction,
-  };
-}
+'use client';
+
+import { useCallback } from 'react';
+import { UserProfile } from '../../users/schema';
+import { useAuth } from '../../../providers/auth.provider';
+import { useModalManager } from '../../../store/useModalManager';
+import { useActiveSubscription } from './find-active-subscription.hook';
+import { hasSubscriptionExpired } from '../utils/has-subscription-expired';
+
+export function useCancelledSubscriptionGuard() {
+  const { user } = useAuth();
+  const { openModal } = useModalManager();
+  const {
+    data: { data: [subscription] = [] } = {},
+  } = useActiveSubscription();
+
+  const isViewer = user?.profile === UserProfile.viewer;
+  const isCancelledSubscription = hasSubscriptionExpired(subscription?.date_due);
+  const shouldBlockManagementAction = !isViewer && isCancelledSubscription;
+
+  const guardAction = useCallback(
+    (action?: () => void) => {
+      if (shouldBlockManagementAction) {
+        openModal('subscriptionExpiredModal');
+        return false;
+      }
+
+      action?.();
+      return true;
+    },
+    [openModal, shouldBlockManagementAction]
+  );
+
+  return {
+    isCancelledSubscription,
+    shouldBlockManagementAction,
+    guardAction,
+  };
+}

package/src/modules/subscriptions/types/billing-period.type.ts

@@ -1 +1 @@
-export type BillingPeriod = 'monthly' | 'semiannual' | 'annual';
+export type BillingPeriod = 'monthly' | 'semiannual' | 'annual';