@teamnovu/kit-shopware-composables 0.0.5 → 0.0.7

package/src/global.d.ts

@@ -0,0 +1,8 @@
+declare global {
+  namespace ShopwareApi {
+    export interface Operations {}
+    export interface Schemas {}
+  }
+}
+
+export {}

package/src/helpers/checkout/index.ts

@@ -1,4 +1,4 @@
-export * from './useAddresses'
+export * from './useCheckoutAddresses'
 export * from './useOrderDetails'
 export * from './useOrderPayment'
 export * from './usePaymentMethods'

package/src/helpers/checkout/{useAddresses.ts → useCheckoutAddresses.ts}

@@ -1,4 +1,4 @@
-import { Schemas } from '#store-types'
+import type { Schemas } from '#store-types'
 import { until } from '@vueuse/core'
 import { computed } from 'vue'
 import { useListAddressQuery } from '../../query/address/useListAddressQuery'
@@ -39,7 +39,7 @@ export function useCheckoutAddresses() {
 
   const inactiveShippingAddresses = computed(() =>
     addressListQuery.data.value?.elements.filter(
-      address => address.id !== activeBillingAddress.value?.id,
+      address => address.id !== activeShippingAddress.value?.id,
     ) ?? [])
 
   return {

package/src/helpers/checkout/useOrderDetails.ts

@@ -1,7 +1,7 @@
 import type { MaybeRef } from 'vue'
 import { computed, unref } from 'vue'
 import { useReadOrderQuery } from '../../query/order'
-import { Schemas } from '../../query/types'
+import type { Schemas } from '../../query/types'
 
 export function useOrderDetails(
   orderId: MaybeRef<string>,

package/src/helpers/checkout/useOrderPayment.ts

@@ -1,6 +1,6 @@
 import type { MaybeRef } from 'vue'
 import { computed, unref } from 'vue'
-import { Schemas } from '../../query/types'
+import type { Schemas } from '../../query/types'
 
 export function useOrderPayment(
   order: MaybeRef<Schemas['Order'] | null | undefined>,

package/src/helpers/checkout/usePaymentMethods.ts

@@ -8,7 +8,7 @@ export function usePaymentMethods() {
   const contextUpdateMutation = useUpdateContextMutation()
   const paymentMethodsQuery = useReadPaymentMethodQuery({
     query: {
-      onlyActive: true,
+      onlyAvailable: true,
     },
   })
 
@@ -21,7 +21,10 @@ export function usePaymentMethods() {
   }
 
   const activePaymentMethod = computed(() => contextQuery.data?.value?.paymentMethod)
-  const paymentMethods = computed(() => paymentMethodsQuery.data?.value?.elements)
+  const paymentMethods = computed(() =>
+    paymentMethodsQuery.data?.value?.elements?.sort((a, b) => {
+      return (a.position ?? 0) - (b.position ?? 0)
+    }) ?? [])
 
   return {
     contextUpdateMutation,

package/src/helpers/checkout/useShippingMethods.ts

@@ -8,7 +8,7 @@ export function useShippingMethods() {
   const contextUpdateMutation = useUpdateContextMutation()
   const shippingMethodsQuery = useReadShippingMethodQuery({
     query: {
-      onlyActive: true,
+      onlyAvailable: true,
     },
   })
 
@@ -21,7 +21,10 @@ export function useShippingMethods() {
   }
 
   const activeShippingMethod = computed(() => contextQuery.data?.value?.shippingMethod)
-  const shippingMethods = computed(() => shippingMethodsQuery.data?.value?.elements)
+  const shippingMethods = computed(() =>
+    shippingMethodsQuery.data?.value?.elements.sort((a, b) => {
+      return (a.position ?? 0) - (b.position ?? 0)
+    }) ?? [])
 
   return {
     contextUpdateMutation,

package/src/helpers/general/usePagination.ts

@@ -1,4 +1,5 @@
 import type { Schemas } from '#store-types'
+import { keepPreviousData } from '@tanstack/vue-query'
 import type { MaybeRef } from 'vue'
 import { computed, reactive, toRef, unref, watch } from 'vue'
 
@@ -6,15 +7,16 @@ interface PaginationOptions {
   page?: MaybeRef<number>
   total?: MaybeRef<number>
   limit?: MaybeRef<number>
+  totalCountMode?: MaybeRef<'exact' | 'next-pages' | 'none'>
 }
-
 export function usePagination(opts?: PaginationOptions) {
-  const { total, limit, page } = opts ?? {}
+  const { total, limit, page, totalCountMode } = opts ?? {}
 
   const state = reactive({
     page: page ?? 1,
     total: total ?? 0,
     limit: limit,
+    totalCountMode: totalCountMode,
   })
 
   const pageCount = computed(() => {
@@ -46,12 +48,15 @@ export function usePagination(opts?: PaginationOptions) {
   const isFirstPage = computed(() => state.page === 1)
 
   const queryOptions = computed(() => ({
-    p: state.page,
-    limit: state.limit,
+    'p': state.page,
+    'limit': state.limit,
+    'total-count-mode': state.totalCountMode ?? 'none',
   }))
 
-  const usePaginationSync = (data: MaybeRef<Schemas['EntitySearchResult']>) => {
+  const usePaginationSync = (data: MaybeRef<Schemas['EntitySearchResult'] | undefined>) => {
     watch(() => unref(data), (newData) => {
+      if (!newData) return
+
       state.total = newData?.total ?? 0
       state.limit = newData?.limit ?? 0
     })

package/src/helpers/user/useIsLoggedIn.ts

@@ -1,10 +1,8 @@
-import { computed } from 'vue'
-import { useReadContextQuery } from '../../query/context/useReadContextQuery'
+import { computed, type MaybeRef, unref } from 'vue'
+import type { Schemas } from '#store-types'
 
-export function useIsLoggedIn() {
-  const { data: context } = useReadContextQuery()
-
-  return computed(() => !!context.value?.customer?.id
-    && !!context.value?.customer?.active
-    && !context.value?.customer?.guest)
+export function useIsLoggedIn(context: MaybeRef<Schemas['SalesChannelContext'] | undefined>) {
+  return computed(() => !!unref(context)?.customer?.id
+    && !!unref(context)?.customer?.active
+    && !unref(context)?.customer?.guest)
 }

package/src/helpers/user/useUser.ts

@@ -2,7 +2,7 @@ import { computed } from 'vue'
 import {
   useReadCustomerQuery,
 } from '../../query/customer'
-import { Schemas } from '../../query/types'
+import type { Schemas } from '../../query/types'
 
 export function useUser(criteria?: Schemas['Criteria']) {
   // Create customer query

package/src/inject.ts

@@ -1,7 +1,7 @@
 import type { ShopwareClient } from '@teamnovu/kit-shopware-api-client'
 import type { InjectionKey } from 'vue'
 import { inject } from 'vue'
-import { Operations } from './query/types/operations'
+import type { Operations } from './query/types/operations'
 
 export const shopwareClientKey = Symbol('shopwareClient') as InjectionKey<ShopwareClient<never>>
 

package/src/keys.ts

@@ -16,6 +16,29 @@ export const categoryKeys = {
       },
     ] as const,
 }
+export const navigationKeys = {
+  all: () => ['navigation'] as const,
+  lists: () => [...navigationKeys.all(), 'list'] as const,
+  list: (body: MaybeRef<unknown>) =>
+    [
+      ...navigationKeys.all(),
+      'list',
+      {
+        body,
+      },
+    ] as const,
+  details: () => [...navigationKeys.all(), 'detail'] as const,
+  detail: (activeId: MaybeRef<string>, rootId: MaybeRef<string>, body: MaybeRef<unknown>) =>
+    [
+      ...navigationKeys.all(),
+      'detail',
+      {
+        activeId,
+        rootId,
+        body,
+      },
+    ] as const,
+}
 
 export const productKeys = {
   all: () => ['product'] as const,
@@ -46,7 +69,8 @@ export const cartKeys = {
 }
 
 export const customerKeys = {
-  get: () => ['customer'] as const,
+  all: () => ['customer'] as const,
+  detail: (body: MaybeRef<unknown>) => ['customer', { body }] as const,
 }
 
 export const addressKeys = {
@@ -60,6 +84,8 @@ export const addressKeys = {
         body,
       },
     ] as const,
+  details: () => [...addressKeys.all(), 'detail'] as const,
+  detail: (addressId: string, body?: MaybeRef<unknown>) => [...addressKeys.details(), addressId, ...(body ? [{ body }] : [])] as const,
 }
 
 export const shippingKeys = {
@@ -101,3 +127,42 @@ export const orderKeys = {
       },
     ] as const,
 }
+
+export const seoUrlKeys = {
+  all: () => ['seoUrl'] as const,
+  lists: () => [...seoUrlKeys.all(), 'list'] as const,
+  list: (body: MaybeRef<unknown>) =>
+    [
+      ...seoUrlKeys.all(),
+      'list',
+      {
+        body,
+      },
+    ] as const,
+}
+
+export const salutationKeys = {
+  all: () => ['salutation'] as const,
+  lists: () => [...salutationKeys.all(), 'list'] as const,
+  list: (body: MaybeRef<unknown>) =>
+    [
+      ...salutationKeys.all(),
+      'list',
+      {
+        body,
+      },
+    ] as const,
+}
+
+export const countryKeys = {
+  all: () => ['country'] as const,
+  lists: () => [...countryKeys.all(), 'list'] as const,
+  list: (body: MaybeRef<unknown>) =>
+    [
+      ...countryKeys.all(),
+      'list',
+      {
+        body,
+      },
+    ] as const,
+}

package/src/query/address/index.ts

@@ -1,3 +1,4 @@
 export * from './useListAddressQuery'
 export * from './useCreateCustomerAddressMutation'
 export * from './useDeleteCustomerAddressMutation'
+export * from './useUpdateCustomerAddressMutation'

package/src/query/address/useCreateCustomerAddressMutation.ts

@@ -1,16 +1,17 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
-import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
 import { addressKeys } from '../../keys'
 import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 
 const createCustomerAddressOperation = 'createCustomerAddress post /account/address' satisfies OperationKey
 
 export function useCreateCustomerAddressMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof createCustomerAddressOperation>,
-    unknown,
+    ShopwareApiError | Error,
     OperationOptions<typeof createCustomerAddressOperation>
   >,
 ) {
@@ -22,11 +23,11 @@ export function useCreateCustomerAddressMutation(
     mutationFn: async (options: OperationOptions<typeof createCustomerAddressOperation>) => {
       return client.query(createCustomerAddressOperation, unrefOptions(options))
     },
-    onSuccess: (data, variables, context) => {
+    onSuccess: async (data, variables, context) => {
       // Invalidate address list queries to refetch data
-      queryClient.invalidateQueries({ queryKey: addressKeys.lists() })
+      await queryClient.invalidateQueries({ queryKey: addressKeys.lists() })
 
-      unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
     },
   })
 }

package/src/query/address/useDeleteCustomerAddressMutation.ts

@@ -1,16 +1,17 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
-import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
 import { addressKeys } from '../../keys'
 import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 
 const deleteCustomerAddressOperation = 'deleteCustomerAddress delete /account/address/{addressId}' satisfies OperationKey
 
 export function useDeleteCustomerAddressMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof deleteCustomerAddressOperation>,
-    unknown,
+    ShopwareApiError | Error,
     OperationOptions<typeof deleteCustomerAddressOperation>
   >,
 ) {
@@ -22,11 +23,11 @@ export function useDeleteCustomerAddressMutation(
     mutationFn: async (options: OperationOptions<typeof deleteCustomerAddressOperation>) => {
       return client.query(deleteCustomerAddressOperation, unrefOptions(options))
     },
-    onSuccess: (data, variables, context) => {
+    onSuccess: async (data, variables, context) => {
       // Invalidate address list queries to refetch data
-      queryClient.invalidateQueries({ queryKey: addressKeys.lists() })
+      await queryClient.invalidateQueries({ queryKey: addressKeys.lists() })
 
-      unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
     },
   })
 }

package/src/query/address/useUpdateCustomerAddressMutation.ts

@@ -0,0 +1,42 @@
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
+import { unref } from 'vue'
+import { useShopwareQueryClient } from '../../inject'
+import { addressKeys } from '../../keys'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
+
+const updateCustomerAddressOperation = 'updateCustomerAddress patch /account/address/{addressId}' satisfies OperationKey
+
+export function useUpdateCustomerAddressMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof updateCustomerAddressOperation>,
+    ShopwareApiError | Error,
+    OperationOptions<typeof updateCustomerAddressOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (options: OperationOptions<typeof updateCustomerAddressOperation>) => {
+      return client.query(updateCustomerAddressOperation, unrefOptions(options))
+    },
+    onSuccess: async (data, variables, context) => {
+      const { addressId } = unrefOptions(variables).params
+      queryClient.setQueryData(addressKeys.detail(addressId), data)
+
+      // Invalidate address list queries to refetch data
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: addressKeys.lists() }),
+        queryClient.invalidateQueries({
+          queryKey: addressKeys.detail(unrefOptions(variables).params.addressId),
+          predicate: query => query.queryKey.at(-1) !== addressId,
+        }),
+      ])
+
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+    },
+  })
+}

package/src/query/cart/useAddLineItemMutation.ts

@@ -1,8 +1,9 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
-import type { OperationBody, OperationKey, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
 import { cartKeys } from '../../keys'
+import type { OperationBody, OperationKey, OperationResponse } from '../types/query'
 
 const addCartItemOperation = 'addLineItem post /checkout/cart/line-item' satisfies OperationKey
 
@@ -20,9 +21,9 @@ type Body = Omit<
 }
 
 export function useAddLineItemMutation(
-  mutationOptions: UseMutationOptions<
+  mutationOptions?: UseMutationOptions<
     OperationResponse<typeof addCartItemOperation>,
-    unknown,
+    ShopwareApiError | Error,
     Body
   >,
 ) {
@@ -36,10 +37,10 @@ export function useAddLineItemMutation(
         body: body as OperationBody<typeof addCartItemOperation>,
       })
     },
-    onSuccess: (newCart, variables, context) => {
+    onSuccess: async (newCart, variables, context) => {
       queryClient.setQueryData(cartKeys.get(), newCart)
       // queryClient.invalidateQueries({ queryKey: cartKeys.get() })
-      unref(unref(mutationOptions).onSuccess)?.(newCart, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(newCart, variables, context)
     },
   })
 }

package/src/query/cart/useRemoveLineItemMutation.ts

@@ -1,15 +1,16 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
-import type { OperationBody, OperationKey, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
 import { cartKeys } from '../../keys'
+import type { OperationBody, OperationKey, OperationResponse } from '../types/query'
 
 const removeCartItemOperation = 'removeLineItem post /checkout/cart/line-item/delete' satisfies OperationKey
 
 export function useRemoveLineItemMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof removeCartItemOperation>,
-    unknown,
+    ShopwareApiError | Error,
     OperationBody<typeof removeCartItemOperation>
   >,
 ) {
@@ -23,10 +24,10 @@ export function useRemoveLineItemMutation(
         body: body as OperationBody<typeof removeCartItemOperation>,
       })
     },
-    onSuccess: (newCart, variables, context) => {
+    onSuccess: async (newCart, variables, context) => {
       queryClient.setQueryData(cartKeys.get(), newCart)
       // queryClient.invalidateQueries({ queryKey: cartKeys.get() })
-      unref(unref(mutationOptions)?.onSuccess)?.(newCart, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(newCart, variables, context)
     },
   })
 }

package/src/query/cart/useUpdateLineItemMutation.ts

@@ -1,4 +1,5 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
 import { useShopwareQueryClient } from '../../inject'
 import { cartKeys } from '../../keys'
@@ -22,7 +23,7 @@ type Body = Omit<
 export function useUpdateLineItemMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof updateCartItemOperation>,
-    unknown,
+    ShopwareApiError | Error,
     Body
   >,
 ) {
@@ -36,10 +37,10 @@ export function useUpdateLineItemMutation(
         body: body as OperationBody<typeof updateCartItemOperation>,
       })
     },
-    onSuccess: (newCart, variables, context) => {
+    onSuccess: async (newCart, variables, context) => {
       queryClient.setQueryData(cartKeys.get(), newCart)
       // queryClient.invalidateQueries({ queryKey: cartKeys.get() })
-      unref(unref(mutationOptions)?.onSuccess)?.(newCart, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(newCart, variables, context)
     },
   })
 }

package/src/query/checkout/index.ts

@@ -1,2 +1 @@
-export * from './useCheckout'
 export * from './useCreateOrderMutation'

package/src/query/checkout/useCreateOrderMutation.ts

@@ -1,4 +1,5 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
 import { unref } from 'vue'
 import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
 import { useShopwareQueryClient } from '../../inject'
@@ -10,7 +11,7 @@ const createOrderOperation = 'createOrder post /checkout/order' satisfies Operat
 export function useCreateOrderMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof createOrderOperation>,
-    unknown,
+    ShopwareApiError | Error,
     OperationOptions<typeof createOrderOperation>
   >,
 ) {
@@ -22,14 +23,16 @@ export function useCreateOrderMutation(
     mutationFn: async (options?: OperationOptions<typeof createOrderOperation>) => {
       return client.query(createOrderOperation, unrefOptions(options))
     },
-    onSuccess: (data, variables, context) => {
-      // Clear cart after successful order creation
-      queryClient.invalidateQueries({ queryKey: cartKeys.get() })
+    onSuccess: async (data, variables, context) => {
+      await Promise.all([
+        // Clear cart after successful order creation
+        queryClient.invalidateQueries({ queryKey: cartKeys.get() }),
 
-      // Invalidate order list to refetch data
-      queryClient.invalidateQueries({ queryKey: orderKeys.lists() })
+        // Invalidate order list to refetch data
+        queryClient.invalidateQueries({ queryKey: orderKeys.lists() }),
+      ])
 
-      unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
     },
   })
 }

package/src/query/context/useReadContextQuery.ts

@@ -1,19 +1,28 @@
 import { queryOptions, useQuery } from '@tanstack/vue-query'
 import { useShopwareQueryClient } from '../../inject'
 import { contextKeys } from '../../keys'
-import type { OperationKey } from '../types/query'
+import type { OperationKey, OperationOptions } from '../types/query'
+import { unrefOptions } from '../../util'
 
 const readContextOperation = 'readContext get /context' satisfies OperationKey
 
-export function useReadContext() {
+export function useReadContextQueryOptions(
+  options?: OperationOptions<typeof readContextOperation>,
+) {
   const client = useShopwareQueryClient()
 
   return queryOptions({
     queryKey: contextKeys.all(),
-    queryFn: ({ signal }) => client.query(readContextOperation, { signal }),
+    queryFn: ({ signal }) =>
+      client.query(readContextOperation, {
+        ...unrefOptions(options),
+        signal,
+      }),
   })
 }
 
-export function useReadContextQuery() {
-  return useQuery(useReadContext())
+export function useReadContextQuery(
+  options?: OperationOptions<typeof readContextOperation>,
+) {
+  return useQuery(useReadContextQueryOptions(options))
 }

package/src/query/context/useUpdateContextMutation.ts

@@ -1,4 +1,5 @@
-import { useMutation, UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { useMutation, type UseMutationOptions, useQueryClient } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
 import { unref } from 'vue'
 import { useShopwareQueryClient } from '../../inject'
 import { contextKeys } from '../../keys'
@@ -9,7 +10,7 @@ const updateContextOperation = 'updateContext patch /context' satisfies Operatio
 export function useUpdateContextMutation(
   mutationOptions?: UseMutationOptions<
     OperationResponse<typeof updateContextOperation>,
-    unknown,
+    ShopwareApiError | Error,
     OperationBody<typeof updateContextOperation>
   >,
 ) {
@@ -27,10 +28,10 @@ export function useUpdateContextMutation(
       })
     },
 
-    onSuccess: (newContext, variables, context) => {
-      queryClient.invalidateQueries({ queryKey: contextKeys.all() })
+    onSuccess: async (newContext, variables, context) => {
+      await queryClient.invalidateQueries({ queryKey: contextKeys.all() })
 
-      unref(unref(mutationOptions)?.onSuccess)?.(newContext, variables, context)
+      await unref(unref(mutationOptions)?.onSuccess)?.(newContext, variables, context)
     },
   })
 }

package/src/query/country/index.ts

@@ -0,0 +1 @@
+export * from './useReadCountryQuery'

package/src/query/country/useReadCountryQuery.ts

@@ -0,0 +1,31 @@
+import { queryOptions, useQuery } from '@tanstack/vue-query'
+import { useShopwareQueryClient } from '../../inject'
+import { countryKeys } from '../../keys'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions } from '../types/query'
+
+const readCountryOperation = 'readCountry post /country' satisfies OperationKey
+
+export const useReadCountryQueryOptions = function useReadCountryQueryOptions(
+  options?: OperationOptions<typeof readCountryOperation>,
+) {
+  const client = useShopwareQueryClient()
+  const queryKey = countryKeys.list(options)
+
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      const unrefedOptions = unrefOptions(options)
+
+      return client.query(readCountryOperation, {
+        ...unrefedOptions,
+        signal,
+      })
+    },
+  })
+}
+
+export function useReadCountryQuery(options?: OperationOptions<typeof readCountryOperation>) {
+  return useQuery(useReadCountryQueryOptions(options))
+}
+