@designcrowd/library.brand-page 5.11.7 → 5.11.8

package/src/brand-page-maker/stores/route/localised-route-store.ts

@@ -3,6 +3,31 @@ import { BRAND_PAGE_TYPES } from '../../../brand-page/models';
 import { interpolateUrl } from '../../utils/route.util';
 import { useBrandPageContainerStore } from '../brandpage-container';
 
+const getLocalisedSlug = (defaultSlug: string, locale: string): string => {
+  const translations: Record<string, Record<string, string>> = {
+    '/website-builder': {
+      'de-DE': '/website-erstellen',
+      'fr-FR': '/createur-site-web',
+      'es-ES': '/creador-paginas-web',
+      'pt-PT': '/criador-site',
+    },
+    '/digital-business-card': {
+      'de-DE': '/digitale-visitenkarte',
+      'fr-FR': '/carte-de-visite-numerique',
+      'es-ES': '/tarjeta-de-visita-digital',
+      'pt-PT': '/cartao-de-visita-digital',
+    },
+    '/link-in-bio': {
+      'de-DE': '/link-in-bio',
+      'fr-FR': '/lien-en-bio',
+      'es-ES': '/link-en-bio',
+      'pt-PT': '/link-na-bio',
+    },
+  };
+
+  return translations[defaultSlug]?.[locale] || defaultSlug;
+};
+
 export interface LocalisedRouteState {
   baseFabricRenderDomain: string;
   baseBrandPageDomain: string;
@@ -93,7 +118,12 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
 
     getBuilderLandingPageByTypeUrl:
       (state) =>
-      (isPreview: boolean, brandPageType: string, isDesignCom: boolean) => {
+      (
+        isPreview: boolean,
+        brandPageType: string,
+        isDesignCom: boolean,
+        locale: string,
+      ) => {
         if (isPreview) {
           return '#';
         }
@@ -102,20 +132,33 @@ export const useLocalisedRouteStore = defineStore('localisedRoute', {
 
         switch (brandPageType) {
           case BRAND_PAGE_TYPES.brandSite:
-            slug = state.websiteBuilderUrlPath || '/website-builder';
+            slug = getLocalisedSlug(
+              state.websiteBuilderUrlPath || '/website-builder',
+              locale,
+            );
             break;
           case BRAND_PAGE_TYPES.brandContact:
-            slug =
+            slug = getLocalisedSlug(
               state.digitalBusinessCardBuilderUrlPath ||
-              '/digital-business-card';
+                '/digital-business-card',
+              locale,
+            );
             break;
           default:
-            slug = state.linkInBioBuilderUrlPath || '/link-in-bio';
+            slug = getLocalisedSlug(
+              state.linkInBioBuilderUrlPath || '/link-in-bio',
+              locale,
+            );
         }
 
-        return isDesignCom
-          ? `https://www.design.com${slug}`
-          : `https://www.brandcrowd.com${slug}`;
+        const lowercaseLocale = locale.toLowerCase();
+        const isEnglish = lowercaseLocale === 'en-us';
+        const domain = isDesignCom
+          ? 'https://www.design.com'
+          : 'https://www.brandcrowd.com';
+        const localePath = isEnglish ? '' : `/${lowercaseLocale}`;
+
+        return `${domain}${localePath}${slug}`;
       },
 
     getWebsiteBaseUrl: () => (isDesignCom: boolean) => {