misc: move integration tabs options to a const file

src/components/customers/subscriptions/SubscriptionLine.tsx

@@ -15,6 +15,7 @@ import {
 } from '~/components/designSystem'
 import { TimezoneDate } from '~/components/TimezoneDate'
 import { addToast } from '~/core/apolloClient'
+import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
   UPDATE_SUBSCRIPTION,
@@ -24,7 +25,6 @@ import { copyToClipboard } from '~/core/utils/copyToClipboard'
 import { StatusTypeEnum, SubscriptionLinePlanFragment, TimezoneEnum } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { usePermissions } from '~/hooks/usePermissions'
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/pages/SubscriptionDetails'
 import { ItemContainer, ListItemLink, MenuPopper, NAV_HEIGHT, PopperOpener, theme } from '~/styles'
 
 import { TerminateCustomerSubscriptionDialogRef } from './TerminateCustomerSubscriptionDialog'

src/components/invoices/InvoicesList.tsx

@@ -23,6 +23,7 @@ import { VoidInvoiceDialog, VoidInvoiceDialogRef } from '~/components/invoices/V
 import { addToast, hasDefinedGQLError } from '~/core/apolloClient'
 import { CustomerInvoiceDetailsTabsOptionsEnum } from '~/core/constants/NavigationEnum'
 import { invoiceStatusMapping, paymentStatusMapping } from '~/core/constants/statusInvoiceMapping'
+import { CustomerInvoiceDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { intlFormatNumber } from '~/core/formats/intlFormatNumber'
 import {
   CUSTOMER_INVOICE_CREATE_CREDIT_NOTE_ROUTE,

src/components/plans/details/PlanSubscriptionListItem.tsx

@@ -5,10 +5,10 @@ import styled, { css } from 'styled-components'
 
 import { computeCustomerInitials } from '~/components/customers/utils'
 import { Avatar, Skeleton, Typography } from '~/components/designSystem'
+import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { PLAN_SUBSCRIPTION_DETAILS_ROUTE } from '~/core/router'
 import { PlanSubscriptionListItemForSubscriptionListFragment } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/pages/SubscriptionDetails'
 import { ListItemLink, NAV_HEIGHT, theme } from '~/styles'
 
 gql`

src/components/settings/integrations/AddAdyenDialog.tsx

@@ -10,6 +10,7 @@ import { object, string } from 'yup'
 import { Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { ADYEN_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   AddAdyenPaymentProviderInput,
@@ -21,7 +22,6 @@ import {
   useUpdateAdyenApiKeyMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 import { DeleteAdyenIntegrationDialogRef } from './DeleteAdyenIntegrationDialog'

src/components/settings/integrations/AddAnrokDialog.tsx

@@ -10,6 +10,7 @@ import { object, string } from 'yup'
 import { Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast, envGlobalVar, hasDefinedGQLError } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { ANROK_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   AddAnrokIntegrationDialogFragment,
@@ -23,7 +24,6 @@ import {
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { AnrokIntegrationDetailsTabs } from '~/pages/settings/AnrokIntegrationDetails'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 import { DeleteAnrokIntegrationDialogRef } from './DeleteAnrokIntegrationDialog'

src/components/settings/integrations/AddCashfreeDialog.tsx

@@ -9,6 +9,7 @@ import { object, string } from 'yup'
 import { Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { CASHFREE_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   AddCashfreePaymentProviderInput,
@@ -20,7 +21,6 @@ import {
   useUpdateCashfreeApiKeyMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 
 import { DeleteCashfreeIntegrationDialogRef } from './DeleteCashfreeIntegrationDialog'
 

src/components/settings/integrations/AddGocardlessDialog.tsx

@@ -11,6 +11,7 @@ import { Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast, envGlobalVar } from '~/core/apolloClient'
 import { buildGocardlessAuthUrl } from '~/core/constants/externalUrls'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { GOCARDLESS_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   AddGocardlessPaymentProviderInput,
@@ -21,7 +22,6 @@ import {
   useUpdateGocardlessApiKeyMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 import { DeleteGocardlessIntegrationDialogRef } from './DeleteGocardlessIntegrationDialog'

src/components/settings/integrations/AddHubspotDialog.tsx

@@ -11,6 +11,7 @@ import { Checkbox, CheckboxField, ComboBoxField, TextInputField } from '~/compon
 import { DeleteHubspotIntegrationDialogRef } from '~/components/settings/integrations/DeleteHubspotIntegrationDialog'
 import { addToast, envGlobalVar, hasDefinedGQLError } from '~/core/apolloClient'
 import { getHubspotTargetedObjectTranslationKey } from '~/core/constants/form'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { HUBSPOT_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   CreateHubspotIntegrationInput,
@@ -21,7 +22,6 @@ import {
   useUpdateHubspotIntegrationMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { tw } from '~/styles/utils'
 
 gql`

src/components/settings/integrations/AddLagoTaxManagementDialog.tsx

@@ -9,6 +9,7 @@ import { Alert, Button, Dialog, DialogRef, Typography } from '~/components/desig
 import { ComboBoxField } from '~/components/form'
 import { addToast } from '~/core/apolloClient'
 import { LAGO_TAX_DOCUMENTATION_URL } from '~/core/constants/externalUrls'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { countryDataForCombobox } from '~/core/formats/countryDataForCombobox'
 import { TAX_MANAGEMENT_INTEGRATION_ROUTE } from '~/core/router'
 import {
@@ -18,7 +19,6 @@ import {
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { useIntegrations } from '~/hooks/useIntegrations'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 gql`

src/components/settings/integrations/AddNetsuiteDialog.tsx

@@ -12,6 +12,7 @@ import { boolean, object, string } from 'yup'
 import { Alert, Button, Chip, Dialog, DialogRef, Typography } from '~/components/designSystem'
 import { Checkbox, CheckboxField, TextInputField } from '~/components/form'
 import { addToast, envGlobalVar, hasDefinedGQLError } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { NETSUITE_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   CreateNetsuiteIntegrationInput,
@@ -20,7 +21,6 @@ import {
   useUpdateNetsuiteIntegrationMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { NetsuiteIntegrationDetailsTabs } from '~/pages/settings/NetsuiteIntegrationDetails'
 import { theme } from '~/styles'
 

src/components/settings/integrations/AddSalesforceDialog.tsx

@@ -8,6 +8,7 @@ import { object, string } from 'yup'
 import { Alert, Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast, hasDefinedGQLError } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { SALESFORCE_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   CreateSalesforceIntegrationInput,
@@ -17,7 +18,6 @@ import {
   useUpdateSalesforceIntegrationMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { tw } from '~/styles/utils'
 
 import { DeleteSalesforceIntegrationDialogRef } from './DeleteSalesforceIntegrationDialog'

src/components/settings/integrations/AddStripeDialog.tsx

@@ -10,6 +10,7 @@ import { object, string } from 'yup'
 import { Button, Dialog, DialogRef } from '~/components/designSystem'
 import { TextInputField } from '~/components/form'
 import { addToast } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { STRIPE_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   AddStripePaymentProviderInput,
@@ -21,7 +22,6 @@ import {
   useUpdateStripeApiKeyMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 import { DeleteStripeIntegrationDialogRef } from './DeleteStripeIntegrationDialog'

src/components/settings/integrations/AddXeroDialog.tsx

@@ -12,6 +12,7 @@ import { boolean, object, string } from 'yup'
 import { Alert, Button, Chip, Dialog, DialogRef, Typography } from '~/components/designSystem'
 import { Checkbox, CheckboxField, TextInputField } from '~/components/form'
 import { addToast, envGlobalVar, hasDefinedGQLError } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { XERO_INTEGRATION_DETAILS_ROUTE } from '~/core/router'
 import {
   CreateXeroIntegrationInput,
@@ -20,7 +21,6 @@ import {
   XeroForCreateDialogDialogFragment,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { XeroIntegrationDetailsTabs } from '~/pages/settings/XeroIntegrationDetails'
 import { theme } from '~/styles'
 

src/components/settings/integrations/AnrokIntegrationSettings.tsx

@@ -6,6 +6,7 @@ import styled from 'styled-components'
 
 import { Alert, Avatar, Button, Icon, Skeleton, Typography } from '~/components/designSystem'
 import { addToast } from '~/core/apolloClient'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   ANROK_INTEGRATION_DETAILS_ROUTE,
   ANROK_INTEGRATION_ROUTE,
@@ -20,7 +21,6 @@ import {
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { AnrokIntegrationDetailsTabs } from '~/pages/settings/AnrokIntegrationDetails'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { NAV_HEIGHT, theme } from '~/styles'
 
 import { AddAnrokDialog, AddAnrokDialogRef } from './AddAnrokDialog'

src/components/settings/integrations/NetsuiteIntegrationSettings.tsx

@@ -4,6 +4,7 @@ import { generatePath, useNavigate, useParams } from 'react-router-dom'
 import styled from 'styled-components'
 
 import { Alert, Avatar, Button, Icon, Skeleton, Typography } from '~/components/designSystem'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   INTEGRATIONS_ROUTE,
   NETSUITE_INTEGRATION_DETAILS_ROUTE,
@@ -17,7 +18,6 @@ import {
   useGetNetsuiteIntegrationsSettingsQuery,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { NetsuiteIntegrationDetailsTabs } from '~/pages/settings/NetsuiteIntegrationDetails'
 import { NAV_HEIGHT, theme } from '~/styles'
 

src/components/settings/integrations/XeroIntegrationSettings.tsx

@@ -4,6 +4,7 @@ import { generatePath, useNavigate, useParams } from 'react-router-dom'
 import styled from 'styled-components'
 
 import { Alert, Avatar, Button, Icon, Skeleton, Typography } from '~/components/designSystem'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   INTEGRATIONS_ROUTE,
   XERO_INTEGRATION_DETAILS_ROUTE,
@@ -17,7 +18,6 @@ import {
   XeroIntegrationSettingsFragment,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { XeroIntegrationDetailsTabs } from '~/pages/settings/XeroIntegrationDetails'
 import { NAV_HEIGHT, theme } from '~/styles'
 

src/components/subscriptions/SubscriptionInformations.tsx

@@ -3,14 +3,14 @@ import { DateTime } from 'luxon'
 import { generatePath, Link } from 'react-router-dom'
 import styled from 'styled-components'
 
+import { PlanDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { CUSTOMER_DETAILS_ROUTE, CUSTOMER_SUBSCRIPTION_PLAN_DETAILS } from '~/core/router'
 import {
   StatusTypeEnum,
   SubscriptionForSubscriptionInformationsFragment,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { useOrganizationInfos } from '~/hooks/useOrganizationInfos'
-import { PlanDetailsTabsOptionsEnum } from '~/pages/PlanDetails'
 import { theme } from '~/styles'
 import { DetailsInfoGrid, DetailsInfoItem, DetailsSectionTitle } from '~/styles/detailsPage'
 

src/core/constants/tabsOptions.ts

@@ -0,0 +1,19 @@
+export enum CustomerInvoiceDetailsTabsOptionsEnum {
+  overview = 'overview',
+  creditNotes = 'credit-notes',
+}
+
+export enum CustomerSubscriptionDetailsTabsOptionsEnum {
+  overview = 'overview',
+  usage = 'usage',
+}
+
+export enum IntegrationsTabsOptionsEnum {
+  Lago = 'lago',
+  Community = 'community',
+}
+
+export enum PlanDetailsTabsOptionsEnum {
+  overview = 'overview',
+  subscriptions = 'subscriptions',
+}

src/hooks/customer/useAddSubscription.tsx

@@ -7,6 +7,7 @@ import { PlanFormInput } from '~/components/plans/types'
 import { REDIRECTION_ORIGIN_SUBSCRIPTION_USAGE } from '~/components/subscriptions/SubscriptionUsageLifetimeGraph'
 import { addToast, hasDefinedGQLError } from '~/core/apolloClient'
 import { FORM_TYPE_ENUM } from '~/core/constants/form'
+import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   CUSTOMER_DETAILS_ROUTE,
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
@@ -25,7 +26,6 @@ import {
   useUpdateSubscriptionMutation,
 } from '~/generated/graphql'
 import { useInternationalization } from '~/hooks/core/useInternationalization'
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/pages/SubscriptionDetails'
 
 import { useSalesForceConfig } from '../useSalesForceConfig'
 

src/hooks/plans/usePlanForm.tsx

@@ -14,6 +14,10 @@ import {
   useDuplicatePlanVar,
 } from '~/core/apolloClient/reactiveVars/duplicatePlanVar'
 import { FORM_ERRORS_ENUM, FORM_TYPE_ENUM } from '~/core/constants/form'
+import {
+  CustomerSubscriptionDetailsTabsOptionsEnum,
+  PlanDetailsTabsOptionsEnum,
+} from '~/core/constants/tabsOptions'
 import {
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
   ERROR_404_ROUTE,
@@ -36,8 +40,6 @@ import {
   useGetSinglePlanQuery,
   useUpdatePlanMutation,
 } from '~/generated/graphql'
-import { PlanDetailsTabsOptionsEnum } from '~/pages/PlanDetails'
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/pages/SubscriptionDetails'
 
 import { useInternationalization } from '../core/useInternationalization'
 import { useOrganizationInfos } from '../useOrganizationInfos'

src/layouts/Settings.tsx

@@ -4,6 +4,7 @@ import { generatePath, Outlet } from 'react-router-dom'
 import styled from 'styled-components'
 
 import { Button, Typography, VerticalMenu } from '~/components/designSystem'
+import { IntegrationsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   AUTHENTICATION_ROUTE,
   CREATE_DUNNING_ROUTE,
@@ -26,7 +27,6 @@ import {
 import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { useLocationHistory } from '~/hooks/core/useLocationHistory'
 import { usePermissions } from '~/hooks/usePermissions'
-import { IntegrationsTabsOptionsEnum } from '~/pages/settings/Integrations'
 import { theme } from '~/styles'
 
 const NAV_WIDTH = 240

src/pages/CreatePlan.tsx

@@ -24,6 +24,10 @@ import { REDIRECTION_ORIGIN_SUBSCRIPTION_USAGE } from '~/components/subscription
 import { WarningDialog, WarningDialogRef } from '~/components/WarningDialog'
 import { useDuplicatePlanVar } from '~/core/apolloClient'
 import { FORM_TYPE_ENUM } from '~/core/constants/form'
+import {
+  CustomerSubscriptionDetailsTabsOptionsEnum,
+  PlanDetailsTabsOptionsEnum,
+} from '~/core/constants/tabsOptions'
 import {
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
   PLAN_DETAILS_ROUTE,
@@ -41,9 +45,6 @@ import { usePlanForm } from '~/hooks/plans/usePlanForm'
 import { PageHeader } from '~/styles'
 import { Content, Main, Side, SkeletonHeader } from '~/styles/mainObjectsForm'
 
-import { PlanDetailsTabsOptionsEnum } from './PlanDetails'
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from './SubscriptionDetails'
-
 gql`
   fragment TaxForPlanAndChargesInPlanForm on Tax {
     id

src/pages/CreateSubscription.tsx

@@ -48,6 +48,7 @@ import { PremiumWarningDialog, PremiumWarningDialogRef } from '~/components/Prem
 import { REDIRECTION_ORIGIN_SUBSCRIPTION_USAGE } from '~/components/subscriptions/SubscriptionUsageLifetimeGraph'
 import { WarningDialog, WarningDialogRef } from '~/components/WarningDialog'
 import { dateErrorCodes, FORM_TYPE_ENUM } from '~/core/constants/form'
+import { CustomerSubscriptionDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   CUSTOMER_DETAILS_ROUTE,
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
@@ -74,8 +75,6 @@ import { useSalesForceConfig } from '~/hooks/useSalesForceConfig'
 import ThinkingManeki from '~/public/images/maneki/thinking.svg'
 import { BREAKPOINT_LG, NAV_HEIGHT, PageHeader, theme } from '~/styles'
 
-import { CustomerSubscriptionDetailsTabsOptionsEnum } from './SubscriptionDetails'
-
 gql`
   fragment AddSubscriptionPlan on Plan {
     id

src/pages/CustomerInvoiceDetails.tsx

@@ -36,6 +36,7 @@ import { PremiumWarningDialog, PremiumWarningDialogRef } from '~/components/Prem
 import { addToast, LagoGQLError } from '~/core/apolloClient'
 import { CustomerInvoiceDetailsTabsOptionsEnum } from '~/core/constants/NavigationEnum'
 import { invoiceStatusMapping, paymentStatusMapping } from '~/core/constants/statusInvoiceMapping'
+import { CustomerInvoiceDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import { intlFormatNumber } from '~/core/formats/intlFormatNumber'
 import {
   CUSTOMER_CREDIT_NOTE_DETAILS_ROUTE,

src/pages/PlanDetails.tsx

@@ -16,6 +16,7 @@ import { DeletePlanDialog, DeletePlanDialogRef } from '~/components/plans/Delete
 import PlanDetailsOverview from '~/components/plans/details/PlanDetailsOverview'
 import PlanSubscriptionList from '~/components/plans/details/PlanSubscriptionList'
 import { updateDuplicatePlanVar } from '~/core/apolloClient'
+import { PlanDetailsTabsOptionsEnum } from '~/core/constants/tabsOptions'
 import {
   CREATE_PLAN_ROUTE,
   CUSTOMER_SUBSCRIPTION_DETAILS_ROUTE,
@@ -33,11 +34,6 @@ import { useInternationalization } from '~/hooks/core/useInternationalization'
 import { usePermissions } from '~/hooks/usePermissions'
 import { MenuPopper, PageHeader, theme } from '~/styles'
 
-export enum PlanDetailsTabsOptionsEnum {
-  overview = 'overview',
-  subscriptions = 'subscriptions',
-}
-
 gql`
   query getPlanForDetails($planId: ID!) {
     plan(id: $planId) {