import { useNotification } from '@composables/notification'; import { ADD_TO_WISHLIST, BULK_WISHLIST, REMOVE_ALL_FROM_WISHLIST, REMOVE_FROM_WISHLIST, } from '@graphql/mutations/wishlist'; import type { IAddToWishlistResponse, IBulkWishlistResponse, IRemoveAllFromWishlistResponse, IRemoveFromWishlistResponse, } from '@types'; interface IOverwriteWishlistArguments { type: string; productUuid?: string; productName?: string; bulkAction?: string; products?: { uuid: string; }[]; } export function useWishlistOverwrite() { const { t } = useI18n(); const wishlistStore = useWishlistStore(); const userStore = useUserStore(); const isAuthenticated = computed(() => userStore.isAuthenticated); const wishlistUuid = computed(() => wishlistStore.wishlist?.uuid); const { mutate: addMutate, loading: addLoading, error: addError, } = useMutation(ADD_TO_WISHLIST); const { mutate: removeMutate, loading: removeLoading, error: removedError, } = useMutation(REMOVE_FROM_WISHLIST); const { mutate: removeAllMutate, loading: removeAllLoading, error: removeAllError, } = useMutation(REMOVE_ALL_FROM_WISHLIST); const { mutate: bulkMutate, loading: bulkLoading, error: bulkError, } = useMutation(BULK_WISHLIST); async function overwriteWishlist(args: IOverwriteWishlistArguments) { if (isAuthenticated.value) { switch (args.type) { case 'add': { const addResult = await addMutate({ wishlistUuid: wishlistUuid.value, productUuid: args.productUuid, }); if (addResult?.data?.addWishlistProduct?.wishlist) { wishlistStore.setWishlist(addResult.data.addWishlistProduct.wishlist); useNotification({ message: t('popup.success.addToWishlist', { product: args.productName, }), type: 'success', }); } break; } case 'remove': { const removeResult = await removeMutate({ wishlistUuid: wishlistUuid.value, productUuid: args.productUuid, }); if (removeResult?.data?.removeWishlistProduct?.wishlist) { wishlistStore.setWishlist(removeResult.data.removeWishlistProduct.wishlist); useNotification({ message: t('popup.success.removeFromWishlist', { product: args.productName, }), type: 'success', }); } break; } case 'removeAll': { const removeAllResult = await removeAllMutate({ wishlistUuid: wishlistUuid.value, productUuid: args.productUuid, }); if (removeAllResult?.data?.removeAllWishlistProducts?.wishlist) { wishlistStore.setWishlist(removeAllResult.data.removeAllWishlistProducts.wishlist); useNotification({ message: t('popup.success.removeAllFromWishlist'), type: 'success', }); } break; } case 'bulk': { const bulkResult = await bulkMutate({ wishlistUuid: wishlistUuid.value, action: args.bulkAction, products: args.products, }); if (bulkResult?.data?.bulkWishlistAction?.wishlist) { wishlistStore.setWishlist(bulkResult.data.bulkWishlistAction.wishlist); useNotification({ message: t('popup.success.bulkRemoveWishlist'), type: 'success', }); } break; } default: console.error('No type provided for overwriteWishlist'); } } else { useNotification({ message: t('popup.errors.loginFirst'), type: 'error', }); } } watch(addError || removedError || removeAllError || bulkError, (err) => { if (!err) return; console.error('useWishlistOverwrite error:', err); let message = t('popup.errors.defaultError'); if (isGraphQLError(err)) { message = err.graphQLErrors?.[0]?.message || message; } else { message = err.message; } useNotification({ message, type: 'error', title: t('popup.errors.main'), }); }); return { addLoading, removeLoading, removeAllLoading, bulkLoading, overwriteWishlist, }; }