From ea06ae32fb759e477a967fa06d05f65c91f68761 Mon Sep 17 00:00:00 2001
From: Gustav Larsson <gustav.larsson@gmail.com>
Date: Wed, 5 Mar 2025 14:11:08 +0100
Subject: [PATCH] Fix(Expense form): Account balance payout method fixes
 (#11065)

* Fix(Expense form): Account balance payout method fixes

* update graphql

* Fix merge

* Remove unused code

* Set newPayoutMethodType options for non logged in user

---------

Co-authored-by: Henrique <hdiniz@users.noreply.github.com>
---
 components/expenses/EditExpenseDialog.tsx     | 24 ++++++++++----
 .../submit-expense/SubmitExpenseFlow.tsx      | 11 +++++--
 .../form/PayoutMethodSection.tsx              | 17 +++++-----
 components/submit-expense/useExpenseForm.ts   | 33 ++++++++++++++++++-
 lib/graphql/types/v2/gql.ts                   |  4 +--
 lib/graphql/types/v2/graphql.ts               |  2 +-
 6 files changed, 69 insertions(+), 22 deletions(-)

diff --git a/components/expenses/EditExpenseDialog.tsx b/components/expenses/EditExpenseDialog.tsx
index 60286d14a88..e9ab30eeb68 100644
--- a/components/expenses/EditExpenseDialog.tsx
+++ b/components/expenses/EditExpenseDialog.tsx
@@ -9,7 +9,7 @@ import { z } from 'zod';
 
 import { i18nGraphqlException } from '../../lib/errors';
 import { API_V2_CONTEXT } from '../../lib/graphql/helpers';
-import type { Currency, CurrencyExchangeRateInput } from '../../lib/graphql/types/v2/graphql';
+import { type Currency, type CurrencyExchangeRateInput, PayoutMethodType } from '../../lib/graphql/types/v2/graphql';
 import { cn } from '../../lib/utils';
 import type { Expense } from '@/lib/graphql/types/v2/schema';
 
@@ -87,9 +87,14 @@ const EditPayee = ({ expense, onSubmit }) => {
           payoutMethod:
             !values.payoutMethodId || values.payoutMethodId === '__newPayoutMethod'
               ? { ...values.newPayoutMethod, isSaved: false }
-              : {
-                  id: values.payoutMethodId,
-                },
+              : values.payoutMethodId === '__newAccountBalancePayoutMethod'
+                ? {
+                    type: PayoutMethodType.ACCOUNT_BALANCE,
+                    data: {},
+                  }
+                : {
+                    id: values.payoutMethodId,
+                  },
         }),
       };
       return onSubmit(editValues);
@@ -167,9 +172,14 @@ const EditPayoutMethod = ({ expense, onSubmit }) => {
         payoutMethod:
           !values.payoutMethodId || values.payoutMethodId === '__newPayoutMethod'
             ? { ...values.newPayoutMethod, isSaved: false }
-            : {
-                id: values.payoutMethodId,
-              },
+            : values.payoutMethodId === '__newAccountBalancePayoutMethod'
+              ? {
+                  type: PayoutMethodType.ACCOUNT_BALANCE,
+                  data: {},
+                }
+              : {
+                  id: values.payoutMethodId,
+                },
         payee: {
           slug: formOptions.payee?.slug,
         },
diff --git a/components/submit-expense/SubmitExpenseFlow.tsx b/components/submit-expense/SubmitExpenseFlow.tsx
index cd1c15e190d..28f262773c8 100644
--- a/components/submit-expense/SubmitExpenseFlow.tsx
+++ b/components/submit-expense/SubmitExpenseFlow.tsx
@@ -182,9 +182,14 @@ export function SubmitExpenseFlow(props: SubmitExpenseFlowProps) {
           payoutMethod:
             !values.payoutMethodId || values.payoutMethodId === '__newPayoutMethod'
               ? { ...values.newPayoutMethod, isSaved: false }
-              : {
-                  id: values.payoutMethodId,
-                },
+              : values.payoutMethodId === '__newAccountBalancePayoutMethod'
+                ? {
+                    type: PayoutMethodType.ACCOUNT_BALANCE,
+                    data: {},
+                  }
+                : {
+                    id: values.payoutMethodId,
+                  },
           type: values.expenseTypeOption,
           accountingCategory: values.accountingCategoryId
             ? {
diff --git a/components/submit-expense/form/PayoutMethodSection.tsx b/components/submit-expense/form/PayoutMethodSection.tsx
index d9c483dd42b..2c380e00b4f 100644
--- a/components/submit-expense/form/PayoutMethodSection.tsx
+++ b/components/submit-expense/form/PayoutMethodSection.tsx
@@ -50,6 +50,7 @@ function getFormProps(form: ExpenseForm) {
     ...pick(form.options, [
       'payee',
       'payoutMethods',
+      'newPayoutMethodTypes',
       'recentlySubmittedExpenses',
       'isAdminOfPayee',
       'loggedInAccount',
@@ -198,7 +199,7 @@ export const PayoutMethodFormContent = memoWithGetFormProps(function PayoutMetho
             </RadioGroupCard>
           )}
 
-          {!(isLoading || isLoadingPayee) && !isVendor && (
+          {!(isLoading || isLoadingPayee) && !isVendor && props.newPayoutMethodTypes?.length > 0 && (
             <RadioGroupCard
               value="__newPayoutMethod"
               checked={isNewPayoutMethodSelected}
@@ -250,8 +251,7 @@ function getNewPayoutMethodOptionFormProps(form: ExpenseForm) {
   return {
     ...pick(form, ['setFieldValue', 'setFieldTouched', 'validateForm', 'refresh', 'isSubmitting']),
     ...pick(form.values, ['newPayoutMethod', 'payeeSlug']),
-    ...pick(form.options, ['supportedPayoutMethods', 'host', 'loggedInAccount', 'payee']),
-    touchedNewPayoutMethodName: form.touched.newPayoutMethod?.name,
+    ...pick(form.options, ['newPayoutMethodTypes', 'payoutMethods', 'host', 'loggedInAccount', 'payee']),
   };
 }
 
@@ -314,13 +314,13 @@ const NewPayoutMethodOption = memoWithGetFormProps(function NewPayoutMethodOptio
     }
   }, [createPayoutMethod, intl, props.newPayoutMethod, refresh, setFieldTouched, setFieldValue, toast, validateForm]);
 
-  const suportedPayoutMethodComboOptions = React.useMemo(
+  const newPayoutMethodComboOptions = React.useMemo(
     () =>
-      props.supportedPayoutMethods.map(m => ({
+      props.newPayoutMethodTypes.map(m => ({
         value: m,
         label: intl.formatMessage(I18nPayoutMethodLabels[m]),
       })),
-    [intl, props.supportedPayoutMethods],
+    [intl, props.newPayoutMethodTypes],
   );
 
   const onPayoutMethodTypeChange = React.useCallback(
@@ -358,7 +358,7 @@ const NewPayoutMethodOption = memoWithGetFormProps(function NewPayoutMethodOptio
               <ComboSelect
                 {...field}
                 disabled={props.isSubmitting}
-                options={suportedPayoutMethodComboOptions}
+                options={newPayoutMethodComboOptions}
                 onChange={onPayoutMethodTypeChange}
               />
             )}
@@ -459,6 +459,7 @@ export const PayoutMethodRadioGroupItem = function PayoutMethodRadioGroupItem(pr
   const intl = useIntl();
   const { toast } = useToast();
 
+  const isEditable = props.payoutMethod.type !== PayoutMethodType.ACCOUNT_BALANCE && props.isEditable;
   const isMissingCurrency = isEmpty(props.payoutMethod.data?.currency);
   const isLegalNameFuzzyMatched = React.useMemo(() => {
     const accountHolderName: string = props.payoutMethod.data?.accountHolderName ?? '';
@@ -821,7 +822,7 @@ export const PayoutMethodRadioGroupItem = function PayoutMethodRadioGroupItem(pr
               </Badge>
             )}
           </div>
-          {!isEditingPayoutMethod && props.isEditable && (
+          {!isEditingPayoutMethod && isEditable && (
             <div className="flex gap-2">
               {!props.archived && props.isChecked && (
                 <Button
diff --git a/components/submit-expense/useExpenseForm.ts b/components/submit-expense/useExpenseForm.ts
index 60723b60f97..b639d584072 100644
--- a/components/submit-expense/useExpenseForm.ts
+++ b/components/submit-expense/useExpenseForm.ts
@@ -545,6 +545,7 @@ type ExpenseFormOptions = {
     | ExpenseFormSchemaQuery['loggedInAccount']['payoutMethods'][number]
     | ExpenseFormValues['newPayoutMethod'];
   supportedPayoutMethods?: PayoutMethodType[];
+  newPayoutMethodTypes?: PayoutMethodType[];
   expenseTags?: ExpenseFormSchemaHostFieldsFragment['expensesTags'];
   isAccountingCategoryRequired?: boolean;
   accountingCategories?: ExpenseFormSchemaHostFieldsFragment['accountingCategories']['nodes'];
@@ -649,7 +650,12 @@ function buildFormSchema(
           if (['__invite', '__inviteSomeone', '__inviteExistingUser'].includes(values.payeeSlug)) {
             return true;
           }
-
+          if (
+            v === '__newAccountBalancePayoutMethod' &&
+            options.payoutMethods?.some(pm => pm.type === PayoutMethodType.ACCOUNT_BALANCE)
+          ) {
+            return true;
+          }
           if (v && v !== '__newPayoutMethod' && !options.payee?.payoutMethods?.some(pm => pm.id === v)) {
             return false;
           }
@@ -994,6 +1000,10 @@ function buildFormSchema(
                   return true;
                 }
 
+                if (values.payoutMethodId === '__newAccountBalancePayoutMethod') {
+                  return true;
+                }
+
                 if (values.payoutMethodId === '__newPayoutMethod') {
                   return !!currency;
                 }
@@ -1336,10 +1346,30 @@ async function buildFormOptions(
             }
             return pm;
           });
+
+        // Add ACCOUNT_BALANCE payout method if it's supported but not available for the payee
+        if (
+          options.supportedPayoutMethods?.includes(PayoutMethodType.ACCOUNT_BALANCE) &&
+          host &&
+          !options.payoutMethods?.some(pm => pm.type === PayoutMethodType.ACCOUNT_BALANCE)
+        ) {
+          options.payoutMethods = [
+            ...(options.payoutMethods || []),
+            {
+              id: '__newAccountBalancePayoutMethod',
+              type: PayoutMethodType.ACCOUNT_BALANCE,
+              data: { currency: host.currency },
+              isSaved: true,
+            },
+          ];
+        }
       } else if (payee && payee.type === CollectiveType.VENDOR) {
         options.payoutMethods = payee.payoutMethods?.filter(p => options.supportedPayoutMethods.includes(p.type));
       }
 
+      // Filter out ACCOUNT_BALANCE from the list of payout methods, since we add it manually to the default list
+      options.newPayoutMethodTypes = options.supportedPayoutMethods.filter(t => t !== PayoutMethodType.ACCOUNT_BALANCE);
+
       if (values.payoutMethodId && values.payoutMethodId !== '__newPayoutMethod') {
         options.payoutMethod = options.payoutMethods?.find(p => p.id === values.payoutMethodId);
       } else if (values.payoutMethodId === '__newPayoutMethod') {
@@ -1353,6 +1383,7 @@ async function buildFormOptions(
         values.payeeSlug === '__findAccountIAdminister';
     } else {
       options.payoutMethod = values.newPayoutMethod;
+      options.newPayoutMethodTypes = options.supportedPayoutMethods;
     }
 
     if (!startOptions.duplicateExpense && options.expense?.lockedFields?.length) {
diff --git a/lib/graphql/types/v2/gql.ts b/lib/graphql/types/v2/gql.ts
index a800f88876e..720375debfe 100644
--- a/lib/graphql/types/v2/gql.ts
+++ b/lib/graphql/types/v2/gql.ts
@@ -190,7 +190,7 @@ const documents = {
     "\n  query ApplyToHost($hostSlug: String!, $collectiveSlug: String!) {\n    host(slug: $hostSlug) {\n      id\n      ...ApplyToHostFields\n    }\n    account(slug: $collectiveSlug) {\n      id\n      ...ApplyToHostAccountFields\n    }\n  }\n  \n  \n": types.ApplyToHostDocument,
     "\n  query ApplyToHostWithAccounts($hostSlug: String!) {\n    host(slug: $hostSlug) {\n      id\n      ...ApplyToHostFields\n    }\n    loggedInAccount {\n      id\n      memberOf(role: ADMIN, accountType: [COLLECTIVE, FUND], isApproved: false, isArchived: false) {\n        nodes {\n          id\n          account {\n            id\n            ...ApplyToHostAccountFields\n            ... on AccountWithHost {\n              host {\n                id\n                legacyId\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n  \n  \n": types.ApplyToHostWithAccountsDocument,
     "\n  mutation ApplyToNewHost(\n    $collective: AccountReferenceInput!\n    $host: AccountReferenceInput!\n    $message: String\n    $inviteMembers: [InviteMemberInput]\n  ) {\n    applyToHost(collective: $collective, host: $host, message: $message, inviteMembers: $inviteMembers) {\n      id\n      slug\n      ... on AccountWithHost {\n        isActive\n        isApproved\n        host {\n          id\n          ...ApplyToHostFields\n        }\n      }\n    }\n  }\n  \n": types.ApplyToNewHostDocument,
-    "\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: false) {\n          id\n        }\n      }\n    ": types.RemovePaymentMethodDocument,
+    "\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: true) {\n          id\n        }\n      }\n    ": types.RemovePaymentMethodDocument,
     "\n      mutation ConfirmOrder($order: OrderReferenceInput!) {\n        confirmOrder(order: $order) {\n          order {\n            id\n            status\n            transactions {\n              id\n            }\n            fromAccount {\n              id\n              slug\n            }\n          }\n          stripeError {\n            message\n            account\n            response\n          }\n        }\n      }\n    ": types.ConfirmOrderDocument,
     "\n      mutation PaymentInfoRemovePayoutMethod($payoutMethodId: String!) {\n        removePayoutMethod(payoutMethodId: $payoutMethodId) {\n          id\n          ...PayoutMethodFields\n        }\n      }\n      \n    ": types.PaymentInfoRemovePayoutMethodDocument,
     "\n      mutation PaymentInfoRestorePayoutMethod($payoutMethod: PayoutMethodReferenceInput!) {\n        restorePayoutMethod(payoutMethod: $payoutMethod) {\n          id\n          ...PayoutMethodFields\n        }\n      }\n      \n    ": types.PaymentInfoRestorePayoutMethodDocument,
@@ -991,7 +991,7 @@ export function graphql(source: "\n  mutation ApplyToNewHost(\n    $collective:
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export function graphql(source: "\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: false) {\n          id\n        }\n      }\n    "): (typeof documents)["\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: false) {\n          id\n        }\n      }\n    "];
+export function graphql(source: "\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: true) {\n          id\n        }\n      }\n    "): (typeof documents)["\n      mutation RemovePaymentMethod($paymentMethod: PaymentMethodReferenceInput!) {\n        removePaymentMethod(paymentMethod: $paymentMethod, cancelActiveSubscriptions: true) {\n          id\n        }\n      }\n    "];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
diff --git a/lib/graphql/types/v2/graphql.ts b/lib/graphql/types/v2/graphql.ts
index 0c7aa6bbbd2..4ad47350534 100644
--- a/lib/graphql/types/v2/graphql.ts
+++ b/lib/graphql/types/v2/graphql.ts
@@ -5719,7 +5719,7 @@ export const DuplicateAccountDocument = {"kind":"Document","definitions":[{"kind
 export const ApplyToHostDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"ApplyToHost"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"hostSlug"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"collectiveSlug"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"host"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"slug"},"value":{"kind":"Variable","name":{"kind":"Name","value":"hostSlug"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ApplyToHostFields"}}]}},{"kind":"Field","name":{"kind":"Name","value":"account"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"slug"},"value":{"kind":"Variable","name":{"kind":"Name","value":"collectiveSlug"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ApplyToHostAccountFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ApplyToHostFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Host"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"legacyId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"currency"}},{"kind":"Field","name":{"kind":"Name","value":"isOpenToApplications"}},{"kind":"Field","name":{"kind":"Name","value":"termsUrl"}},{"kind":"Field","name":{"kind":"Name","value":"longDescription"}},{"kind":"Field","name":{"kind":"Name","value":"hostFeePercent"}},{"kind":"Field","name":{"kind":"Name","value":"settings"}},{"kind":"Field","name":{"kind":"Name","value":"policies"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"COLLECTIVE_MINIMUM_ADMINS"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"numberOfAdmins"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ApplyToHostAccountFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Account"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}},{"kind":"Field","name":{"kind":"Name","value":"memberInvitations"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"role"},"value":{"kind":"ListValue","values":[{"kind":"EnumValue","value":"ADMIN"}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"memberAccount"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}}]}}]}},{"kind":"Field","alias":{"kind":"Name","value":"admins"},"name":{"kind":"Name","value":"members"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"role"},"value":{"kind":"EnumValue","value":"ADMIN"}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"nodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"account"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}}]}}]}}]}}]}}]} as unknown as DocumentNode<ApplyToHostQuery, ApplyToHostQueryVariables>;
 export const ApplyToHostWithAccountsDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"query","name":{"kind":"Name","value":"ApplyToHostWithAccounts"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"hostSlug"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"host"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"slug"},"value":{"kind":"Variable","name":{"kind":"Name","value":"hostSlug"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ApplyToHostFields"}}]}},{"kind":"Field","name":{"kind":"Name","value":"loggedInAccount"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"memberOf"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"role"},"value":{"kind":"EnumValue","value":"ADMIN"}},{"kind":"Argument","name":{"kind":"Name","value":"accountType"},"value":{"kind":"ListValue","values":[{"kind":"EnumValue","value":"COLLECTIVE"},{"kind":"EnumValue","value":"FUND"}]}},{"kind":"Argument","name":{"kind":"Name","value":"isApproved"},"value":{"kind":"BooleanValue","value":false}},{"kind":"Argument","name":{"kind":"Name","value":"isArchived"},"value":{"kind":"BooleanValue","value":false}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"nodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"account"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ApplyToHostAccountFields"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"AccountWithHost"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"host"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"legacyId"}}]}}]}}]}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ApplyToHostFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Host"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"legacyId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"currency"}},{"kind":"Field","name":{"kind":"Name","value":"isOpenToApplications"}},{"kind":"Field","name":{"kind":"Name","value":"termsUrl"}},{"kind":"Field","name":{"kind":"Name","value":"longDescription"}},{"kind":"Field","name":{"kind":"Name","value":"hostFeePercent"}},{"kind":"Field","name":{"kind":"Name","value":"settings"}},{"kind":"Field","name":{"kind":"Name","value":"policies"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"COLLECTIVE_MINIMUM_ADMINS"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"numberOfAdmins"}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ApplyToHostAccountFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Account"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}},{"kind":"Field","name":{"kind":"Name","value":"memberInvitations"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"role"},"value":{"kind":"ListValue","values":[{"kind":"EnumValue","value":"ADMIN"}]}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"memberAccount"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}}]}}]}},{"kind":"Field","alias":{"kind":"Name","value":"admins"},"name":{"kind":"Name","value":"members"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"role"},"value":{"kind":"EnumValue","value":"ADMIN"}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"nodes"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"role"}},{"kind":"Field","name":{"kind":"Name","value":"account"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"imageUrl"}}]}}]}}]}}]}}]} as unknown as DocumentNode<ApplyToHostWithAccountsQuery, ApplyToHostWithAccountsQueryVariables>;
 export const ApplyToNewHostDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"ApplyToNewHost"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"collective"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"AccountReferenceInput"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"host"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"AccountReferenceInput"}}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"message"}},"type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}},{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"inviteMembers"}},"type":{"kind":"ListType","type":{"kind":"NamedType","name":{"kind":"Name","value":"InviteMemberInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"applyToHost"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"collective"},"value":{"kind":"Variable","name":{"kind":"Name","value":"collective"}}},{"kind":"Argument","name":{"kind":"Name","value":"host"},"value":{"kind":"Variable","name":{"kind":"Name","value":"host"}}},{"kind":"Argument","name":{"kind":"Name","value":"message"},"value":{"kind":"Variable","name":{"kind":"Name","value":"message"}}},{"kind":"Argument","name":{"kind":"Name","value":"inviteMembers"},"value":{"kind":"Variable","name":{"kind":"Name","value":"inviteMembers"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"InlineFragment","typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"AccountWithHost"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"isActive"}},{"kind":"Field","name":{"kind":"Name","value":"isApproved"}},{"kind":"Field","name":{"kind":"Name","value":"host"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"ApplyToHostFields"}}]}}]}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"ApplyToHostFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"Host"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"legacyId"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"createdAt"}},{"kind":"Field","name":{"kind":"Name","value":"currency"}},{"kind":"Field","name":{"kind":"Name","value":"isOpenToApplications"}},{"kind":"Field","name":{"kind":"Name","value":"termsUrl"}},{"kind":"Field","name":{"kind":"Name","value":"longDescription"}},{"kind":"Field","name":{"kind":"Name","value":"hostFeePercent"}},{"kind":"Field","name":{"kind":"Name","value":"settings"}},{"kind":"Field","name":{"kind":"Name","value":"policies"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"COLLECTIVE_MINIMUM_ADMINS"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"numberOfAdmins"}}]}}]}}]}}]} as unknown as DocumentNode<ApplyToNewHostMutation, ApplyToNewHostMutationVariables>;
-export const RemovePaymentMethodDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"RemovePaymentMethod"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"paymentMethod"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"PaymentMethodReferenceInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"removePaymentMethod"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"paymentMethod"},"value":{"kind":"Variable","name":{"kind":"Name","value":"paymentMethod"}}},{"kind":"Argument","name":{"kind":"Name","value":"cancelActiveSubscriptions"},"value":{"kind":"BooleanValue","value":false}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]} as unknown as DocumentNode<RemovePaymentMethodMutation, RemovePaymentMethodMutationVariables>;
+export const RemovePaymentMethodDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"RemovePaymentMethod"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"paymentMethod"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"PaymentMethodReferenceInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"removePaymentMethod"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"paymentMethod"},"value":{"kind":"Variable","name":{"kind":"Name","value":"paymentMethod"}}},{"kind":"Argument","name":{"kind":"Name","value":"cancelActiveSubscriptions"},"value":{"kind":"BooleanValue","value":true}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}}]}}]} as unknown as DocumentNode<RemovePaymentMethodMutation, RemovePaymentMethodMutationVariables>;
 export const ConfirmOrderDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"ConfirmOrder"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"order"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"OrderReferenceInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"confirmOrder"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"order"},"value":{"kind":"Variable","name":{"kind":"Name","value":"order"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"order"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"status"}},{"kind":"Field","name":{"kind":"Name","value":"transactions"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}}]}},{"kind":"Field","name":{"kind":"Name","value":"fromAccount"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"slug"}}]}}]}},{"kind":"Field","name":{"kind":"Name","value":"stripeError"},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"message"}},{"kind":"Field","name":{"kind":"Name","value":"account"}},{"kind":"Field","name":{"kind":"Name","value":"response"}}]}}]}}]}}]} as unknown as DocumentNode<ConfirmOrderMutation, ConfirmOrderMutationVariables>;
 export const PaymentInfoRemovePayoutMethodDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"PaymentInfoRemovePayoutMethod"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"payoutMethodId"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"String"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"removePayoutMethod"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"payoutMethodId"},"value":{"kind":"Variable","name":{"kind":"Name","value":"payoutMethodId"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PayoutMethodFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PayoutMethodFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PayoutMethod"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"isSaved"}},{"kind":"Field","name":{"kind":"Name","value":"data"}},{"kind":"Field","name":{"kind":"Name","value":"canBeEditedOrDeleted"}}]}}]} as unknown as DocumentNode<PaymentInfoRemovePayoutMethodMutation, PaymentInfoRemovePayoutMethodMutationVariables>;
 export const PaymentInfoRestorePayoutMethodDocument = {"kind":"Document","definitions":[{"kind":"OperationDefinition","operation":"mutation","name":{"kind":"Name","value":"PaymentInfoRestorePayoutMethod"},"variableDefinitions":[{"kind":"VariableDefinition","variable":{"kind":"Variable","name":{"kind":"Name","value":"payoutMethod"}},"type":{"kind":"NonNullType","type":{"kind":"NamedType","name":{"kind":"Name","value":"PayoutMethodReferenceInput"}}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"restorePayoutMethod"},"arguments":[{"kind":"Argument","name":{"kind":"Name","value":"payoutMethod"},"value":{"kind":"Variable","name":{"kind":"Name","value":"payoutMethod"}}}],"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"FragmentSpread","name":{"kind":"Name","value":"PayoutMethodFields"}}]}}]}},{"kind":"FragmentDefinition","name":{"kind":"Name","value":"PayoutMethodFields"},"typeCondition":{"kind":"NamedType","name":{"kind":"Name","value":"PayoutMethod"}},"selectionSet":{"kind":"SelectionSet","selections":[{"kind":"Field","name":{"kind":"Name","value":"id"}},{"kind":"Field","name":{"kind":"Name","value":"type"}},{"kind":"Field","name":{"kind":"Name","value":"name"}},{"kind":"Field","name":{"kind":"Name","value":"isSaved"}},{"kind":"Field","name":{"kind":"Name","value":"data"}},{"kind":"Field","name":{"kind":"Name","value":"canBeEditedOrDeleted"}}]}}]} as unknown as DocumentNode<PaymentInfoRestorePayoutMethodMutation, PaymentInfoRestorePayoutMethodMutationVariables>;