@magmamath/students-features 1.3.2 → 1.3.3-rc.2

package/dist/typescript/module/shared/translation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,OAAO,IAAI,CAAC,EAAE,MAAM,WAAW,CAAA;AACxC,YAAY,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA"}

package/dist/typescript/module/shared/translation/types.d.ts

@@ -1,6 +1,5 @@
-import enTranslations from './localization/en.json';
-import { RetrieveKeys } from '../../lib/types/keys';
-export type Translations = typeof enTranslations;
-export type TranslationKeys = RetrieveKeys<Translations>;
+import { TFuncKey } from 'i18next';
+import { NAMESPACE } from './constants';
+export type TranslationKeys = TFuncKey<typeof NAMESPACE>;
 export type GetText = (key: TranslationKeys, args?: Record<string, string> | null) => string;
 //# sourceMappingURL=types.d.ts.map

package/dist/typescript/module/shared/translation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,wBAAwB,CAAA;AAOnD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAGnD,MAAM,MAAM,YAAY,GAAG,OAAO,cAAc,CAAA;AAChD,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/shared/translation/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAA;AACxD,MAAM,MAAM,OAAO,GAAG,CAAC,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,KAAK,MAAM,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmamath/students-features",
-  "version": "1.3.2",
+  "version": "1.3.3-rc.2",
   "description": "Magmamath features library",
   "source": "src/index.ts",
   "main": "src/index.ts",
@@ -15,7 +15,8 @@
   "scripts": {
     "clean": "del-cli dist",
     "prepare": "bob build",
-    "release": "release-it"
+    "release": "release-it",
+    "pull-translations": "node scripts/pullTranslations.mjs"
   },
   "peerDependencies": {
     "@magmamath/frontend-config": "1.1.0",
@@ -32,7 +33,9 @@
     "expo-audio": "^1.1.1",
     "expo": ">=52.0.47",
     "@react-native-masked-view/masked-view": "*",
-    "react-native-linear-gradient": "*"
+    "react-native-linear-gradient": "*",
+    "i18next": ">=22",
+    "react-i18next": ">=11"
   },
   "devDependencies": {
     "@magmamath/react-native-ui": "0.4.83",
@@ -63,7 +66,9 @@
     "typescript": "^5.2.2",
     "axios": "^1.13.5",
     "@react-native-masked-view/masked-view": "^0.3.2",
-    "react-native-linear-gradient": "^2.8.3"
+    "react-native-linear-gradient": "^2.8.3",
+    "i18next": "^22.5.1",
+    "react-i18next": "^11.3.4"
   },
   "resolutions": {
     "@types/react": "^18.2.44"

package/src/features/chatbot/helpers.ts

@@ -65,7 +65,6 @@ export function prepareChatRequestPayload(
     imageAltText,
     answerOptions,
     answer,
-    chatHistory,
   } = payload
 
   if (freeTextMessage) {
@@ -87,7 +86,6 @@ export function prepareChatRequestPayload(
             language,
             ...(imageCdnId && { imageCdnId }),
             ...(imageAltText && { altText: imageAltText }),
-            ...(chatHistory && { chatHistory }),
             ...(!!problemStandards?.length && { problemStandards }),
             ...(!!answerOptions?.length && { answerOptions }),
           },

package/src/features/chatbot/index.ts

@@ -7,15 +7,7 @@ export {
   type IChatDrawBoardAdapter,
 } from './types/model.types'
 export type { RequestOptionalConfig } from '../../lib/effector/createControllerEffect'
-export type {
-  PostMessageResponse,
-  ChatHintPayload,
-  ChatHintResponse,
-  GetAlternativesPayload,
-  GetAlternativesResponse,
-  SendMessagePayload,
-  SendMessageResponse,
-} from './types/api.types'
+export type { PostMessageResponse } from './types/api.types'
 export { DefaultMessagesCreator } from './model/DefaultMessageCreator'
 export type { ChatAnswer } from './types/units.types'
 export type { ConversationMessage } from './types/units.types'

package/src/features/chatbot/model/ChatBotModel.ts

@@ -234,6 +234,15 @@ export class ChatbotModel {
             messages: [messagesHelper.createOwn({ message, translatedMessage })],
           })
 
+          const chatHistory =
+            context.assignmentId && context.problemId
+              ? {
+                  exerciseId: context.assignmentId,
+                  problemId: context.problemId,
+                  chatVersion: alternatives?.version,
+                }
+              : undefined
+
           // Request is overridden by ThreadManager.postMessage (delegates to sendMessage/getHint)
           const response = await this.api.postMessageFx({
             answer: context.answer,
@@ -245,14 +254,8 @@ export class ChatbotModel {
             imageAltText: context.imageDescription,
             imageCdnId: context.imageCdnId,
             conversationId: cache[key].conversationId,
+            chatHistory,
             ...(isFreeText && { freeTextMessage: message }),
-            ...(context.assignmentId && {
-              chatHistory: {
-                exerciseId: context.assignmentId,
-                problemId: context.problemId,
-                chatVersion: alternatives?.version,
-              },
-            }),
           })
 
           const thread = this.threadManager.get(key)

package/src/features/chatbot/model/ChatBoxTextManager.ts

@@ -1,13 +1,12 @@
 import { DefaultMessagesCreator } from './DefaultMessageCreator'
-import { TranslationKeys } from '../../../shared/translation/types'
 import { getText } from '../../../shared/translation/helpers'
 import { ChatbotMessages } from '../types/model.types'
-import { $localization } from '../../../shared/translation'
+import { TranslationKeys } from '../../../shared/translation'
 
 export class ChatBotTextManager {
   private readonly messagesCreator = new DefaultMessagesCreator<TranslationKeys>({
     textGetter: getText,
-  }).bindToLanguageChanged($localization.updates)
+  }).bindToLanguageChanged()
 
   public readonly messages: ChatbotMessages = {
     error: this.messagesCreator.createMessage('chat.errorMessage', {

package/src/features/chatbot/model/DefaultMessageCreator.ts

@@ -1,5 +1,5 @@
+import i18next from 'i18next'
 import { PostMessageResponse } from '../types/api.types'
-import { Event } from 'effector'
 import { ChatAnswer } from '../types/units.types'
 
 type ChatMessage = Omit<PostMessageResponse, 'threadId'> & {
@@ -45,8 +45,8 @@ export class DefaultMessagesCreator<K extends string> {
     return option
   }
 
-  public bindToLanguageChanged(event: Event<unknown>) {
-    event.watch(() => {
+  public bindToLanguageChanged() {
+    i18next.on('languageChanged', () => {
       this.list.forEach((key, chatMessage) => {
         if ('message' in chatMessage) {
           chatMessage.message = this.getter(key)

package/src/features/chatbot/types/api.types.ts

@@ -30,15 +30,14 @@ export type GetAlternativesResponse = {
 }
 
 export type SendMessagePayload = {
-  message: string
   problemDescription?: string
   problemStandards?: ProblemStandard[]
   correctAnswer?: string | string[]
   answerOptions?: string[]
   altText?: string
   language?: string
+  message: string
   conversationId?: string
-  chatHistory?: ChatHistory
 }
 
 export type SendMessageResponse = {
@@ -46,12 +45,6 @@ export type SendMessageResponse = {
   conversationId?: string | null
 }
 
-export type ChatHistory = {
-  exerciseId: string
-  problemId?: string
-  chatVersion?: string
-}
-
 export type PostMessagePayload = {
   language: string
   problemAnswer: string[]
@@ -63,7 +56,11 @@ export type PostMessagePayload = {
   imageCdnId?: string
   freeTextMessage?: string
   conversationId?: string | null
-  chatHistory?: ChatHistory
+  chatHistory?: {
+    exerciseId: string
+    problemId: string
+    chatVersion?: string
+  }
 }
 
 export type PostMessageResponse = {
@@ -137,7 +134,6 @@ export type ChatHintResponse = {
   errorCellIds?: string[]
   errorChars?: ErrorChar[]
 }
-
 export type ErrorSpottingPayload = {
   strokes: FullStrokeData[]
   problemDescription: string
@@ -145,7 +141,6 @@ export type ErrorSpottingPayload = {
   userAnswer: string | string[]
   hint: string
 }
-
 export type ErrorSpottingResponse = {
   highlightedStrokeIds: string[]
 }

package/src/features/exampleSolution/components/ExampleSolutionModalContent.tsx

@@ -1,8 +1,7 @@
 import { StyleSheet, View } from 'react-native'
 import React from 'react'
 import { COLORS, HeadingVariants, IS_WEB, SPACING, Typography } from '@magmamath/react-native-ui'
-import { useUnit } from 'effector-react'
-import { $localization } from '../../../shared/translation'
+import { useText } from '../../../shared/translation'
 import { ExampleSolutionModalParams } from '../types'
 import { QuestionSection } from './QuestionSection'
 import { SolutionSection } from './SolutionSection'
@@ -18,7 +17,7 @@ export const ExampleSolutionModalContent = ({
   params: { model, payload, cacheKey },
 }: ExampleSolutionModalContentProps) => {
   const { result, status } = useExampleSolution({ model, payload, cacheKey })
-  const localization = useUnit($localization)
+  const t = useText()
 
   return (
     <View
@@ -28,7 +27,7 @@ export const ExampleSolutionModalContent = ({
       ]}
     >
       <Typography align="center" variant={HeadingVariants.H2} style={{ color: COLORS.NEUTRAL_9 }}>
-        {localization.exampleSolution.exampleSolution}
+        {t('exampleSolution.exampleSolution')}
       </Typography>
       <View style={styles.content}>
         <QuestionSection

package/src/features/exampleSolution/model/ExampleSolutionApi.ts

@@ -1,7 +1,7 @@
 import { createControllerEffect } from './../../../lib/effector/createControllerEffect'
 import { ExampleSolutionApiRequests, ExampleSolutionErrorHandler } from '../types'
-import { $localization } from '../../../shared/translation'
-import { createEffect, sample, attach, StoreValue } from 'effector'
+import { getText } from '../../../shared/translation/helpers'
+import { createEffect, sample } from 'effector'
 
 type ExampleSolutionApiProps = {
   api: ExampleSolutionApiRequests
@@ -12,13 +12,9 @@ export class ExampleSolutionsApi {
   public readonly generateExampleSolutionFx
   public readonly errorHandlerFx?: ExampleSolutionErrorHandler
 
-  public readonly errorHandlingFx = attach({
-    source: $localization,
-    effect: createEffect((localization: StoreValue<typeof $localization>) => {
-      if (!this.errorHandlerFx) return
-      const errorMessage = localization.exampleSolution.errorMessage
-      this.errorHandlerFx(errorMessage)
-    }),
+  public readonly errorHandlingFx = createEffect(() => {
+    if (!this.errorHandlerFx) return
+    this.errorHandlerFx(getText('exampleSolution.errorMessage'))
   })
 
   constructor({ api, errorHandler }: ExampleSolutionApiProps) {

package/src/index.ts

@@ -1,4 +1,3 @@
-export { useFeaturesLocalization, setFeaturesLocalization } from './shared/translation'
 export { generateRandomId } from './lib/helpers/helpers'
 export * from './features/chatbot'
 export * from './features/feedback'

package/src/shared/translation/constants.ts

@@ -1,16 +1 @@
-import { Locale } from '@magmamath/frontend-config'
-import EN from './localization/en.json'
-import GB from './localization/gb.json'
-import SW from './localization/sw.json'
-import CA from './localization/ca.json'
-import SCT from './localization/sct.json'
-import DE from './localization/de.json'
-
-export const LOCALIZATION_CONFIGS = {
-  [Locale.US]: EN,
-  [Locale.GB]: GB,
-  [Locale.SE]: SW,
-  [Locale.CA]: CA,
-  [Locale.SCT]: SCT,
-  [Locale.DE]: DE,
-}
+export const NAMESPACE = 'students-features'

package/src/shared/translation/helpers.ts

@@ -1,47 +1,7 @@
-import { LOCALIZATION_CONFIGS } from './constants'
-import { $localization, setLocalization } from './model'
-import { GetText, TranslationKeys, Translations } from './types'
+import i18next from 'i18next'
+import { NAMESPACE } from './constants'
+import { GetText } from './types'
 
-export function getTranslation(config: Translations, key: TranslationKeys) {
-  const rawTranslation = config?.[key as keyof Translations]
-  if (typeof rawTranslation === 'string' || !key.includes('.')) {
-    return rawTranslation as string
-  }
-  const keys = key.split('.')
-  let translation = config
-  for (const k of keys) {
-    if (translation[k as keyof Translations] === undefined) return key
-    translation = translation[k as keyof Translations] as any
-  }
-  if (typeof translation === 'string') {
-    return translation
-  }
-  return key
-}
-
-export const getSubstitutedString = (str: string, substitutions: Record<string, string> = {}) => {
-  const substitutionsArray = Object.entries(substitutions)
-  let result = str
-
-  if (!substitutionsArray.length) return result
-
-  substitutionsArray.forEach(([key, value]) => {
-    result = result.replace(`{{${key}}}`, value)
-  })
-
-  return result
-}
-
-export const getText: GetText = (key: TranslationKeys, args = null) => {
-  const config = $localization.getState()
-
-  const translation = getTranslation(config, key)
-  if (args) return getSubstitutedString(translation, args)
-  return translation
-}
-
-export const setFeaturesLocalization = (
-  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
-) => {
-  setLocalization(generator)
+export const getText: GetText = (key, args = null) => {
+  return i18next.t(key, { ns: NAMESPACE, ...(args || {}) }) as string
 }

package/src/shared/translation/hooks.ts

@@ -1,25 +1,9 @@
-import { useUnit } from 'effector-react'
-import { $localization, setLocalization } from './model'
-import { GetText, Translations } from './types'
-import { useCallback, useEffect } from 'react'
-import { LOCALIZATION_CONFIGS } from './constants'
-import { getSubstitutedString, getTranslation } from './helpers'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { NAMESPACE } from './constants'
+import { GetText } from './types'
 
 export const useText = (): GetText => {
-  const config = useUnit($localization)
-  return useCallback<GetText>(
-    (key, args = null) => {
-      const translation = getTranslation(config, key)
-      return args ? getSubstitutedString(translation, args) : translation
-    },
-    [config],
-  )
-}
-
-export const useFeaturesLocalization = (
-  generator: ((config: typeof LOCALIZATION_CONFIGS) => Translations) | Translations,
-) => {
-  useEffect(() => {
-    setLocalization(generator)
-  }, [generator])
+  const { t } = useTranslation(NAMESPACE)
+  return useCallback<GetText>((key, args = null) => t(key, args ?? undefined) as string, [t])
 }

package/src/shared/translation/index.ts

@@ -1,3 +1,3 @@
-export { useFeaturesLocalization, useText } from './hooks'
-export { setFeaturesLocalization, getText as t } from './helpers'
-export { $localization, setLocalization } from './model'
+export { useText } from './hooks'
+export { getText as t } from './helpers'
+export type { TranslationKeys, GetText } from './types'

package/src/shared/translation/react-i18next.d.ts

@@ -0,0 +1,21 @@
+import 'i18next'
+import 'react-i18next'
+import schema from './schema.json'
+
+declare module 'i18next' {
+  interface CustomTypeOptions {
+    defaultNS: 'students-features'
+    resources: {
+      ['students-features']: typeof schema
+    }
+  }
+}
+
+declare module 'react-i18next' {
+  interface CustomTypeOptions {
+    defaultNS: 'students-features'
+    resources: {
+      ['students-features']: typeof schema
+    }
+  }
+}

package/src/shared/translation/{localization/en.json → schema.json}

@@ -1,61 +1,66 @@
 {
-  "locale": "en-SE",
-  "teacherFeedback.noComments": "No comments yet",
-  "time.justNow": "just now",
-  "time.minuteAgo": "minute ago",
-  "time.minutesAgo": "{{count}} minutes ago",
-  "time.hourAgo": "hour ago",
-  "time.hoursAgo": "{{count}} hours ago",
-  "time.dayAgo": "day ago",
-  "time.daysAgo": "{{count}} days ago",
-  "time.monthAgo": "month ago",
-  "time.monthsAgo": "{{count}} months ago",
-  "time.yearAgo": "year ago",
-  "time.yearsAgo": "{{count}} years ago",
   "chat": {
     "anotherHint": "Give me another hint",
-    "getHint": "Get a hint",
-    "needHint": "I need a hint",
-    "giveHintOpenChat": "I need a hint",
     "answerAgain": "Answer again to get another hint!",
     "errorMessage": "Something went wrong! Try again",
+    "getHint": "Get a hint",
+    "giveHint": "I need a hint",
+    "giveHintOpenChat": "I need a hint",
     "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error",
-    "inputPlaceholder": "Type..."
-  },
-  "gifCelebrations": {
-    "greatStart": "Great start!",
-    "onTheWay": "On the way!",
-    "almostThere": "Almost there"
+    "inputPlaceholder": "Type...",
+    "needHint": "I need a hint",
+    "showError": "Show error"
   },
   "exampleSolution": {
-    "exampleSolution": "Example solution",
-    "letMeThink": "Let me think...",
     "aha": "Aha!",
-    "errorMessage": "Something went wrong with generating an example solution"
+    "errorMessage": "Something went wrong with generating an example solution",
+    "exampleSolution": "Example solution",
+    "letMeThink": "Let me think..."
+  },
+  "gifCelebrations": {
+    "almostThere": "Almost there",
+    "greatStart": "Great start!",
+    "onTheWay": "On the way!"
   },
   "keyboard": {
-    "length": "Length",
     "area": "Area",
+    "length": "Length",
+    "time": "Time",
     "volume": "Volume",
-    "weight": "Weight",
-    "time": "Time"
+    "weight": "Weight"
+  },
+  "locale": "en-SE",
+  "teacherFeedback": {
+    "noComments": "No comments yet"
+  },
+  "time": {
+    "dayAgo": "day ago",
+    "daysAgo": "{{count}} days ago",
+    "hourAgo": "hour ago",
+    "hoursAgo": "{{count}} hours ago",
+    "justNow": "just now",
+    "minuteAgo": "minute ago",
+    "minutesAgo": "{{count}} minutes ago",
+    "monthAgo": "month ago",
+    "monthsAgo": "{{count}} months ago",
+    "yearAgo": "year ago",
+    "yearsAgo": "{{count}} years ago"
   },
   "voice": {
-    "deleteRecording": "Delete recording?",
-    "youWontBeAbleToRecover": "You won't be able to recover this file once it's gone.",
-    "recordingDeleted": "Recording successfully deleted.",
-    "delete": "Delete",
+    "attempt": "Attempt '{{'number'}}'",
     "cancel": "Cancel",
+    "delete": "Delete",
+    "deleteRecording": "Delete recording?",
     "noMicrophoneAccess": "No microphone access.",
     "noMicrophoneAccessBySystem": "Microphone access denied by system settings.",
     "noMicrophoneFound": "No microphone found.",
-    "uploadFailed": "Upload failed. Please try again.",
-    "redoRecording": "Redo recording?",
+    "recordingDeleted": "Recording successfully deleted.",
     "redo": "Redo",
+    "redoRecording": "Redo recording?",
     "thisWillRemoveRecording": "This will remove your previous recording.",
     "transcriptions": "Transcriptions",
-    "attempt": "Attempt {{number}}",
-    "transcriptNotAvailable": "Transcript not available"
+    "transcriptNotAvailable": "Transcript not available",
+    "uploadFailed": "Upload failed. Please try again.",
+    "youWontBeAbleToRecover": "You won't be able to recover this file once it's gone."
   }
-}
+}

package/src/shared/translation/types.ts

@@ -1,21 +1,5 @@
-import enTranslations from './localization/en.json'
-import swTranslations from './localization/sw.json'
-import gbTranslations from './localization/gb.json'
-import caTranslations from './localization/ca.json'
-import sctTranslations from './localization/sct.json'
-import deTranslations from './localization/de.json'
+import { TFuncKey } from 'i18next'
+import { NAMESPACE } from './constants'
 
-import { RetrieveKeys } from '../../lib/types/keys'
-import { ISValidTranslation } from './validation.types'
-
-export type Translations = typeof enTranslations
-export type TranslationKeys = RetrieveKeys<Translations>
+export type TranslationKeys = TFuncKey<typeof NAMESPACE>
 export type GetText = (key: TranslationKeys, args?: Record<string, string> | null) => string
-
-//  Validation of translations, do not remove
-type ISValidEN = ISValidTranslation<Translations>
-type ISValidSW = ISValidTranslation<typeof swTranslations>
-type ISValidGB = ISValidTranslation<typeof gbTranslations>
-type ISValidCA = ISValidTranslation<typeof caTranslations>
-type ISValidSCT = ISValidTranslation<typeof sctTranslations>
-type ISValidDE = ISValidTranslation<typeof deTranslations>

package/dist/commonjs/lib/types/keys.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=keys.js.map

package/dist/commonjs/lib/types/keys.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["lib/types/keys.ts"],"mappings":"","ignoreList":[]}

package/dist/commonjs/shared/translation/localization/ca.json

@@ -1,61 +0,0 @@
-{
-  "locale": "en-CA",
-  "teacherFeedback.noComments": "No comments yet",
-  "time.justNow": "just now",
-  "time.minuteAgo": "minute ago",
-  "time.minutesAgo": "{{count}} minutes ago",
-  "time.hourAgo": "hour ago",
-  "time.hoursAgo": "{{count}} hours ago",
-  "time.dayAgo": "day ago",
-  "time.daysAgo": "{{count}} days ago",
-  "time.monthAgo": "month ago",
-  "time.monthsAgo": "{{count}} months ago",
-  "time.yearAgo": "year ago",
-  "time.yearsAgo": "{{count}} years ago",
-  "chat": {
-    "anotherHint": "Give me another hint",
-    "getHint": "Get a hint",
-    "needHint": "I need a hint",
-    "giveHintOpenChat": "I need a hint",
-    "answerAgain": "Answer again to get another hint!",
-    "errorMessage": "Something went wrong! Try again",
-    "howCanIHelp": "Hi! Do you want help?",
-    "showError": "Show error",
-    "inputPlaceholder": "Type..."
-  },
-  "gifCelebrations": {
-    "greatStart": "Great start!",
-    "onTheWay": "On the way!",
-    "almostThere": "Almost there"
-  },
-  "exampleSolution": {
-    "exampleSolution": "Example solution",
-    "letMeThink": "Let me think...",
-    "aha": "Aha!",
-    "errorMessage": "Something went wrong with generating an example solution"
-  },
-  "keyboard": {
-    "length": "Length",
-    "area": "Area",
-    "volume": "Volume",
-    "weight": "Weight",
-    "time": "Time"
-  },
-  "voice": {
-    "deleteRecording": "Delete recording?",
-    "youWontBeAbleToRecover": "You won't be able to recover this file once it's gone.",
-    "recordingDeleted": "Recording successfully deleted.",
-    "delete": "Delete",
-    "cancel": "Cancel",
-    "noMicrophoneAccess": "No microphone access.",
-    "noMicrophoneAccessBySystem": "Microphone access denied by system settings.",
-    "noMicrophoneFound": "No microphone found.",
-    "uploadFailed": "Upload failed. Please try again.",
-    "redoRecording": "Redo recording?",
-    "redo": "Redo",
-    "thisWillRemoveRecording": "This will remove your previous recording.",
-    "transcriptions": "Transcriptions",
-    "attempt": "Attempt {{number}}",
-    "transcriptNotAvailable": "Transcript not available"
-  }
-}