fix: cart refreshing issues

client-app/core/api/graphql/cart/consts.ts

@@ -13,7 +13,9 @@ export const FULL_CART_MUTATION_NAMES = [
   OperationNames.Mutation.AddOrUpdateCartPayment,
   OperationNames.Mutation.AddOrUpdateCartShipment,
   OperationNames.Mutation.ChangeCartComment,
+  OperationNames.Mutation.ChangeCartConfiguredItem,
   OperationNames.Mutation.ChangeFullCartItemQuantity,
+  OperationNames.Mutation.ChangeFullCartItemsQuantity,
   OperationNames.Mutation.ChangePurchaseOrderNumber,
   OperationNames.Mutation.ClearCart,
   OperationNames.Mutation.RejectGiftItems,

client-app/core/api/graphql/cart/mutations/addBulkItemsCart/index.ts

@@ -1,19 +1,11 @@
-import { useApolloClient } from "@vue/apollo-composable";
 import { useCartMutationVariables } from "@/core/api/graphql/cart/composables";
 import { useMutation } from "@/core/api/graphql/composables";
-import { AddBulkItemsCartDocument, OperationNames } from "@/core/api/graphql/types";
-import { filterActiveQueryNames } from "@/core/api/graphql/utils";
+import { AddBulkItemsCartDocument } from "@/core/api/graphql/types";
 import type { BulkCartType, InputNewBulkItemType, CartIdFragment } from "@/core/api/graphql/types";
 import type { MaybeRef } from "vue";
 
 export function useAddBulkItemsCartMutation(cart?: MaybeRef<CartIdFragment | undefined>) {
-  const { client } = useApolloClient();
-  return useMutation(
-    AddBulkItemsCartDocument,
-    useCartMutationVariables(cart, {
-      refetchQueries: () => filterActiveQueryNames(client, [OperationNames.Query.GetFullCart]),
-    }),
-  );
+  return useMutation(AddBulkItemsCartDocument, useCartMutationVariables(cart));
 }
 
 /** @deprecated Use {@link useAddBulkItemsCartMutation} instead. */

client-app/core/api/graphql/cart/mutations/addItemToCart/index.ts

@@ -1,19 +1,11 @@
-import { useApolloClient } from "@vue/apollo-composable";
 import { useCartMutationVariables } from "@/core/api/graphql/cart/composables";
 import { useMutation } from "@/core/api/graphql/composables";
-import { AddItemDocument, OperationNames } from "@/core/api/graphql/types";
-import { filterActiveQueryNames } from "@/core/api/graphql/utils";
+import { AddItemDocument } from "@/core/api/graphql/types";
 import type { CartType, CartIdFragment } from "@/core/api/graphql/types";
 import type { MaybeRef } from "vue";
 
 export function useAddItemToCartMutation(cart?: MaybeRef<CartIdFragment | undefined>) {
-  const { client } = useApolloClient();
-  return useMutation(
-    AddItemDocument,
-    useCartMutationVariables(cart, {
-      refetchQueries: () => filterActiveQueryNames(client, [OperationNames.Query.GetFullCart]),
-    }),
-  );
+  return useMutation(AddItemDocument, useCartMutationVariables(cart));
 }
 
 /** @deprecated Use {@link useAddItemToCartMutation} instead. */

client-app/core/api/graphql/cart/mutations/addItemsCart/index.ts

@@ -1,19 +1,11 @@
-import { useApolloClient } from "@vue/apollo-composable";
 import { useCartMutationVariables } from "@/core/api/graphql/cart/composables";
 import { useMutation } from "@/core/api/graphql/composables";
-import { AddItemsCartDocument, OperationNames } from "@/core/api/graphql/types";
-import { filterActiveQueryNames } from "@/core/api/graphql/utils";
+import { AddItemsCartDocument } from "@/core/api/graphql/types";
 import type { CartType, InputNewCartItemType, CartIdFragment } from "@/core/api/graphql/types";
 import type { MaybeRef } from "vue";
 
 export function useAddItemsCartMutation(cart?: MaybeRef<CartIdFragment | undefined>) {
-  const { client } = useApolloClient();
-  return useMutation(
-    AddItemsCartDocument,
-    useCartMutationVariables(cart, {
-      refetchQueries: () => filterActiveQueryNames(client, [OperationNames.Query.GetFullCart]),
-    }),
-  );
+  return useMutation(AddItemsCartDocument, useCartMutationVariables(cart));
 }
 
 /** @deprecated Use {@link useAddItemsCartMutation} instead. */

client-app/core/api/graphql/cart/mutations/changeShortCartItemQuantity/index.ts

@@ -1,17 +1,9 @@
-import { useApolloClient } from "@vue/apollo-composable";
 import { useCartMutationVariables } from "@/core/api/graphql/cart/composables";
 import { useMutation } from "@/core/api/graphql/composables";
-import { ChangeShortCartItemQuantityDocument, OperationNames } from "@/core/api/graphql/types";
-import { filterActiveQueryNames } from "@/core/api/graphql/utils";
+import { ChangeShortCartItemQuantityDocument } from "@/core/api/graphql/types";
 import type { CartIdFragment } from "@/core/api/graphql/types";
 import type { MaybeRef } from "vue";
 
 export function useChangeShortCartItemQuantityMutation(cart?: MaybeRef<CartIdFragment | undefined>) {
-  const { client } = useApolloClient();
-  return useMutation(
-    ChangeShortCartItemQuantityDocument,
-    useCartMutationVariables(cart, {
-      refetchQueries: () => filterActiveQueryNames(client, [OperationNames.Query.GetFullCart]),
-    }),
-  );
+  return useMutation(ChangeShortCartItemQuantityDocument, useCartMutationVariables(cart));
 }

client-app/core/api/graphql/cart/queries/getShortCart/index.ts

@@ -1,14 +1,10 @@
 import { useQuery } from "@vue/apollo-composable";
-import { computed } from "vue";
-import { useRoute } from "vue-router";
 import { useCartQueryVariables } from "@/core/api/graphql/cart/composables";
 import { GetShortCartDocument } from "@/core/api/graphql/types";
 
 export function useGetShortCartQuery() {
-  const route = useRoute();
-  const isCartPage = computed(() => route.name === "Cart");
   return useQuery(GetShortCartDocument, useCartQueryVariables(), {
     notifyOnNetworkStatusChange: true,
-    fetchPolicy: isCartPage.value ? "cache-only" : "cache-first",
+    fetchPolicy: "cache-first",
   });
 }

client-app/pages/cart.vue

@@ -1,20 +1,22 @@
 <template>
-  <VcLoaderOverlay v-if="loading" no-bg />
-
-  <VcEmptyPage
-    v-else-if="!cart?.items?.length"
-    :title="$t('pages.cart.title')"
-    :description="$t('pages.cart.empty_cart_description')"
-    image="/static/images/errors/emptyCart.webp"
-    mobile-image="/static/images/errors/emptyCartMobile.webp"
-    :breadcrumbs="breadcrumbs"
-  >
-    <template #actions>
-      <VcButton :to="{ name: 'Catalog' }" size="lg">
-        {{ $t("common.buttons.continue_shopping") }}
-      </VcButton>
-    </template>
-  </VcEmptyPage>
+  <template v-if="!cart?.items?.length">
+    <VcLoaderOverlay v-if="loading" no-bg />
+
+    <VcEmptyPage
+      v-else
+      :title="$t('pages.cart.title')"
+      :description="$t('pages.cart.empty_cart_description')"
+      image="/static/images/errors/emptyCart.webp"
+      mobile-image="/static/images/errors/emptyCartMobile.webp"
+      :breadcrumbs="breadcrumbs"
+    >
+      <template #actions>
+        <VcButton :to="{ name: 'Catalog' }" size="lg">
+          {{ $t("common.buttons.continue_shopping") }}
+        </VcButton>
+      </template>
+    </VcEmptyPage>
+  </template>
 
   <VcContainer v-else class="relative z-0 max-lg:pb-12">
     <VcLoaderOverlay :visible="isCartLoked" fixed-spinner />

client-app/shared/cart/composables/useCart.ts

@@ -305,9 +305,12 @@ export function _useFullCart() {
     await _changeItemQuantity({ command: { lineItemId, quantity } });
   }
 
-  const { mutate: _changeItemsQuantity, loading: changeItemsQuantityLoading } =
-    useChangeFullCartItemsQuantityMutation(cart);
-  const { add, overflowed: changeItemQuantityBatchedOverflowed } = useMutationBatcher(_changeItemsQuantity, {
+  const { mutate: _changeItemsQuantity } = useChangeFullCartItemsQuantityMutation(cart);
+  const {
+    add,
+    overflowed: changeItemQuantityBatchedOverflowed,
+    loading: changeItemsQuantityLoading,
+  } = useMutationBatcher(_changeItemsQuantity, {
     mergeStrategy: getMergeStrategyUniqueBy("lineItemId"),
   });
   async function changeItemQuantityBatched(lineItemId: string, quantity: number): Promise<void> {

client-app/shared/catalog/components/product-card-recently-browsed.vue

@@ -101,6 +101,6 @@ function onValidationUpdate(validation: { isValid: true } | { isValid: false; er
 }
 
 watch(countInCart, (newCount) => {
-  quantity.value = newCount || 1;
+  quantity.value = newCount || product.value.minQuantity || 1;
 });
 </script>