@teamnovu/kit-shopware-composables 0.0.7 → 0.0.8

package/src/query/customer/useDefaultShippingAddressMutation.ts

@@ -0,0 +1,35 @@
+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, customerKeys } from '../../keys'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
+
+const defaultShippingAddressOperation = 'defaultShippingAddress patch /account/address/default-shipping/{addressId}' satisfies OperationKey
+
+export function useDefaultShippingAddressMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof defaultShippingAddressOperation>,
+    ShopwareApiError | Error,
+    OperationOptions<typeof defaultShippingAddressOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (options: OperationOptions<typeof defaultShippingAddressOperation>) => {
+      return client.query(defaultShippingAddressOperation, unrefOptions(options))
+    },
+    onSuccess: async (data, variables, context) => {
+      await Promise.all([
+        queryClient.invalidateQueries({ queryKey: customerKeys.all() }),
+        queryClient.invalidateQueries({ queryKey: contextKeys.all() }),
+      ])
+
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+    },
+  })
+}

package/src/query/customer/useDeleteCustomerMutation.ts

@@ -0,0 +1,36 @@
+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, contextKeys, customerKeys } from '../../keys'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
+
+const deleteCustomerOperation = 'deleteCustomer delete /account/customer' satisfies OperationKey
+
+export function useDeleteCustomerMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof deleteCustomerOperation>,
+    ShopwareApiError | Error,
+    OperationOptions<typeof deleteCustomerOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+  const queryClient = useQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (options?: OperationOptions<typeof deleteCustomerOperation>) => {
+      return client.query(deleteCustomerOperation, unrefOptions(options))
+    },
+    onSuccess: async (data, variables, context) => {
+      await Promise.all([
+        queryClient.resetQueries({ queryKey: customerKeys.all() }),
+        queryClient.resetQueries({ queryKey: contextKeys.all() }),
+        queryClient.resetQueries({ queryKey: cartKeys.get() }),
+      ])
+
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+    },
+  })
+}

package/src/query/customer/useRecoveryPasswordMutation.ts

@@ -0,0 +1,28 @@
+import { useMutation, type UseMutationOptions } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
+import { unref } from 'vue'
+import { useShopwareQueryClient } from '../../inject'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
+
+const recoveryPasswordOperation = 'recoveryPassword post /account/recovery-password-confirm' satisfies OperationKey
+
+export function useRecoveryPasswordMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof recoveryPasswordOperation>,
+    ShopwareApiError | Error,
+    OperationOptions<typeof recoveryPasswordOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (options: OperationOptions<typeof recoveryPasswordOperation>) => {
+      return client.query(recoveryPasswordOperation, unrefOptions(options))
+    },
+    onSuccess: async (data, variables, context) => {
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+    },
+  })
+}

package/src/query/customer/useRegisterConfirmMutation.ts

@@ -0,0 +1,37 @@
+import { useMutation, type UseMutationOptions } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
+import { unref } from 'vue'
+import { useShopwareQueryClient } from '../../inject'
+import type { OperationBody, OperationKey, OperationResponse } from '../types/query'
+
+const registerConfirmOperation = 'registerConfirm post /account/register-confirm' satisfies OperationKey
+
+export function useRegisterConfirmMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof registerConfirmOperation>,
+    ShopwareApiError | Error,
+    OperationBody<typeof registerConfirmOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (body: OperationBody<typeof registerConfirmOperation>) => {
+      const response = await client.queryRaw(registerConfirmOperation, {
+        body,
+      })
+
+      const contextToken = response.headers.get('sw-context-token')
+
+      if (contextToken) {
+        client.setContextToken(contextToken)
+      }
+
+      return response.json() as Promise<never>
+    },
+    onSuccess: async (newCustomer, variables, context) => {
+      await unref(unref(mutationOptions)?.onSuccess)?.(newCustomer, variables, context)
+    },
+  })
+}

package/src/query/customer/useSendRecoveryMailMutation.ts

@@ -0,0 +1,28 @@
+import { useMutation, type UseMutationOptions } from '@tanstack/vue-query'
+import { ShopwareApiError } from '@teamnovu/kit-shopware-api-client'
+import { unref } from 'vue'
+import { useShopwareQueryClient } from '../../inject'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions, OperationResponse } from '../types/query'
+
+const sendRecoveryMailOperation = 'sendRecoveryMail post /account/recovery-password' satisfies OperationKey
+
+export function useSendRecoveryMailMutation(
+  mutationOptions?: UseMutationOptions<
+    OperationResponse<typeof sendRecoveryMailOperation>,
+    ShopwareApiError | Error,
+    OperationOptions<typeof sendRecoveryMailOperation>
+  >,
+) {
+  const client = useShopwareQueryClient()
+
+  return useMutation({
+    ...mutationOptions,
+    mutationFn: async (options: OperationOptions<typeof sendRecoveryMailOperation>) => {
+      return client.query(sendRecoveryMailOperation, unrefOptions(options))
+    },
+    onSuccess: async (data, variables, context) => {
+      await unref(unref(mutationOptions)?.onSuccess)?.(data, variables, context)
+    },
+  })
+}

package/src/query/types/operations.ts

@@ -3,4 +3,3 @@ import type { operations as OriginalOperations, Schemas as OriginalSchemas } fro
 
 export interface Operations extends ShopwareApi.Operations, OriginalOperations {}
 export interface Schemas extends ShopwareApi.Schemas, OriginalSchemas {}
-

package/src/query/types/query.ts

@@ -1,5 +1,6 @@
 import type { QueryKey, UseQueryOptions } from '@tanstack/vue-query'
 import type {
+  BrandedResponse,
   OperationProp,
   OperationOptions as RawOperationOptions,
 } from '@teamnovu/kit-shopware-api-client'
@@ -18,8 +19,7 @@ export type ShallowUnwrapRefs<T> = {
 export type OperationKey = keyof Operations
 export type OperationBody<K extends OperationKey> =
   OperationProp<Operations, K, 'body'>
-export type OperationResponse<K extends OperationKey> =
-  OperationProp<Operations, K, 'response'>
+export type OperationResponse<K extends OperationKey> = BrandedResponse<Operations, K>
 
 export type OperationOptions<
   K extends OperationKey,

package/src/util/index.ts

@@ -1,3 +1,4 @@
 export * from './unrefOptions'
 export * from './url'
 export * from './useOptimistic'
+export * from './isAsynchronous'

package/src/util/isAsynchronous.ts

@@ -0,0 +1,8 @@
+import { unref, type MaybeRef } from 'vue'
+import type { Schemas } from '../query/types/operations'
+
+export const isAsynchronousOrder = (order: MaybeRef<Schemas['Order'] | null | undefined>) => {
+  const activeTransaction = unref(order)?.transactions?.find(t => t.paymentMethod?.active)
+  // @ts-expect-error - This property does not seem to be declared in the typescript types
+  return activeTransaction?.paymentMethod?.asynchronous && activeTransaction?.paymentMethod?.afterOrderEnabled
+}