plugin-flow-builder: use user locale to resolve flow locale

packages/botonic-plugin-flow-builder/src/api.ts

@@ -25,6 +25,7 @@ import {
   type HtSmartIntentNode,
 } from './content-fields/hubtype-fields'
 import { type FlowBuilderApiOptions, ProcessEnvNodeEnvs } from './types'
+import { FlowLocale } from './utils/flow-locale'
 
 export class FlowBuilderApi {
   url: string
@@ -310,47 +311,13 @@ export class FlowBuilderApi {
   }
 
   getResolvedLocale(): string {
-    const systemLocale = this.request.getSystemLocale()
-
-    const locale = this.resolveAsLocale(systemLocale)
-    if (locale) {
-      return locale
-    }
-
-    const language = this.resolveAsLanguage(systemLocale)
-    if (language) {
-      this.request.setSystemLocale(language)
-      return language
-    }
-
-    const defaultLocale = this.resolveAsDefaultLocale()
-    this.request.setSystemLocale(defaultLocale)
-    return defaultLocale
-  }
-
-  private resolveAsLocale(locale: string): string | undefined {
-    if (this.flow.locales.find(flowLocale => flowLocale === locale)) {
-      return locale
-    }
-    return undefined
-  }
-
-  private resolveAsLanguage(locale?: string): string | undefined {
-    const language = locale?.split('-')[0]
-    if (
-      language &&
-      this.flow.locales.find(flowLocale => flowLocale === language)
-    ) {
-      console.log(`locale: ${locale} has been resolved as ${language}`)
-      return language
-    }
-    return undefined
-  }
-
-  private resolveAsDefaultLocale(): string {
-    console.log(
-      `Resolve locale with default locale: ${this.flow.default_locale_code}`
-    )
-    return this.flow.default_locale_code || 'en'
+    const flowLocales = this.flow.locales
+    const defaultLocaleCode = this.flow.default_locale_code
+
+    return new FlowLocale(
+      this.request,
+      flowLocales,
+      defaultLocaleCode
+    ).resolve()
   }
 }

packages/botonic-plugin-flow-builder/src/utils/flow-locale.ts

@@ -0,0 +1,83 @@
+import type { BotContext } from '@botonic/core'
+
+export class FlowLocale {
+  constructor(
+    private botContext: BotContext,
+    private flowLocales: string[],
+    private defaultLocaleCode: string
+  ) {}
+
+  resolve(): string {
+    const resolvedUserLocale = this.resolveAsUserLocale()
+    if (resolvedUserLocale) {
+      return resolvedUserLocale
+    }
+
+    const resolvedSystemLocale = this.resolveAsSystemLocale()
+    if (resolvedSystemLocale) {
+      return resolvedSystemLocale
+    }
+
+    const defaultLocale = this.resolveAsDefaultLocale()
+    this.botContext.setSystemLocale(defaultLocale)
+    return defaultLocale
+  }
+
+  private resolveAsUserLocale(): string | undefined {
+    const userLocale = this.botContext.session.user.locale
+
+    const resolvedUserLocale = this.resolveAsLocale(userLocale)
+    if (resolvedUserLocale) {
+      this.botContext.setSystemLocale(resolvedUserLocale)
+      return resolvedUserLocale
+    }
+
+    const resolvedUserLanguage = this.resolveAsLanguage(userLocale)
+    if (resolvedUserLanguage) {
+      this.botContext.setSystemLocale(resolvedUserLanguage)
+      return resolvedUserLanguage
+    }
+
+    return undefined
+  }
+
+  private resolveAsSystemLocale(): string | undefined {
+    const systemLocale = this.botContext.getSystemLocale()
+
+    const locale = this.resolveAsLocale(systemLocale)
+    if (locale) {
+      return locale
+    }
+
+    const language = this.resolveAsLanguage(systemLocale)
+    if (language) {
+      this.botContext.setSystemLocale(language)
+      return language
+    }
+    return undefined
+  }
+
+  private resolveAsLocale(locale: string): string | undefined {
+    if (this.flowLocales.find(flowLocale => flowLocale === locale)) {
+      return locale
+    }
+    return undefined
+  }
+
+  private resolveAsLanguage(locale?: string): string | undefined {
+    const language = locale?.split('-')[0]
+    if (
+      language &&
+      this.flowLocales.find(flowLocale => flowLocale === language)
+    ) {
+      // console.log(`locale: ${locale} has been resolved as ${language}`)
+      return language
+    }
+    return undefined
+  }
+
+  private resolveAsDefaultLocale(): string {
+    // console.log(`Resolve locale with default locale: ${this.defaultLocaleCode}`)
+    return this.defaultLocaleCode || 'en'
+  }
+}