fix: add missing sw-language-id header

.changeset/great-spoons-relax.md

@@ -0,0 +1,5 @@
+---
+"vue-demo-store": patch
+---
+
+Added `sw-language-id` header property in `SwContactForm.vue` and `App.vue` components

.changeset/healthy-goats-buy.md

@@ -0,0 +1,7 @@
+---
+"@shopware/composables": patch
+---
+
+Added `sw-language-id` header property for API calls in `useCart`, `useCategorySearch`, `useCheckout`, `useCustomerOrders`, `useInternationalization`, and `useLandingSearch` composables.
+
+Added `currentSessionLanguageID` that is a alias for `languageIdChain` in `useSessionContext` composable

examples/adyen-dropin-component/api-types/storeApiTypes.d.ts

@@ -8432,11 +8432,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/b2b-quote-management/api-types/storeApiTypes.d.ts

@@ -8321,11 +8321,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/commercial-customized-products/api-types/storeApiTypes.d.ts

@@ -8343,11 +8343,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/commercial-quick-order/api-types/storeApiTypes.d.ts

@@ -8345,11 +8345,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/commercial-quick-order/src/App.vue

@@ -10,7 +10,8 @@ import type { Schemas } from "#shopware";
 
 const { apiClient } = useShopwareContext();
 // for initialize the session and get the current currency
-const { currency, refreshSessionContext } = useSessionContext();
+const { currency, refreshSessionContext, currentSessionLanguageID } =
+  useSessionContext();
 // to log in a customer, because the Quick Order feature is enabled for specifically selected users (in admin panel)
 const { login } = useUser();
 
@@ -108,6 +109,9 @@ const onAddToCartClick = async () => {
     body: {
       items: lineItemsPayload,
     },
+    headers: {
+      "sw-language-id": currentSessionLanguageID.value,
+    },
   });
 
   chosenItems.value = new Map();

examples/express-checkout/api-types/storeApiTypes.d.ts

@@ -8321,11 +8321,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/mollie-credit-card/api-types/storeApiTypes.d.ts

@@ -8324,11 +8324,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

examples/multi-sales-channel/app.vue

@@ -18,7 +18,7 @@ sessionContextData.value = contextResponse.data;
 
 useSessionContext(sessionContextData.value);
 
-const { languageIdChain, refreshSessionContext } = useSessionContext();
+const { currentSessionLanguageID, refreshSessionContext } = useSessionContext();
 const { locale, availableLocales, defaultLocale, localeProperties } = useI18n();
 const router = useRouter();
 const {
@@ -45,11 +45,13 @@ if (languages.value?.elements.length && router.currentRoute.value.name) {
 
   // Language set on the backend side
   if (localeProperties.value.localeId) {
-    if (languageIdChain.value !== localeProperties.value.localeId) {
+    if (currentSessionLanguageID.value !== localeProperties.value.localeId) {
       languageToChangeId = localeProperties.value.localeId;
     }
   } else {
-    const sessionLanguage = getLanguageCodeFromId(languageIdChain.value);
+    const sessionLanguage = getLanguageCodeFromId(
+      currentSessionLanguageID.value,
+    );
 
     // If languages are not the same, set one from prefix
     if (sessionLanguage !== prefix) {

examples/multi-sales-channel/pages/[...all].vue

@@ -2,10 +2,10 @@
 import { getLanguageName, getTranslatedProperty } from "@shopware/helpers";
 
 const { languages, getLanguageCodeFromId } = useInternationalization();
-const { sessionContext, languageIdChain } = useSessionContext();
+const { sessionContext, currentSessionLanguageID } = useSessionContext();
 
 const language = computed(() =>
-  languages.value.find((l) => languageIdChain.value === l.id),
+  languages.value.find((l) => currentSessionLanguageID.value === l.id),
 );
 
 const onChangeHandler = async (option: Event) => {
@@ -22,7 +22,7 @@ const onChangeHandler = async (option: Event) => {
   <div>
     <ul>
       <li>
-        Language: {{ language ? getLanguageName(language) : languageIdChain }}
+        Language: {{ language ? getLanguageName(language) : currentSessionLanguageID }}
       </li>
       <li>
         Sales channel:
@@ -35,7 +35,7 @@ const onChangeHandler = async (option: Event) => {
         v-for="language in languages"
         :key="language.id"
         :value="language.id"
-        :selected="languageIdChain === language.id"
+        :selected="currentSessionLanguageID === language.id"
         :label="getLanguageName(language)"
       >
         {{ getLanguageName(language) }}

packages/api-client/api-types/storeApiTypes.d.ts

@@ -8322,11 +8322,15 @@ export type operations = {
   "readBreadcrumb get /breadcrumb/{id}": {
     contentType?: "application/json";
     accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
     query?: {
-      /** UUID for referrer category only used for product breadcrumb */
-      referrerCategoryId?: string;
       /** Type: category or product (optional - default: product) */
       type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
     };
     pathParams: {
       /** UUID for product or category */

packages/api-client/api-types/storeApiTypes.overrides.ts

@@ -45,4 +45,76 @@ export type Schemas = {
   };
 };
 
-// export type operations = {};
+export type operations = {
+  "updateLineItem patch /checkout/cart/line-item": {
+    contentType?: "application/json";
+    accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string;
+    };
+    body: {
+      // TODO: [OpenAPI][updateLineItem] - add proper request body type with required fields
+      items: Array<{
+        id: string;
+        quantity: number;
+      }>;
+    };
+    response: components["schemas"]["Cart"];
+    responseCode: 200;
+  };
+  "readProduct post /product": {
+    contentType?: "application/json";
+    accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string;
+    };
+    body?: components["schemas"]["Criteria"];
+    response: {
+      elements: components["schemas"]["Product"][]; // TODO: [OpenAPI][readProduct]: add elements property as required
+    } & components["schemas"]["EntitySearchResult"];
+    responseCode: 200;
+  };
+  "readShippingMethod post /shipping-method": {
+    contentType?: "application/json";
+    accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string;
+    };
+    query?: {
+      /** List only available shipping methods. This filters shipping methods methods which can not be used in the actual context because of their availability rule. */
+      onlyAvailable?: boolean;
+    };
+    body?: components["schemas"]["Criteria"];
+    response: {
+      /** aggregation result */
+      aggregations?: Record<string, never>;
+      elements: components["schemas"]["ShippingMethod"][]; // TODO: [OpenAPI][readShippingMethod]: response should be `EntitySearchResult` and elements should be required
+      /** Total amount */
+      total?: number;
+    };
+    responseCode: 200;
+  };
+  "readBreadcrumb get /breadcrumb/{id}": {
+    contentType?: "application/json";
+    accept?: "application/json";
+    headers?: {
+      /** Instructs Shopware to return the response in the given language. */
+      "sw-language-id"?: string; //TODO: [OpenAPI][readBreadcrumb] - sw-language-id should be added
+    };
+    query?: {
+      /** Type: category or product (optional - default: product) */
+      type?: "product" | "category";
+      /** UUID for referrer category only used for product breadcrumb */
+      referrerCategoryId?: string;
+    };
+    pathParams: {
+      /** UUID for product or category */
+      id: string;
+    };
+    response: components["schemas"]["BreadcrumbCollection"];
+    responseCode: 200;
+  };
+};

packages/cms-base-layer/components/SwContactForm.vue

@@ -11,6 +11,7 @@ import {
   useCmsElementConfig,
   useNavigationContext,
   useSalutations,
+  useSessionContext,
   useShopwareContext,
 } from "#imports";
 
@@ -84,6 +85,7 @@ const { getSalutations } = useSalutations();
 const { foreignKey } = useNavigationContext();
 const { apiClient } = useShopwareContext();
 const { getConfigValue } = useCmsElementConfig(props.content);
+const { currentSessionLanguageID } = useSessionContext();
 
 const getConfirmationText = computed(
   () =>
@@ -145,6 +147,9 @@ const invokeSubmit = async () => {
           ...state,
           navigationId: foreignKey.value,
         },
+        headers: {
+          "sw-language-id": currentSessionLanguageID.value,
+        },
       });
       formSent.value = true;
     } catch (e) {

packages/composables/src/useCart/useCart.test.ts

@@ -86,6 +86,11 @@ describe("useCart", () => {
     await vm.refreshCart();
     expect(injections.apiClient.invoke).toHaveBeenCalledWith(
       expect.stringContaining("readCart"),
+      expect.objectContaining({
+        headers: {
+          "sw-language-id": "",
+        },
+      }),
     );
   });
 

packages/composables/src/useCart/useCart.ts

@@ -1,7 +1,7 @@
 import { createSharedComposable } from "@vueuse/core";
 import { computed } from "vue";
 import type { ComputedRef } from "vue";
-import { useContext, useShopwareContext } from "#imports";
+import { useContext, useSessionContext, useShopwareContext } from "#imports";
 import type { Schemas, operations } from "#shopware";
 
 /**
@@ -101,6 +101,7 @@ export type UseCartReturn = {
  */
 export function useCartFunction(): UseCartReturn {
   const { apiClient } = useShopwareContext();
+  const { currentSessionLanguageID } = useSessionContext();
 
   const _storeCart = useContext<Schemas["Cart"]>("swCart");
   const _storeCartErrors = useContext<Schemas["Cart"]["errors"] | null>(
@@ -115,7 +116,11 @@ export function useCartFunction(): UseCartReturn {
       return newCart;
     }
 
-    const { data } = await apiClient.invoke("readCart get /checkout/cart");
+    const { data } = await apiClient.invoke("readCart get /checkout/cart", {
+      headers: {
+        "sw-language-id": currentSessionLanguageID.value,
+      },
+    });
     _storeCart.value = data;
     setCartErrors(data);
     return data;

packages/composables/src/useCategorySearch/useCategorySearch.test.ts

@@ -19,6 +19,7 @@ describe("useCategorySearch", () => {
         },
         headers: {
           "sw-include-seo-urls": true,
+          "sw-language-id": "",
         },
       }),
     );
@@ -41,6 +42,7 @@ describe("useCategorySearch", () => {
         },
         headers: {
           "sw-include-seo-urls": true,
+          "sw-language-id": "",
         },
         body: {
           associations: cmsAssociations,