schon/storefront/composables/orders/useOrderOverwrite.ts

import type {
  IAddToOrderResponse,
  IBulkOrderResponse, IRemoveAllFromOrderResponse,
  IRemoveFromOrderResponse, IRemoveKindFromOrderResponse,
} from "~/types";
import {
  ADD_TO_CART,
  BULK_CART,
  REMOVE_ALL_FROM_CART,
  REMOVE_FROM_CART,
  REMOVE_KIND_FROM_CART
} from "~/graphql/mutations/cart";
import {useNotification} from "~/composables/notification";
import {isGraphQLError} from "~/utils/error";

interface IOverwriteOrderArguments {
  type: string,
  productUuid?: string,
  productName?: string,
  bulkAction?: string,
  products?: {
    uuid: string
  }[]
}

export function useOrderOverwrite () {
  const {t} = useI18n();
  const cartStore = useCartStore();

  const orderUuid = computed(() => cartStore.currentOrder?.uuid);

  const {
      mutate: addMutate,
      loading: addLoading,
      error: addError
  } = useMutation<IAddToOrderResponse>(ADD_TO_CART);
  const {
      mutate: removeMutate,
      loading: removeLoading,
      error: removedError
  } = useMutation<IRemoveFromOrderResponse>(REMOVE_FROM_CART);
  const {
      mutate: removeKindMutate,
      loading: removeKindLoading,
      error: removedKindError
  } = useMutation<IRemoveKindFromOrderResponse>(REMOVE_KIND_FROM_CART);
  const {
      mutate: removeAllMutate,
      loading: removeAllLoading,
      error: removedAllError
  } = useMutation<IRemoveAllFromOrderResponse>(REMOVE_ALL_FROM_CART);
  const {
      mutate: bulkMutate,
      loading: bulkLoading,
      error: bulkError
  } = useMutation<IBulkOrderResponse>(BULK_CART);

  async function overwriteOrder (
      args: IOverwriteOrderArguments
  ) {
    switch (args.type) {
      case "add":
        const addResult = await addMutate({
            orderUuid: orderUuid.value,
            productUuid: args.productUuid
        });

        if (addResult?.data?.addOrderProduct?.order) {
          cartStore.setCurrentOrders(addResult.data.addOrderProduct.order);

          useNotification(
              t('popup.success.addToCart', { product: args.productName }),
              'success'
          );
        }

        break;

      case "remove":
        const removeResult = await removeMutate({
            orderUuid: orderUuid.value,
            productUuid: args.productUuid
        });

        if (removeResult?.data?.removeOrderProduct?.order) {
          cartStore.setCurrentOrders(removeResult.data.removeOrderProduct.order);

          useNotification(
              t('popup.success.removeFromCart', { product: args.productName }),
              'success'
          );
        }

        break;

      case "removeKind":
        const removeKindResult = await removeKindMutate({
            orderUuid: orderUuid.value,
            productUuid: args.productUuid
        });

        if (removeKindResult?.data?.removeOrderProductsOfAKind?.order) {
          cartStore.setCurrentOrders(removeKindResult.data.removeOrderProductsOfAKind.order);

          useNotification(
              t('popup.success.removeFromCart', { product: args.productName }),
              'success'
          );
        }

        break;

      case "removeAll":
        const removeAllResult = await removeAllMutate({
            orderUuid: orderUuid.value,
            productUuid: args.productUuid
        });

        if (removeAllResult?.data?.removeAllOrderProducts?.order) {
          cartStore.setCurrentOrders(removeAllResult.data.removeAllOrderProducts.order);

          useNotification(
              t('popup.success.removeAllFromCart', { product: args.productName }),
              'success'
          );
        }

        break;

      case "bulk":
        const bulkResult = await bulkMutate({
            orderUuid: orderUuid.value,
            action: args.bulkAction,
            products: args.products
        });

        if (bulkResult?.data?.bulkOrderAction?.order) {
          cartStore.setCurrentOrders(bulkResult.data.bulkOrderAction.order);
          useNotification(
              t('popup.success.bulkRemoveWishlist'),
              'success'
          );
        }

        break;

      default:
        console.error('No type provided for overwriteOrder');
    }
  }

  watch(addError || removedError || removedKindError || removedAllError || bulkError, (err) => {
    if (!err) return;
    console.error('useOrderOverwrite error:', err);
    let message = t('popup.errors.defaultError');
    if (isGraphQLError(err)) {
      message = err.graphQLErrors?.[0]?.message || message;
    } else {
      message = err.message;
    }
    useNotification(
        message,
        'error',
        t('popup.errors.main')
    );
  });

  return{
    addLoading,
    removeLoading,
    removeKindLoading,
    removeAllLoading,
    bulkLoading,
    overwriteOrder
  };
}