@dialpad/dialtone-vue 4.5.0 → 4.6.1

package/dist/localization/index.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./en-US.cjs`),t=require(`./zh-CN.cjs`),n=require(`./nl-NL.cjs`),r=require(`./fr-FR.cjs`),i=require(`./de-DE.cjs`),a=require(`./it-IT.cjs`),o=require(`./ja-JP.cjs`),s=require(`./ko-KR.cjs`),c=require(`./pt-BR.cjs`),l=require(`./ru-RU.cjs`),u=require(`./es-LA.cjs`),d=require(`./sv-SE.cjs`);let f=require(`@dialpad/i18n`);var p=`dialtone`,m={ENGLISH:`en-US`,CHINESE:`zh-CN`,DUTCH:`nl-NL`,FRENCH:`fr-FR`,GERMAN:`de-DE`,ITALIAN:`it-IT`,JAPANESE:`ja-JP`,KOREAN:`ko-KR`,PORTUGUESE:`pt-BR`,RUSSIAN:`ru-RU`,SPANISH:`es-LA`,SWEDISH:`sv-SE`},h=`en-US`,g=`user-locale`,_=class _{constructor(v=null){if(typeof _.instance==`object`)return _.instance;this._locale=v||_.getPreferredLocale();let y=new f.LocaleManager({bundleSource:new f.RawBundleSource({resources:f.RawBundleSource.builtResources([[`en-US`,p,e.default],[`zh-CN`,p,t.default],[`nl-NL`,p,n.default],[`fr-FR`,p,r.default],[`de-DE`,p,i.default],[`it-IT`,p,a.default],[`ja-JP`,p,o.default],[`ko-KR`,p,s.default],[`pt-BR`,p,c.default],[`ru-RU`,p,l.default],[`es-LA`,p,u.default],[`sv-SE`,p,d.default]])}),allowedLocales:Object.values(m),fallbackLocale:h,preferredLocale:this._locale,namespaces:[p]});return _.instance=this,this.i18n=y.useI18N(p),typeof window<`u`&&(window.onstorage=e=>{e.key===g&&(this.currentLocale=e.newValue)}),this}static getPreferredLocale(){if(typeof window>`u`||!window.localStorage)return h;let e=window.localStorage.getItem(g),t=Object.values(m).includes(e)?e:null,n=Object.values(m).find(e=>e.startsWith(navigator.language.slice(0,2)));return t||n||h}static getAllowedLocales(){return m}$t(...e){return this.i18n.$t(...e)}$ta(...e){return this.i18n.$ta(...e)}get currentLocale(){return this._locale}set currentLocale(e){if(e!==this._locale){if(!Object.values(m).includes(e))throw Error(`Locale ${e} is not allowed, please use one of the following: ${Object.values(m).join(`, `)}`);this._locale=e,this.i18n.setI18N({preferredLocale:e},p)}}};exports.DialtoneLocalization=_;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunk-Bmb41Sf3.cjs`);const e=require(`./en-US.cjs`),t=require(`./zh-CN.cjs`),n=require(`./nl-NL.cjs`),r=require(`./fr-FR.cjs`),i=require(`./de-DE.cjs`),a=require(`./it-IT.cjs`),o=require(`./ja-JP.cjs`),s=require(`./ko-KR.cjs`),c=require(`./pt-BR.cjs`),l=require(`./ru-RU.cjs`),u=require(`./es-LA.cjs`),d=require(`./sv-SE.cjs`);let f=require(`@dialpad/i18n`);var p=`dialtone`,m={ENGLISH:`en-US`,CHINESE:`zh-CN`,DUTCH:`nl-NL`,FRENCH:`fr-FR`,GERMAN:`de-DE`,ITALIAN:`it-IT`,JAPANESE:`ja-JP`,KOREAN:`ko-KR`,PORTUGUESE:`pt-BR`,RUSSIAN:`ru-RU`,SPANISH:`es-LA`,SWEDISH:`sv-SE`},h=`en-US`,g=`user-locale`,_=class _{constructor(v=null){if(typeof _.instance==`object`)return _.instance;this._locale=v||_.getPreferredLocale();let y={bundleSource:new f.RawBundleSource({resources:f.RawBundleSource.builtResources([[`en-US`,p,e.default],[`zh-CN`,p,t.default],[`nl-NL`,p,n.default],[`fr-FR`,p,r.default],[`de-DE`,p,i.default],[`it-IT`,p,a.default],[`ja-JP`,p,o.default],[`ko-KR`,p,s.default],[`pt-BR`,p,c.default],[`ru-RU`,p,l.default],[`es-LA`,p,u.default],[`sv-SE`,p,d.default]])}),allowedLocales:Object.values(m),fallbackLocale:h,preferredLocale:this._locale,namespaces:[p]},b;try{b=new f.LocaleManager(y)}catch(e){if(e.name!==`SecurityError`)throw e;b=new f.LocaleManager({...y,storageWrapper:new f.MemoryStorageWrapper})}return _.instance=this,this.i18n=b.useI18N(p),typeof window<`u`&&window.addEventListener(`storage`,e=>{e.key===g&&(this.currentLocale=e.newValue)}),this}static getPreferredLocale(){if(typeof window>`u`)return h;let e;try{let t=window.localStorage;if(!t)return h;e=t.getItem(g)}catch{return h}let t=Object.values(m).includes(e)?e:null,n=Object.values(m).find(e=>e.startsWith(navigator.language.slice(0,2)));return t||n||h}static getAllowedLocales(){return m}$t(...e){return this.i18n.$t(...e)}$ta(...e){return this.i18n.$ta(...e)}get currentLocale(){return this._locale}set currentLocale(e){if(e!==this._locale){if(!Object.values(m).includes(e))throw Error(`Locale ${e} is not allowed, please use one of the following: ${Object.values(m).join(`, `)}`);this._locale=e,this.i18n.setI18N({preferredLocale:e},p)}}};exports.DialtoneLocalization=_;
 //# sourceMappingURL=index.cjs.map

package/dist/localization/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["LocaleManager","RawBundleSource","enUS","zhCN","nlNL","frFR","deDE","itIT","jaJP","koKR","ptBR","ruRU","esLA","svSE"],"sources":["../../localization/index.js"],"sourcesContent":["import { LocaleManager, RawBundleSource } from '@dialpad/i18n';\n\nimport enUS from './en-US.ftl?raw';\nimport zhCN from './zh-CN.ftl?raw';\nimport nlNL from './nl-NL.ftl?raw';\nimport frFR from './fr-FR.ftl?raw';\nimport deDE from './de-DE.ftl?raw';\nimport itIT from './it-IT.ftl?raw';\nimport jaJP from './ja-JP.ftl?raw';\nimport koKR from './ko-KR.ftl?raw';\nimport ptBR from './pt-BR.ftl?raw';\nimport ruRU from './ru-RU.ftl?raw';\nimport esLA from './es-LA.ftl?raw';\nimport svSE from './sv-SE.ftl?raw';\n\nconst dialtoneNamespace = 'dialtone';\nconst allowedLocales = {\n  ENGLISH: 'en-US',\n  CHINESE: 'zh-CN',\n  DUTCH: 'nl-NL',\n  FRENCH: 'fr-FR',\n  GERMAN: 'de-DE',\n  ITALIAN: 'it-IT',\n  JAPANESE: 'ja-JP',\n  KOREAN: 'ko-KR',\n  PORTUGUESE: 'pt-BR',\n  RUSSIAN: 'ru-RU',\n  SPANISH: 'es-LA',\n  SWEDISH: 'sv-SE',\n};\nconst fallbackLocale = 'en-US';\n/**\n * Default key name used by the LocaleManager to store the user's preferred locale in localStorage\n */\nconst localeManagerStorageKey = 'user-locale';\n\n/**\n * Dialtone localization class, follows the singleton pattern to make sure only one instance of the class is created.\n * Initializes the localeManager and looks for changes on the browser storage to update the current locale.\n * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#i18n-vue-3-compatible\n */\nexport class DialtoneLocalization {\n  /**\n   * @prop {import('@dialpad/i18n').UseI18N} i18n\n   * @private\n   */\n  constructor (locale = null) {\n    if (typeof DialtoneLocalization.instance === 'object') {\n      return DialtoneLocalization.instance;\n    }\n\n    this._locale = locale || DialtoneLocalization.getPreferredLocale();\n\n    const bundleSource = new RawBundleSource({\n      resources: RawBundleSource.builtResources([\n        ['en-US', dialtoneNamespace, enUS],\n        ['zh-CN', dialtoneNamespace, zhCN],\n        ['nl-NL', dialtoneNamespace, nlNL],\n        ['fr-FR', dialtoneNamespace, frFR],\n        ['de-DE', dialtoneNamespace, deDE],\n        ['it-IT', dialtoneNamespace, itIT],\n        ['ja-JP', dialtoneNamespace, jaJP],\n        ['ko-KR', dialtoneNamespace, koKR],\n        ['pt-BR', dialtoneNamespace, ptBR],\n        ['ru-RU', dialtoneNamespace, ruRU],\n        ['es-LA', dialtoneNamespace, esLA],\n        ['sv-SE', dialtoneNamespace, svSE],\n      ]),\n    });\n\n    const localeManager = new LocaleManager({\n      bundleSource,\n      allowedLocales: Object.values(allowedLocales),\n      fallbackLocale,\n      preferredLocale: this._locale,\n      namespaces: [dialtoneNamespace],\n    });\n\n    DialtoneLocalization.instance = this;\n    this.i18n = localeManager.useI18N(dialtoneNamespace);\n\n    if (typeof window !== 'undefined') {\n      /**\n       * @description\n       * When the browser storage changes, update the current locale\n       * @param event\n       */\n      window.onstorage = (event) => {\n        if (event.key === localeManagerStorageKey) {\n          this.currentLocale = event.newValue;\n        }\n      };\n    }\n\n    return this;\n  }\n\n  /**\n   * Gets the preferred locale from user's locale stored in localStorage or the browser language\n   * @returns { string }\n   */\n  static getPreferredLocale () {\n    /**\n     * Early return if we're not in the browser or if localStorage is not available\n     */\n    if (typeof window === 'undefined' || !window.localStorage) {\n      return fallbackLocale;\n    }\n\n    // Only trust the stored locale if it's one Dialtone actually ships a bundle for.\n    // Callers (e.g. UC/UV) may allow locales Dialtone doesn't support, which would\n    // otherwise crash the LocaleManager during render.\n    const storedLanguage = window.localStorage.getItem(localeManagerStorageKey);\n    const localStorageLanguage = Object.values(allowedLocales).includes(storedLanguage)\n      ? storedLanguage\n      : null;\n\n    // Get the first two letters of the navigator language and check if it's in the allowed locales\n    const navigatorLanguage = Object.values(allowedLocales)\n      .find(locale => locale.startsWith(navigator.language.slice(0, 2)));\n\n    return localStorageLanguage || navigatorLanguage || fallbackLocale;\n  }\n\n  static getAllowedLocales () {\n    return allowedLocales;\n  }\n\n  /**\n   * Passthrough function to the i18n $t function including the dialtone namespace\n   * Returns a translated string based on a key and optional variables.\n   * It’s used for simple text translations.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#t\n   */\n  $t (...args) {\n    return this.i18n.$t(...args);\n  }\n\n  /**\n   * Passthrough function to the i18n $ta function including the dialtone namespace\n   * Returns an object containing translated attributes to pass directly as props to components, it can contain\n   * aria-label, title, etc, rather than just a plain text. It’s useful for handling element attributes in the UI.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#ta\n   */\n  $ta (...args) {\n    return this.i18n.$ta(...args);\n  }\n\n  get currentLocale () {\n    return this._locale;\n  }\n\n  set currentLocale (newLocale) {\n    if (newLocale === this._locale) return;\n    if (!Object.values(allowedLocales).includes(newLocale)) {\n      throw new Error(`Locale ${newLocale} is not allowed, please use one of the following: ${Object.values(allowedLocales).join(', ')}`);\n    }\n\n    this._locale = newLocale;\n    this.i18n.setI18N({ preferredLocale: newLocale }, dialtoneNamespace);\n  }\n}\n"],"mappings":"qbAeA,IAAM,EAAoB,WACpB,EAAiB,CACrB,QAAS,QACT,QAAS,QACT,MAAO,QACP,OAAQ,QACR,OAAQ,QACR,QAAS,QACT,SAAU,QACV,OAAQ,QACR,WAAY,QACZ,QAAS,QACT,QAAS,QACT,QAAS,QACV,CACK,EAAiB,QAIjB,EAA0B,cAOnB,EAAb,MAAa,CAAqB,CAKhC,YAAa,EAAS,KAAM,CAC1B,GAAI,OAAO,EAAqB,UAAa,SAC3C,OAAO,EAAqB,SAG9B,KAAK,QAAU,GAAU,EAAqB,oBAAoB,CAmBlE,IAAM,EAAgB,IAAIA,EAAAA,cAAc,CACtC,aAlBmB,IAAIC,EAAAA,gBAAgB,CACvC,UAAWA,EAAAA,gBAAgB,eAAe,CACxC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CACnC,CAAC,CACH,CAAC,CAIA,eAAgB,OAAO,OAAO,EAAe,CAC7C,iBACA,gBAAiB,KAAK,QACtB,WAAY,CAAC,EAAkB,CAChC,CAAC,CAkBF,MAhBA,GAAqB,SAAW,KAChC,KAAK,KAAO,EAAc,QAAQ,EAAkB,CAEhD,OAAO,OAAW,MAMpB,OAAO,UAAa,GAAU,CACxB,EAAM,MAAQ,IAChB,KAAK,cAAgB,EAAM,YAK1B,KAOT,OAAO,oBAAsB,CAI3B,GAAI,OAAO,OAAW,KAAe,CAAC,OAAO,aAC3C,OAAO,EAMT,IAAM,EAAiB,OAAO,aAAa,QAAQ,EAAwB,CACrE,EAAuB,OAAO,OAAO,EAAe,CAAC,SAAS,EAAe,CAC/E,EACA,KAGE,EAAoB,OAAO,OAAO,EAAe,CACpD,KAAK,GAAU,EAAO,WAAW,UAAU,SAAS,MAAM,EAAG,EAAE,CAAC,CAAC,CAEpE,OAAO,GAAwB,GAAqB,EAGtD,OAAO,mBAAqB,CAC1B,OAAO,EAST,GAAI,GAAG,EAAM,CACX,OAAO,KAAK,KAAK,GAAG,GAAG,EAAK,CAS9B,IAAK,GAAG,EAAM,CACZ,OAAO,KAAK,KAAK,IAAI,GAAG,EAAK,CAG/B,IAAI,eAAiB,CACnB,OAAO,KAAK,QAGd,IAAI,cAAe,EAAW,CACxB,OAAc,KAAK,QACvB,IAAI,CAAC,OAAO,OAAO,EAAe,CAAC,SAAS,EAAU,CACpD,MAAU,MAAM,UAAU,EAAU,oDAAoD,OAAO,OAAO,EAAe,CAAC,KAAK,KAAK,GAAG,CAGrI,KAAK,QAAU,EACf,KAAK,KAAK,QAAQ,CAAE,gBAAiB,EAAW,CAAE,EAAkB"}
+{"version":3,"file":"index.cjs","names":["RawBundleSource","enUS","zhCN","nlNL","frFR","deDE","itIT","jaJP","koKR","ptBR","ruRU","esLA","svSE","LocaleManager","MemoryStorageWrapper"],"sources":["../../localization/index.js"],"sourcesContent":["import { LocaleManager, RawBundleSource, MemoryStorageWrapper } from '@dialpad/i18n';\n\nimport enUS from './en-US.ftl?raw';\nimport zhCN from './zh-CN.ftl?raw';\nimport nlNL from './nl-NL.ftl?raw';\nimport frFR from './fr-FR.ftl?raw';\nimport deDE from './de-DE.ftl?raw';\nimport itIT from './it-IT.ftl?raw';\nimport jaJP from './ja-JP.ftl?raw';\nimport koKR from './ko-KR.ftl?raw';\nimport ptBR from './pt-BR.ftl?raw';\nimport ruRU from './ru-RU.ftl?raw';\nimport esLA from './es-LA.ftl?raw';\nimport svSE from './sv-SE.ftl?raw';\n\nconst dialtoneNamespace = 'dialtone';\nconst allowedLocales = {\n  ENGLISH: 'en-US',\n  CHINESE: 'zh-CN',\n  DUTCH: 'nl-NL',\n  FRENCH: 'fr-FR',\n  GERMAN: 'de-DE',\n  ITALIAN: 'it-IT',\n  JAPANESE: 'ja-JP',\n  KOREAN: 'ko-KR',\n  PORTUGUESE: 'pt-BR',\n  RUSSIAN: 'ru-RU',\n  SPANISH: 'es-LA',\n  SWEDISH: 'sv-SE',\n};\nconst fallbackLocale = 'en-US';\n/**\n * Default key name used by the LocaleManager to store the user's preferred locale in localStorage\n */\nconst localeManagerStorageKey = 'user-locale';\n\n/**\n * Dialtone localization class, follows the singleton pattern to make sure only one instance of the class is created.\n * Initializes the localeManager and looks for changes on the browser storage to update the current locale.\n * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#i18n-vue-3-compatible\n */\nexport class DialtoneLocalization {\n  /**\n   * @prop {import('@dialpad/i18n').UseI18N} i18n\n   * @private\n   */\n  constructor (locale = null) {\n    if (typeof DialtoneLocalization.instance === 'object') {\n      return DialtoneLocalization.instance;\n    }\n\n    this._locale = locale || DialtoneLocalization.getPreferredLocale();\n\n    const bundleSource = new RawBundleSource({\n      resources: RawBundleSource.builtResources([\n        ['en-US', dialtoneNamespace, enUS],\n        ['zh-CN', dialtoneNamespace, zhCN],\n        ['nl-NL', dialtoneNamespace, nlNL],\n        ['fr-FR', dialtoneNamespace, frFR],\n        ['de-DE', dialtoneNamespace, deDE],\n        ['it-IT', dialtoneNamespace, itIT],\n        ['ja-JP', dialtoneNamespace, jaJP],\n        ['ko-KR', dialtoneNamespace, koKR],\n        ['pt-BR', dialtoneNamespace, ptBR],\n        ['ru-RU', dialtoneNamespace, ruRU],\n        ['es-LA', dialtoneNamespace, esLA],\n        ['sv-SE', dialtoneNamespace, svSE],\n      ]),\n    });\n\n    const localeOptions = {\n      bundleSource,\n      allowedLocales: Object.values(allowedLocales),\n      fallbackLocale,\n      preferredLocale: this._locale,\n      namespaces: [dialtoneNamespace],\n    };\n    let localeManager;\n    try {\n      localeManager = new LocaleManager(localeOptions);\n    } catch (error) {\n      if (error.name !== 'SecurityError') throw error;\n      localeManager = new LocaleManager({ ...localeOptions, storageWrapper: new MemoryStorageWrapper() });\n    }\n\n    DialtoneLocalization.instance = this;\n    this.i18n = localeManager.useI18N(dialtoneNamespace);\n\n    if (typeof window !== 'undefined') {\n      /**\n       * @description\n       * When the browser storage changes, update the current locale\n       * @param event\n       */\n      window.addEventListener('storage', (event) => {\n        if (event.key === localeManagerStorageKey) {\n          this.currentLocale = event.newValue;\n        }\n      });\n    }\n\n    return this;\n  }\n\n  /**\n   * Gets the preferred locale from user's locale stored in localStorage or the browser language\n   * @returns { string }\n   */\n  static getPreferredLocale () {\n    /**\n     * Early return if we're not in the browser or if localStorage is not available\n     */\n    if (typeof window === 'undefined') {\n      return fallbackLocale;\n    }\n\n    let storedLanguage;\n    try {\n      const storage = window.localStorage;\n      if (!storage) return fallbackLocale;\n      storedLanguage = storage.getItem(localeManagerStorageKey);\n    } catch {\n      return fallbackLocale;\n    }\n\n    // Only trust the stored locale if it's one Dialtone actually ships a bundle for.\n    // Callers (e.g. UC/UV) may allow locales Dialtone doesn't support, which would\n    // otherwise crash the LocaleManager during render.\n    const localStorageLanguage = Object.values(allowedLocales).includes(storedLanguage)\n      ? storedLanguage\n      : null;\n\n    // Get the first two letters of the navigator language and check if it's in the allowed locales\n    const navigatorLanguage = Object.values(allowedLocales)\n      .find(locale => locale.startsWith(navigator.language.slice(0, 2)));\n\n    return localStorageLanguage || navigatorLanguage || fallbackLocale;\n  }\n\n  static getAllowedLocales () {\n    return allowedLocales;\n  }\n\n  /**\n   * Passthrough function to the i18n $t function including the dialtone namespace\n   * Returns a translated string based on a key and optional variables.\n   * It’s used for simple text translations.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#t\n   */\n  $t (...args) {\n    return this.i18n.$t(...args);\n  }\n\n  /**\n   * Passthrough function to the i18n $ta function including the dialtone namespace\n   * Returns an object containing translated attributes to pass directly as props to components, it can contain\n   * aria-label, title, etc, rather than just a plain text. It’s useful for handling element attributes in the UI.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#ta\n   */\n  $ta (...args) {\n    return this.i18n.$ta(...args);\n  }\n\n  get currentLocale () {\n    return this._locale;\n  }\n\n  set currentLocale (newLocale) {\n    if (newLocale === this._locale) return;\n    if (!Object.values(allowedLocales).includes(newLocale)) {\n      throw new Error(`Locale ${newLocale} is not allowed, please use one of the following: ${Object.values(allowedLocales).join(', ')}`);\n    }\n\n    this._locale = newLocale;\n    this.i18n.setI18N({ preferredLocale: newLocale }, dialtoneNamespace);\n  }\n}\n"],"mappings":"qbAeA,IAAM,EAAoB,WACpB,EAAiB,CACrB,QAAS,QACT,QAAS,QACT,MAAO,QACP,OAAQ,QACR,OAAQ,QACR,QAAS,QACT,SAAU,QACV,OAAQ,QACR,WAAY,QACZ,QAAS,QACT,QAAS,QACT,QAAS,QACV,CACK,EAAiB,QAIjB,EAA0B,cAOnB,EAAb,MAAa,CAAqB,CAKhC,YAAa,EAAS,KAAM,CAC1B,GAAI,OAAO,EAAqB,UAAa,SAC3C,OAAO,EAAqB,SAG9B,KAAK,QAAU,GAAU,EAAqB,oBAAoB,CAmBlE,IAAM,EAAgB,CACpB,aAlBmB,IAAIA,EAAAA,gBAAgB,CACvC,UAAWA,EAAAA,gBAAgB,eAAe,CACxC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CAClC,CAAC,QAAS,EAAmBC,EAAAA,QAAK,CACnC,CAAC,CACH,CAAC,CAIA,eAAgB,OAAO,OAAO,EAAe,CAC7C,iBACA,gBAAiB,KAAK,QACtB,WAAY,CAAC,EAAkB,CAChC,CACG,EACJ,GAAI,CACF,EAAgB,IAAIC,EAAAA,cAAc,EAAc,OACzC,EAAO,CACd,GAAI,EAAM,OAAS,gBAAiB,MAAM,EAC1C,EAAgB,IAAIA,EAAAA,cAAc,CAAE,GAAG,EAAe,eAAgB,IAAIC,EAAAA,qBAAwB,CAAC,CAmBrG,MAhBA,GAAqB,SAAW,KAChC,KAAK,KAAO,EAAc,QAAQ,EAAkB,CAEhD,OAAO,OAAW,KAMpB,OAAO,iBAAiB,UAAY,GAAU,CACxC,EAAM,MAAQ,IAChB,KAAK,cAAgB,EAAM,WAE7B,CAGG,KAOT,OAAO,oBAAsB,CAI3B,GAAI,OAAO,OAAW,IACpB,OAAO,EAGT,IAAI,EACJ,GAAI,CACF,IAAM,EAAU,OAAO,aACvB,GAAI,CAAC,EAAS,OAAO,EACrB,EAAiB,EAAQ,QAAQ,EAAwB,MACnD,CACN,OAAO,EAMT,IAAM,EAAuB,OAAO,OAAO,EAAe,CAAC,SAAS,EAAe,CAC/E,EACA,KAGE,EAAoB,OAAO,OAAO,EAAe,CACpD,KAAK,GAAU,EAAO,WAAW,UAAU,SAAS,MAAM,EAAG,EAAE,CAAC,CAAC,CAEpE,OAAO,GAAwB,GAAqB,EAGtD,OAAO,mBAAqB,CAC1B,OAAO,EAST,GAAI,GAAG,EAAM,CACX,OAAO,KAAK,KAAK,GAAG,GAAG,EAAK,CAS9B,IAAK,GAAG,EAAM,CACZ,OAAO,KAAK,KAAK,IAAI,GAAG,EAAK,CAG/B,IAAI,eAAiB,CACnB,OAAO,KAAK,QAGd,IAAI,cAAe,EAAW,CACxB,OAAc,KAAK,QACvB,IAAI,CAAC,OAAO,OAAO,EAAe,CAAC,SAAS,EAAU,CACpD,MAAU,MAAM,UAAU,EAAU,oDAAoD,OAAO,OAAO,EAAe,CAAC,KAAK,KAAK,GAAG,CAGrI,KAAK,QAAU,EACf,KAAK,KAAK,QAAQ,CAAE,gBAAiB,EAAW,CAAE,EAAkB"}

package/dist/localization/index.js

@@ -10,9 +10,9 @@ import c from "./pt-BR.js";
 import l from "./ru-RU.js";
 import u from "./es-LA.js";
 import d from "./sv-SE.js";
-import { LocaleManager as f, RawBundleSource as p } from "@dialpad/i18n";
+import { LocaleManager as f, MemoryStorageWrapper as p, RawBundleSource as m } from "@dialpad/i18n";
 //#region localization/index.js
-var m = "dialtone", h = {
+var h = "dialtone", g = {
 	ENGLISH: "en-US",
 	CHINESE: "zh-CN",
 	DUTCH: "nl-NL",
@@ -25,89 +25,106 @@ var m = "dialtone", h = {
 	RUSSIAN: "ru-RU",
 	SPANISH: "es-LA",
 	SWEDISH: "sv-SE"
-}, g = "en-US", _ = "user-locale", v = class v {
-	constructor(y = null) {
-		if (typeof v.instance == "object") return v.instance;
-		this._locale = y || v.getPreferredLocale();
-		let b = new f({
-			bundleSource: new p({ resources: p.builtResources([
+}, _ = "en-US", v = "user-locale", y = class y {
+	constructor(b = null) {
+		if (typeof y.instance == "object") return y.instance;
+		this._locale = b || y.getPreferredLocale();
+		let x = {
+			bundleSource: new m({ resources: m.builtResources([
 				[
 					"en-US",
-					m,
+					h,
 					e
 				],
 				[
 					"zh-CN",
-					m,
+					h,
 					t
 				],
 				[
 					"nl-NL",
-					m,
+					h,
 					n
 				],
 				[
 					"fr-FR",
-					m,
+					h,
 					r
 				],
 				[
 					"de-DE",
-					m,
+					h,
 					i
 				],
 				[
 					"it-IT",
-					m,
+					h,
 					a
 				],
 				[
 					"ja-JP",
-					m,
+					h,
 					o
 				],
 				[
 					"ko-KR",
-					m,
+					h,
 					s
 				],
 				[
 					"pt-BR",
-					m,
+					h,
 					c
 				],
 				[
 					"ru-RU",
-					m,
+					h,
 					l
 				],
 				[
 					"es-LA",
-					m,
+					h,
 					u
 				],
 				[
 					"sv-SE",
-					m,
+					h,
 					d
 				]
 			]) }),
-			allowedLocales: Object.values(h),
-			fallbackLocale: g,
+			allowedLocales: Object.values(g),
+			fallbackLocale: _,
 			preferredLocale: this._locale,
-			namespaces: [m]
-		});
-		return v.instance = this, this.i18n = b.useI18N(m), typeof window < "u" && (window.onstorage = (e) => {
-			e.key === _ && (this.currentLocale = e.newValue);
+			namespaces: [h]
+		}, S;
+		try {
+			S = new f(x);
+		} catch (e) {
+			if (e.name !== "SecurityError") throw e;
+			S = new f({
+				...x,
+				storageWrapper: new p()
+			});
+		}
+		return y.instance = this, this.i18n = S.useI18N(h), typeof window < "u" && window.addEventListener("storage", (e) => {
+			e.key === v && (this.currentLocale = e.newValue);
 		}), this;
 	}
 	static getPreferredLocale() {
-		if (typeof window > "u" || !window.localStorage) return g;
-		let e = window.localStorage.getItem(_), t = Object.values(h).includes(e) ? e : null, n = Object.values(h).find((e) => e.startsWith(navigator.language.slice(0, 2)));
-		return t || n || g;
+		if (typeof window > "u") return _;
+		let e;
+		try {
+			let t = window.localStorage;
+			if (!t) return _;
+			e = t.getItem(v);
+		} catch {
+			return _;
+		}
+		let t = Object.values(g).includes(e) ? e : null, n = Object.values(g).find((e) => e.startsWith(navigator.language.slice(0, 2)));
+		return t || n || _;
 	}
 	static getAllowedLocales() {
-		return h;
+		return g;
 	}
 	$t(...e) {
 		return this.i18n.$t(...e);
@@ -120,12 +137,12 @@ var m = "dialtone", h = {
 	}
 	set currentLocale(e) {
 		if (e !== this._locale) {
-			if (!Object.values(h).includes(e)) throw Error(`Locale ${e} is not allowed, please use one of the following: ${Object.values(h).join(", ")}`);
-			this._locale = e, this.i18n.setI18N({ preferredLocale: e }, m);
+			if (!Object.values(g).includes(e)) throw Error(`Locale ${e} is not allowed, please use one of the following: ${Object.values(g).join(", ")}`);
+			this._locale = e, this.i18n.setI18N({ preferredLocale: e }, h);
 		}
 	}
 };
 //#endregion
-export { v as DialtoneLocalization };
+export { y as DialtoneLocalization };
 
 //# sourceMappingURL=index.js.map

package/dist/localization/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["enUS","zhCN","nlNL","frFR","deDE","itIT","jaJP","koKR","ptBR","ruRU","esLA","svSE"],"sources":["../../localization/index.js"],"sourcesContent":["import { LocaleManager, RawBundleSource } from '@dialpad/i18n';\n\nimport enUS from './en-US.ftl?raw';\nimport zhCN from './zh-CN.ftl?raw';\nimport nlNL from './nl-NL.ftl?raw';\nimport frFR from './fr-FR.ftl?raw';\nimport deDE from './de-DE.ftl?raw';\nimport itIT from './it-IT.ftl?raw';\nimport jaJP from './ja-JP.ftl?raw';\nimport koKR from './ko-KR.ftl?raw';\nimport ptBR from './pt-BR.ftl?raw';\nimport ruRU from './ru-RU.ftl?raw';\nimport esLA from './es-LA.ftl?raw';\nimport svSE from './sv-SE.ftl?raw';\n\nconst dialtoneNamespace = 'dialtone';\nconst allowedLocales = {\n  ENGLISH: 'en-US',\n  CHINESE: 'zh-CN',\n  DUTCH: 'nl-NL',\n  FRENCH: 'fr-FR',\n  GERMAN: 'de-DE',\n  ITALIAN: 'it-IT',\n  JAPANESE: 'ja-JP',\n  KOREAN: 'ko-KR',\n  PORTUGUESE: 'pt-BR',\n  RUSSIAN: 'ru-RU',\n  SPANISH: 'es-LA',\n  SWEDISH: 'sv-SE',\n};\nconst fallbackLocale = 'en-US';\n/**\n * Default key name used by the LocaleManager to store the user's preferred locale in localStorage\n */\nconst localeManagerStorageKey = 'user-locale';\n\n/**\n * Dialtone localization class, follows the singleton pattern to make sure only one instance of the class is created.\n * Initializes the localeManager and looks for changes on the browser storage to update the current locale.\n * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#i18n-vue-3-compatible\n */\nexport class DialtoneLocalization {\n  /**\n   * @prop {import('@dialpad/i18n').UseI18N} i18n\n   * @private\n   */\n  constructor (locale = null) {\n    if (typeof DialtoneLocalization.instance === 'object') {\n      return DialtoneLocalization.instance;\n    }\n\n    this._locale = locale || DialtoneLocalization.getPreferredLocale();\n\n    const bundleSource = new RawBundleSource({\n      resources: RawBundleSource.builtResources([\n        ['en-US', dialtoneNamespace, enUS],\n        ['zh-CN', dialtoneNamespace, zhCN],\n        ['nl-NL', dialtoneNamespace, nlNL],\n        ['fr-FR', dialtoneNamespace, frFR],\n        ['de-DE', dialtoneNamespace, deDE],\n        ['it-IT', dialtoneNamespace, itIT],\n        ['ja-JP', dialtoneNamespace, jaJP],\n        ['ko-KR', dialtoneNamespace, koKR],\n        ['pt-BR', dialtoneNamespace, ptBR],\n        ['ru-RU', dialtoneNamespace, ruRU],\n        ['es-LA', dialtoneNamespace, esLA],\n        ['sv-SE', dialtoneNamespace, svSE],\n      ]),\n    });\n\n    const localeManager = new LocaleManager({\n      bundleSource,\n      allowedLocales: Object.values(allowedLocales),\n      fallbackLocale,\n      preferredLocale: this._locale,\n      namespaces: [dialtoneNamespace],\n    });\n\n    DialtoneLocalization.instance = this;\n    this.i18n = localeManager.useI18N(dialtoneNamespace);\n\n    if (typeof window !== 'undefined') {\n      /**\n       * @description\n       * When the browser storage changes, update the current locale\n       * @param event\n       */\n      window.onstorage = (event) => {\n        if (event.key === localeManagerStorageKey) {\n          this.currentLocale = event.newValue;\n        }\n      };\n    }\n\n    return this;\n  }\n\n  /**\n   * Gets the preferred locale from user's locale stored in localStorage or the browser language\n   * @returns { string }\n   */\n  static getPreferredLocale () {\n    /**\n     * Early return if we're not in the browser or if localStorage is not available\n     */\n    if (typeof window === 'undefined' || !window.localStorage) {\n      return fallbackLocale;\n    }\n\n    // Only trust the stored locale if it's one Dialtone actually ships a bundle for.\n    // Callers (e.g. UC/UV) may allow locales Dialtone doesn't support, which would\n    // otherwise crash the LocaleManager during render.\n    const storedLanguage = window.localStorage.getItem(localeManagerStorageKey);\n    const localStorageLanguage = Object.values(allowedLocales).includes(storedLanguage)\n      ? storedLanguage\n      : null;\n\n    // Get the first two letters of the navigator language and check if it's in the allowed locales\n    const navigatorLanguage = Object.values(allowedLocales)\n      .find(locale => locale.startsWith(navigator.language.slice(0, 2)));\n\n    return localStorageLanguage || navigatorLanguage || fallbackLocale;\n  }\n\n  static getAllowedLocales () {\n    return allowedLocales;\n  }\n\n  /**\n   * Passthrough function to the i18n $t function including the dialtone namespace\n   * Returns a translated string based on a key and optional variables.\n   * It’s used for simple text translations.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#t\n   */\n  $t (...args) {\n    return this.i18n.$t(...args);\n  }\n\n  /**\n   * Passthrough function to the i18n $ta function including the dialtone namespace\n   * Returns an object containing translated attributes to pass directly as props to components, it can contain\n   * aria-label, title, etc, rather than just a plain text. It’s useful for handling element attributes in the UI.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#ta\n   */\n  $ta (...args) {\n    return this.i18n.$ta(...args);\n  }\n\n  get currentLocale () {\n    return this._locale;\n  }\n\n  set currentLocale (newLocale) {\n    if (newLocale === this._locale) return;\n    if (!Object.values(allowedLocales).includes(newLocale)) {\n      throw new Error(`Locale ${newLocale} is not allowed, please use one of the following: ${Object.values(allowedLocales).join(', ')}`);\n    }\n\n    this._locale = newLocale;\n    this.i18n.setI18N({ preferredLocale: newLocale }, dialtoneNamespace);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,IAAoB,YACpB,IAAiB;CACrB,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,SAAS;CACT,SAAS;CACV,EACK,IAAiB,SAIjB,IAA0B,eAOnB,IAAb,MAAa,EAAqB;CAKhC,YAAa,IAAS,MAAM;AAC1B,MAAI,OAAO,EAAqB,YAAa,SAC3C,QAAO,EAAqB;AAG9B,OAAK,UAAU,KAAU,EAAqB,oBAAoB;EAmBlE,IAAM,IAAgB,IAAI,EAAc;GACtC,cAlBmB,IAAI,EAAgB,EACvC,WAAW,EAAgB,eAAe;IACxC;KAAC;KAAS;KAAmBA;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IACnC,CAAC,EACH,CAAC;GAIA,gBAAgB,OAAO,OAAO,EAAe;GAC7C;GACA,iBAAiB,KAAK;GACtB,YAAY,CAAC,EAAkB;GAChC,CAAC;AAkBF,SAhBA,EAAqB,WAAW,MAChC,KAAK,OAAO,EAAc,QAAQ,EAAkB,EAEhD,OAAO,SAAW,QAMpB,OAAO,aAAa,MAAU;AAC5B,GAAI,EAAM,QAAQ,MAChB,KAAK,gBAAgB,EAAM;MAK1B;;CAOT,OAAO,qBAAsB;AAI3B,MAAI,OAAO,SAAW,OAAe,CAAC,OAAO,aAC3C,QAAO;EAMT,IAAM,IAAiB,OAAO,aAAa,QAAQ,EAAwB,EACrE,IAAuB,OAAO,OAAO,EAAe,CAAC,SAAS,EAAe,GAC/E,IACA,MAGE,IAAoB,OAAO,OAAO,EAAe,CACpD,MAAK,MAAU,EAAO,WAAW,UAAU,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC;AAEpE,SAAO,KAAwB,KAAqB;;CAGtD,OAAO,oBAAqB;AAC1B,SAAO;;CAST,GAAI,GAAG,GAAM;AACX,SAAO,KAAK,KAAK,GAAG,GAAG,EAAK;;CAS9B,IAAK,GAAG,GAAM;AACZ,SAAO,KAAK,KAAK,IAAI,GAAG,EAAK;;CAG/B,IAAI,gBAAiB;AACnB,SAAO,KAAK;;CAGd,IAAI,cAAe,GAAW;AACxB,YAAc,KAAK,SACvB;OAAI,CAAC,OAAO,OAAO,EAAe,CAAC,SAAS,EAAU,CACpD,OAAU,MAAM,UAAU,EAAU,oDAAoD,OAAO,OAAO,EAAe,CAAC,KAAK,KAAK,GAAG;AAIrI,GADA,KAAK,UAAU,GACf,KAAK,KAAK,QAAQ,EAAE,iBAAiB,GAAW,EAAE,EAAkB"}
+{"version":3,"file":"index.js","names":["enUS","zhCN","nlNL","frFR","deDE","itIT","jaJP","koKR","ptBR","ruRU","esLA","svSE"],"sources":["../../localization/index.js"],"sourcesContent":["import { LocaleManager, RawBundleSource, MemoryStorageWrapper } from '@dialpad/i18n';\n\nimport enUS from './en-US.ftl?raw';\nimport zhCN from './zh-CN.ftl?raw';\nimport nlNL from './nl-NL.ftl?raw';\nimport frFR from './fr-FR.ftl?raw';\nimport deDE from './de-DE.ftl?raw';\nimport itIT from './it-IT.ftl?raw';\nimport jaJP from './ja-JP.ftl?raw';\nimport koKR from './ko-KR.ftl?raw';\nimport ptBR from './pt-BR.ftl?raw';\nimport ruRU from './ru-RU.ftl?raw';\nimport esLA from './es-LA.ftl?raw';\nimport svSE from './sv-SE.ftl?raw';\n\nconst dialtoneNamespace = 'dialtone';\nconst allowedLocales = {\n  ENGLISH: 'en-US',\n  CHINESE: 'zh-CN',\n  DUTCH: 'nl-NL',\n  FRENCH: 'fr-FR',\n  GERMAN: 'de-DE',\n  ITALIAN: 'it-IT',\n  JAPANESE: 'ja-JP',\n  KOREAN: 'ko-KR',\n  PORTUGUESE: 'pt-BR',\n  RUSSIAN: 'ru-RU',\n  SPANISH: 'es-LA',\n  SWEDISH: 'sv-SE',\n};\nconst fallbackLocale = 'en-US';\n/**\n * Default key name used by the LocaleManager to store the user's preferred locale in localStorage\n */\nconst localeManagerStorageKey = 'user-locale';\n\n/**\n * Dialtone localization class, follows the singleton pattern to make sure only one instance of the class is created.\n * Initializes the localeManager and looks for changes on the browser storage to update the current locale.\n * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#i18n-vue-3-compatible\n */\nexport class DialtoneLocalization {\n  /**\n   * @prop {import('@dialpad/i18n').UseI18N} i18n\n   * @private\n   */\n  constructor (locale = null) {\n    if (typeof DialtoneLocalization.instance === 'object') {\n      return DialtoneLocalization.instance;\n    }\n\n    this._locale = locale || DialtoneLocalization.getPreferredLocale();\n\n    const bundleSource = new RawBundleSource({\n      resources: RawBundleSource.builtResources([\n        ['en-US', dialtoneNamespace, enUS],\n        ['zh-CN', dialtoneNamespace, zhCN],\n        ['nl-NL', dialtoneNamespace, nlNL],\n        ['fr-FR', dialtoneNamespace, frFR],\n        ['de-DE', dialtoneNamespace, deDE],\n        ['it-IT', dialtoneNamespace, itIT],\n        ['ja-JP', dialtoneNamespace, jaJP],\n        ['ko-KR', dialtoneNamespace, koKR],\n        ['pt-BR', dialtoneNamespace, ptBR],\n        ['ru-RU', dialtoneNamespace, ruRU],\n        ['es-LA', dialtoneNamespace, esLA],\n        ['sv-SE', dialtoneNamespace, svSE],\n      ]),\n    });\n\n    const localeOptions = {\n      bundleSource,\n      allowedLocales: Object.values(allowedLocales),\n      fallbackLocale,\n      preferredLocale: this._locale,\n      namespaces: [dialtoneNamespace],\n    };\n    let localeManager;\n    try {\n      localeManager = new LocaleManager(localeOptions);\n    } catch (error) {\n      if (error.name !== 'SecurityError') throw error;\n      localeManager = new LocaleManager({ ...localeOptions, storageWrapper: new MemoryStorageWrapper() });\n    }\n\n    DialtoneLocalization.instance = this;\n    this.i18n = localeManager.useI18N(dialtoneNamespace);\n\n    if (typeof window !== 'undefined') {\n      /**\n       * @description\n       * When the browser storage changes, update the current locale\n       * @param event\n       */\n      window.addEventListener('storage', (event) => {\n        if (event.key === localeManagerStorageKey) {\n          this.currentLocale = event.newValue;\n        }\n      });\n    }\n\n    return this;\n  }\n\n  /**\n   * Gets the preferred locale from user's locale stored in localStorage or the browser language\n   * @returns { string }\n   */\n  static getPreferredLocale () {\n    /**\n     * Early return if we're not in the browser or if localStorage is not available\n     */\n    if (typeof window === 'undefined') {\n      return fallbackLocale;\n    }\n\n    let storedLanguage;\n    try {\n      const storage = window.localStorage;\n      if (!storage) return fallbackLocale;\n      storedLanguage = storage.getItem(localeManagerStorageKey);\n    } catch {\n      return fallbackLocale;\n    }\n\n    // Only trust the stored locale if it's one Dialtone actually ships a bundle for.\n    // Callers (e.g. UC/UV) may allow locales Dialtone doesn't support, which would\n    // otherwise crash the LocaleManager during render.\n    const localStorageLanguage = Object.values(allowedLocales).includes(storedLanguage)\n      ? storedLanguage\n      : null;\n\n    // Get the first two letters of the navigator language and check if it's in the allowed locales\n    const navigatorLanguage = Object.values(allowedLocales)\n      .find(locale => locale.startsWith(navigator.language.slice(0, 2)));\n\n    return localStorageLanguage || navigatorLanguage || fallbackLocale;\n  }\n\n  static getAllowedLocales () {\n    return allowedLocales;\n  }\n\n  /**\n   * Passthrough function to the i18n $t function including the dialtone namespace\n   * Returns a translated string based on a key and optional variables.\n   * It’s used for simple text translations.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#t\n   */\n  $t (...args) {\n    return this.i18n.$t(...args);\n  }\n\n  /**\n   * Passthrough function to the i18n $ta function including the dialtone namespace\n   * Returns an object containing translated attributes to pass directly as props to components, it can contain\n   * aria-label, title, etc, rather than just a plain text. It’s useful for handling element attributes in the UI.\n   * https://github.com/dialpad/goblin-client-tools/tree/main/packages/i18n#ta\n   */\n  $ta (...args) {\n    return this.i18n.$ta(...args);\n  }\n\n  get currentLocale () {\n    return this._locale;\n  }\n\n  set currentLocale (newLocale) {\n    if (newLocale === this._locale) return;\n    if (!Object.values(allowedLocales).includes(newLocale)) {\n      throw new Error(`Locale ${newLocale} is not allowed, please use one of the following: ${Object.values(allowedLocales).join(', ')}`);\n    }\n\n    this._locale = newLocale;\n    this.i18n.setI18N({ preferredLocale: newLocale }, dialtoneNamespace);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,IAAoB,YACpB,IAAiB;CACrB,SAAS;CACT,SAAS;CACT,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,SAAS;CACT,SAAS;CACT,SAAS;CACV,EACK,IAAiB,SAIjB,IAA0B,eAOnB,IAAb,MAAa,EAAqB;CAKhC,YAAa,IAAS,MAAM;AAC1B,MAAI,OAAO,EAAqB,YAAa,SAC3C,QAAO,EAAqB;AAG9B,OAAK,UAAU,KAAU,EAAqB,oBAAoB;EAmBlE,IAAM,IAAgB;GACpB,cAlBmB,IAAI,EAAgB,EACvC,WAAW,EAAgB,eAAe;IACxC;KAAC;KAAS;KAAmBA;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IAClC;KAAC;KAAS;KAAmBC;KAAK;IACnC,CAAC,EACH,CAAC;GAIA,gBAAgB,OAAO,OAAO,EAAe;GAC7C;GACA,iBAAiB,KAAK;GACtB,YAAY,CAAC,EAAkB;GAChC,EACG;AACJ,MAAI;AACF,OAAgB,IAAI,EAAc,EAAc;WACzC,GAAO;AACd,OAAI,EAAM,SAAS,gBAAiB,OAAM;AAC1C,OAAgB,IAAI,EAAc;IAAE,GAAG;IAAe,gBAAgB,IAAI,GAAsB;IAAE,CAAC;;AAmBrG,SAhBA,EAAqB,WAAW,MAChC,KAAK,OAAO,EAAc,QAAQ,EAAkB,EAEhD,OAAO,SAAW,OAMpB,OAAO,iBAAiB,YAAY,MAAU;AAC5C,GAAI,EAAM,QAAQ,MAChB,KAAK,gBAAgB,EAAM;IAE7B,EAGG;;CAOT,OAAO,qBAAsB;AAI3B,MAAI,OAAO,SAAW,IACpB,QAAO;EAGT,IAAI;AACJ,MAAI;GACF,IAAM,IAAU,OAAO;AACvB,OAAI,CAAC,EAAS,QAAO;AACrB,OAAiB,EAAQ,QAAQ,EAAwB;UACnD;AACN,UAAO;;EAMT,IAAM,IAAuB,OAAO,OAAO,EAAe,CAAC,SAAS,EAAe,GAC/E,IACA,MAGE,IAAoB,OAAO,OAAO,EAAe,CACpD,MAAK,MAAU,EAAO,WAAW,UAAU,SAAS,MAAM,GAAG,EAAE,CAAC,CAAC;AAEpE,SAAO,KAAwB,KAAqB;;CAGtD,OAAO,oBAAqB;AAC1B,SAAO;;CAST,GAAI,GAAG,GAAM;AACX,SAAO,KAAK,KAAK,GAAG,GAAG,EAAK;;CAS9B,IAAK,GAAG,GAAM;AACZ,SAAO,KAAK,KAAK,IAAI,GAAG,EAAK;;CAG/B,IAAI,gBAAiB;AACnB,SAAO,KAAK;;CAGd,IAAI,cAAe,GAAW;AACxB,YAAc,KAAK,SACvB;OAAI,CAAC,OAAO,OAAO,EAAe,CAAC,SAAS,EAAU,CACpD,OAAU,MAAM,UAAU,EAAU,oDAAoD,OAAO,OAAO,EAAe,CAAC,KAAK,KAAK,GAAG;AAIrI,GADA,KAAK,UAAU,GACf,KAAK,KAAK,QAAQ,EAAE,iBAAiB,GAAW,EAAE,EAAkB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "4.5.0",
+  "version": "4.6.1",
   "description": "Vue component library for Dialpad's design system Dialtone",
   "files": [
     "dist"
@@ -47,7 +47,7 @@
     "regex-combined-emojis": "1.6.0",
     "tippy.js": "6.3.7",
     "@dialpad/dialtone-emojis": "1.3.1",
-    "@dialpad/dialtone-icons": "5.4.0"
+    "@dialpad/dialtone-icons": "5.5.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "10.3.0",
@@ -61,12 +61,12 @@
     "react": "19.2.4",
     "storybook": "10.3.0",
     "vue": "^3.3.4",
-    "@dialpad/dialtone-css": "9.2.0",
-    "@dialpad/generator-dialtone": "0.1.0"
+    "@dialpad/generator-dialtone": "0.1.0",
+    "@dialpad/dialtone-css": "9.4.0"
   },
   "peerDependencies": {
     "vue": ">=3.2",
-    "@dialpad/dialtone-css": "^9.2.0"
+    "@dialpad/dialtone-css": "^9.4.0"
   },
   "bugs": {
     "email": "dialtone@dialpad.com"