@vendure/dashboard 3.3.6-master-202507050232 → 3.4.0-minor-202506250934

package/src/app/routes/_authenticated/_orders/orders_.$id.tsx

@@ -1,8 +1,8 @@
-import { ErrorPage } from '@/vdb/components/shared/error-page.js';
-import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
-import { Badge } from '@/vdb/components/ui/badge.js';
-import { Button } from '@/vdb/components/ui/button.js';
-import { addCustomFields } from '@/vdb/framework/document-introspection/add-custom-fields.js';
+import { ErrorPage } from '@/components/shared/error-page.js';
+import { PermissionGuard } from '@/components/shared/permission-guard.js';
+import { Badge } from '@/components/ui/badge.js';
+import { Button } from '@/components/ui/button.js';
+import { addCustomFields } from '@/framework/document-introspection/add-custom-fields.js';
 import {
     CustomFieldsPageBlock,
     Page,
@@ -11,31 +11,26 @@ import {
     PageBlock,
     PageLayout,
     PageTitle,
-} from '@/vdb/framework/layout-engine/page-layout.js';
-import { getDetailQueryOptions, useDetailPage } from '@/vdb/framework/page/use-detail-page.js';
-import { ResultOf } from '@/vdb/graphql/graphql.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
+} from '@/framework/layout-engine/page-layout.js';
+import { getDetailQueryOptions, useDetailPage } from '@/framework/page/use-detail-page.js';
+import { ResultOf } from '@/graphql/graphql.js';
+import { Trans, useLingui } from '@/lib/trans.js';
 import { Link, createFileRoute, redirect } from '@tanstack/react-router';
 import { User } from 'lucide-react';
 import { toast } from 'sonner';
-import { AddManualPaymentDialog } from './components/add-manual-payment-dialog.js';
-import { FulfillOrderDialog } from './components/fulfill-order-dialog.js';
-import { FulfillmentDetails } from './components/fulfillment-details.js';
 import { OrderAddress } from './components/order-address.js';
 import { OrderHistoryContainer } from './components/order-history/order-history-container.js';
 import { OrderTable } from './components/order-table.js';
 import { OrderTaxSummary } from './components/order-tax-summary.js';
 import { PaymentDetails } from './components/payment-details.js';
 import { orderDetailDocument } from './orders.graphql.js';
-import { canAddFulfillment, shouldShowAddManualPaymentButton } from './utils/order-utils.js';
-import { useQueryClient } from '@tanstack/react-query';
-import { orderHistoryQueryKey } from './components/order-history/use-order-history.js';
-
-const pageId = 'order-detail';
 
 export const Route = createFileRoute('/_authenticated/_orders/orders_/$id')({
     component: OrderDetailPage,
-    loader: async ({ context, params }) => {
+    loader: async ({
+        context,
+        params,
+    }) => {
         if (!params.id) {
             throw new Error('ID param is required');
         }
@@ -65,9 +60,8 @@ export const Route = createFileRoute('/_authenticated/_orders/orders_/$id')({
 function OrderDetailPage() {
     const params = Route.useParams();
     const { i18n } = useLingui();
-    const queryClient = useQueryClient();
-    const { form, submitHandler, entity, isPending, refreshEntity } = useDetailPage({
-        pageId,
+
+    const { form, submitHandler, entity, isPending } = useDetailPage({
         queryDocument: orderDetailDocument,
         setValuesForUpdate: entity => {
             return {
@@ -91,35 +85,11 @@ function OrderDetailPage() {
         return null;
     }
 
-    const showAddPaymentButton = shouldShowAddManualPaymentButton(entity);
-    const showFulfillButton = canAddFulfillment(entity);
-
     return (
-        <Page pageId={pageId} form={form} submitHandler={submitHandler} entity={entity}>
+        <Page pageId="order-detail" form={form} submitHandler={submitHandler}>
             <PageTitle>{entity?.code ?? ''}</PageTitle>
             <PageActionBar>
                 <PageActionBarRight>
-                    {showAddPaymentButton && (
-                        <PermissionGuard requires={['UpdateOrder']}>
-                            <AddManualPaymentDialog
-                                order={entity}
-                                onSuccess={() => {
-                                    refreshEntity();
-                                }}
-                            />
-                        </PermissionGuard>
-                    )}
-                    {showFulfillButton && (
-                        <PermissionGuard requires={['UpdateOrder']}>
-                            <FulfillOrderDialog
-                                order={entity}
-                                onSuccess={() => {
-                                    refreshEntity();
-                                    queryClient.refetchQueries({ queryKey: orderHistoryQueryKey(entity.id) });
-                                }}
-                            />
-                        </PermissionGuard>
-                    )}
                     <PermissionGuard requires={['UpdateProduct', 'UpdateCatalog']}>
                         <Button
                             type="submit"
@@ -179,32 +149,6 @@ function OrderDetailPage() {
                         />
                     ))}
                 </PageBlock>
-
-                <PageBlock
-                    column="side"
-                    blockId="fulfillment-details"
-                    title={<Trans>Fulfillment details</Trans>}
-                >
-                    {entity?.fulfillments?.length && entity.fulfillments.length > 0  ? (
-                        <div className="space-y-2">
-                        {entity?.fulfillments?.map(fulfillment => (
-                        <FulfillmentDetails
-                            key={fulfillment.id}
-                            order={entity}
-                            fulfillment={fulfillment}
-                            onSuccess={() => {
-                                refreshEntity();
-                                queryClient.refetchQueries({ queryKey: orderHistoryQueryKey(entity.id) });
-                            }}
-                        />
-                        ))}
-                    </div>
-                ) : (
-                    <div className="text-muted-foreground text-xs font-medium p-3 border rounded-md">
-                        <Trans>No fulfillments</Trans>
-                    </div>
-                )}
-                </PageBlock>
             </PageLayout>
         </Page>
     );

package/src/app/routes/_authenticated/_orders/orders_.draft.$id.tsx

@@ -1,23 +1,15 @@
-import { ConfirmationDialog } from '@/vdb/components/shared/confirmation-dialog.js';
-import { CustomFieldsForm } from '@/vdb/components/shared/custom-fields-form.js';
-import { CustomerSelector } from '@/vdb/components/shared/customer-selector.js';
-import { ErrorPage } from '@/vdb/components/shared/error-page.js';
-import { PermissionGuard } from '@/vdb/components/shared/permission-guard.js';
-import { Button } from '@/vdb/components/ui/button.js';
-import { Form } from '@/vdb/components/ui/form.js';
-import { addCustomFields } from '@/vdb/framework/document-introspection/add-custom-fields.js';
-import { useGeneratedForm } from '@/vdb/framework/form-engine/use-generated-form.js';
-import {
-    Page,
-    PageActionBar,
-    PageActionBarRight,
-    PageBlock,
-    PageLayout,
-    PageTitle,
-} from '@/vdb/framework/layout-engine/page-layout.js';
-import { getDetailQueryOptions, useDetailPage } from '@/vdb/framework/page/use-detail-page.js';
-import { api } from '@/vdb/graphql/api.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
+import { ConfirmationDialog } from '@/components/shared/confirmation-dialog.js';
+import { CustomerSelector } from '@/components/shared/customer-selector.js';
+import { ErrorPage } from '@/components/shared/error-page.js';
+import { PermissionGuard } from '@/components/shared/permission-guard.js';
+import { Button } from '@/components/ui/button.js';
+import { Form } from '@/components/ui/form.js';
+import { addCustomFields } from '@/framework/document-introspection/add-custom-fields.js';
+import { useGeneratedForm } from '@/framework/form-engine/use-generated-form.js';
+import { CustomFieldsPageBlock, Page, PageActionBar, PageActionBarRight, PageBlock, PageLayout, PageTitle } from '@/framework/layout-engine/page-layout.js';
+import { getDetailQueryOptions, useDetailPage } from '@/framework/page/use-detail-page.js';
+import { api } from '@/graphql/api.js';
+import { Trans, useLingui } from '@/lib/trans.js';
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { createFileRoute, Link, redirect, useNavigate } from '@tanstack/react-router';
 import { ResultOf } from 'gql.tada';
@@ -26,28 +18,15 @@ import { toast } from 'sonner';
 import { CustomerAddressSelector } from './components/customer-address-selector.js';
 import { EditOrderTable } from './components/edit-order-table.js';
 import { OrderAddress } from './components/order-address.js';
-import {
-    addItemToDraftOrderDocument,
-    adjustDraftOrderLineDocument,
-    applyCouponCodeToDraftOrderDocument,
-    deleteDraftOrderDocument,
-    draftOrderEligibleShippingMethodsDocument,
-    orderDetailDocument,
-    removeCouponCodeFromDraftOrderDocument,
-    removeDraftOrderLineDocument,
-    setBillingAddressForDraftOrderDocument,
-    setCustomerForDraftOrderDocument,
-    setDraftOrderCustomFieldsDocument,
-    setDraftOrderShippingMethodDocument,
-    setShippingAddressForDraftOrderDocument,
-    transitionOrderToStateDocument,
-    unsetBillingAddressForDraftOrderDocument,
-    unsetShippingAddressForDraftOrderDocument,
-} from './orders.graphql.js';
+import { addItemToDraftOrderDocument, adjustDraftOrderLineDocument, applyCouponCodeToDraftOrderDocument, deleteDraftOrderDocument, draftOrderEligibleShippingMethodsDocument, orderDetailDocument, removeCouponCodeFromDraftOrderDocument, removeDraftOrderLineDocument, setBillingAddressForDraftOrderDocument, setCustomerForDraftOrderDocument, setDraftOrderCustomFieldsDocument, setDraftOrderShippingMethodDocument, setShippingAddressForDraftOrderDocument, transitionOrderToStateDocument, unsetBillingAddressForDraftOrderDocument, unsetShippingAddressForDraftOrderDocument } from './orders.graphql.js';
+import { CustomFieldsForm } from '@/components/shared/custom-fields-form.js';
 
 export const Route = createFileRoute('/_authenticated/_orders/orders_/draft/$id')({
     component: DraftOrderPage,
-    loader: async ({ context, params }) => {
+    loader: async ({
+        context,
+        params,
+    }) => {
         if (!params.id) {
             throw new Error('ID param is required');
         }
@@ -101,7 +80,7 @@ function DraftOrderPage() {
                     quantity: entity.quantity,
                     orderLineId: entity.id,
                     customFields: entity.customFields,
-                },
+                }
             };
         },
     });
@@ -116,7 +95,7 @@ function DraftOrderPage() {
                 input: {
                     id: entity.id,
                     customFields: entity.customFields,
-                },
+                }
             };
         },
     });
@@ -307,17 +286,12 @@ function DraftOrderPage() {
     }
 
     const onSaveCustomFields = (values: any) => {
-        setDraftOrderCustomFields({
-            input: { id: entity.id, customFields: values.input?.customFields },
-            orderId: entity.id,
-        });
-    };
+        setDraftOrderCustomFields({ input: { id: entity.id, customFields: values.input?.customFields }, orderId: entity.id });
+    }
 
     return (
         <Page pageId="draft-order-detail" form={form}>
-            <PageTitle>
-                <Trans>Draft order</Trans>: {entity?.code ?? ''}
-            </PageTitle>
+            <PageTitle><Trans>Draft order</Trans>: {entity?.code ?? ''}</PageTitle>
             <PageActionBar>
                 <PageActionBarRight>
                     <PermissionGuard requires={['DeleteOrder']}>
@@ -332,16 +306,11 @@ function DraftOrderPage() {
                                 <Trans>Delete draft</Trans>
                             </Button>
                         </ConfirmationDialog>
+
                     </PermissionGuard>
                     <PermissionGuard requires={['UpdateOrder']}>
-                        <Button
-                            type="button"
-                            disabled={
-                                !entity.customer ||
-                                entity.lines.length === 0 ||
-                                entity.shippingLines.length === 0 ||
-                                entity.state !== 'Draft'
-                            }
+                        <Button type="button"
+                            disabled={!entity.customer || entity.lines.length === 0 || entity.shippingLines.length === 0 || entity.state !== 'Draft'}
                             onClick={() => completeDraftOrder({ id: entity.id, state: 'ArrangingPayment' })}
                         >
                             <Trans>Complete draft</Trans>
@@ -351,153 +320,88 @@ function DraftOrderPage() {
             </PageActionBar>
             <PageLayout>
                 <PageBlock column="main" blockId="order-table">
-                    <EditOrderTable
-                        order={entity}
-                        eligibleShippingMethods={
-                            eligibleShippingMethods?.eligibleShippingMethodsForDraftOrder ?? []
-                        }
-                        onSetShippingMethod={e =>
-                            setShippingMethodForDraftOrder({
-                                orderId: entity.id,
-                                shippingMethodId: e.shippingMethodId,
-                            })
-                        }
-                        onAddItem={e =>
-                            addItemToDraftOrder({
-                                orderId: entity.id,
-                                input: { productVariantId: e.productVariantId, quantity: 1 },
-                            })
-                        }
-                        onAdjustLine={e =>
-                            adjustDraftOrderLine({
-                                orderId: entity.id,
-                                input: {
-                                    orderLineId: e.lineId,
-                                    quantity: e.quantity,
-                                    customFields: e.customFields,
-                                } as any,
-                            })
-                        }
-                        onRemoveLine={e =>
-                            removeDraftOrderLine({
-                                orderId: entity.id,
-                                orderLineId: e.lineId,
-                            })
-                        }
-                        onApplyCouponCode={e =>
-                            setCouponCodeForDraftOrder({
-                                orderId: entity.id,
-                                couponCode: e.couponCode,
-                            })
-                        }
-                        onRemoveCouponCode={e =>
-                            removeCouponCodeForDraftOrder({
-                                orderId: entity.id,
-                                couponCode: e.couponCode,
-                            })
-                        }
+                    <EditOrderTable order={entity}
+                        eligibleShippingMethods={eligibleShippingMethods?.eligibleShippingMethodsForDraftOrder ?? []}
+                        onSetShippingMethod={(e) => setShippingMethodForDraftOrder({ orderId: entity.id, shippingMethodId: e.shippingMethodId })}
+                        onAddItem={(e) => addItemToDraftOrder({ orderId: entity.id, input: { productVariantId: e.productVariantId, quantity: 1 } })}
+                        onAdjustLine={(e) => adjustDraftOrderLine({ orderId: entity.id, input: { orderLineId: e.lineId, quantity: e.quantity, customFields: e.customFields } as any })}
+                        onRemoveLine={(e) => removeDraftOrderLine({ orderId: entity.id, orderLineId: e.lineId })}
+                        onApplyCouponCode={(e) => setCouponCodeForDraftOrder({ orderId: entity.id, couponCode: e.couponCode })}
+                        onRemoveCouponCode={(e) => removeCouponCodeForDraftOrder({ orderId: entity.id, couponCode: e.couponCode })}
                         orderLineForm={orderLineForm}
                     />
                 </PageBlock>
                 <PageBlock column="main" blockId="order-custom-fields" title={<Trans>Custom fields</Trans>}>
                     <Form {...orderCustomFieldsForm}>
-                        <CustomFieldsForm
-                            entityType="Order"
-                            control={orderCustomFieldsForm.control}
-                            formPathPrefix="input"
-                        />
+                        <CustomFieldsForm entityType="Order" control={orderCustomFieldsForm.control} formPathPrefix='input' />
                         <div className="mt-4">
-                            <Button
-                                type="submit"
-                                className=""
-                                disabled={
-                                    !orderCustomFieldsForm.formState.isValid ||
-                                    !orderCustomFieldsForm.formState.isDirty
-                                }
-                                onClick={e => {
+                            <Button type="submit" className=""
+                                disabled={!orderCustomFieldsForm.formState.isValid || !orderCustomFieldsForm.formState.isDirty}
+                                onClick={(e) => {
                                     e.preventDefault();
                                     e.stopPropagation();
                                     orderCustomFieldsForm.handleSubmit(onSaveCustomFields)();
-                                }}
-                            >
+                                }}>
                                 <Trans>Set custom fields</Trans>
                             </Button>
                         </div>
                     </Form>
                 </PageBlock>
                 <PageBlock column="side" blockId="customer" title={<Trans>Customer</Trans>}>
-                    {entity?.customer?.id ? (
-                        <Button variant="ghost" asChild className="mb-4">
-                            <Link to={`/customers/${entity?.customer?.id}`}>
-                                <User className="w-4 h-4" />
-                                {entity?.customer?.firstName} {entity?.customer?.lastName}
-                            </Link>
-                        </Button>
-                    ) : null}
-                    <CustomerSelector
-                        onSelect={customer => {
-                            setCustomerForDraftOrder({ orderId: entity.id, customerId: customer.id });
-                        }}
-                    />
+                    {entity?.customer?.id ? <Button variant="ghost" asChild className="mb-4">
+                        <Link to={`/customers/${entity?.customer?.id}`}>
+                            <User className="w-4 h-4" />
+                            {entity?.customer?.firstName} {entity?.customer?.lastName}
+                        </Link>
+                    </Button> : null}
+                    <CustomerSelector onSelect={customer => {
+                        setCustomerForDraftOrder({ orderId: entity.id, customerId: customer.id });
+                    }} />
                 </PageBlock>
                 <PageBlock column="side" blockId="shipping-address" title={<Trans>Shipping address</Trans>}>
                     <div className="flex flex-col">
                         <OrderAddress address={entity.shippingAddress ?? undefined} />
-                        {entity.shippingAddress?.streetLine1 ? (
-                            <RemoveAddressButton
-                                onClick={() => unsetShippingAddressForDraftOrder({ orderId: entity.id })}
-                            />
-                        ) : (
-                            <CustomerAddressSelector
-                                customerId={entity.customer?.id}
-                                onSelect={address => {
-                                    setShippingAddressForDraftOrder({
-                                        orderId: entity.id,
-                                        input: {
-                                            fullName: address.fullName,
-                                            company: address.company,
-                                            streetLine1: address.streetLine1,
-                                            streetLine2: address.streetLine2,
-                                            city: address.city,
-                                            province: address.province,
-                                            postalCode: address.postalCode,
-                                            countryCode: address.country.code,
-                                            phoneNumber: address.phoneNumber,
-                                        },
-                                    });
-                                }}
-                            />
-                        )}
+                        {entity.shippingAddress?.streetLine1
+                            ? <RemoveAddressButton onClick={() => unsetShippingAddressForDraftOrder({ orderId: entity.id })} />
+                            : <CustomerAddressSelector customerId={entity.customer?.id} onSelect={address => {
+                                setShippingAddressForDraftOrder({
+                                    orderId: entity.id, input: {
+                                        fullName: address.fullName,
+                                        company: address.company,
+                                        streetLine1: address.streetLine1,
+                                        streetLine2: address.streetLine2,
+                                        city: address.city,
+                                        province: address.province,
+                                        postalCode: address.postalCode,
+                                        countryCode: address.country.code,
+                                        phoneNumber: address.phoneNumber,
+                                    }
+                                });
+                            }} />
+                        }
                     </div>
                 </PageBlock>
                 <PageBlock column="side" blockId="billing-address" title={<Trans>Billing address</Trans>}>
                     <div className="flex flex-col">
                         <OrderAddress address={entity.billingAddress ?? undefined} />
-                        {entity.billingAddress?.streetLine1 ? (
-                            <RemoveAddressButton
-                                onClick={() => unsetBillingAddressForDraftOrder({ orderId: entity.id })}
-                            />
-                        ) : (
-                            <CustomerAddressSelector
-                                customerId={entity.customer?.id}
-                                onSelect={address => {
-                                    setBillingAddressForDraftOrder({
-                                        orderId: entity.id,
-                                        input: {
-                                            fullName: address.fullName,
-                                            company: address.company,
-                                            streetLine1: address.streetLine1,
-                                            streetLine2: address.streetLine2,
-                                            city: address.city,
-                                            province: address.province,
-                                            postalCode: address.postalCode,
-                                            countryCode: address.country.code,
-                                            phoneNumber: address.phoneNumber,
-                                        },
-                                    });
-                                }}
-                            />
-                        )}
+                        {entity.billingAddress?.streetLine1
+                            ? <RemoveAddressButton onClick={() => unsetBillingAddressForDraftOrder({ orderId: entity.id })} />
+                            : <CustomerAddressSelector customerId={entity.customer?.id} onSelect={address => {
+                                setBillingAddressForDraftOrder({
+                                    orderId: entity.id, input: {
+                                        fullName: address.fullName,
+                                        company: address.company,
+                                        streetLine1: address.streetLine1,
+                                        streetLine2: address.streetLine2,
+                                        city: address.city,
+                                        province: address.province,
+                                        postalCode: address.postalCode,
+                                        countryCode: address.country.code,
+                                        phoneNumber: address.phoneNumber,
+                                    }
+                                });
+                            }} />
+                        }
                     </div>
                 </PageBlock>
             </PageLayout>
@@ -506,11 +410,9 @@ function DraftOrderPage() {
 }
 
 function RemoveAddressButton(props: { onClick: () => void }) {
-    return (
-        <div className="">
-            <Button variant="outline" className="mt-4" size="sm" onClick={props.onClick}>
-                <Trans>Remove</Trans>
-            </Button>
-        </div>
-    );
-}
+    return (<div className="">
+        <Button variant="outline" className="mt-4" size="sm" onClick={props.onClick}>
+            <Trans>Remove</Trans>
+        </Button>
+    </div>)
+}

package/src/app/routes/_authenticated/_payment-methods/components/payment-eligibility-checker-selector.tsx

@@ -1,18 +1,15 @@
-import { ConfigurableOperationInput } from '@/vdb/components/shared/configurable-operation-input.js';
-import { Button } from '@/vdb/components/ui/button.js';
+import { ConfigurableOperationInput } from '@/components/shared/configurable-operation-input.js';
+import { Button } from '@/components/ui/button.js';
 import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
     DropdownMenuTrigger,
-} from '@/vdb/components/ui/dropdown-menu.js';
-import { api } from '@/vdb/graphql/api.js';
-import {
-    configurableOperationDefFragment,
-    ConfigurableOperationDefFragment,
-} from '@/vdb/graphql/fragments.js';
-import { graphql } from '@/vdb/graphql/graphql.js';
-import { Trans } from '@/vdb/lib/trans.js';
+} from '@/components/ui/dropdown-menu.js';
+import { api } from '@/graphql/api.js';
+import { configurableOperationDefFragment, ConfigurableOperationDefFragment } from '@/graphql/fragments.js';
+import { graphql } from '@/graphql/graphql.js';
+import { Trans } from '@/lib/trans.js';
 import { useQuery } from '@tanstack/react-query';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
 import { Plus } from 'lucide-react';

package/src/app/routes/_authenticated/_payment-methods/components/payment-handler-selector.tsx

@@ -1,18 +1,15 @@
-import { ConfigurableOperationInput } from '@/vdb/components/shared/configurable-operation-input.js';
-import { Button } from '@/vdb/components/ui/button.js';
+import { ConfigurableOperationInput } from '@/components/shared/configurable-operation-input.js';
+import { Button } from '@/components/ui/button.js';
 import {
     DropdownMenu,
     DropdownMenuContent,
     DropdownMenuItem,
     DropdownMenuTrigger,
-} from '@/vdb/components/ui/dropdown-menu.js';
-import { api } from '@/vdb/graphql/api.js';
-import {
-    configurableOperationDefFragment,
-    ConfigurableOperationDefFragment,
-} from '@/vdb/graphql/fragments.js';
-import { graphql } from '@/vdb/graphql/graphql.js';
-import { Trans } from '@/vdb/lib/trans.js';
+} from '@/components/ui/dropdown-menu.js';
+import { api } from '@/graphql/api.js';
+import { configurableOperationDefFragment, ConfigurableOperationDefFragment } from '@/graphql/fragments.js';
+import { graphql } from '@/graphql/graphql.js';
+import { Trans } from '@/lib/trans.js';
 import { useQuery } from '@tanstack/react-query';
 import { ConfigurableOperationInput as ConfigurableOperationInputType } from '@vendure/common/lib/generated-types';
 import { Plus } from 'lucide-react';
@@ -33,7 +30,10 @@ interface PaymentHandlerSelectorProps {
     onChange: (value: ConfigurableOperationInputType | undefined) => void;
 }
 
-export function PaymentHandlerSelector({ value, onChange }: Readonly<PaymentHandlerSelectorProps>) {
+export function PaymentHandlerSelector({
+    value,
+    onChange,
+}: PaymentHandlerSelectorProps) {
     const { data: handlersData } = useQuery({
         queryKey: ['paymentMethodHandlers'],
         queryFn: () => api.query(paymentHandlersDocument),

package/src/app/routes/_authenticated/_payment-methods/payment-methods.graphql.ts

@@ -1,5 +1,5 @@
-import { configurableOperationFragment } from '@/vdb/graphql/fragments.js';
-import { graphql } from '@/vdb/graphql/graphql.js';
+import { configurableOperationFragment } from '@/graphql/fragments.js';
+import { graphql } from '@/graphql/graphql.js';
 
 export const paymentMethodItemFragment = graphql(`
     fragment PaymentMethodItem on PaymentMethod {
@@ -81,30 +81,3 @@ export const deletePaymentMethodDocument = graphql(`
         }
     }
 `);
-
-export const deletePaymentMethodsDocument = graphql(`
-    mutation DeletePaymentMethods($ids: [ID!]!) {
-        deletePaymentMethods(ids: $ids) {
-            result
-            message
-        }
-    }
-`);
-
-export const assignPaymentMethodsToChannelDocument = graphql(`
-    mutation AssignPaymentMethodsToChannel($input: AssignPaymentMethodsToChannelInput!) {
-        assignPaymentMethodsToChannel(input: $input) {
-            id
-            name
-        }
-    }
-`);
-
-export const removePaymentMethodsFromChannelDocument = graphql(`
-    mutation RemovePaymentMethodsFromChannel($input: RemovePaymentMethodsFromChannelInput!) {
-        removePaymentMethodsFromChannel(input: $input) {
-            id
-            name
-        }
-    }
-`);