@teamnovu/kit-shopware-composables 0.0.22 → 0.0.24

package/dist/keys.d.ts

@@ -37,7 +37,10 @@ export declare const productKeys: {
         readonly url: MaybeRef<string>;
         readonly body: unknown;
     }];
-    detail: (body: MaybeRef<unknown>) => readonly ["product", "detail", {
+    headlessDetail: (body: MaybeRef<unknown>) => readonly ["product", "detail", {
+        readonly body: unknown;
+    }];
+    detail: (productId: MaybeRef<string>, body: MaybeRef<unknown>) => readonly ["product", "detail", MaybeRef<string>, {
         readonly body: unknown;
     }];
     search: (body: MaybeRef<unknown>) => readonly ["product", "search", {

package/dist/query/products/index.d.ts

@@ -3,3 +3,4 @@ export * from './useReadCompactProductListingQuery';
 export * from './useReadCustomProductDetailQuery';
 export * from './useSearchPageQuery';
 export * from './useReadProductQuery';
+export * from './useReadProductDetailQuery';

package/dist/query/products/useReadProductDetailQuery.d.ts

@@ -0,0 +1,18 @@
+import { OperationOptions } from '../types/query';
+import { MaybeRef } from 'vue';
+import { UndefinedInitialQueryOptions, UseQueryReturnType } from '@tanstack/vue-query';
+import { BrandedResponse } from '@teamnovu/kit-shopware-api-client';
+import { Operations } from '..';
+declare const readProductDetailOperation = "readProductDetail post /product/{productId}";
+export declare function useReadProductDetailQueryOptions(productId: MaybeRef<string>, body?: OperationOptions<typeof readProductDetailOperation, 'params'>): UndefinedInitialQueryOptions<BrandedResponse<Operations, "readProductDetail post /product/{productId}">, Error, BrandedResponse<Operations, "readProductDetail post /product/{productId}">, readonly ["product", "detail", MaybeRef<string>, {
+    readonly body: unknown;
+}]> & {
+    queryKey: readonly ["product", "detail", MaybeRef<string>, {
+        readonly body: unknown;
+    }] & {
+        [dataTagSymbol]: BrandedResponse<Operations, "readProductDetail post /product/{productId}">;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function useReadProductDetailQuery(productId: MaybeRef<string>, body?: OperationOptions<typeof readProductDetailOperation, 'params'>): UseQueryReturnType<BrandedResponse<Operations, "readProductDetail post /product/{productId}">, Error>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-shopware-composables",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "A collection of composables for the Shopware API",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",

package/src/keys.ts

@@ -66,9 +66,17 @@ export const productKeys = {
         body,
       },
     ] as const,
-  detail: (body: MaybeRef<unknown>) =>
+  headlessDetail: (body: MaybeRef<unknown>) =>
+    [
+      ...productKeys.details(),
+      {
+        body,
+      },
+    ] as const,
+  detail: (productId: MaybeRef<string>, body: MaybeRef<unknown>) =>
     [
       ...productKeys.details(),
+      productId,
       {
         body,
       },

package/src/query/products/index.ts

@@ -3,3 +3,4 @@ export * from './useReadCompactProductListingQuery'
 export * from './useReadCustomProductDetailQuery'
 export * from './useSearchPageQuery'
 export * from './useReadProductQuery'
+export * from './useReadProductDetailQuery'

package/src/query/products/useReadProductDetailQuery.ts

@@ -0,0 +1,38 @@
+import { queryOptions, useQuery } from '@tanstack/vue-query'
+import { useShopwareQueryClient } from '../../inject'
+import { productKeys } from '../../keys'
+import { unrefOptions } from '../../util/unrefOptions'
+import type { OperationKey, OperationOptions } from '../types/query'
+import { unref, type MaybeRef } from 'vue'
+
+const readProductDetailOperation = 'readProductDetail post /product/{productId}' satisfies OperationKey
+
+export function useReadProductDetailQueryOptions(
+  productId: MaybeRef<string>,
+  body?: OperationOptions<typeof readProductDetailOperation, 'params'>,
+) {
+  const client = useShopwareQueryClient()
+  const queryKey = productKeys.detail(productId, body)
+
+  return queryOptions({
+    queryKey,
+    queryFn: async ({ signal }) => {
+      const opts = unrefOptions(body)
+      return client.query(readProductDetailOperation, {
+        ...opts,
+        params: {
+          ...opts.params,
+          productId: unref(productId),
+        },
+        signal,
+      })
+    },
+  })
+}
+
+export function useReadProductDetailQuery(
+  productId: MaybeRef<string>,
+  body?: OperationOptions<typeof readProductDetailOperation, 'params'>,
+) {
+  return useQuery(useReadProductDetailQueryOptions(productId, body))
+}

package/src/query/products/useReadProductQuery.ts

@@ -10,7 +10,7 @@ export function useReadProductQueryOptions(
   body?: OperationOptions<typeof readProductOperation, 'params'>,
 ) {
   const client = useShopwareQueryClient()
-  const queryKey = productKeys.detail(body)
+  const queryKey = productKeys.headlessDetail(body)
 
   return queryOptions({
     queryKey,