refactor: [M3-9371 ] - Move Entity Transfers queries (linode#12406)

* refactor: [M3-9371] - Move entitytransfers queries

* update paths

* Added changeset: Moved entitytransfers queries and dependencies to shared `queries` package

* Added changeset: Created `entitytransfer/` directory and migrated relevant query keys and hooks

* Update pr-12406-added-1750445559603.md

* Remove entity transfers query from manager package

* Update index.ts

* Update packages/queries/.changeset/pr-12406-added-1750445559603.md

Co-authored-by: Connie Liu <[email protected]>

* Update packages/manager/.changeset/pr-12406-removed-1750445509258.md

Co-authored-by: Connie Liu <[email protected]>

---------

Co-authored-by: Connie Liu <[email protected]>

Author: cpathipa

packages/manager/.changeset/pr-12406-removed-1750445509258.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Removed
+---
+
+Move EntityTransfers queries and dependencies to shared `queries` package ([#12406](https://github.com/linode/manager/pull/12406))

packages/manager/src/features/EntityTransfers/EntityTransfersCreate/EntityTransfersCreate.tsx

@@ -1,3 +1,4 @@
+import { entityTransfersQueryKey, useCreateTransfer } from '@linode/queries';
 import Grid from '@mui/material/Grid';
 import { useQueryClient } from '@tanstack/react-query';
 import { createLazyRoute } from '@tanstack/react-router';
@@ -6,7 +7,6 @@ import { useHistory } from 'react-router-dom';
 
 import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 import { LandingHeader } from 'src/components/LandingHeader';
-import { queryKey, useCreateTransfer } from 'src/queries/entityTransfers';
 import { sendEntityTransferCreateEvent } from 'src/utilities/analytics/customEventAnalytics';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
 
@@ -68,7 +68,7 @@ export const EntityTransfersCreate = () => {
         sendEntityTransferCreateEvent(entityCount);
 
         queryClient.invalidateQueries({
-          queryKey: [queryKey],
+          queryKey: [entityTransfersQueryKey],
         });
         push({ pathname: '/account/service-transfers', state: { transfer } });
       },

packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferCancelDialog.tsx

@@ -1,11 +1,11 @@
 import { cancelTransfer } from '@linode/api-v4/lib/entity-transfers';
+import { entityTransfersQueryKey } from '@linode/queries';
 import { ActionsPanel, Notice, Typography } from '@linode/ui';
 import { useQueryClient } from '@tanstack/react-query';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 
 import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
-import { queryKey } from 'src/queries/entityTransfers';
 import { sendEntityTransferCancelEvent } from 'src/utilities/analytics/customEventAnalytics';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
 
@@ -53,7 +53,7 @@ export const ConfirmTransferCancelDialog = React.memo((props: Props) => {
 
         // Refresh the query for Entity Transfers.
         queryClient.invalidateQueries({
-          queryKey: [queryKey],
+          queryKey: [entityTransfersQueryKey],
         });
 
         onClose();

packages/manager/src/features/EntityTransfers/EntityTransfersLanding/ConfirmTransferDialog.tsx

@@ -1,17 +1,17 @@
 import { acceptEntityTransfer } from '@linode/api-v4/lib/entity-transfers';
-import { useProfile } from '@linode/queries';
+import {
+  entityTransfersQueryKey,
+  TRANSFER_FILTERS,
+  useProfile,
+  useTransferQuery,
+} from '@linode/queries';
 import { Checkbox, CircleProgress, ErrorState, Notice } from '@linode/ui';
 import { capitalize, pluralize } from '@linode/utilities';
 import { useQueryClient } from '@tanstack/react-query';
 import { useSnackbar } from 'notistack';
 import * as React from 'react';
 
 import { ConfirmationDialog } from 'src/components/ConfirmationDialog/ConfirmationDialog';
-import {
-  queryKey,
-  TRANSFER_FILTERS,
-  useTransferQuery,
-} from 'src/queries/entityTransfers';
 import { sendEntityTransferReceiveEvent } from 'src/utilities/analytics/customEventAnalytics';
 import { parseAPIDate } from 'src/utilities/date';
 import { getAPIErrorOrDefault } from 'src/utilities/errorUtils';
@@ -90,7 +90,7 @@ export const ConfirmTransferDialog = React.memo(
           // Update the received transfer table since we're already on the landing page
           queryClient.invalidateQueries({
             predicate: (query) =>
-              query.queryKey[0] === queryKey &&
+              query.queryKey[0] === entityTransfersQueryKey &&
               query.queryKey[2] === TRANSFER_FILTERS.received,
           });
           onClose();

packages/manager/src/features/EntityTransfers/EntityTransfersLanding/EntityTransfersLanding.tsx

@@ -1,13 +1,10 @@
+import { TRANSFER_FILTERS, useEntityTransfersQuery } from '@linode/queries';
 import { CircleProgress } from '@linode/ui';
 import * as React from 'react';
 import { useHistory, useLocation } from 'react-router-dom';
 
 import { DocumentTitleSegment } from 'src/components/DocumentTitle';
 import { usePaginationV2 } from 'src/hooks/usePaginationV2';
-import {
-  TRANSFER_FILTERS,
-  useEntityTransfersQuery,
-} from 'src/queries/entityTransfers';
 
 import { TransfersTable } from '../TransfersTable';
 import { CreateTransferSuccessDialog } from './CreateTransferSuccessDialog';

packages/queries/.changeset/pr-12406-added-1750445559603.md

@@ -0,0 +1,5 @@
+---
+"@linode/queries": Added
+---
+
+`entitytransfers/` directory and migrated relevant query keys and hooks ([#12406](https://github.com/linode/manager/pull/12406))

…s/manager/src/queries/entityTransfers.ts …s/src/entitytransfers/entityTransfers.tspackages/manager/src/queries/entityTransfers.ts renamed to packages/queries/src/entitytransfers/entityTransfers.ts packages/manager/src/queries/entityTransfers.ts renamed to packages/queries/src/entitytransfers/entityTransfers.ts

@@ -1,23 +1,20 @@
 import {
   createEntityTransfer,
   getEntityTransfer,
-  getEntityTransfers,
 } from '@linode/api-v4/lib/entity-transfers';
-import {
-  creationHandlers,
-  listToItemsByID,
-  queryPresets,
-  useProfile,
-} from '@linode/queries';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 
+import { creationHandlers, queryPresets } from '../base';
+import { useProfile } from '../profile';
+import { getAllEntityTransfersRequest } from './requests';
+
 import type {
   CreateTransferPayload,
   EntityTransfer,
 } from '@linode/api-v4/lib/entity-transfers';
 import type { APIError, Filter, Params } from '@linode/api-v4/lib/types';
 
-export const queryKey = 'entity-transfers';
+export const entityTransfersQueryKey = 'entity-transfers';
 
 interface EntityTransfersData {
   entityTransfers: Record<string, EntityTransfer>;
@@ -41,24 +38,15 @@ export const TRANSFER_FILTERS = {
   },
 };
 
-const getAllEntityTransfersRequest = (
-  passedParams: Params = {},
-  passedFilter: Filter = {}
-) =>
-  getEntityTransfers(passedParams, passedFilter).then((data) => ({
-    entityTransfers: listToItemsByID(data.data, 'token'),
-    results: data.results,
-  }));
-
 export const useEntityTransfersQuery = (
   params: Params = {},
-  filter: Filter = {}
+  filter: Filter = {},
 ) => {
   const { data: profile } = useProfile();
 
   return useQuery<EntityTransfersData, APIError[]>({
     queryFn: () => getAllEntityTransfersRequest(params, filter),
-    queryKey: [queryKey, params, filter],
+    queryKey: [entityTransfersQueryKey, params, filter],
     ...queryPresets.longLived,
     enabled: !profile?.restricted,
   });
@@ -67,7 +55,7 @@ export const useEntityTransfersQuery = (
 export const useTransferQuery = (token: string, enabled: boolean = true) => {
   return useQuery<EntityTransfer, APIError[]>({
     queryFn: () => getEntityTransfer(token),
-    queryKey: [queryKey, token],
+    queryKey: [entityTransfersQueryKey, token],
     ...queryPresets.shortLived,
     enabled,
     retry: false,
@@ -80,6 +68,6 @@ export const useCreateTransfer = () => {
     mutationFn: (createData) => {
       return createEntityTransfer(createData);
     },
-    ...creationHandlers([queryKey], 'token', queryClient),
+    ...creationHandlers([entityTransfersQueryKey], 'token', queryClient),
   });
 };

packages/queries/src/entitytransfers/index.ts

@@ -0,0 +1,2 @@
+export * from './entityTransfers';
+export * from './requests';

packages/queries/src/entitytransfers/requests.ts

@@ -0,0 +1,14 @@
+import { getEntityTransfers } from '@linode/api-v4/lib/entity-transfers';
+
+import { listToItemsByID } from '../base';
+
+import type { Filter, Params } from '@linode/api-v4/lib/types';
+
+export const getAllEntityTransfersRequest = (
+  passedParams: Params = {},
+  passedFilter: Filter = {},
+) =>
+  getEntityTransfers(passedParams, passedFilter).then((data) => ({
+    entityTransfers: listToItemsByID(data.data, 'token'),
+    results: data.results,
+  }));

packages/queries/src/index.ts

@@ -3,6 +3,7 @@ export * from './base';
 export * from './betas';
 export * from './cloudnats';
 export * from './domains';
+export * from './entitytransfers';
 export * from './eventHandlers';
 export * from './firewalls';
 export * from './iam';