fix(VCST-4278): change language behavior (#2059)

## Description

## References
### Jira-link:
https://virtocommerce.atlassian.net/browse/VCST-4278
### Artifact URL:

https://vc3prerelease.blob.core.windows.net/packages/vc-theme-b2b-vue-2.35.0-pr-2059-3256-32563244.zip

---------

Co-authored-by: Copilot <[email protected]>
Co-authored-by: Elena Mutykova <[email protected]>

Author: 3 people

client-app/core/api/graphql/slugInfo/queries/getSlugInfo/index.ts

@@ -1,8 +1,29 @@
 import { useQuery } from "@vue/apollo-composable";
 import { GetSlugInfoDocument } from "@/core/api/graphql/types";
-import type { QuerySlugInfoArgs } from "@/core/api/graphql/types";
+import { globals } from "@/core/globals";
+import { Logger } from "@/core/utilities/logger";
+import { graphqlClient } from "../../../client";
+import type { Query, QuerySlugInfoArgs } from "@/core/api/graphql/types";
 import type { MaybeRefOrGetter } from "vue";
 
 export function useGetSlugInfo(payload: MaybeRefOrGetter<QuerySlugInfoArgs>) {
   return useQuery(GetSlugInfoDocument, payload, { fetchPolicy: "cache-and-network" });
 }
+
+export async function getSlugInfo({ permalink, cultureName }: { permalink?: string; cultureName?: string }) {
+  const { storeId, userId } = globals;
+  const variables = { permalink, storeId, userId, cultureName };
+
+  try {
+    const response = await graphqlClient.query<Required<Pick<Query, "slugInfo">>, QuerySlugInfoArgs>({
+      query: GetSlugInfoDocument,
+      variables,
+    });
+
+    return response.data?.slugInfo;
+  } catch (error) {
+    Logger.error(`Failed to get slug info for permalink: ${permalink} and cultureName: ${cultureName}`, error);
+
+    return null;
+  }
+}

client-app/shared/account/composables/useUser.ts

@@ -25,7 +25,7 @@ import {
   userLockedEvent,
   userReloadEvent,
   passwordExpiredEvent,
-  reloadAndOpenMainPage,
+  pageReloadEvent,
 } from "@/shared/broadcast";
 import { useModal } from "@/shared/modal";
 import PasswordExpirationModal from "../components/password-expiration-modal.vue";
@@ -356,7 +356,7 @@ export function _useUser() {
 
       localStorage.setItem(`organization-id-${user.value?.userName}`, organizationId);
 
-      void broadcast.emit(reloadAndOpenMainPage, null, TabsType.ALL);
+      void broadcast.emit(pageReloadEvent, null, TabsType.ALL);
     } catch (e) {
       Logger.error(switchOrganization.name, e);
     } finally {

client-app/shared/layout/components/language-selector/language-selector.vue

@@ -59,6 +59,7 @@
 </template>
 
 <script setup lang="ts">
+import { getSlugInfo } from "@/core/api/graphql/slugInfo/queries/getSlugInfo";
 import { useLanguages } from "@/core/composables/useLanguages";
 import { languageToCountryMap } from "@/core/constants";
 import { dataChangedEvent, useBroadcast } from "@/shared/broadcast";
@@ -75,20 +76,31 @@ const {
 } = useLanguages();
 const broadcast = useBroadcast();
 
-function select(cultureName: string) {
+async function select(cultureName: string) {
   pinLocale(cultureName);
-  previousCultureSlug.value = {
-    cultureName: currentLanguage.value?.cultureName,
-    slug: getUrlWithoutLocale(location.pathname).slice(1),
-  };
+  const permalink = location.pathname.slice(1);
 
-  if (cultureName !== currentLanguage.value?.cultureName) {
-    removeLocaleFromUrl();
-
-    void broadcast.emit(dataChangedEvent);
+  if (cultureName === currentLanguage.value?.cultureName) {
+    return;
+  }
 
-    void location.reload();
+  const slugInfo = await getSlugInfo({ permalink, cultureName });
+
+  if (!slugInfo?.entityInfo) {
+    previousCultureSlug.value = {
+      cultureName: currentLanguage.value?.cultureName,
+      slug: getUrlWithoutLocale(location.pathname).slice(1),
+    };
+  } else {
+    previousCultureSlug.value = {
+      cultureName: "",
+      slug: "",
+    };
   }
+
+  removeLocaleFromUrl();
+  void broadcast.emit(dataChangedEvent);
+  location.reload();
 }
 
 function getCountryCode(language: ILanguage): string {