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

package/src/app/routes/_authenticated/_orders/utils/order-types.ts

@@ -1,7 +0,0 @@
-import { ResultOf } from '@/vdb/graphql/graphql.js';
-
-import { orderDetailDocument } from '../orders.graphql.js';
-
-export type Order = NonNullable<ResultOf<typeof orderDetailDocument>['order']>;
-export type Payment = NonNullable<NonNullable<Order>['payments']>[number];
-export type Fulfillment = NonNullable<NonNullable<Order>['fulfillments']>[number];

package/src/app/routes/_authenticated/_orders/utils/order-utils.ts

@@ -1,77 +0,0 @@
-import { Fulfillment, Order, Payment } from './order-types.js';
-
-/**
- * Calculates the outstanding payment amount for an order
- */
-export function calculateOutstandingPaymentAmount(order: Order): number {
-    if (!order) return 0;
-
-    const paymentIsValid = (p: Payment): boolean =>
-        p.state !== 'Cancelled' && p.state !== 'Declined' && p.state !== 'Error';
-
-    let amountCovered = 0;
-    for (const payment of order.payments?.filter(paymentIsValid) ?? []) {
-        const refunds = payment.refunds.filter(r => r.state !== 'Failed') ?? [];
-        const refundsTotal = refunds.reduce((sum, refund) => sum + (refund.total || 0), 0);
-        amountCovered += payment.amount - refundsTotal;
-    }
-    return order.totalWithTax - amountCovered;
-}
-
-/**
- * Checks if an order has unsettled modifications
- */
-export function hasUnsettledModifications(order: Order): boolean {
-    if (!order) return false;
-    return order.modifications.some(m => !m.isSettled);
-}
-
-/**
- * Determines if the add manual payment button should be displayed
- */
-export function shouldShowAddManualPaymentButton(order: Order): boolean {
-    if (!order) return false;
-
-    return (
-        order.type !== 'Aggregate' &&
-        (order.state === 'ArrangingPayment' || order.state === 'ArrangingAdditionalPayment') &&
-        (hasUnsettledModifications(order) || calculateOutstandingPaymentAmount(order) > 0)
-    );
-}
-
-/**
- * Determines if we can add a fulfillment to an order
- */
-export function canAddFulfillment(order: Order): boolean {
-    if (!order) return false;
-
-    // Get all fulfillment lines from non-cancelled fulfillments
-    const allFulfillmentLines: Fulfillment['lines'] = (order.fulfillments ?? [])
-        .filter(fulfillment => fulfillment.state !== 'Cancelled')
-        .reduce((all, fulfillment) => [...all, ...fulfillment.lines], [] as Fulfillment['lines']);
-
-    // Check if all items are already fulfilled
-    let allItemsFulfilled = true;
-    for (const line of order.lines) {
-        const totalFulfilledCount = allFulfillmentLines
-            .filter(row => row.orderLineId === line.id)
-            .reduce((sum, row) => sum + row.quantity, 0);
-        if (totalFulfilledCount < line.quantity) {
-            allItemsFulfilled = false;
-            break;
-        }
-    }
-
-    // Check if order is in a fulfillable state
-    const isFulfillableState =
-        order.nextStates.includes('Shipped') ||
-        order.nextStates.includes('PartiallyShipped') ||
-        order.nextStates.includes('Delivered');
-
-    return (
-        !allItemsFulfilled &&
-        !hasUnsettledModifications(order) &&
-        calculateOutstandingPaymentAmount(order) === 0 &&
-        isFulfillableState
-    );
-}

package/src/app/routes/_authenticated/_payment-methods/components/payment-method-bulk-actions.tsx

@@ -1,58 +0,0 @@
-import { AssignToChannelBulkAction } from '@/vdb/components/shared/assign-to-channel-bulk-action.js';
-import { RemoveFromChannelBulkAction } from '@/vdb/components/shared/remove-from-channel-bulk-action.js';
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/data-table.js';
-import { api } from '@/vdb/graphql/api.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-
-import {
-    assignPaymentMethodsToChannelDocument,
-    deletePaymentMethodsDocument,
-    removePaymentMethodsFromChannelDocument,
-} from '../payment-methods.graphql.js';
-
-export const DeletePaymentMethodsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deletePaymentMethodsDocument}
-            entityName="payment methods"
-            requiredPermissions={['DeletePaymentMethod']}
-            selection={selection}
-            table={table}
-        />
-    );
-};
-
-export const AssignPaymentMethodsToChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <AssignToChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="payment methods"
-            mutationFn={api.mutate(assignPaymentMethodsToChannelDocument)}
-            requiredPermissions={['UpdatePaymentMethod']}
-            buildInput={(channelId: string) => ({
-                paymentMethodIds: selection.map(s => s.id),
-                channelId,
-            })}
-        />
-    );
-};
-
-export const RemovePaymentMethodsFromChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { selectedChannel } = useChannel();
-
-    return (
-        <RemoveFromChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="payment methods"
-            mutationFn={api.mutate(removePaymentMethodsFromChannelDocument)}
-            requiredPermissions={['UpdatePaymentMethod']}
-            buildInput={() => ({
-                paymentMethodIds: selection.map(s => s.id),
-                channelId: selectedChannel?.id,
-            })}
-        />
-    );
-};

package/src/app/routes/_authenticated/_product-variants/components/product-variant-bulk-actions.tsx

@@ -1,110 +0,0 @@
-import { TagIcon } from 'lucide-react';
-import { useState } from 'react';
-
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-import { AssignToChannelBulkAction } from '@/vdb/components/shared/assign-to-channel-bulk-action.js';
-import { usePriceFactor } from '@/vdb/components/shared/assign-to-channel-dialog.js';
-import { RemoveFromChannelBulkAction } from '@/vdb/components/shared/remove-from-channel-bulk-action.js';
-import { api } from '@/vdb/graphql/api.js';
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/data-table.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { usePaginatedList } from '@/vdb/components/shared/paginated-list-data-table.js';
-import { Trans } from '@/vdb/lib/trans.js';
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-
-import { AssignFacetValuesDialog } from '../../_products/components/assign-facet-values-dialog.js';
-import {
-    assignProductVariantsToChannelDocument,
-    deleteProductVariantsDocument,
-    getProductVariantsWithFacetValuesByIdsDocument,
-    productVariantDetailDocument,
-    removeProductVariantsFromChannelDocument,
-    updateProductVariantsDocument,
-} from '../product-variants.graphql.js';
-
-export const DeleteProductVariantsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deleteProductVariantsDocument}
-            entityName="product variants"
-            requiredPermissions={['DeleteCatalog', 'DeleteProduct']}
-            selection={selection}
-            table={table}
-        />
-    );
-};
-
-export const AssignProductVariantsToChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { priceFactor, priceFactorField } = usePriceFactor();
-
-    return (
-        <AssignToChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="variants"
-            mutationFn={api.mutate(assignProductVariantsToChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateProduct']}
-            buildInput={(channelId: string) => ({
-                productVariantIds: selection.map(s => s.id),
-                channelId,
-                priceFactor,
-            })}
-            additionalFields={priceFactorField}
-        />
-    );
-};
-
-export const RemoveProductVariantsFromChannelBulkAction: BulkActionComponent<any> = ({
-    selection,
-    table,
-}) => {
-    const { selectedChannel } = useChannel();
-
-    return (
-        <RemoveFromChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="product variants"
-            mutationFn={api.mutate(removeProductVariantsFromChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateProduct']}
-            buildInput={() => ({
-                productVariantIds: selection.map(s => s.id),
-                channelId: selectedChannel?.id,
-            })}
-        />
-    );
-};
-
-export const AssignFacetValuesToProductVariantsBulkAction: BulkActionComponent<any> = ({
-    selection,
-    table,
-}) => {
-    const { refetchPaginatedList } = usePaginatedList();
-    const [dialogOpen, setDialogOpen] = useState(false);
-
-    const handleSuccess = () => {
-        refetchPaginatedList();
-        table.resetRowSelection();
-    };
-
-    return (
-        <>
-            <DataTableBulkActionItem
-                requiresPermission={['UpdateCatalog', 'UpdateProduct']}
-                onClick={() => setDialogOpen(true)}
-                label={<Trans>Edit facet values</Trans>}
-                icon={TagIcon}
-            />
-            <AssignFacetValuesDialog
-                open={dialogOpen}
-                onOpenChange={setDialogOpen}
-                entityIds={selection.map(s => s.id)}
-                entityType="variants"
-                queryFn={variables => api.query(getProductVariantsWithFacetValuesByIdsDocument, variables)}
-                mutationFn={api.mutate(updateProductVariantsDocument)}
-                detailDocument={productVariantDetailDocument}
-                onSuccess={handleSuccess}
-            />
-        </>
-    );
-};

package/src/app/routes/_authenticated/_products/components/assign-facet-values-dialog.tsx

@@ -1,281 +0,0 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import { useState } from 'react';
-import { toast } from 'sonner';
-
-import { FacetValueChip } from '@/vdb/components/shared/facet-value-chip.js';
-import { FacetValue, FacetValueSelector } from '@/vdb/components/shared/facet-value-selector.js';
-import { Button } from '@/vdb/components/ui/button.js';
-import {
-    Dialog,
-    DialogContent,
-    DialogDescription,
-    DialogFooter,
-    DialogHeader,
-    DialogTitle,
-} from '@/vdb/components/ui/dialog.js';
-import { ResultOf } from '@/vdb/graphql/graphql.js';
-import { Trans, useLingui } from '@/vdb/lib/trans.js';
-
-import { getDetailQueryOptions } from '@/vdb/framework/page/use-detail-page.js';
-
-interface EntityWithFacetValues {
-    id: string;
-    name: string;
-    sku?: string;
-    facetValues: Array<{
-        id: string;
-        name: string;
-        code: string;
-        facet: {
-            id: string;
-            name: string;
-            code: string;
-        };
-    }>;
-}
-
-interface AssignFacetValuesDialogProps {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    entityIds: string[];
-    entityType: 'products' | 'variants';
-    queryFn: (variables: any) => Promise<ResultOf<any>>;
-    mutationFn: (variables: any) => Promise<ResultOf<any>>;
-    detailDocument: any;
-    onSuccess?: () => void;
-}
-
-export function AssignFacetValuesDialog({
-    open,
-    onOpenChange,
-    entityIds,
-    entityType,
-    queryFn,
-    mutationFn,
-    detailDocument,
-    onSuccess,
-}: AssignFacetValuesDialogProps) {
-    const { i18n } = useLingui();
-    const [selectedValues, setSelectedValues] = useState<FacetValue[]>([]);
-    const [facetValuesRemoved, setFacetValuesRemoved] = useState(false);
-    const [removedFacetValues, setRemovedFacetValues] = useState<Set<string>>(new Set());
-    const queryClient = useQueryClient();
-
-    // Fetch existing facet values for the entities
-    const { data: entitiesData, isLoading } = useQuery({
-        queryKey: [`${entityType}WithFacetValues`, entityIds],
-        queryFn: () => queryFn({ ids: entityIds }),
-        enabled: open && entityIds.length > 0,
-    });
-
-    const { mutate, isPending } = useMutation({
-        mutationFn,
-        onSuccess: () => {
-            toast.success(i18n.t(`Successfully updated facet values for ${entityIds.length} ${entityType}`));
-            onSuccess?.();
-            onOpenChange(false);
-            // Reset state
-            setSelectedValues([]);
-            setFacetValuesRemoved(false);
-            setRemovedFacetValues(new Set());
-            entityIds.forEach(id => {
-                const { queryKey } = getDetailQueryOptions(detailDocument, { id });
-                queryClient.removeQueries({ queryKey });
-            });
-        },
-        onError: () => {
-            toast.error(`Failed to update facet values for ${entityIds.length} ${entityType}`);
-        },
-    });
-
-    const handleAssign = () => {
-        if (selectedValues.length === 0 && !facetValuesRemoved) {
-            toast.error('Please select at least one facet value or make changes to existing ones');
-            return;
-        }
-
-        const items =
-            entityType === 'products'
-                ? (entitiesData as any)?.products?.items
-                : (entitiesData as any)?.productVariants?.items;
-
-        if (!items) {
-            return;
-        }
-
-        const selectedFacetValueIds = selectedValues.map(sv => sv.id);
-
-        mutate({
-            input: items.map((entity: EntityWithFacetValues) => ({
-                id: entity.id,
-                facetValueIds: [
-                    ...new Set([
-                        ...entity.facetValues
-                            .filter((fv: any) => !removedFacetValues.has(fv.id))
-                            .map((fv: any) => fv.id),
-                        ...selectedFacetValueIds,
-                    ]),
-                ],
-            })),
-        });
-    };
-
-    const handleFacetValueSelect = (facetValue: FacetValue) => {
-        setSelectedValues(prev => [...prev, facetValue]);
-    };
-
-    const removeFacetValue = (entityId: string, facetValueId: string) => {
-        setRemovedFacetValues(prev => new Set([...prev, facetValueId]));
-        setFacetValuesRemoved(true);
-    };
-
-    const handleCancel = () => {
-        onOpenChange(false);
-        // Reset state
-        setSelectedValues([]);
-        setFacetValuesRemoved(false);
-        setRemovedFacetValues(new Set());
-    };
-
-    // Filter out removed facet values for display
-    const getDisplayFacetValues = (entity: EntityWithFacetValues) => {
-        return entity.facetValues.filter(fv => !removedFacetValues.has(fv.id));
-    };
-
-    const items =
-        entityType === 'products'
-            ? (entitiesData as any)?.products?.items
-            : (entitiesData as any)?.productVariants?.items;
-
-    return (
-        <Dialog open={open} onOpenChange={onOpenChange}>
-            <DialogContent className="sm:max-w-[800px] max-h-[80vh] overflow-hidden flex flex-col">
-                <DialogHeader>
-                    <DialogTitle>
-                        <Trans>Edit facet values</Trans>
-                    </DialogTitle>
-                    <DialogDescription>
-                        <Trans>
-                            Add or remove facet values for {entityIds.length} {entityType}
-                        </Trans>
-                    </DialogDescription>
-                </DialogHeader>
-
-                <div className="flex-1 overflow-hidden flex flex-col gap-4">
-                    {/* Add new facet values section */}
-                    <div className="flex items-center gap-2">
-                        <div className="text-sm font-medium">
-                            <Trans>Add facet value</Trans>
-                        </div>
-                        <FacetValueSelector
-                            onValueSelect={handleFacetValueSelect}
-                            placeholder="Search facet values..."
-                        />
-                    </div>
-
-                    {/* Entities table */}
-                    <div className="flex-1 overflow-auto">
-                        {isLoading ? (
-                            <div className="flex items-center justify-center py-8">
-                                <div className="text-sm text-muted-foreground">Loading...</div>
-                            </div>
-                        ) : items ? (
-                            <div className="border rounded-md">
-                                <table className="w-full">
-                                    <thead className="bg-muted/50">
-                                        <tr>
-                                            <th className="text-left p-3 text-sm font-medium">
-                                                <Trans>
-                                                    {entityType === 'products' ? 'Product' : 'Variant'}
-                                                </Trans>
-                                            </th>
-                                            {entityType === 'variants' && (
-                                                <th className="text-left p-3 text-sm font-medium">
-                                                    <Trans>SKU</Trans>
-                                                </th>
-                                            )}
-                                            <th className="text-left p-3 text-sm font-medium">
-                                                <Trans>Current facet values</Trans>
-                                            </th>
-                                        </tr>
-                                    </thead>
-                                    <tbody>
-                                        {items.map((entity: EntityWithFacetValues) => {
-                                            const displayFacetValues = getDisplayFacetValues(entity);
-                                            return (
-                                                <tr key={entity.id} className="border-t">
-                                                    <td className="p-3 align-top">
-                                                        <div className="font-medium">{entity.name}</div>
-                                                    </td>
-                                                    {entityType === 'variants' && (
-                                                        <td className="p-3 align-top">
-                                                            <div className="text-sm text-muted-foreground">
-                                                                {entity.sku}
-                                                            </div>
-                                                        </td>
-                                                    )}
-                                                    <td className="p-3">
-                                                        <div className="flex flex-wrap gap-2">
-                                                            {displayFacetValues.map(facetValue => (
-                                                                <FacetValueChip
-                                                                    key={facetValue.id}
-                                                                    facetValue={facetValue}
-                                                                    removable={true}
-                                                                    onRemove={() =>
-                                                                        removeFacetValue(
-                                                                            entity.id,
-                                                                            facetValue.id,
-                                                                        )
-                                                                    }
-                                                                />
-                                                            ))}
-                                                            {displayFacetValues.length === 0 && (
-                                                                <div className="text-sm text-muted-foreground">
-                                                                    <Trans>No facet values</Trans>
-                                                                </div>
-                                                            )}
-                                                        </div>
-                                                    </td>
-                                                </tr>
-                                            );
-                                        })}
-                                    </tbody>
-                                </table>
-                            </div>
-                        ) : null}
-                    </div>
-
-                    {/* Selected values summary */}
-                    {selectedValues.length > 0 && (
-                        <div className="border-t pt-4">
-                            <div className="text-sm font-medium mb-2">
-                                <Trans>New facet values to add:</Trans>
-                            </div>
-                            <div className="flex flex-wrap gap-2">
-                                {selectedValues.map(facetValue => (
-                                    <FacetValueChip
-                                        key={facetValue.id}
-                                        facetValue={facetValue}
-                                        removable={false}
-                                    />
-                                ))}
-                            </div>
-                        </div>
-                    )}
-                </div>
-
-                <DialogFooter>
-                    <Button variant="outline" onClick={handleCancel}>
-                        <Trans>Cancel</Trans>
-                    </Button>
-                    <Button
-                        onClick={handleAssign}
-                        disabled={(selectedValues.length === 0 && !facetValuesRemoved) || isPending}
-                    >
-                        <Trans>Update</Trans>
-                    </Button>
-                </DialogFooter>
-            </DialogContent>
-        </Dialog>
-    );
-}

package/src/app/routes/_authenticated/_products/components/product-bulk-actions.tsx

@@ -1,123 +0,0 @@
-import { TagIcon } from 'lucide-react';
-import { useState } from 'react';
-
-import { DataTableBulkActionItem } from '@/vdb/components/data-table/data-table-bulk-action-item.js';
-import { AssignToChannelBulkAction } from '@/vdb/components/shared/assign-to-channel-bulk-action.js';
-import { usePriceFactor } from '@/vdb/components/shared/assign-to-channel-dialog.js';
-import { usePaginatedList } from '@/vdb/components/shared/paginated-list-data-table.js';
-import { RemoveFromChannelBulkAction } from '@/vdb/components/shared/remove-from-channel-bulk-action.js';
-import { BulkActionComponent } from '@/vdb/framework/extension-api/types/data-table.js';
-import { api } from '@/vdb/graphql/api.js';
-import { useChannel } from '@/vdb/hooks/use-channel.js';
-import { Trans } from '@/vdb/lib/trans.js';
-import { DeleteBulkAction } from '../../../../common/delete-bulk-action.js';
-import { DuplicateBulkAction } from '../../../../common/duplicate-bulk-action.js';
-import {
-    assignProductsToChannelDocument,
-    deleteProductsDocument,
-    getProductsWithFacetValuesByIdsDocument,
-    productDetailDocument,
-    removeProductsFromChannelDocument,
-    updateProductsDocument,
-} from '../products.graphql.js';
-import { AssignFacetValuesDialog } from './assign-facet-values-dialog.js';
-
-export const DeleteProductsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DeleteBulkAction
-            mutationDocument={deleteProductsDocument}
-            entityName="products"
-            requiredPermissions={['DeleteCatalog', 'DeleteProduct']}
-            selection={selection}
-            table={table}
-        />
-    );
-};
-
-export const AssignProductsToChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { priceFactor, priceFactorField } = usePriceFactor();
-
-    return (
-        <AssignToChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="products"
-            mutationFn={api.mutate(assignProductsToChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateProduct']}
-            buildInput={(channelId: string) => ({
-                productIds: selection.map(s => s.id),
-                channelId,
-                priceFactor,
-            })}
-            additionalFields={priceFactorField}
-        />
-    );
-};
-
-export const RemoveProductsFromChannelBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { selectedChannel } = useChannel();
-
-    return (
-        <RemoveFromChannelBulkAction
-            selection={selection}
-            table={table}
-            entityType="products"
-            mutationFn={api.mutate(removeProductsFromChannelDocument)}
-            requiredPermissions={['UpdateCatalog', 'UpdateProduct']}
-            buildInput={() => ({
-                productIds: selection.map(s => s.id),
-                channelId: selectedChannel?.id,
-            })}
-        />
-    );
-};
-
-export const AssignFacetValuesToProductsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    const { refetchPaginatedList } = usePaginatedList();
-    const [dialogOpen, setDialogOpen] = useState(false);
-
-    const handleSuccess = () => {
-        refetchPaginatedList();
-        table.resetRowSelection();
-    };
-
-    return (
-        <>
-            <DataTableBulkActionItem
-                requiresPermission={['UpdateCatalog', 'UpdateProduct']}
-                onClick={() => setDialogOpen(true)}
-                label={<Trans>Edit facet values</Trans>}
-                icon={TagIcon}
-            />
-            <AssignFacetValuesDialog
-                open={dialogOpen}
-                onOpenChange={setDialogOpen}
-                entityIds={selection.map(s => s.id)}
-                entityType="products"
-                queryFn={variables => api.query(getProductsWithFacetValuesByIdsDocument, variables)}
-                mutationFn={api.mutate(updateProductsDocument)}
-                detailDocument={productDetailDocument}
-                onSuccess={handleSuccess}
-            />
-        </>
-    );
-};
-
-export const DuplicateProductsBulkAction: BulkActionComponent<any> = ({ selection, table }) => {
-    return (
-        <DuplicateBulkAction
-            entityType="Product"
-            duplicatorCode="product-duplicator"
-            duplicatorArguments={[
-                {
-                    name: 'includeVariants',
-                    value: 'true',
-                },
-            ]}
-            requiredPermissions={['UpdateCatalog', 'UpdateProduct']}
-            entityName="Product"
-            selection={selection}
-            table={table}
-        />
-    );
-};