@teamnovu/kit-shopware-composables 0.0.9 → 0.0.11

package/dist/inject.d.ts

@@ -1,5 +1,5 @@
 import { ShopwareClient } from '@teamnovu/kit-shopware-api-client';
 import { InjectionKey } from 'vue';
 import { Operations } from './query/types/operations';
-export declare const shopwareClientKey: InjectionKey<ShopwareClient<never>>;
+export declare const shopwareClientKey: InjectionKey<ShopwareClient<Operations>>;
 export declare function useShopwareQueryClient(): ShopwareClient<Operations>;

package/dist/keys.d.ts

@@ -2,6 +2,9 @@ import { MaybeRef } from 'vue';
 export declare const contextKeys: {
     all: () => readonly ["context"];
 };
+export declare const languageKey: {
+    all: () => readonly ["language"];
+};
 export declare const categoryKeys: {
     all: () => readonly ["category"];
     lists: () => readonly ["category", "list"];

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

@@ -1,2 +1,3 @@
 export * from './useReadContextQuery';
 export * from './useUpdateContextMutation';
+export * from './useReadLanguageQuery';

package/dist/query/context/useReadLanguageQuery.d.ts

@@ -0,0 +1,13 @@
+import { OperationOptions } from '../types/query';
+import { UndefinedInitialQueryOptions, UseQueryReturnType } from '@tanstack/vue-query';
+import { BrandedResponse } from '@teamnovu/kit-shopware-api-client';
+import { Operations } from '..';
+declare const readLanguageOperation = "readLanguages post /language";
+export declare function useReadLanguageQueryOptions(options?: OperationOptions<typeof readLanguageOperation>): UndefinedInitialQueryOptions<BrandedResponse<Operations, "readLanguages post /language">, Error, BrandedResponse<Operations, "readLanguages post /language">, readonly ["language"]> & {
+    queryKey: readonly ["language"] & {
+        [dataTagSymbol]: BrandedResponse<Operations, "readLanguages post /language">;
+        [dataTagErrorSymbol]: Error;
+    };
+};
+export declare function useReadLanguageQuery(options?: OperationOptions<typeof readLanguageOperation>): UseQueryReturnType<BrandedResponse<Operations, "readLanguages post /language">, Error>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/kit-shopware-composables",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "A collection of composables for the Shopware API",
   "main": "dist/index.mjs",
   "module": "dist/index.mjs",
@@ -17,7 +17,7 @@
   "peerDependencies": {
     "@tanstack/vue-query": "^5.85.3",
     "vue": "^3.0.0",
-    "@teamnovu/kit-shopware-api-client": "0.0.7"
+    "@teamnovu/kit-shopware-api-client": "0.0.9"
   },
   "repository": {
     "type": "git",

package/src/helpers/general/useSeoUrl.ts

@@ -1,6 +1,6 @@
 import type { GenericRecord } from '#store-types'
-import type { MaybeRef } from 'vue'
 import { computed, unref } from 'vue'
+import { useReadContextQuery } from '../../query'
 
 interface SeoUrlEntity {
   extensions?: {
@@ -8,11 +8,21 @@ interface SeoUrlEntity {
   }
 }
 
-export const getSeoUrl = <T extends SeoUrlEntity>(entity: T, languageId: string) => {
-  const urls = entity.extensions?.novuSeoUrls as Record<string, string>
+const getSeoUrl = <T extends SeoUrlEntity>(entity: T, languageId: string | string[]) => {
+  const urls = entity?.extensions?.novuSeoUrls as Record<string, string>
+  if (Array.isArray(languageId)) {
+    const matchedId = languageId.find(id => !!urls?.[id])
+    return matchedId ? urls?.[matchedId] ?? '' : ''
+  }
   return urls?.[languageId] ?? ''
 }
 
-export const useSeoUrl = <T extends SeoUrlEntity>(entity: MaybeRef<T>, languageId: MaybeRef<string>) => {
-  return computed(() => getSeoUrl(unref(entity), unref(languageId)))
+export const useSeoUrl = <T extends SeoUrlEntity>() => {
+  const contextQuery = useReadContextQuery()
+  const contextLanguageChain = computed(() => contextQuery.data?.value?.context?.languageIdChain ?? [])
+
+  return (entity: T, languageId: string) => {
+    const languageChain = [languageId, ...contextLanguageChain.value]
+    return getSeoUrl(unref(entity), unref(languageChain))
+  }
 }

package/src/inject.ts

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

package/src/keys.ts

@@ -4,6 +4,10 @@ export const contextKeys = {
   all: () => ['context'] as const,
 }
 
+export const languageKey = {
+  all: () => ['language'] as const,
+}
+
 export const categoryKeys = {
   all: () => ['category'] as const,
   lists: () => [...categoryKeys.all(), 'list'] as const,

package/src/query/context/index.ts

@@ -1,2 +1,3 @@
 export * from './useReadContextQuery'
 export * from './useUpdateContextMutation'
+export * from './useReadLanguageQuery'

package/src/query/context/useReadLanguageQuery.ts

@@ -0,0 +1,28 @@
+import { queryOptions, useQuery } from '@tanstack/vue-query'
+import { useShopwareQueryClient } from '../../inject'
+import { languageKey } from '../../keys'
+import { unrefOptions } from '../../util'
+import type { OperationKey, OperationOptions } from '../types/query'
+
+const readLanguageOperation = 'readLanguages post /language' satisfies OperationKey
+
+export function useReadLanguageQueryOptions(
+  options?: OperationOptions<typeof readLanguageOperation>,
+) {
+  const client = useShopwareQueryClient()
+
+  return queryOptions({
+    queryKey: languageKey.all(),
+    queryFn: ({ signal }) =>
+      client.query(readLanguageOperation, {
+        ...unrefOptions(options),
+        signal,
+      }),
+  })
+}
+
+export function useReadLanguageQuery(
+  options?: OperationOptions<typeof readLanguageOperation>,
+) {
+  return useQuery(useReadLanguageQueryOptions(options))
+}

package/src/query/customer/useLoginCustomerMutation.ts

@@ -27,7 +27,7 @@ export function useLoginCustomerMutation(
       const contextToken = response.headers.get('sw-context-token')
 
       if (contextToken) {
-        client.setContextToken(contextToken)
+        client.contextToken = contextToken
       }
 
       return response.json()

package/src/query/customer/useRegisterConfirmMutation.ts

@@ -25,7 +25,7 @@ export function useRegisterConfirmMutation(
       const contextToken = response.headers.get('sw-context-token')
 
       if (contextToken) {
-        client.setContextToken(contextToken)
+        client.contextToken = contextToken
       }
 
       return response.json() as Promise<never>