box-content-preview 3.116.0 → 3.118.0

package/dist/lib/index.js

@@ -46,28 +46,30 @@ import { default as __WEBPACK_EXTERNAL_MODULE_axios_default__ } from "axios";
 import { bdlBoxBlue as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__, bdlGray65 as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__, bdlGreenLight as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGreenLight__, bdlGrimace as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGrimace__, bdlWatermelonRed as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlWatermelonRed__, bdlYellorange as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellorange__, bdlYellow as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellow__, white as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__ } from "box-ui-elements/es/styles/variables";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_tooltip_Tooltip_97b5ae91_default__ } from "box-ui-elements/es/components/tooltip/Tooltip";
 import { withTargetedClickThrough as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_targeting_hocs_e326fa91_withTargetedClickThrough__ } from "box-ui-elements/es/features/targeting/hocs";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__ } from "@box/blueprint-web-assets/icons/Medium/Minus";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__ } from "@box/blueprint-web-assets/icons/Medium/Plus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_CheckmarkCircle_e8bd4624_default__ } from "@box/blueprint-web-assets/icons/Medium/CheckmarkCircle";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__ } from "@box/blueprint-web-assets/icons/Medium/XMark";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__ } from "@box/blueprint-web-assets/icons/Medium/PencilTip";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__ } from "@box/blueprint-web-assets/icons/Medium/SquarePlus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__ } from "@box/blueprint-web-assets/icons/Medium/TCursorHighlight";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_GridView_ac92b674_default__ } from "@box/blueprint-web-assets/icons/Medium/GridView";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronDown_a545a634_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronDown";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronUp_d399c022_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronUp";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__ } from "@box/blueprint-web-assets/icons/Medium/RotateLeft";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__ } from "@box/blueprint-web-assets/icons/Medium/Nav";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Nav_ae6d790f_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Nav";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__ } from "@box/blueprint-web-assets/icons/Medium/Minus";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__ } from "@box/blueprint-web-assets/icons/Medium/Plus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Checkmark_52a58454_default__ } from "@box/blueprint-web-assets/icons/Medium/Checkmark";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Download_0dc63cde_default__ } from "@box/blueprint-web-assets/icons/Medium/Download";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Ellipsis_9a96c07b_default__ } from "@box/blueprint-web-assets/icons/Medium/Ellipsis";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Expand_92c6b888_default__ } from "@box/blueprint-web-assets/icons/Medium/Expand";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Trash_28211f44_default__ } from "@box/blueprint-web-assets/icons/Medium/Trash";
 import { PreviewLoading as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_preview_386c8d2b_PreviewLoading__, getIcon as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_preview_386c8d2b_getIcon__ } from "box-ui-elements/es/components/preview";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronLeft_8bf40851_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronLeft";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronRight_619e782c_default__ } from "@box/blueprint-web-assets/icons/Medium/ChevronRight";
 /******/ var __webpack_modules__ = ({
 
 /***/ 1057
@@ -361,6 +363,7 @@ class Location {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -400,7 +403,7 @@ class PreviewError extends Error {
     this.details = details;
 
     // Default display message to generic error message if not set
-    this.displayMessage = displayMessage || "This preview didn’t load. Please try to open or download the file to view.";
+    this.displayMessage = displayMessage || __('error_generic');
 
     // Default base error message to display message if not set - some code may depend on Error.message
     this.message = message || this.displayMessage;
@@ -900,165 +903,178 @@ const REPORT_ACI = 'advanced_insights_report';
 
 /***/ },
 
+/***/ 8080
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   w: () => (/* binding */ isNpmBuild)
+/* harmony export */ });
+function isNpmBuild() {
+  return  true && true;
+}
+
+/***/ },
+
 /***/ 9271
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ getLanguageName)
 /* harmony export */ });
-const languageMap = {
-  af: "Afrikaans",
-  afr: "Afrikaans",
-  alb: "Albanian",
-  sq: "Albanian",
-  sqi: "Albanian",
-  ar: "Arabic",
-  ara: "Arabic",
-  arm: "Armenian",
-  hy: "Armenian",
-  hye: "Armenian",
-  be: "Belarusian",
-  bel: "Belarusian",
-  ben: "Bengali",
-  bn: "Bengali",
-  bos: "Bosnian",
-  bs: "Bosnian",
-  bg: "Bulgarian",
-  bul: "Bulgarian",
-  bur: "Burmese",
-  my: "Burmese",
-  mya: "Burmese",
-  ca: "Catalan",
-  cat: "Catalan",
-  khm: "Central Khmer",
-  km: "Central Khmer",
-  chi: "Chinese",
-  zh: "Chinese",
-  zho: "Chinese",
-  hr: "Croatian",
-  hrv: "Croatian",
-  ces: "Czech",
-  cs: "Czech",
-  cze: "Czech",
-  da: "Danish",
-  dan: "Danish",
-  dut: "Dutch",
-  nl: "Dutch",
-  nld: "Dutch",
-  en: "English",
-  eng: "English",
-  est: "Estonian",
-  et: "Estonian",
-  fil: "Filipino",
-  fi: "Finnish",
-  fin: "Finnish",
-  fr: "French",
-  fra: "French",
-  fre: "French",
-  gl: "Galician",
-  glg: "Galician",
-  lg: "Ganda",
-  lug: "Ganda",
-  geo: "Georgian",
-  ka: "Georgian",
-  kat: "Georgian",
-  de: "German",
-  deu: "German",
-  ger: "German",
-  hat: "Haitian Creole",
-  ht: "Haitian Creole",
-  he: "Hebrew",
-  heb: "Hebrew",
-  hi: "Hindi",
-  hin: "Hindi",
-  hmn: "Hmong",
-  hu: "Hungarian",
-  hun: "Hungarian",
-  ice: "Icelandic",
-  is: "Icelandic",
-  isl: "Icelandic",
-  id: "Indonesian",
-  ind: "Indonesian",
-  ga: "Irish",
-  gle: "Irish",
-  it: "Italian",
-  ita: "Italian",
-  ja: "Japanese",
-  jpn: "Japanese",
-  kaz: "Kazakh",
-  kk: "Kazakh",
-  ko: "Korean",
-  kor: "Korean",
-  ku: "Kurdish",
-  kur: "Kurdish",
-  lao: "Lao",
-  lo: "Lao",
-  lav: "Latvian",
-  lv: "Latvian",
-  lit: "Lithuanian",
-  lt: "Lithuanian",
-  lb: "Luxembourgish",
-  ltz: "Luxembourgish",
-  may: "Malay",
-  ms: "Malay",
-  msa: "Malay",
-  el: "Greek",
-  ell: "Greek",
-  gre: "Greek",
-  mn: "Mongolian",
-  mon: "Mongolian",
-  no: "Norwegian",
-  nor: "Norwegian",
-  fa: "Persian",
-  fas: "Persian",
-  per: "Persian",
-  pl: "Polish",
-  pol: "Polish",
-  por: "Portuguese",
-  pt: "Portuguese",
-  ro: "Romanian",
-  ron: "Romanian",
-  rum: "Romanian",
-  ru: "Russian",
-  rus: "Russian",
-  scc: "Serbian",
-  sr: "Serbian",
-  srp: "Serbian",
-  ii: "Sichuan Yi",
-  iii: "Sichuan Yi",
-  scn: "Sicilian",
-  sk: "Slovak",
-  slk: "Slovak",
-  slo: "Slovak",
-  sl: "Slovenian",
-  slv: "Slovenian",
-  so: "Somali",
-  som: "Somali",
-  es: "Spanish",
-  spa: "Spanish",
-  sw: "Swahili",
-  swa: "Swahili",
-  sv: "Swedish",
-  swe: "Swedish",
-  gsw: "Swiss German",
-  tgl: "Tagalog",
-  tl: "Tagalog",
-  te: "Telugu",
-  tel: "Telugu",
-  th: "Thai",
-  tha: "Thai",
-  bo: "Tibetan",
-  bod: "Tibetan",
-  tib: "Tibetan",
-  tr: "Turkish",
-  tur: "Turkish",
-  uk: "Ukrainian",
-  ukr: "Ukrainian",
-  uz: "Uzbek",
-  uzb: "Uzbek",
-  vi: "Vietnamese",
-  vie: "Vietnamese"
-};
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
+const createLanguageMap = () => ({
+  af: __('afrikaans'),
+  afr: __('afrikaans'),
+  alb: __('albanian'),
+  sq: __('albanian'),
+  sqi: __('albanian'),
+  ar: __('arabic'),
+  ara: __('arabic'),
+  arm: __('armenian'),
+  hy: __('armenian'),
+  hye: __('armenian'),
+  be: __('belarusian'),
+  bel: __('belarusian'),
+  ben: __('bengali'),
+  bn: __('bengali'),
+  bos: __('bosnian'),
+  bs: __('bosnian'),
+  bg: __('bulgarian'),
+  bul: __('bulgarian'),
+  bur: __('burmese'),
+  my: __('burmese'),
+  mya: __('burmese'),
+  ca: __('catalan'),
+  cat: __('catalan'),
+  khm: __('central_khmer'),
+  km: __('central_khmer'),
+  chi: __('chinese'),
+  zh: __('chinese'),
+  zho: __('chinese'),
+  hr: __('croatian'),
+  hrv: __('croatian'),
+  ces: __('czech'),
+  cs: __('czech'),
+  cze: __('czech'),
+  da: __('danish'),
+  dan: __('danish'),
+  dut: __('dutch'),
+  nl: __('dutch'),
+  nld: __('dutch'),
+  en: __('english'),
+  eng: __('english'),
+  est: __('estonian'),
+  et: __('estonian'),
+  fil: __('filipino'),
+  fi: __('finnish'),
+  fin: __('finnish'),
+  fr: __('french'),
+  fra: __('french'),
+  fre: __('french'),
+  gl: __('galician'),
+  glg: __('galician'),
+  lg: __('ganda'),
+  lug: __('ganda'),
+  geo: __('georgian'),
+  ka: __('georgian'),
+  kat: __('georgian'),
+  de: __('german'),
+  deu: __('german'),
+  ger: __('german'),
+  hat: __('haitian_creole'),
+  ht: __('haitian_creole'),
+  he: __('hebrew'),
+  heb: __('hebrew'),
+  hi: __('hindi'),
+  hin: __('hindi'),
+  hmn: __('hmong'),
+  hu: __('hungarian'),
+  hun: __('hungarian'),
+  ice: __('icelandic'),
+  is: __('icelandic'),
+  isl: __('icelandic'),
+  id: __('indonesian'),
+  ind: __('indonesian'),
+  ga: __('irish'),
+  gle: __('irish'),
+  it: __('italian'),
+  ita: __('italian'),
+  ja: __('japanese'),
+  jpn: __('japanese'),
+  kaz: __('kazakh'),
+  kk: __('kazakh'),
+  ko: __('korean'),
+  kor: __('korean'),
+  ku: __('kurdish'),
+  kur: __('kurdish'),
+  lao: __('lao'),
+  lo: __('lao'),
+  lav: __('latvian'),
+  lv: __('latvian'),
+  lit: __('lithuanian'),
+  lt: __('lithuanian'),
+  lb: __('luxembourgish'),
+  ltz: __('luxembourgish'),
+  may: __('malay_macrolanguage'),
+  ms: __('malay_macrolanguage'),
+  msa: __('malay_macrolanguage'),
+  el: __('modern_greek_1453_'),
+  ell: __('modern_greek_1453_'),
+  gre: __('modern_greek_1453_'),
+  mn: __('mongolian'),
+  mon: __('mongolian'),
+  no: __('norwegian'),
+  nor: __('norwegian'),
+  fa: __('persian'),
+  fas: __('persian'),
+  per: __('persian'),
+  pl: __('polish'),
+  pol: __('polish'),
+  por: __('portuguese'),
+  pt: __('portuguese'),
+  ro: __('romanian'),
+  ron: __('romanian'),
+  rum: __('romanian'),
+  ru: __('russian'),
+  rus: __('russian'),
+  scc: __('serbian'),
+  sr: __('serbian'),
+  srp: __('serbian'),
+  ii: __('sichuan_yi'),
+  iii: __('sichuan_yi'),
+  scn: __('sicilian'),
+  sk: __('slovak'),
+  slk: __('slovak'),
+  slo: __('slovak'),
+  sl: __('slovenian'),
+  slv: __('slovenian'),
+  so: __('somali'),
+  som: __('somali'),
+  es: __('spanish'),
+  spa: __('spanish'),
+  sw: __('swahili_macrolanguage'),
+  swa: __('swahili_macrolanguage'),
+  sv: __('swedish'),
+  swe: __('swedish'),
+  gsw: __('swiss_german'),
+  tgl: __('tagalog'),
+  tl: __('tagalog'),
+  te: __('telugu'),
+  tel: __('telugu'),
+  th: __('thai'),
+  tha: __('thai'),
+  bo: __('tibetan'),
+  bod: __('tibetan'),
+  tib: __('tibetan'),
+  tr: __('turkish'),
+  tur: __('turkish'),
+  uk: __('ukrainian'),
+  ukr: __('ukrainian'),
+  uz: __('uzbek'),
+  uzb: __('uzbek'),
+  vi: __('vietnamese'),
+  vie: __('vietnamese')
+});
 
 /**
  * Returns a localized language name, given an ISO-639-1/2/3/5 code:
@@ -1068,7 +1084,58 @@ const languageMap = {
  * @return {string} Returns the localized name of language represented by iso639Code
  */
 function getLanguageName(iso639Code) {
-  return languageMap[iso639Code.toLowerCase()];
+  return createLanguageMap()[iso639Code.toLowerCase()];
+}
+
+/***/ },
+
+/***/ 441
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   FB: () => (/* binding */ setMessages),
+/* harmony export */   Tl: () => (/* binding */ translate),
+/* harmony export */   Z0: () => (/* binding */ getLanguage),
+/* harmony export */   xC: () => (/* binding */ setLanguage)
+/* harmony export */ });
+/* unused harmony export MESSAGE_KEY_PREFIX */
+/* harmony import */ var _isNpmBuild__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8080);
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+const DEFAULT_LANGUAGE = 'en-US';
+
+// Keys in the published i18n/<locale>.js files carry this prefix so they can be merged
+// with other packages' messages in a host's language bundle.
+const MESSAGE_KEY_PREFIX = 'bcp.';
+
+// Only the npm build defines __BCP_DEFAULT_MESSAGES__; the CDN build bakes strings in per locale.
+const defaultStrings = (0,_isNpmBuild__WEBPACK_IMPORTED_MODULE_0__/* .isNpmBuild */ .w)() ? {"rotate_left":"Rotate left","zoom_current_scale":"Current zoom level","zoom_in":"Zoom in","zoom_out":"Zoom out","enter_fullscreen":"Enter fullscreen","exit_fullscreen":"Exit fullscreen","controls_more":"More options","controls_shortcut_ctrl":"Ctrl + {1}","drawing_comment":"Markup","region_comment":"Comment on Region","highlight_text":"Highlight and Comment","exit_annotations":"Exit Annotations","annotation_tools":"Comment and markup","drawing_color":"Drawing color","drawing_color_blue":"Blue","drawing_color_green":"Green","drawing_color_red":"Red","drawing_color_orange":"Orange","drawing_color_yellow":"Yellow","drawing_color_purple":"Purple","previous_page":"Previous page","enter_page_num":"Click to enter page number","next_page":"Next page","download":"Download","print":"Print","print_notification":"Please press the print button to get a printable version of this document.","print_loading":"Preparing to print...","print_ready":"Ready to print.","print_close":"Close print dialog","previous_file":"Previous file","logo":"Logo","next_file":"Next file","loading_preview":"Loading Preview...","download_file":"Download File","text_truncated":"This file has been truncated due to size limits. Please download to view the whole file.","toggle_findbar":"Toggle findbar","toggle_thumbnails":"Toggle thumbnails","gallery_view":"Gallery view","page_gallery":"Page gallery","page_gallery_tile":"Page {1}","has_x_refs":"This preview has references you cannot view. Open the file in its native application.","find_next":"Find next","find_previous":"Find previous","find_close":"Close","find_label":"Search input","thumbnail_label":"Page thumbnails","file_preview_label":"File preview","comparison_banner_current":"Current version","comparison_banner_previous":"Previous version","comparison_banner_actions":"More actions","comparison_banner_open_full_preview":"Open Full Preview","comparison_banner_make_current":"Make Current","comparison_banner_delete":"Delete","error_generic":"This preview didn’t load. Please try to open or download the file to view.","error_unsupported":"This preview didn’t load because the file type is unsupported. Please try to open or download the file to view.","error_account":"This preview didn’t load because your account is unable to preview this file type. Please try to open or download the file to view.","error_permissions":"This preview didn’t load because you don’t have permission. Please ask the file owner to update permissions.","error_refresh":"This preview didn’t load. Please try to open or download the file to view.","error_rate_limit":"This preview didn’t load because your request was rate limited. Please try to open or download the file to view.","error_reupload":"This preview didn’t load. Please try to open or download the file to view.","error_browser_unsupported":"Your browser doesn’t support preview for {1}. Please try to open or download the file to view.","error_document":"This preview didn’t load because the document may be protected. Please try to open or download the file to view.","error_password_protected":"This preview didn’t load because the document is protected. Please try to open or download the file to view.","error_try_again_later":"This preview didn’t load. Please refresh the page or download file to view.","error_bad_file":"This preview didn’t load. Please try to open or download the file to view.","error_not_downloadable":"Something seems to be wrong with this file. Please refresh the page, and if the issue continues, try to upload a new version.","error_flash_not_enabled":"This preview didn’t load because Flash is not enabled on your browser. Please try to enable Flash or download the file to view.","error_internet_explorer_office_online":"This version of Internet Explorer is out of date and the experience may be degraded. Please try switching to a different browser for a better experience.","error_large_file":"File exceeds supported size for preview. Open or download the file to view.","error_too_many_operations":"The file is too complex to display in your browser. Please download it to view.","error_zero_byte_file":"Cannot preview 0 B file. Open or download the file to view.","filename":"Name","last_modified_date":"Modified","size":"Size","search":"Search","search_results":"Search Results","search_placeholder":"Search files and folders","search_clear":"Clear search","breadcrumb":"Breadcrumb","breadcrumb_truncated":"Show hidden folders","media_autoplay":"Autoplay","media_autoplay_disabled":"Disabled","media_autoplay_enabled":"Enabled","media_play_next":"Play next file","media_play_next_disabled":"Disabled","media_play_next_enabled":"Enabled","media_speed":"Speed","media_speed_normal":"Normal","media_quality":"Quality","media_quality_auto":"Auto","media_guides":"Guides","media_guides_off":"Off","media_guides_default":"Default","media_guides_widescreen_hd":"Widescreen HD","media_guides_vertical":"Vertical","media_guides_square":"Square","media_guides_social_portrait":"Social Portrait","media_guides_cinemascope":"Cinemascope","media_guides_univisium":"Univisium","media_guides_cinema_flat":"Cinema Flat","media_guides_scope":"Scope","media_guides_fullscreen":"Fullscreen","media_guides_ultrawide":"Ultrawide","media_volume_slider":"Volume Slider","media_generating_waveform":"Generating waveform","media_loading":"Loading","media_zoom":"Zoom","media_zoom_slider":"Zoom Slider","media_time_slider":"Media Slider","media_comment_marker":"Comment marker","media_range_comment":"Comment","media_range_clear":"Clear","media_shuttle_forward":"Scanning forward at {1}x","media_shuttle_reverse":"Scanning backward at {1}x","media_mute":"Mute","media_unmute":"Unmute","media_play":"Play","media_pause":"Pause","media_skip_forward":"Skip forward","media_skip_backward":"Skip backward","media_settings":"Settings","media_subtitles_cc":"Subtitles/Closed Captions","media_time_format":"Time format","media_time_format_standard":"Standard time","media_time_format_timecode":"Timecode","media_time_format_frames":"Frame numbers","volume":"Volume","of":"of","subtitles":"Subtitles","off":"Off","media_audio":"Audio","track":"Track","media_auto_generated_captions":"Auto-Generated Captions","auto_generated":"Auto-Generated","box3d_animation_clips":"Animation clips","box3d_camera_projection_perspective":"Perspective","box3d_camera_projection_orthographic":"Orthographic","box3d_reset":"Reset","box3d_toggle_animation":"Play/pause animation","box3d_toggle_vr":"Toggle VR display","box3d_render_mode_lit":"Lit","box3d_render_mode_unlit":"Unlit","box3d_render_mode_normals":"Normals","box3d_render_mode_shape":"Shape","box3d_render_mode_uv_overlay":"UV Overlay","box3d_settings":"Settings","box3d_settings_render_label":"Render mode","box3d_settings_grid_label":"Show grid","box3d_settings_wireframes_label":"Show wireframes","box3d_settings_skeletons_label":"Show skeletons","box3d_settings_projection_label":"Camera Projection","box3d_settings_rotate_label":"Rotate Model","box3d_settings_rotate_left":"Rotate left around {1} axis","box3d_settings_rotate_right":"Rotate right around {1} axis","document_label":"Document Viewer","annotation_add_comment_placeholder":"Add a comment here...","annotation_reply_placeholder":"Post a reply...","annotation_done":"Done","annotation_close":"Close","annotation_cancel":"Cancel","annotation_save":"Save","annotation_post":"Post","annotation_delete":"Delete","annotation_delete_confirmation_message":"Delete this annotation?","annotation_profile_alt":"Avatar","annotation_anonymous_user_name":"Some User","annotation_posting_message":"Posting...","annotation_point_toggle":"Point annotation mode","annotation_draw_toggle":"Drawing annotation mode","annotation_highlight_toggle":"Highlight text","annotation_highlight_comment":"Add comment to highlighted text","annotation_who_highlighted":"{1} highlighted","annotation_who_drew":"{1} drew","annotation_draw_save":"Save drawing","annotation_draw_delete":"Delete drawing","annotations_load_error":"Annotations could not be loaded for this file. Please refresh the page to try again.","annotations_create_error":"This annotation could not be created. Please try again.","annotations_delete_error":"This annotation could not be deleted. Please try again.","annotations_authorization_error":"Annotations could not be loaded for this file. You may not have permission to take this action.","annotations_tooltip_body":"Make notes and comments to highlight key information when previewing content.","annotations_tooltip_title":"Add feedback on content","notification_button_default_text":"Okay","notification_button_default_label":"Clear Notification","notification_annotation_point_mode":"Click anywhere to add a comment to the document","notification_annotation_draw_mode":"Press down and drag the pointer to draw on the document","notification_degraded_preview":"Your connection to {1} is being blocked. Please reach out to your network admin to adjust firewall settings.","notification_cannot_download":"This file could not be downloaded.","notification_cannot_download_due_to_policy":"The file could not be downloaded due to a security policy.","link_contact_us":"Contact Us","360_videos":"360-degree videos","360_images":"360-degree images","3d_models":"3D models","afrikaans":"Afrikaans","albanian":"Albanian","arabic":"Arabic","armenian":"Armenian","belarusian":"Belarusian","bengali":"Bengali","bosnian":"Bosnian","bulgarian":"Bulgarian","burmese":"Burmese","catalan":"Catalan","central_khmer":"Central Khmer","chinese":"Chinese","croatian":"Croatian","czech":"Czech","danish":"Danish","dutch":"Dutch","english":"English","estonian":"Estonian","filipino":"Filipino","finnish":"Finnish","french":"French","galician":"Galician","ganda":"Ganda","georgian":"Georgian","german":"German","haitian_creole":"Haitian Creole","hebrew":"Hebrew","hindi":"Hindi","hmong":"Hmong","hungarian":"Hungarian","icelandic":"Icelandic","indonesian":"Indonesian","irish":"Irish","italian":"Italian","japanese":"Japanese","kazakh":"Kazakh","korean":"Korean","kurdish":"Kurdish","lao":"Lao","latvian":"Latvian","lithuanian":"Lithuanian","luxembourgish":"Luxembourgish","malay_macrolanguage":"Malay","modern_greek_1453_":"Greek","mongolian":"Mongolian","norwegian":"Norwegian","persian":"Persian","polish":"Polish","portuguese":"Portuguese","romanian":"Romanian","russian":"Russian","serbian":"Serbian","sichuan_yi":"Sichuan Yi","sicilian":"Sicilian","slovak":"Slovak","slovenian":"Slovenian","somali":"Somali","spanish":"Spanish","swahili_macrolanguage":"Swahili","swedish":"Swedish","swiss_german":"Swiss German","tagalog":"Tagalog","telugu":"Telugu","thai":"Thai","tibetan":"Tibetan","turkish":"Turkish","ukrainian":"Ukrainian","uzbek":"Uzbek","vietnamese":"Vietnamese"} : {};
+let language =  true ? "en-US" : 0;
+let strings = defaultStrings;
+function getLanguage() {
+  return language;
+}
+function setLanguage(nextLanguage) {
+  language = nextLanguage || DEFAULT_LANGUAGE;
+}
+function setMessages(messages) {
+  strings = _objectSpread({}, defaultStrings);
+  if (!messages) {
+    return;
+  }
+  Object.keys(messages).forEach(key => {
+    const value = messages[key];
+    if (key.startsWith(MESSAGE_KEY_PREFIX) && typeof value === 'string') {
+      strings[key.slice(MESSAGE_KEY_PREFIX.length)] = value;
+    }
+  });
+}
+function translate(key) {
+  return strings[key] ?? key;
 }
 
 /***/ },
@@ -1134,6 +1201,7 @@ var PreviewError = __webpack_require__(8041);
 // EXTERNAL MODULE: ./src/lib/events.js
 var events = __webpack_require__(6526);
 ;// ./src/lib/util.js
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -1148,7 +1216,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.116.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.118.0"; // eslint-disable-line no-undef
 const HEADER_CLIENT_NAME = 'X-Box-Client-Name';
 const HEADER_CLIENT_VERSION = 'X-Box-Client-Version';
 const PROMISE_MAP = {};
@@ -1896,7 +1964,7 @@ function isLocalStorageAvailable() {
 function handleRepresentationBlobFetch(response) {
   const status = getProp(response, 'status');
   if (status === 202) {
-    const error = new PreviewError/* default */.A(events/* ERROR_CODE */.bo.DELETED_REPS, "This preview didn’t load. Please try to open or download the file to view.", {
+    const error = new PreviewError/* default */.A(events/* ERROR_CODE */.bo.DELETED_REPS, __('error_refresh'), {
       isRepDeleted: true
     });
     return Promise.reject(error);
@@ -4700,6 +4768,7 @@ var constants = __webpack_require__(7955);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/ArchiveTableV2.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -4770,7 +4839,7 @@ function ArchiveTableV2({
     className: "bp-ArchiveTableV2"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Table, {
     ref: table => table?.setAttribute('aria-rowcount', String(items.length + 1)),
-    "aria-label": "Name",
+    "aria-label": __('filename'),
     onSortChange: ({
       column,
       direction
@@ -4789,19 +4858,19 @@ function ArchiveTableV2({
     isRowHeader: true
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Name")), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Column, {
+  }, __('filename'))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Column, {
     key: KEY_MODIFIED_AT,
     allowsSorting: true,
     id: KEY_MODIFIED_AT
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Modified")), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Column, {
+  }, __('last_modified_date'))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Column, {
     key: KEY_SIZE,
     allowsSorting: true,
     id: KEY_SIZE
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Size"))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.TableBody, null, topOffset > 0 && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Row, {
+  }, __('size')))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.TableBody, null, topOffset > 0 && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Row, {
     isDisabled: true,
     style: {
       height: `${topOffset}px`
@@ -4852,6 +4921,7 @@ function ArchiveTableV2({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/BreadcrumbsV2.tsx
+/* provided dependency */ var BreadcrumbsV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -4887,18 +4957,19 @@ function BreadcrumbsV2({
   }, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span",
     variant: "bodyDefaultBold"
-  }, "Search Results") : /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Breadcrumb, {
-    breadcrumbAriaLabel: "Breadcrumb",
+  }, BreadcrumbsV2_('search_results')) : /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Breadcrumb, {
+    breadcrumbAriaLabel: BreadcrumbsV2_('breadcrumb'),
     crumbs: crumbs,
     isResponsiveEnabled: false,
     onPageLinkClick: handlePageLinkClick,
-    truncatedLinksIconAriaLabel: "Show hidden folders"
+    truncatedLinksIconAriaLabel: BreadcrumbsV2_('breadcrumb_truncated')
   }));
 }
 ;// ./src/lib/viewers/archive/SearchBarV2.scss
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/SearchBarV2.tsx
+/* provided dependency */ var SearchBarV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -4915,10 +4986,10 @@ function SearchBarV2({
       currentTarget
     }) => onSearch(currentTarget.value),
     onClearInput: () => onSearch(''),
-    placeholder: "Search files and folders",
-    searchInputAriaLabel: "Search",
-    searchInputClearAriaLabel: "Clear search",
-    searchInputClearButtonTooltip: "Clear search",
+    placeholder: SearchBarV2_('search_placeholder'),
+    searchInputAriaLabel: SearchBarV2_('search'),
+    searchInputClearAriaLabel: SearchBarV2_('search_clear'),
+    searchInputClearButtonTooltip: SearchBarV2_('search_clear'),
     value: searchQuery
   }));
 }
@@ -5940,6 +6011,7 @@ var constants = __webpack_require__(7955);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/Breadcrumbs.js
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -5987,7 +6059,7 @@ class Breadcrumbs extends external_react_["default"].PureComponent {
     } = this.props;
     return /*#__PURE__*/external_react_["default"].createElement("div", {
       className: "bp-Breadcrumbs"
-    }, /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_breadcrumb_da64b71d_default__, null, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement("span", null, "Search Results") : this.getPathItems(fullPath).map(pathItem => /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_plain_button_PlainButton_6ddbae5a_default__, {
+    }, /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_breadcrumb_da64b71d_default__, null, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement("span", null, __('search_results')) : this.getPathItems(fullPath).map(pathItem => /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_plain_button_PlainButton_6ddbae5a_default__, {
       key: pathItem.path,
       "data-resin-target": "breadcrumb",
       onClick: () => onClick(pathItem.path),
@@ -6006,6 +6078,7 @@ _defineProperty(Breadcrumbs, "propTypes", {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/SearchBar.js
+/* provided dependency */ var SearchBar_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -6016,13 +6089,13 @@ const SearchBar = ({
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-SearchBar"
   }, /*#__PURE__*/external_react_["default"].createElement("input", {
-    "aria-label": "Search",
+    "aria-label": SearchBar_('search'),
     "data-resin-target": "searchInput",
     "data-testid": "search-input",
     onChange: ({
       currentTarget
     }) => onSearch(currentTarget.value),
-    placeholder: "Search files and folders",
+    placeholder: SearchBar_('search_placeholder'),
     type: "search",
     value: searchQuery
   }));
@@ -6036,6 +6109,7 @@ SearchBar.propTypes = {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/ArchiveExplorer.js
+/* provided dependency */ var ArchiveExplorer_ = __webpack_require__(441)["Tl"];
 const _excluded = ["absolute_path", "modified_at", "name", "size", "type"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { ArchiveExplorer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -6306,7 +6380,7 @@ class ArchiveExplorer extends external_react_.Component {
       dataKey: KEY_NAME,
       flexGrow: 3,
       headerRenderer: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_virtualized_table_renderers_sortableColumnHeaderRenderer_4833bf3f_default__,
-      label: "Name",
+      label: ArchiveExplorer_('filename'),
       width: 1
     }), /*#__PURE__*/external_react_.createElement(__WEBPACK_EXTERNAL_MODULE__box_react_virtualized_ec986521_Column__, {
       key: KEY_MODIFIED_AT,
@@ -6314,7 +6388,7 @@ class ArchiveExplorer extends external_react_.Component {
       dataKey: KEY_MODIFIED_AT,
       flexGrow: 2,
       headerRenderer: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_virtualized_table_renderers_sortableColumnHeaderRenderer_4833bf3f_default__,
-      label: "Modified",
+      label: ArchiveExplorer_('last_modified_date'),
       width: 1
     }), /*#__PURE__*/external_react_.createElement(__WEBPACK_EXTERNAL_MODULE__box_react_virtualized_ec986521_Column__, {
       key: KEY_SIZE,
@@ -6322,7 +6396,7 @@ class ArchiveExplorer extends external_react_.Component {
       dataKey: KEY_SIZE,
       flexGrow: 1,
       headerRenderer: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_virtualized_table_renderers_sortableColumnHeaderRenderer_4833bf3f_default__,
-      label: "Size",
+      label: ArchiveExplorer_('size'),
       width: 1
     })])))));
   }
@@ -6669,6 +6743,40 @@ function DurationLabels({
 
 /***/ },
 
+/***/ 4301
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ MediaLoadingIndicator)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+;// ./src/lib/viewers/controls/media/MediaLoadingIndicator.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+
+
+
+function MediaLoadingIndicator(props) {
+  return /*#__PURE__*/external_react_["default"].createElement("div", _extends({
+    className: "bp-MediaLoadingIndicator"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.LoadingIndicator, {
+    "aria-label": __('media_loading'),
+    size: "x-large",
+    variant: "light"
+  }));
+}
+
+/***/ },
+
 /***/ 112
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -6690,6 +6798,7 @@ var Settings = __webpack_require__(6032);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsContext.ts
 var SettingsContext = __webpack_require__(3072);
 ;// ./src/lib/viewers/controls/media/MediaSettingsMenuAutoplay.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 function MediaSettingsMenuAutoplay({
@@ -6706,15 +6815,15 @@ function MediaSettingsMenuAutoplay({
   return /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.Menu, {
     name: SettingsContext/* Menu */.W.AUTOPLAY
   }, /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuBack, {
-    label: "Autoplay"
+    label: __('media_autoplay')
   }), /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.RadioItem, {
     isSelected: !autoplay,
-    label: "Disabled",
+    label: __('media_autoplay_disabled'),
     onChange: handleChange,
     value: false
   }), /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.RadioItem, {
     isSelected: autoplay,
-    label: "Enabled",
+    label: __('media_autoplay_enabled'),
     onChange: handleChange,
     value: true
   }));
@@ -6722,6 +6831,7 @@ function MediaSettingsMenuAutoplay({
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsMenuGuides.tsx
 var MediaSettingsMenuGuides = __webpack_require__(4692);
 ;// ./src/lib/viewers/controls/media/MediaSettingsMenuPlayNext.tsx
+/* provided dependency */ var MediaSettingsMenuPlayNext_ = __webpack_require__(441)["Tl"];
 
 
 function MediaSettingsMenuPlayNext({
@@ -6738,15 +6848,15 @@ function MediaSettingsMenuPlayNext({
   return /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.Menu, {
     name: SettingsContext/* Menu */.W.PLAY_NEXT
   }, /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuBack, {
-    label: "Play next file"
+    label: MediaSettingsMenuPlayNext_('media_play_next')
   }), /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.RadioItem, {
     isSelected: !playNext,
-    label: "Disabled",
+    label: MediaSettingsMenuPlayNext_('media_play_next_disabled'),
     onChange: handleChange,
     value: false
   }), /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.RadioItem, {
     isSelected: playNext,
-    label: "Enabled",
+    label: MediaSettingsMenuPlayNext_('media_play_next_enabled'),
     onChange: handleChange,
     value: true
   }));
@@ -6758,6 +6868,7 @@ var MediaSettingsMenuRate = __webpack_require__(7229);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsMenuSubtitles.tsx
 var MediaSettingsMenuSubtitles = __webpack_require__(7936);
 ;// ./src/lib/viewers/controls/media/MediaSettings.tsx
+/* provided dependency */ var MediaSettings_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -6792,9 +6903,9 @@ function MediaSettings({
   toggle
 }) {
   const subtitleDisplayLanguage = (0,MediaSettingsMenuSubtitles/* getDisplayLanguage */.x)(subtitle, subtitles);
-  const autoValue = autoplay ? "Enabled" : "Disabled";
-  const playNextValue = playNext ? "Enabled" : "Disabled";
-  const rateValue = rate === '1.0' || !rate ? "Normal" : rate;
+  const autoValue = autoplay ? MediaSettings_('media_autoplay_enabled') : MediaSettings_('media_autoplay_disabled');
+  const playNextValue = playNext ? MediaSettings_('media_play_next_enabled') : MediaSettings_('media_play_next_disabled');
+  const rateValue = rate === '1.0' || !rate ? MediaSettings_('media_speed_normal') : rate;
   const showPlayNext = typeof onPlayNextChange === 'function';
   const labelledAudioTracks = external_react_["default"].useMemo(() => (0,MediaSettingsAudioTracks/* addLabels */.Nl)(audioTracks), [audioTracks]);
   const hydratedSelectedAudioTrack = labelledAudioTracks.find(({
@@ -6811,38 +6922,38 @@ function MediaSettings({
     name: SettingsContext/* Menu */.W.MAIN
   }, /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-autoplay",
-    label: "Autoplay",
+    label: MediaSettings_('media_autoplay'),
     target: SettingsContext/* Menu */.W.AUTOPLAY,
     value: autoValue
   }), showPlayNext && /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-play-next",
-    label: "Play next file",
+    label: MediaSettings_('media_play_next'),
     target: SettingsContext/* Menu */.W.PLAY_NEXT,
     value: playNextValue
   }), /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-speed",
-    label: "Speed",
+    label: MediaSettings_('media_speed'),
     target: SettingsContext/* Menu */.W.RATE,
     value: rateValue
   }), quality && /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-quality",
     isDisabled: !isHDSupported,
-    label: "Quality",
+    label: MediaSettings_('media_quality'),
     target: SettingsContext/* Menu */.W.QUALITY,
     value: (0,MediaSettingsMenuQuality/* getLabel */.p9)(quality)
   }), showSubtitles && /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-subtitles",
-    label: `${"Subtitles"}/CC`,
+    label: `${MediaSettings_('subtitles')}/CC`,
     target: SettingsContext/* Menu */.W.SUBTITLES,
     value: subtitleDisplayLanguage
   }), showAudioTrackItems && /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-audiotracks",
-    label: "Audio",
+    label: MediaSettings_('media_audio'),
     target: SettingsContext/* Menu */.W.AUDIO,
     value: audioTrackLabel
   }), isGuidesEnabled && /*#__PURE__*/external_react_["default"].createElement(Settings/* default */.A.MenuItem, {
     "data-testid": "bp-media-settings-guides",
-    label: "Guides",
+    label: MediaSettings_('media_guides'),
     target: SettingsContext/* Menu */.W.GUIDES,
     value: (0,MediaSettingsMenuGuides/* getLabel */.p9)(guide)
   })), /*#__PURE__*/external_react_["default"].createElement(MediaSettingsMenuAutoplay, {
@@ -6885,6 +6996,7 @@ function MediaSettings({
 /* harmony import */ var _lang__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9271);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3072);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6032);
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -6894,7 +7006,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 
 
 const generateAudioTrackLabel = (language, index) => {
-  let label = `${"Track"} ${index + 1}`;
+  let label = `${__('track')} ${index + 1}`;
   if (language !== 'und') {
     label = `${label} (${(0,_lang__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(language) || language})`;
   }
@@ -6927,7 +7039,7 @@ function MediaSettingsMenuAudioTracks({
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.Menu, {
     name: _settings__WEBPACK_IMPORTED_MODULE_2__/* .Menu */ .W.AUDIO
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A.MenuBack, {
-    label: "Audio"
+    label: __('media_audio')
   }), audioTracks.map(({
     id,
     label
@@ -6955,6 +7067,7 @@ function MediaSettingsMenuAudioTracks({
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1649);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3072);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6032);
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 let Guide = /*#__PURE__*/function (Guide) {
@@ -6984,26 +7097,26 @@ const GUIDE_LABEL_MAP = {
   [Guide.R_4_3]: '4x3',
   [Guide.R_21_9]: '21x9'
 };
-const GUIDE_NAME_MAP = {
-  [Guide.OFF]: "Default",
-  [Guide.R_16_9]: "Widescreen HD",
-  [Guide.R_9_16]: "Vertical",
-  [Guide.R_1_1]: "Square",
-  [Guide.R_4_5]: "Social Portrait",
-  [Guide.R_2_39_1]: "Cinemascope",
-  [Guide.R_2_1]: "Univisium",
-  [Guide.R_1_85_1]: "Cinema Flat",
-  [Guide.R_2_35_1]: "Scope",
-  [Guide.R_4_3]: "Fullscreen",
-  [Guide.R_21_9]: "Ultrawide"
-};
+const getGuideNameMap = () => ({
+  [Guide.OFF]: __('media_guides_default'),
+  [Guide.R_16_9]: __('media_guides_widescreen_hd'),
+  [Guide.R_9_16]: __('media_guides_vertical'),
+  [Guide.R_1_1]: __('media_guides_square'),
+  [Guide.R_4_5]: __('media_guides_social_portrait'),
+  [Guide.R_2_39_1]: __('media_guides_cinemascope'),
+  [Guide.R_2_1]: __('media_guides_univisium'),
+  [Guide.R_1_85_1]: __('media_guides_cinema_flat'),
+  [Guide.R_2_35_1]: __('media_guides_scope'),
+  [Guide.R_4_3]: __('media_guides_fullscreen'),
+  [Guide.R_21_9]: __('media_guides_ultrawide')
+});
 const GUIDE_ORDER = [Guide.OFF, Guide.R_16_9, Guide.R_9_16, Guide.R_1_1, Guide.R_4_5, Guide.R_2_39_1, Guide.R_2_1, Guide.R_1_85_1, Guide.R_2_35_1, Guide.R_4_3, Guide.R_21_9];
 
 // Used as the value shown next to "Guides" in the main settings menu.
-const getLabel = guide => guide === Guide.OFF ? "Off" : GUIDE_LABEL_MAP[guide];
+const getLabel = guide => guide === Guide.OFF ? __('media_guides_off') : GUIDE_LABEL_MAP[guide];
 const formatRadioLabel = guide => {
-  const ratio = guide === Guide.OFF ? "Off" : GUIDE_LABEL_MAP[guide];
-  return `${ratio} — ${GUIDE_NAME_MAP[guide]}`;
+  const ratio = guide === Guide.OFF ? __('media_guides_off') : GUIDE_LABEL_MAP[guide];
+  return `${ratio} — ${getGuideNameMap()[guide]}`;
 };
 function MediaSettingsMenuGuides({
   guide,
@@ -7019,7 +7132,7 @@ function MediaSettingsMenuGuides({
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Menu, {
     name: _settings__WEBPACK_IMPORTED_MODULE_1__/* .Menu */ .W.GUIDES
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.MenuBack, {
-    label: "Guides"
+    label: __('media_guides')
   }), GUIDE_ORDER.map(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.RadioItem, {
     key: value,
     isSelected: guide === value,
@@ -7043,6 +7156,7 @@ function MediaSettingsMenuGuides({
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1649);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3072);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6032);
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 let Quality = /*#__PURE__*/function (Quality) {
@@ -7051,13 +7165,13 @@ let Quality = /*#__PURE__*/function (Quality) {
   Quality["SD"] = "sd";
   return Quality;
 }({});
-const QUALITY_LABEL_MAP = {
-  [Quality.AUTO]: "Auto",
+const getQualityLabelMap = () => ({
+  [Quality.AUTO]: __('media_quality_auto'),
   [Quality.HD]: '1080p',
   [Quality.SD]: '480p'
-};
+});
 const QUALITIES = [Quality.SD, Quality.HD, Quality.AUTO];
-const getLabel = quality => QUALITY_LABEL_MAP[quality];
+const getLabel = quality => getQualityLabelMap()[quality];
 function MediaSettingsMenuQuality({
   onQualityChange,
   quality
@@ -7075,7 +7189,7 @@ function MediaSettingsMenuQuality({
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Menu, {
     name: _settings__WEBPACK_IMPORTED_MODULE_1__/* .Menu */ .W.QUALITY
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.MenuBack, {
-    label: "Quality"
+    label: __('media_quality')
   }), QUALITIES.map(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.RadioItem, {
     key: value,
     isSelected: quality === value,
@@ -7098,10 +7212,11 @@ function MediaSettingsMenuQuality({
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1649);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3072);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6032);
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 const RATES = ['0.5', '1.0', '1.25', '1.5', '2.0'];
-const getLabel = rate => rate === '1.0' || !rate ? "Normal" : rate;
+const getLabel = rate => rate === '1.0' || !rate ? __('media_speed_normal') : rate;
 function MediaSettingsMenuRate({
   rate,
   onRateChange
@@ -7116,7 +7231,7 @@ function MediaSettingsMenuRate({
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Menu, {
     name: _settings__WEBPACK_IMPORTED_MODULE_1__/* .Menu */ .W.RATE
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.MenuBack, {
-    label: "Speed"
+    label: __('media_speed')
   }), RATES.map(value => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.RadioItem, {
     key: value,
     isSelected: rate === value,
@@ -7139,6 +7254,7 @@ function MediaSettingsMenuRate({
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3072);
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6032);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9130);
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -7148,7 +7264,7 @@ const getDisplayLanguage = (subtitle, subtitles = []) => {
   } = subtitles.find(({
     id
   }) => subtitle === id) || {
-    displayLanguage: "Off"
+    displayLanguage: __('off')
   };
   return displayLanguage;
 };
@@ -7170,10 +7286,10 @@ function MediaSettingsMenuSubtitles({
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.Menu, {
     name: _settings__WEBPACK_IMPORTED_MODULE_1__/* .Menu */ .W.SUBTITLES
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.MenuBack, {
-    label: `${"Subtitles"}/CC`
+    label: `${__('subtitles')}/CC`
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_settings__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.RadioItem, {
     isSelected: subtitle === _constants__WEBPACK_IMPORTED_MODULE_3__/* .SUBTITLES_OFF */ .eA,
-    label: "Off",
+    label: __('off'),
     onChange: handleChange,
     value: _constants__WEBPACK_IMPORTED_MODULE_3__/* .SUBTITLES_OFF */ .eA
   }), subtitles.map(({
@@ -7332,6 +7448,7 @@ var util = __webpack_require__(4410);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/MediaSettingsV2.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -7379,7 +7496,7 @@ function MediaSettingsV2({
   const focusSelectorRef = external_react_["default"].useRef();
   const labelledAudioTracks = external_react_["default"].useMemo(() => (0,MediaSettingsAudioTracks/* addLabels */.Nl)(audioTracks), [audioTracks]);
   const subMenus = [{
-    label: "Speed",
+    label: __('media_speed'),
     menu: SettingsContext/* Menu */.W.RATE,
     onChange: onRateChange,
     options: MediaSettingsMenuRate/* RATES */.mu.map(value => ({
@@ -7393,7 +7510,7 @@ function MediaSettingsV2({
   if (quality && onQualityChange) {
     subMenus.push({
       isDisabled: !isHDSupported,
-      label: "Quality",
+      label: __('media_quality'),
       menu: SettingsContext/* Menu */.W.QUALITY,
       onChange: value => onQualityChange(value),
       options: MediaSettingsMenuQuality/* QUALITIES */.EQ.map(value => ({
@@ -7407,11 +7524,11 @@ function MediaSettingsV2({
   }
   if (subtitles.length > 0 && onSubtitleChange) {
     subMenus.push({
-      label: `${"Subtitles"}/CC`,
+      label: `${__('subtitles')}/CC`,
       menu: SettingsContext/* Menu */.W.SUBTITLES,
       onChange: value => onSubtitleChange(Number(value)),
       options: [{
-        label: "Off",
+        label: __('off'),
         value: String(constants/* SUBTITLES_OFF */.eA)
       }, ...subtitles.map(({
         displayLanguage,
@@ -7427,7 +7544,7 @@ function MediaSettingsV2({
   }
   if (labelledAudioTracks.length > 1) {
     subMenus.push({
-      label: "Audio",
+      label: __('media_audio'),
       menu: SettingsContext/* Menu */.W.AUDIO,
       onChange: value => onAudioTrackChange(Number(value)),
       options: labelledAudioTracks.map(({
@@ -7446,7 +7563,7 @@ function MediaSettingsV2({
   }
   if (isGuidesEnabled) {
     subMenus.push({
-      label: "Guides",
+      label: __('media_guides'),
       menu: SettingsContext/* Menu */.W.GUIDES,
       onChange: value => onGuideChange(value),
       options: MediaSettingsMenuGuides/* GUIDE_ORDER */._0.map(value => ({
@@ -7513,7 +7630,7 @@ function MediaSettingsV2({
   }, /*#__PURE__*/external_react_["default"].createElement(settings_SettingsToggleV2, {
     buttonType: "icon",
     "data-target-id": "MediaSettingsV2-toggle",
-    label: "Settings",
+    label: __('media_settings'),
     onKeyDown: utils/* stopActivationKeyPropagation */.My,
     size: "large",
     variant: "on-dark"
@@ -7560,7 +7677,7 @@ function MediaSettingsV2({
     onSelect: preventDefault
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Autoplay")), onPlayNextChange && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.CheckboxItem, {
+  }, __('media_autoplay'))), onPlayNextChange && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.CheckboxItem, {
     checked: playNext,
     "data-resin-target": `settingsMenuItem-${SettingsContext/* Menu */.W.PLAY_NEXT}`,
     "data-target-id": "MediaSettingsV2-playNext",
@@ -7569,7 +7686,7 @@ function MediaSettingsV2({
     onSelect: preventDefault
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Play next file")), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null), subMenus.map(({
+  }, __('media_play_next'))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null), subMenus.map(({
     isDisabled,
     label,
     menu,
@@ -7703,6 +7820,7 @@ var MediaToggle = __webpack_require__(8997);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
 var utils = __webpack_require__(5346);
 ;// ./src/lib/viewers/controls/media/PlayPauseButton.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -7716,7 +7834,7 @@ function PlayPauseButton({
   onPlayPause,
   isBlueprintEnabled = false
 }) {
-  const title = isPlaying ? "Pause" : "Play";
+  const title = isPlaying ? __('media_pause') : __('media_play');
   const handleClick = () => onPlayPause(!isPlaying);
   if (isBlueprintEnabled) {
     return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
@@ -7853,6 +7971,7 @@ var utils = __webpack_require__(5346);
 // EXTERNAL MODULE: ./src/lib/constants.js
 var constants = __webpack_require__(9130);
 ;// ./src/lib/viewers/controls/media/SkipButton.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -7869,7 +7988,7 @@ function SkipButton({
 }) {
   const isForward = direction === 'forward';
   const resinTarget = isForward ? 'skipForward' : 'skipBackward';
-  const title = isForward ? "Skip forward" : "Skip backward";
+  const title = isForward ? __('media_skip_forward') : __('media_skip_backward');
   const handleClick = () => movePlayback(isForward, constants/* MEDIA_PLAYBACK_SKIP_DURATION */.uN);
   if (isBlueprintEnabled) {
     return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
@@ -8005,6 +8124,7 @@ var DurationLabels = __webpack_require__(820);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/TimestampControl.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -8047,13 +8167,13 @@ const stopMenuTriggerKeyPropagation = event => {
   }
 };
 const FORMAT_OPTIONS = [{
-  label: () => "Standard time",
+  label: () => __('media_time_format_standard'),
   value: TimeFormat.STANDARD
 }, {
-  label: () => "Timecode",
+  label: () => __('media_time_format_timecode'),
   value: TimeFormat.TIMECODE
 }, {
-  label: () => "Frame numbers",
+  label: () => __('media_time_format_frames'),
   value: TimeFormat.FRAMES
 }];
 function TimestampControl({
@@ -8219,7 +8339,7 @@ function TimestampControl({
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
       asChild: true
     }, /*#__PURE__*/external_react_["default"].createElement("button", {
-      "aria-label": "Time format",
+      "aria-label": __('media_time_format'),
       className: classnames_default()('bp-TimestampControl-button', {
         'bp-is-open': isOpen
       }),
@@ -8233,7 +8353,7 @@ function TimestampControl({
       "data-testid": "bp-TimestampControl-flyout",
       onKeyDown: handleMenuKeyDown,
       side: "top"
-    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.SubHeader, null, "Time format"), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioGroup, {
+    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.SubHeader, null, __('media_time_format')), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioGroup, {
       onValueChange: value => setFormat(value),
       value: format
     }, FORMAT_OPTIONS.map(({
@@ -8270,7 +8390,7 @@ function TimestampControl({
     ref: buttonElRef,
     "aria-expanded": isOpen,
     "aria-haspopup": "listbox",
-    "aria-label": "Time format",
+    "aria-label": __('media_time_format'),
     className: classnames_default()('bp-TimestampControl-button', {
       'bp-is-open': isOpen
     }),
@@ -8294,7 +8414,7 @@ function TimestampControl({
     tabIndex: -1
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-TimestampControl-header"
-  }, "Time format"), FORMAT_OPTIONS.map(({
+  }, __('media_time_format')), FORMAT_OPTIONS.map(({
     label,
     value
   }) => /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -8626,6 +8746,7 @@ function VolumeSliderControl(_ref) {
   }))));
 }
 ;// ./src/lib/viewers/controls/media/VolumeControls.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -8680,7 +8801,7 @@ function VolumeControls({
   const revealTimerRef = (0,external_react_.useRef)(0);
   const isMuted = !volume;
   const Icon = getIcon(volume, isBlueprintEnabled);
-  const title = isMuted ? "Unmute" : "Mute";
+  const title = isMuted ? __('media_unmute') : __('media_mute');
   const value = Math.round(volume * 100);
   const isOpen = isActive || isRevealed || isPinned;
   (0,external_react_.useEffect)(() => {
@@ -8781,7 +8902,7 @@ function VolumeControls({
     onUpdate: handleVolume,
     step: 1,
     tabIndex: isOpen ? 0 : -1,
-    title: "Volume Slider",
+    title: __('media_volume_slider'),
     value: value
   })));
 }
@@ -8928,6 +9049,7 @@ var MarkerAvatar = __webpack_require__(2040);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/markers/MarkerAvatarStack.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -8951,7 +9073,7 @@ function MarkerAvatarStack({
     style: style
   }, visibleMarkers.map(marker => /*#__PURE__*/external_react_["default"].createElement("button", {
     key: marker.id,
-    "aria-label": "Comment marker",
+    "aria-label": __('media_comment_marker'),
     "aria-pressed": marker.id === selectedId,
     className: `bp-MarkerAvatarStack-item${marker.id === selectedId ? ' bp-MarkerAvatarStack-item--selected' : ''}`,
     "data-bp-marker-selected": marker.id === selectedId ? '' : undefined,
@@ -8967,7 +9089,7 @@ function MarkerAvatarStack({
     initial: marker.initial,
     size: size
   }))), hasOverflow && /*#__PURE__*/external_react_["default"].createElement("button", {
-    "aria-label": "Comment marker",
+    "aria-label": __('media_comment_marker'),
     "aria-pressed": isOverflowSelected,
     className: `bp-MarkerAvatarStack-item bp-MarkerAvatarStack-overflow${isOverflowSelected ? ' bp-MarkerAvatarStack-item--selected' : ''}`,
     "data-bp-marker-selected": isOverflowSelected ? '' : undefined,
@@ -9473,6 +9595,7 @@ function IconGear24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/settings/SettingsToggle.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -9492,7 +9615,7 @@ function SettingsToggle({
     className: "bp-SettingsToggle-button",
     "data-resin-target": "settingsOpen",
     onClick: onClick,
-    title: "Settings",
+    title: __('media_settings'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconGear24, {
     className: "bp-SettingsToggle-icon",
@@ -10116,6 +10239,8 @@ var lodash_isFinite = __webpack_require__(2297);
 var isFinite_default = /*#__PURE__*/__webpack_require__.n(lodash_isFinite);
 // EXTERNAL MODULE: external "@box/blueprint-web"
 var blueprint_web_ = __webpack_require__(8912);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx + 1 modules
+var MediaLoadingIndicator = __webpack_require__(4301);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettings.tsx + 2 modules
 var MediaSettings = __webpack_require__(112);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 5 modules
@@ -10251,6 +10376,7 @@ var MarkerAvatar = __webpack_require__(2040);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformCommentMarkers.tsx
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 
 
 
@@ -10381,7 +10507,7 @@ function WaveformCommentMarkers({
     }
     return /*#__PURE__*/external_react_["default"].createElement("button", {
       key: cluster.id,
-      "aria-label": "Comment marker",
+      "aria-label": __('media_comment_marker'),
       "aria-pressed": isSelected,
       className: className,
       "data-bp-marker-selected": isSelected ? '' : undefined,
@@ -10403,13 +10529,14 @@ function WaveformCommentMarkers({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformGeneratingIndicator.tsx
+/* provided dependency */ var WaveformGeneratingIndicator_ = __webpack_require__(441)["Tl"];
 
 
 
 function WaveformGeneratingIndicator({
   isBlueprintEnabled = false
 }) {
-  const label = "Generating waveform";
+  const label = WaveformGeneratingIndicator_('media_generating_waveform');
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     "aria-live": "polite",
     className: "bp-WaveformGeneratingIndicator",
@@ -10467,6 +10594,7 @@ var util = __webpack_require__(4410);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformShuttleIndicator.tsx
+/* provided dependency */ var WaveformShuttleIndicator_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -10482,7 +10610,7 @@ function WaveformShuttleIndicator({
 }) {
   const isReverse = direction === 'reverse';
   const rateLabel = `${rate}x`;
-  const label = (0,util/* replacePlaceholders */.Lb)(isReverse ? "Scanning backward at {1}x" : "Scanning forward at {1}x", [String(rate)]);
+  const label = (0,util/* replacePlaceholders */.Lb)(isReverse ? WaveformShuttleIndicator_('media_shuttle_reverse') : WaveformShuttleIndicator_('media_shuttle_forward'), [String(rate)]);
   const ShuttleIcon = isReverse ? MediumFilled_.Backward : MediumFilled_.Forward;
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     "aria-label": label,
@@ -11174,6 +11302,7 @@ var IconExit24 = __webpack_require__(8950);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformRangeSelection.tsx
+/* provided dependency */ var WaveformRangeSelection_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -11504,7 +11633,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
   const commentLabel = /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(icons_IconComment24, {
     "aria-hidden": "true",
     className: "bp-WaveformRange-commentIcon"
-  }), "Comment");
+  }), WaveformRangeSelection_('media_range_comment'));
   let commentButton = null;
   if (isBlueprintEnabled && (showCommentButton || showClearControl)) {
     commentButton = /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -11516,7 +11645,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
       onPointerDown: stopRangeEvent,
       onPointerUp: stopRangeEvent
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, {
-      "aria-label": "Comment"
+      "aria-label": WaveformRangeSelection_('media_range_comment')
     }, showCommentButton && onDragCreate && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
       "data-resin-target": "waveformRangeComment",
       "data-target-id": "Waveform-commentOnRange",
@@ -11529,10 +11658,10 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
       icon: Medium_.Comment
     }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
       as: "span"
-    }, "Comment")), showCommentButton && showClearControl && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), showClearControl && onRangeClear && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-      content: "Clear"
+    }, WaveformRangeSelection_('media_range_comment'))), showCommentButton && showClearControl && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), showClearControl && onRangeClear && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+      content: WaveformRangeSelection_('media_range_clear')
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-      "aria-label": "Clear",
+      "aria-label": WaveformRangeSelection_('media_range_clear'),
       "data-resin-target": "waveformRangeClear",
       "data-target-id": "Waveform-clearRange",
       "data-testid": "bp-waveform-range-clear",
@@ -11547,7 +11676,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
   } else if (showClearOnly && onRangeClear) {
     commentButton = /*#__PURE__*/external_react_["default"].createElement("button", {
       ref: commentButtonRef,
-      "aria-label": "Clear",
+      "aria-label": WaveformRangeSelection_('media_range_clear'),
       className: "bp-WaveformRange-comment bp-WaveformRange-comment--clearOnly",
       "data-resin-target": "waveformRangeClear",
       "data-target-id": "Waveform-clearRange",
@@ -11589,7 +11718,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
       "aria-hidden": "true",
       className: "bp-WaveformRange-commentDivider"
     }), /*#__PURE__*/external_react_["default"].createElement("button", {
-      "aria-label": "Clear",
+      "aria-label": WaveformRangeSelection_('media_range_clear'),
       className: "bp-WaveformRange-commentClear",
       "data-resin-target": "waveformRangeClear",
       "data-target-id": "Waveform-clearRange",
@@ -11657,6 +11786,7 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformView.tsx
+/* provided dependency */ var WaveformView_ = __webpack_require__(441)["Tl"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -13093,7 +13223,7 @@ function WaveformView({
     onPointerDown: event => event.stopPropagation(),
     onPointerUp: event => event.stopPropagation()
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, {
-    "aria-label": "Comment"
+    "aria-label": WaveformView_('media_range_comment')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
     "data-resin-target": "waveformPlayheadComment",
     "data-target-id": "Waveform-commentAtTime",
@@ -13106,7 +13236,7 @@ function WaveformView({
     icon: Medium_.Comment
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span"
-  }, "Comment")))), showPlayheadComment && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement("button", {
+  }, WaveformView_('media_range_comment'))))), showPlayheadComment && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement("button", {
     className: "bp-WaveformRange-comment bp-WaveformView-playheadComment",
     "data-resin-target": "waveformPlayheadComment",
     "data-target-id": "Waveform-commentAtTime",
@@ -13121,7 +13251,7 @@ function WaveformView({
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconComment24, {
     "aria-hidden": "true",
     className: "bp-WaveformRange-commentIcon"
-  }), "Comment")), showRangeOverlay && overlayRange && /*#__PURE__*/external_react_["default"].createElement(waveform_WaveformRangeSelection, {
+  }), WaveformView_('media_range_comment'))), showRangeOverlay && overlayRange && /*#__PURE__*/external_react_["default"].createElement(waveform_WaveformRangeSelection, {
     ref: rangeLayerRef,
     currentTimeSec: currentTime,
     durationSec: durationSec,
@@ -13223,6 +13353,7 @@ var SliderControl = __webpack_require__(4937);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/waveform/WaveformZoomControl.tsx
+/* provided dependency */ var WaveformZoomControl_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -13301,7 +13432,7 @@ function WaveformZoomControl({
   }, [handleStep, isAtMinZoom]);
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     ref: zoomControlElRef,
-    "aria-label": "Zoom",
+    "aria-label": WaveformZoomControl_('media_zoom'),
     className: classnames_default()('bp-WaveformZoomControl', {
       'bp-has-multiplier': zoomMultiplier,
       'bp-is-open': isOpen
@@ -13332,7 +13463,7 @@ function WaveformZoomControl({
   }, zoomMultiplier && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, isBlueprintEnabled ? /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-WaveformZoomControl-multiplier",
     "data-testid": "bp-waveform-zoom-multiplier",
-    title: "Current zoom level"
+    title: WaveformZoomControl_('zoom_current_scale')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span",
     color: "textOnDarkDefault",
@@ -13340,16 +13471,16 @@ function WaveformZoomControl({
   }, zoomMultiplier)) : /*#__PURE__*/external_react_["default"].createElement("span", {
     className: "bp-WaveformZoomControl-multiplier",
     "data-testid": "bp-waveform-zoom-multiplier",
-    title: "Current zoom level"
+    title: WaveformZoomControl_('zoom_current_scale')
   }, zoomMultiplier), /*#__PURE__*/external_react_["default"].createElement("span", {
     "aria-hidden": "true",
     className: "bp-WaveformZoomControl-divider",
     "data-testid": "bp-waveform-zoom-divider"
   })), isBlueprintEnabled ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Zoom in"
+    content: WaveformZoomControl_('zoom_in')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
     "aria-disabled": isOpen && isAtMaxZoom,
-    "aria-label": "Zoom in",
+    "aria-label": WaveformZoomControl_('zoom_in'),
     className: "bp-WaveformZoomControl-iconButton",
     "data-resin-target": "waveformZoomIn",
     "data-target-id": "WaveformZoomControl-zoomIn",
@@ -13367,17 +13498,17 @@ function WaveformZoomControl({
     "data-testid": "bp-waveform-zoom-in",
     onClick: handleZoomInClick,
     onPointerDown: handleZoomInPointerDown,
-    title: "Zoom in"
+    title: WaveformZoomControl_('zoom_in')
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconZoomIn24, null)), /*#__PURE__*/external_react_["default"].createElement("div", {
     "aria-hidden": !isOpen,
     className: classnames_default()('bp-WaveformZoomControl-flyout', {
       'bp-is-open': isOpen
     })
   }, isBlueprintEnabled ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Zoom out"
+    content: WaveformZoomControl_('zoom_out')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
     "aria-disabled": isAtMinZoom,
-    "aria-label": "Zoom out",
+    "aria-label": WaveformZoomControl_('zoom_out'),
     className: "bp-WaveformZoomControl-iconButton",
     "data-resin-target": "waveformZoomOut",
     "data-target-id": "WaveformZoomControl-zoomOut",
@@ -13395,7 +13526,7 @@ function WaveformZoomControl({
     "data-testid": "bp-waveform-zoom-out",
     onClick: handleZoomOutClick,
     tabIndex: isOpen ? 0 : -1,
-    title: "Zoom out"
+    title: WaveformZoomControl_('zoom_out')
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconZoomOut24, null)), /*#__PURE__*/external_react_["default"].createElement(SliderControl/* default */.A, {
     "aria-hidden": !isOpen,
     className: "bp-WaveformZoomControl-slider",
@@ -13409,7 +13540,7 @@ function WaveformZoomControl({
       '--bp-zoom-t': zoomValue / constants/* WAVEFORM_ZOOM_SLIDER_MAX */.nh
     },
     tabIndex: isOpen ? 0 : -1,
-    title: "Zoom Slider",
+    title: WaveformZoomControl_('media_zoom_slider'),
     value: zoomValue
   })));
 }
@@ -13417,6 +13548,8 @@ function WaveformZoomControl({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/media/MP3ControlsV2.tsx
+/* provided dependency */ var MP3ControlsV2_ = __webpack_require__(441)["Tl"];
+
 
 
 
@@ -13659,9 +13792,9 @@ function MP3ControlsV2({
     onZoomChange: handleWaveformZoom,
     zoomLevel: zoomLevel
   })), showPlayOverlay && isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Play"
+    content: MP3ControlsV2_('media_play')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
-    "aria-label": "Play",
+    "aria-label": MP3ControlsV2_('media_play'),
     className: "bp-MP3ControlsV2-playOverlayButton",
     "data-resin-target": "playOverlay",
     "data-target-id": "MP3ControlsV2-play",
@@ -13685,9 +13818,11 @@ function MP3ControlsV2({
     "data-testid": "bp-MP3ControlsV2-play-overlay",
     onClick: handlePlayOverlayClick,
     onMouseDown: event => event.preventDefault(),
-    title: "Play",
+    title: MP3ControlsV2_('media_play'),
     type: "button"
-  }), isWaitingToPlay && /*#__PURE__*/external_react_["default"].createElement("div", {
+  }), isWaitingToPlay && isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, {
+    "data-testid": "bp-MP3ControlsV2-loading"
+  }), isWaitingToPlay && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-media-buffering-spinner",
     "data-testid": "bp-MP3ControlsV2-loading"
   })), hasMediaMetadata && /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -22479,7 +22614,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["BlueprintProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.BlueprintProvider), ["Breadcrumb"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Breadcrumb), ["Cell"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Cell), ["Column"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Column), ["DataTableWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DataTableWrapper), ["DropdownMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DropdownMenu), ["IconButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconButton), ["IconToggleButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconToggleButton), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Table"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Table), ["TableBody"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableBody), ["TableHeader"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableHeader), ["Text"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Text), ["Toolbar"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Toolbar), ["Tooltip"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Tooltip), ["TooltipProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TooltipProvider), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.VisuallyHidden), ["useNoopTreatment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNoopTreatment) });
+module.exports = x({ ["BlueprintProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.BlueprintProvider), ["Breadcrumb"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Breadcrumb), ["Cell"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Cell), ["Column"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Column), ["DataTableWrapper"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DataTableWrapper), ["DropdownMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.DropdownMenu), ["Ghost"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Ghost), ["IconButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconButton), ["IconToggleButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.IconToggleButton), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Table"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Table), ["TableBody"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableBody), ["TableHeader"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TableHeader), ["Text"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Text), ["Toolbar"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Toolbar), ["Tooltip"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Tooltip), ["TooltipProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TooltipProvider), ["VisuallyHidden"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.VisuallyHidden), ["useNoopTreatment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNoopTreatment) });
 
 /***/ },
 
@@ -22512,7 +22647,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary) });
+module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary), ["bpRadius03"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpRadius03) });
 
 /***/ },
 
@@ -38139,14 +38274,12 @@ class Browser {
   }
 }
 /* harmony default export */ const lib_Browser = (Browser);
-;// ./src/lib/isNpmBuild.js
-function isNpmBuild() {
-  return  true && true;
-}
+// EXTERNAL MODULE: ./src/lib/isNpmBuild.js
+var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.116.0";
+const CLIENT_VERSION = "3.118.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -38666,12 +38799,14 @@ class Fullscreen extends (events_default()) {
   }
 }
 /* harmony default export */ const lib_Fullscreen = (new Fullscreen());
+// EXTERNAL MODULE: ./src/lib/translations.ts
+var translations = __webpack_require__(441);
 ;// ./src/lib/i18n.js
-const annotationMessages = {};
-const language = "en-US" || 0; // eslint-disable-line
 
+const annotationMessages = {};
 const getLocale = lang => {
-  return lang.substr(0, lang.indexOf('-'));
+  const separatorIndex = lang.indexOf('-');
+  return separatorIndex === -1 ? lang : lang.substr(0, separatorIndex);
 };
 
 /**
@@ -38681,6 +38816,7 @@ const getLocale = lang => {
  * @return {Object}
  */
 const createAnnotatorIntl = () => {
+  const language = (0,translations/* getLanguage */.Z0)();
   return {
     language,
     locale: getLocale(language),
@@ -38817,6 +38953,7 @@ class Timer {
 // EXTERNAL MODULE: ./src/lib/events.js
 var lib_events = __webpack_require__(6526);
 ;// ./src/lib/RepStatus.js
+/* provided dependency */ var __ = __webpack_require__(441)["Tl"];
 function RepStatus_defineProperty(e, r, t) { return (r = RepStatus_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function RepStatus_toPropertyKey(t) { var i = RepStatus_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function RepStatus_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -38953,25 +39090,25 @@ class RepStatus extends (events_default()) {
       case 'error':
         switch (code) {
           case lib_events/* ERROR_CODE */.bo.CONVERSION_PASSWORD_PROTECTED:
-            errorMessage = "This preview didn’t load because the document is protected. Please try to open or download the file to view.";
+            errorMessage = __('error_password_protected');
             break;
           case lib_events/* ERROR_CODE */.bo.CONVERSION_TRY_AGAIN_LATER:
-            errorMessage = "This preview didn’t load. Please refresh the page or download file to view.";
+            errorMessage = __('error_try_again_later');
             break;
           case lib_events/* ERROR_CODE */.bo.CONVERSION_UNSUPPORTED_FORMAT:
-            errorMessage = "This preview didn’t load. Please try to open or download the file to view.";
+            errorMessage = __('error_bad_file');
             break;
           case lib_events/* ERROR_CODE */.bo.CONVERSION_LARGE_SIZE_FILE:
-            errorMessage = "File exceeds supported size for preview. Open or download the file to view.";
+            errorMessage = __('error_large_file');
             break;
           case lib_events/* ERROR_CODE */.bo.CONVERSION_ZERO_BYTE_FILE:
-            errorMessage = "Cannot preview 0 B file. Open or download the file to view.";
+            errorMessage = __('error_zero_byte_file');
             break;
           case lib_events/* ERROR_CODE */.bo.CONVERSION_FAILED:
-            errorMessage = "This preview didn’t load. Please try to open or download the file to view.";
+            errorMessage = __('error_reupload');
             break;
           default:
-            errorMessage = "This preview didn’t load. Please try to open or download the file to view.";
+            errorMessage = __('error_refresh');
             break;
         }
         error = new PreviewError/* default */.A(code, errorMessage, {
@@ -39174,6 +39311,7 @@ const getFeatureConfig = (features, featureName) => {
 // Blueprint surface from any wave always has its providers, whichever root it renders in.
 const isBlueprintEnabled = features => [constants/* BLUEPRINT_MIGRATION_ARCHIVE */.cA, constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ, constants/* BLUEPRINT_MIGRATION_MEDIA_CONTROLS */.dR, constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed].some(feature => isFeatureEnabled(features, feature));
 ;// ./src/lib/viewers/BaseViewer.js
+/* provided dependency */ var BaseViewer_ = __webpack_require__(441)["Tl"];
 function BaseViewer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function BaseViewer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? BaseViewer_ownKeys(Object(t), !0).forEach(function (r) { BaseViewer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : BaseViewer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function BaseViewer_defineProperty(e, r, t) { return (r = BaseViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -39212,16 +39350,16 @@ const ANNOTATION_TYPE_DRAW = 'draw';
 const ANNOTATION_TYPE_POINT = 'point';
 const LOAD_TIMEOUT_MS = 180000; // 3m
 const RESIZE_WAIT_TIME_IN_MILLIS = 300;
-const ANNOTATION_BUTTONS = {
+const getAnnotationButtons = () => ({
   point: {
     selector: constants/* SELECTOR_BOX_PREVIEW_BTN_ANNOTATE_POINT */.y7,
-    title: "Point annotation mode"
+    title: BaseViewer_('annotation_point_toggle')
   },
   draw: {
     selector: constants/* SELECTOR_BOX_PREVIEW_BTN_ANNOTATE_DRAW */.wK,
-    title: "Drawing annotation mode"
+    title: BaseViewer_('annotation_draw_toggle')
   }
-};
+});
 class BaseViewer extends (events_default()) {
   /**
    * [constructor]
@@ -39381,7 +39519,7 @@ class BaseViewer extends (events_default()) {
     this.containerEl = container.querySelector(constants/* SELECTOR_BOX_PREVIEW_CONTENT */.bE);
 
     // Set an aria-label for all files
-    this.containerEl.setAttribute('aria-label', "File preview");
+    this.containerEl.setAttribute('aria-label', BaseViewer_('file_preview_label'));
 
     // Update the loading indicators
     this.setupLoading();
@@ -39511,7 +39649,7 @@ class BaseViewer extends (events_default()) {
         return;
       }
       if (!this.isLoaded() && !this.isDestroyed()) {
-        const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.VIEWER_LOAD_TIMEOUT, "This preview didn’t load. Please try to open or download the file to view.");
+        const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.VIEWER_LOAD_TIMEOUT, BaseViewer_('error_refresh'));
         this.triggerError(error);
       }
     }, this.loadTimeout);
@@ -39578,7 +39716,7 @@ class BaseViewer extends (events_default()) {
    */
   triggerError(err) {
     const message = err ? err.message : '';
-    const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, "This preview didn’t load. Please try to open or download the file to view.", {}, message);
+    const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, BaseViewer_('error_refresh'), {}, message);
     this.emit('error', error);
   }
 
@@ -39739,7 +39877,7 @@ class BaseViewer extends (events_default()) {
     const contentTemplate = (0,util/* getProp */.GT)(this.options, 'representation.content.url_template', '');
     const downloadHostToNotify = this.api.reachability.constructor.getDownloadNotificationToShow(contentTemplate);
     if (downloadHostToNotify) {
-      this.previewUI.notification.show((0,util/* replacePlaceholders */.Lb)("Your connection to {1} is being blocked. Please reach out to your network admin to adjust firewall settings.", [downloadHostToNotify]), null, true);
+      this.previewUI.notification.show((0,util/* replacePlaceholders */.Lb)(BaseViewer_('notification_degraded_preview'), [downloadHostToNotify]), null, true);
       this.api.reachability.constructor.setDownloadHostNotificationShown(downloadHostToNotify);
       this.emitMetric(lib_events/* DOWNLOAD_REACHABILITY_METRICS */.DI.NOTIFICATION_SHOWN, {
         host: downloadHostToNotify
@@ -40213,7 +40351,7 @@ class BaseViewer extends (events_default()) {
     const viewerOptions = {};
     viewerOptions[this.options.viewer.NAME] = this.viewerConfig;
     if (!globalThis.BoxAnnotations) {
-      const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_ANNOTATIONS, "Annotations could not be loaded for this file. Please refresh the page to try again.", {
+      const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_ANNOTATIONS, BaseViewer_('annotations_load_error'), {
         silent: true
       });
       this.previewUI.notification.show(error.displayMessage);
@@ -40232,7 +40370,7 @@ class BaseViewer extends (events_default()) {
       initialColor: this.annotationModule.getColor(),
       initialMode: this.getInitialAnnotationMode(),
       intl: options && options.intl || i18n.createAnnotatorIntl(),
-      modeButtons: ANNOTATION_BUTTONS,
+      modeButtons: getAnnotationButtons(),
       onCopyLink: options && options.onCopyLink
     });
     this.annotator = new this.annotatorConf.CONSTRUCTOR(annotatorOptions);
@@ -40455,9 +40593,9 @@ class BaseViewer extends (events_default()) {
       case constants/* ANNOTATOR_EVENT */.GA.modeEnter:
         this.disableViewerControls();
         if (data.data.mode === ANNOTATION_TYPE_POINT) {
-          this.previewUI.notification.show("Click anywhere to add a comment to the document");
+          this.previewUI.notification.show(BaseViewer_('notification_annotation_point_mode'));
         } else if (data.data.mode === ANNOTATION_TYPE_DRAW) {
-          this.previewUI.notification.show("Press down and drag the pointer to draw on the document");
+          this.previewUI.notification.show(BaseViewer_('notification_annotation_draw_mode'));
           this.previewUI.replaceHeader(data.data.headerSelector);
         }
         break;
@@ -40494,30 +40632,30 @@ class BaseViewer extends (events_default()) {
    */
   createAnnotatorOptions(moreOptions) {
     const localizedStrings = {
-      addCommentPlaceholder: "Add a comment here...",
-      anonymousUserName: "Some User",
-      authError: "Annotations could not be loaded for this file. You may not have permission to take this action.",
-      cancelButton: "Cancel",
-      closeButton: "Close",
-      createError: "This annotation could not be created. Please try again.",
-      deleteButton: "Delete",
-      deleteConfirmation: "Delete this annotation?",
-      deleteError: "This annotation could not be deleted. Please try again.",
-      doneButton: "Done",
-      drawDelete: "Delete drawing",
-      drawSave: "Save drawing",
-      drawToggle: "Drawing annotation mode",
-      highlightComment: "Add comment to highlighted text",
-      highlightToggle: "Highlight text",
-      loadError: "Annotations could not be loaded for this file. Please refresh the page to try again.",
-      pointToggle: "Point annotation mode",
-      postButton: "Post",
-      posting: "Posting...",
-      profileAlt: "Avatar",
-      replyPlaceholder: "Post a reply...",
-      saveButton: "Save",
-      whoDrew: "{1} drew",
-      whoHighlighted: "{1} highlighted"
+      addCommentPlaceholder: BaseViewer_('annotation_add_comment_placeholder'),
+      anonymousUserName: BaseViewer_('annotation_anonymous_user_name'),
+      authError: BaseViewer_('annotations_authorization_error'),
+      cancelButton: BaseViewer_('annotation_cancel'),
+      closeButton: BaseViewer_('annotation_close'),
+      createError: BaseViewer_('annotations_create_error'),
+      deleteButton: BaseViewer_('annotation_delete'),
+      deleteConfirmation: BaseViewer_('annotation_delete_confirmation_message'),
+      deleteError: BaseViewer_('annotations_delete_error'),
+      doneButton: BaseViewer_('annotation_done'),
+      drawDelete: BaseViewer_('annotation_draw_delete'),
+      drawSave: BaseViewer_('annotation_draw_save'),
+      drawToggle: BaseViewer_('annotation_draw_toggle'),
+      highlightComment: BaseViewer_('annotation_highlight_comment'),
+      highlightToggle: BaseViewer_('annotation_highlight_toggle'),
+      loadError: BaseViewer_('annotations_load_error'),
+      pointToggle: BaseViewer_('annotation_point_toggle'),
+      postButton: BaseViewer_('annotation_post'),
+      posting: BaseViewer_('annotation_posting_message'),
+      profileAlt: BaseViewer_('annotation_profile_alt'),
+      replyPlaceholder: BaseViewer_('annotation_reply_placeholder'),
+      saveButton: BaseViewer_('annotation_save'),
+      whoDrew: BaseViewer_('annotation_who_drew'),
+      whoHighlighted: BaseViewer_('annotation_who_highlighted')
     };
     return cloneDeep_default()(BaseViewer_objectSpread(BaseViewer_objectSpread(BaseViewer_objectSpread({}, this.options), moreOptions), {}, {
       hasTouch: this.hasTouch,
@@ -40603,6 +40741,7 @@ class BaseViewer extends (events_default()) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/archive/ArchiveViewer.js
+/* provided dependency */ var ArchiveViewer_ = __webpack_require__(441)["Tl"];
 function ArchiveViewer_defineProperty(e, r, t) { return (r = ArchiveViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ArchiveViewer_toPropertyKey(t) { var i = ArchiveViewer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function ArchiveViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -40616,7 +40755,7 @@ function ArchiveViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 const npmBoxArchive =  true ? (__webpack_require__(8229)/* ["default"] */ .A) : 0;
 function viewerAssets() {
-  return isNpmBuild() ? {
+  return (0,isNpmBuild/* isNpmBuild */.w)() ? {
     js: [],
     css: []
   } : {
@@ -40646,7 +40785,7 @@ class ArchiveViewer extends viewers_BaseViewer {
           resin: this.options.resin
         });
       } catch (error) {
-        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, "This preview didn’t load. Please try to open or download the file to view.", error);
+        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, ArchiveViewer_('error_reupload'), error);
       }
       const {
         ready
@@ -40662,7 +40801,7 @@ class ArchiveViewer extends viewers_BaseViewer {
           this.finishRender();
         }
       }, error => {
-        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, "This preview didn’t load. Please try to open or download the file to view.", error);
+        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, ArchiveViewer_('error_reupload'), error);
       });
     });
   }
@@ -40949,6 +41088,7 @@ class ControlsRoot {
   }
 }
 ;// ./src/lib/viewers/image/ImageBaseViewer.js
+/* provided dependency */ var ImageBaseViewer_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -41423,7 +41563,7 @@ class ImageBaseViewer extends viewers_BaseViewer {
     console.error(err);
 
     // Display a generic error message but log the real one
-    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.CONTENT_DOWNLOAD, "This preview didn’t load. Please try to open or download the file to view.", {}, err.message);
+    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.CONTENT_DOWNLOAD, ImageBaseViewer_('error_refresh'), {}, err.message);
     super.handleDownloadError(error, imgUrl);
   }
 
@@ -41652,6 +41792,7 @@ const TargetedClickThroughTooltip = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsTargetedTooltip.tsx
+/* provided dependency */ var AnnotationsTargetedTooltip_ = __webpack_require__(441)["Tl"];
 function AnnotationsTargetedTooltip_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function AnnotationsTargetedTooltip_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? AnnotationsTargetedTooltip_ownKeys(Object(t), !0).forEach(function (r) { AnnotationsTargetedTooltip_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : AnnotationsTargetedTooltip_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function AnnotationsTargetedTooltip_defineProperty(e, r, t) { return (r = AnnotationsTargetedTooltip_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -41679,9 +41820,9 @@ function AnnotationsTargetedTooltip({
     showCloseButton: true,
     text: /*#__PURE__*/external_react_["default"].createElement("div", null, /*#__PURE__*/external_react_["default"].createElement("h3", {
       className: "bp-AnnotationsTooltip-title"
-    }, "Add feedback on content"), /*#__PURE__*/external_react_["default"].createElement("p", {
+    }, AnnotationsTargetedTooltip_('annotations_tooltip_title')), /*#__PURE__*/external_react_["default"].createElement("p", {
       className: "bp-AnnotationsTooltip-body"
-    }, "Make notes and comments to highlight key information when previewing content.")),
+    }, AnnotationsTargetedTooltip_('annotations_tooltip_body'))),
     theme: "callout",
     useTargetingApi: () => {
       return AnnotationsTargetedTooltip_objectSpread(AnnotationsTargetedTooltip_objectSpread({}, experiences.tooltipFlowAnnotationsExperience), {}, {
@@ -41788,6 +41929,7 @@ function useFullscreen() {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsControls.tsx
+/* provided dependency */ var AnnotationsControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -41869,7 +42011,7 @@ function AnnotationsControls({
     "data-testid": "bp-annotations-controls-exit-btn",
     mode: AnnotationMode.NONE,
     onClick: handleExitClick,
-    title: "Exit Annotations"
+    title: AnnotationsControls_('exit_annotations')
   }, /*#__PURE__*/external_react_["default"].createElement(IconExit24/* default */.A, null)), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
     ref: annotationBtnRefs[AnnotationMode.DRAWING],
     "data-resin-target": "draw",
@@ -41878,7 +42020,7 @@ function AnnotationsControls({
     isEnabled: showDrawing,
     mode: AnnotationMode.DRAWING,
     onClick: handleModeClick,
-    title: "Markup"
+    title: AnnotationsControls_('drawing_comment')
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconPencilScribbleMedium24, {
     style: {
       color: isDrawingActive ? annotationColor : __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__
@@ -41893,7 +42035,7 @@ function AnnotationsControls({
     isEnabled: showRegion,
     mode: AnnotationMode.REGION,
     onClick: handleModeClick,
-    title: "Comment on Region"
+    title: AnnotationsControls_('region_comment')
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconDashedSquareBubbleMedium24, null))), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
     ref: annotationBtnRefs[AnnotationMode.HIGHLIGHT],
     "data-resin-target": "highlightText",
@@ -41902,7 +42044,7 @@ function AnnotationsControls({
     isEnabled: showHighlight,
     mode: AnnotationMode.HIGHLIGHT,
     onClick: handleModeClick,
-    title: "Highlight and Comment"
+    title: AnnotationsControls_('highlight_text')
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconTextHighlightMedium24, null)));
 }
 ;// ./src/lib/viewers/controls/controls-bar/ControlsBar.scss
@@ -42132,6 +42274,7 @@ function IconArrowsMinimizeMedium24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/fullscreen/FullscreenToggle.tsx
+/* provided dependency */ var FullscreenToggle_ = __webpack_require__(441)["Tl"];
 const FullscreenToggle_excluded = ["onFullscreenToggle"];
 function FullscreenToggle_extends() { return FullscreenToggle_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggle_extends.apply(null, arguments); }
 function FullscreenToggle_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggle_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -42148,7 +42291,7 @@ function FullscreenToggle(_ref) {
     rest = FullscreenToggle_objectWithoutProperties(_ref, FullscreenToggle_excluded);
   const isFullscreen = useFullscreen();
   const Icon = isFullscreen ? icons_IconArrowsMinimizeMedium24 : icons_IconArrowsMaximizeMedium24;
-  const title = isFullscreen ? "Exit fullscreen" : "Enter fullscreen";
+  const title = isFullscreen ? FullscreenToggle_('exit_fullscreen') : FullscreenToggle_('enter_fullscreen');
   const handleClick = ({
     target
   }) => {
@@ -42182,6 +42325,7 @@ function IconRotate24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/rotate/RotateControl.tsx
+/* provided dependency */ var RotateControl_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -42192,7 +42336,7 @@ function RotateControl({
     className: "bp-RotateControl",
     "data-resin-target": "rotate",
     onClick: onRotateLeft,
-    title: "Rotate left",
+    title: RotateControl_('rotate_left'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconRotate24, null));
 }
@@ -42239,6 +42383,7 @@ function IconPlusMedium24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/zoom/ZoomControls.tsx
+/* provided dependency */ var ZoomControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -42266,19 +42411,19 @@ function ZoomControls({
     "data-testid": "bp-ZoomControls-out",
     disabled: currentScale <= minScaleValue,
     onClick: onZoomOut,
-    title: "Zoom out",
+    title: ZoomControls_('zoom_out'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconMinusMedium24, null)), /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-ZoomControls-current",
     "data-testid": "bp-ZoomControls-current",
-    title: "Current zoom level"
+    title: ZoomControls_('zoom_current_scale')
   }, `${Math.round(currentScale * 100)}%`), /*#__PURE__*/external_react_["default"].createElement("button", {
     className: "bp-ZoomControls-button",
     "data-resin-target": resinTargetZoomIn,
     "data-testid": "bp-ZoomControls-in",
     disabled: currentScale >= maxScaleValue,
     onClick: onZoomIn,
-    title: "Zoom in",
+    title: ZoomControls_('zoom_in'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconPlusMedium24, null)));
 }
@@ -42946,6 +43091,7 @@ class ImageViewer extends image_ImageBaseViewer {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/page/PageControlsForm.tsx
+/* provided dependency */ var PageControlsForm_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -43026,7 +43172,7 @@ function PageControlsForm({
     onKeyDown: handleNumInputKeyDown,
     pattern: "[0-9]*",
     size: 3,
-    title: "Click to enter page number",
+    title: PageControlsForm_('enter_page_num'),
     type: "number",
     value: inputValue.toString()
   }) : /*#__PURE__*/external_react_["default"].createElement("button", {
@@ -43036,7 +43182,7 @@ function PageControlsForm({
     "data-testid": "bp-PageControlsForm-button",
     disabled: pageCount <= 1,
     onClick: () => setIsInputShown(true),
-    title: "Click to enter page number",
+    title: PageControlsForm_('enter_page_num'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement("span", {
     className: "bp-PageControlsForm-button-label",
@@ -43047,6 +43193,7 @@ function PageControlsForm({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/page/PageControls.tsx
+/* provided dependency */ var PageControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -43069,7 +43216,7 @@ function PageControls({
     "data-testid": "bp-PageControls-previous",
     disabled: pageNumber === 1,
     onClick: () => onPageChange(pageNumber - 1),
-    title: "Previous page",
+    title: PageControls_('previous_page'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(IconChevronUpMedium24/* default */.A, null)), /*#__PURE__*/external_react_["default"].createElement(PageControlsForm, {
     onPageSubmit: onPageSubmit,
@@ -43081,7 +43228,7 @@ function PageControls({
     "data-testid": "bp-PageControls-next",
     disabled: pageNumber === pageCount,
     onClick: () => onPageChange(pageNumber + 1),
-    title: "Next page",
+    title: PageControls_('next_page'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(IconChevronDownMedium24/* default */.A, null)));
 }
@@ -44150,6 +44297,7 @@ class UIRegistry {
 }
 
 ;// ./src/lib/viewers/box3d/Box3DControls.js
+/* provided dependency */ var Box3DControls_ = __webpack_require__(441)["Tl"];
 function Box3DControls_defineProperty(e, r, t) { return (r = Box3DControls_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Box3DControls_toPropertyKey(t) { var i = Box3DControls_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Box3DControls_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -44207,8 +44355,8 @@ class Box3DControls extends (events_default()) {
    * @return {void}
    */
   addFullscreenButton() {
-    this.controls.add("Enter fullscreen", this.handleToggleFullscreen, 'bp-enter-fullscreen-icon', full_screen_in_24px_namespaceObject);
-    this.controls.add("Exit fullscreen", this.handleToggleFullscreen, 'bp-exit-fullscreen-icon', full_screen_out_24px_namespaceObject);
+    this.controls.add(Box3DControls_('enter_fullscreen'), this.handleToggleFullscreen, 'bp-enter-fullscreen-icon', full_screen_in_24px_namespaceObject);
+    this.controls.add(Box3DControls_('exit_fullscreen'), this.handleToggleFullscreen, 'bp-exit-fullscreen-icon', full_screen_out_24px_namespaceObject);
   }
 
   /**
@@ -44217,7 +44365,7 @@ class Box3DControls extends (events_default()) {
    * @return {void}
    */
   addVrButton() {
-    this.vrButtonEl = this.controls.add("Toggle VR display", this.handleToggleVr, '', _3D_vr_24px_namespaceObject);
+    this.vrButtonEl = this.controls.add(Box3DControls_('box3d_toggle_vr'), this.handleToggleVr, '', _3D_vr_24px_namespaceObject);
     if (this.vrButtonVisible) {
       this.showVrButton();
     } else {
@@ -44865,6 +45013,7 @@ class Box3DRenderer extends (events_default()) {
 ;// ./src/lib/icons/close.svg
 const close_namespaceObject = "<svg viewBox=\"-11 13 24 24\" focusable=\"false\">\n  <path class=\"icon\" fill=\"#494949\" d=\"M6 21l-1-1-4 4-4-4-1 1 4 4-4 4 1 1 4-4 4 4 1-1-4-4 4-4z\"/>\n  <path fill=\"none\" d=\"M-11 13h24v24h-24V13z\"/>\n</svg>\n";
 ;// ./src/lib/Notification.js
+/* provided dependency */ var Notification_ = __webpack_require__(441)["Tl"];
 function Notification_defineProperty(e, r, t) { return (r = Notification_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Notification_toPropertyKey(t) { var i = Notification_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Notification_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -44936,7 +45085,7 @@ class Notification {
     } else {
       this.buttonEl.innerHTML = close_namespaceObject;
       this.buttonEl.classList.add('default-close-btn');
-      this.buttonEl.setAttribute('aria-label', "Clear Notification");
+      this.buttonEl.setAttribute('aria-label', Notification_('notification_button_default_label'));
     }
     this.notificationEl.classList.remove(constants/* CLASS_HIDDEN */.zX);
     this.notificationEl.focus();
@@ -45332,6 +45481,7 @@ function IconVr24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/box3d/VrToggleControl.tsx
+/* provided dependency */ var VrToggleControl_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -45346,7 +45496,7 @@ function VrToggleControl({
     className: "bp-VrToggleControl",
     "data-resin-target": "vrToggle",
     onClick: onVrToggle,
-    title: "Toggle VR display",
+    title: VrToggleControl_('box3d_toggle_vr'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconVr24, null));
 }
@@ -45685,6 +45835,7 @@ class Image360Viewer extends box3d_Box3DViewer {
 }
 /* harmony default export */ const image360_Image360Viewer = (Image360Viewer);
 ;// ./src/lib/viewers/box3d/image360/Image360Loader.js
+/* provided dependency */ var Image360Loader_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -45713,7 +45864,7 @@ class Image360Loader extends box3d_Base360Loader {
   determineViewer(file, disabledViewers = []) {
     const viewer = super.determineViewer(file, disabledViewers);
     if (viewer && !lib_Browser.hasWebGL()) {
-      const message = (0,util/* replacePlaceholders */.Lb)("Your browser doesn’t support preview for {1}. Please try to open or download the file to view.", ["360-degree images"]);
+      const message = (0,util/* replacePlaceholders */.Lb)(Image360Loader_('error_browser_unsupported'), [Image360Loader_('360_images')]);
       throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BROWSER_UNSUPPORTED, message, {
         file
       });
@@ -45805,6 +45956,7 @@ class SWFViewer extends viewers_BaseViewer {
 }
 /* harmony default export */ const swf_SWFViewer = (SWFViewer);
 ;// ./src/lib/viewers/swf/SWFLoader.js
+/* provided dependency */ var SWFLoader_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -45835,13 +45987,14 @@ class SWFLoader extends viewers_AssetLoader {
   determineViewer(file, disabledViewers = []) {
     const viewer = super.determineViewer(file, disabledViewers);
     if (viewer && !lib_Browser.hasFlash()) {
-      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.FLASH_NOT_ENABLED, "This preview didn’t load because Flash is not enabled on your browser. Please try to enable Flash or download the file to view.");
+      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.FLASH_NOT_ENABLED, SWFLoader_('error_flash_not_enabled'));
     }
     return viewer;
   }
 }
 /* harmony default export */ const swf_SWFLoader = (new SWFLoader());
 ;// ./src/lib/Popup.js
+/* provided dependency */ var Popup_ = __webpack_require__(441)["Tl"];
 function Popup_defineProperty(e, r, t) { return (r = Popup_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Popup_toPropertyKey(t) { var i = Popup_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Popup_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -45965,7 +46118,7 @@ class Popup {
     if (buttonText) {
       this.buttonEl.textContent = buttonText;
     } else {
-      this.buttonEl.textContent = "Okay";
+      this.buttonEl.textContent = Popup_('notification_button_default_text');
     }
     if (buttonHandler && typeof buttonHandler === 'function') {
       this.buttonEl.handler = buttonHandler;
@@ -46069,6 +46222,143 @@ function TextControls({
     onFullscreenToggle: onFullscreenToggle
   })));
 }
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
+const ControlsBarV2_excluded = ["children"];
+function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
+function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+function ControlsBarV2(_ref, ref) {
+  let {
+      children
+    } = _ref,
+    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
+    ref: ref,
+    colorScheme: "dark",
+    "data-testid": "bp-ControlsBar"
+  }, rest), children);
+}
+/* harmony default export */ const controls_bar_ControlsBarV2 = (/*#__PURE__*/external_react_["default"].forwardRef(ControlsBarV2));
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
+
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
+
+;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
+/* provided dependency */ var FullscreenToggleV2_ = __webpack_require__(441)["Tl"];
+const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
+function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
+function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+function FullscreenToggleV2(_ref) {
+  let {
+      onFullscreenToggle
+    } = _ref,
+    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
+  const isFullscreen = useFullscreen();
+  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
+  const label = isFullscreen ? FullscreenToggleV2_('exit_fullscreen') : FullscreenToggleV2_('enter_fullscreen');
+  const handleClick = ({
+    currentTarget
+  }) => {
+    onFullscreenToggle(!isFullscreen, currentTarget);
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
+    "aria-label": label,
+    "data-resin-target": "fullscreen",
+    onClick: handleClick
+  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: icon
+  })));
+}
+;// external "@box/blueprint-web-assets/icons/Medium/Minus"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Plus"
+
+;// ./src/lib/viewers/controls/zoom/ZoomControlsV2.tsx
+/* provided dependency */ var ZoomControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+function ZoomControlsV2({
+  maxScale = MAX_SCALE,
+  minScale = MIN_SCALE,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale = 1
+}) {
+  const currentScale = Math.round((scale + Number.EPSILON) * 100) / 100;
+  const maxScaleValue = isFinite_default()(maxScale) ? Math.min(maxScale, MAX_SCALE) : MAX_SCALE;
+  const minScaleValue = isFinite_default()(minScale) ? Math.max(minScale, MIN_SCALE) : MIN_SCALE;
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ZoomControlsV2_('zoom_out')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ZoomControlsV2_('zoom_out'),
+    "data-resin-target": resinTargetZoomOut,
+    "data-testid": "bp-ZoomControls-out",
+    disabled: currentScale <= minScaleValue,
+    onClick: onZoomOut
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
+  }))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    color: "textOnDarkDefault",
+    "data-testid": "bp-ZoomControls-current",
+    title: ZoomControlsV2_('zoom_current_scale'),
+    variant: "bodyDefaultSemibold"
+  }, `${Math.round(currentScale * 100)}%`), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ZoomControlsV2_('zoom_in')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ZoomControlsV2_('zoom_in'),
+    "data-resin-target": resinTargetZoomIn,
+    "data-testid": "bp-ZoomControls-in",
+    disabled: currentScale >= maxScaleValue,
+    onClick: onZoomIn
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
+  }))));
+}
+;// ./src/lib/viewers/text/TextControlsV2.tsx
+
+
+
+
+function TextControlsV2({
+  maxScale,
+  minScale,
+  onFullscreenToggle,
+  onZoomIn,
+  onZoomOut,
+  scale
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, {
+    maxScale: maxScale,
+    minScale: minScale,
+    onZoomIn: onZoomIn,
+    onZoomOut: onZoomOut,
+    scale: scale
+  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/file.js
 function file_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function file_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? file_ownKeys(Object(t), !0).forEach(function (r) { file_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : file_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -46393,6 +46683,7 @@ function canDownload(file, previewOptions) {
 
 
 
+
 const ZOOM_DEFAULT = 1.0;
 const ZOOM_MAX = 10;
 const ZOOM_MIN = 0.1;
@@ -46634,7 +46925,8 @@ class TextBaseViewer extends viewers_BaseViewer {
     if (!this.controls) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(TextControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? TextControlsV2 : TextControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       maxScale: ZOOM_MAX,
       minScale: ZOOM_MIN,
       onFullscreenToggle: this.toggleFullscreen,
@@ -46679,12 +46971,11 @@ class TextBaseViewer extends viewers_BaseViewer {
 
 // EXTERNAL MODULE: external "@box/blueprint-web-assets/tokens/tokens"
 var tokens_ = __webpack_require__(8380);
-// EXTERNAL MODULE: external "@box/blueprint-web"
-var blueprint_web_ = __webpack_require__(8912);
 ;// ./src/lib/PrintModal.scss
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/PrintModal.tsx
+/* provided dependency */ var PrintModal_ = __webpack_require__(441)["Tl"];
 function PrintModal_extends() { return PrintModal_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, PrintModal_extends.apply(null, arguments); }
 function PrintModal_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function PrintModal_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? PrintModal_ownKeys(Object(t), !0).forEach(function (r) { PrintModal_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : PrintModal_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -46720,7 +47011,7 @@ function PrintModal({
     "aria-describedby": messageId,
     container: container,
     size: "small"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.Header, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.VisuallyHidden, null, "Print")), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.ScrollableContainer, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.Body, {
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.Header, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.VisuallyHidden, null, PrintModal_('print'))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.ScrollableContainer, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.Body, {
     className: "bp-PrintModal-body"
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-PrintModal-status"
@@ -46745,7 +47036,7 @@ function PrintModal({
     disabled: isButtonDisabled,
     onClick: onPrint
   }, buttonText)), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Modal.Close, {
-    "aria-label": "Close print dialog",
+    "aria-label": PrintModal_('print_close'),
     "data-target-id": "PrintModal-close"
   })));
 }
@@ -46875,6 +47166,7 @@ const print_checkmark_namespaceObject = "<svg width=\"16\" height=\"16\" viewBox
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/text/PlainTextViewer.js
+/* provided dependency */ var PlainTextViewer_ = __webpack_require__(441)["Tl"];
 function PlainTextViewer_extends() { return PlainTextViewer_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, PlainTextViewer_extends.apply(null, arguments); }
 function PlainTextViewer_defineProperty(e, r, t) { return (r = PlainTextViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function PlainTextViewer_toPropertyKey(t) { var i = PlainTextViewer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -47019,7 +47311,7 @@ class PlainTextViewer extends text_TextBaseViewer {
   print() {
     if (!this.printReady) {
       this.preparePrint(this.getCSS().concat('preview.css'));
-      this.printPopup.show("Preparing to print...", "Print", () => {
+      this.printPopup.show(PlainTextViewer_('print_loading'), PlainTextViewer_('print'), () => {
         this.printPopup.hide();
         this.printIframe();
       });
@@ -47178,11 +47470,11 @@ class PlainTextViewer extends text_TextBaseViewer {
     });
     setTimeout(() => {
       if (this.printPopup instanceof PrintModalRoot) {
-        this.printPopup.showReady("Ready to print.");
+        this.printPopup.showReady(PlainTextViewer_('print_ready'));
       } else if (this.printPopup) {
         // Update popup UI to reflect that print is ready
         this.printPopup.enableButton();
-        this.printPopup.messageEl.textContent = "Ready to print.";
+        this.printPopup.messageEl.textContent = PlainTextViewer_('print_ready');
         this.printPopup.loadingIndicator.classList.add(constants/* CLASS_HIDDEN */.zX);
         this.printPopup.printCheckmark.classList.remove(constants/* CLASS_HIDDEN */.zX);
       }
@@ -47215,10 +47507,10 @@ class PlainTextViewer extends text_TextBaseViewer {
     const truncatedEl = document.createElement('div');
     truncatedEl.classList.add('bp-text-truncated');
     const truncatedTextEl = document.createElement('p');
-    truncatedTextEl.textContent = "This file has been truncated due to size limits. Please download to view the whole file.";
+    truncatedTextEl.textContent = PlainTextViewer_('text_truncated');
     const downloadBtnEl = document.createElement('button');
     downloadBtnEl.className = 'bp-btn bp-btn-primary bp-btn-download';
-    downloadBtnEl.textContent = "Download File";
+    downloadBtnEl.textContent = PlainTextViewer_('download_file');
     truncatedEl.appendChild(truncatedTextEl);
     truncatedEl.appendChild(downloadBtnEl);
     this.textEl.appendChild(truncatedEl);
@@ -47247,10 +47539,23 @@ function MarkdownControls({
     onFullscreenToggle: onFullscreenToggle
   }));
 }
+;// ./src/lib/viewers/text/MarkdownControlsV2.tsx
+
+
+
+function MarkdownControlsV2({
+  onFullscreenToggle
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/viewers/text/Markdown.scss
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/text/MarkdownViewer.js
+/* provided dependency */ var MarkdownViewer_ = __webpack_require__(441)["Tl"];
+
 
 
 
@@ -47304,7 +47609,7 @@ class MarkdownViewer extends text_PlainTextViewer {
   print() {
     if (!this.printReady) {
       this.preparePrint(this.getCSS().concat('preview.css'));
-      this.printPopup.show("Preparing to print...", "Print", () => {
+      this.printPopup.show(MarkdownViewer_('print_loading'), MarkdownViewer_('print'), () => {
         this.printPopup.hide();
         this.printIframe();
       });
@@ -47339,7 +47644,8 @@ class MarkdownViewer extends text_PlainTextViewer {
     if (!this.controls) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(MarkdownControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? MarkdownControlsV2 : MarkdownControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       onFullscreenToggle: this.toggleFullscreen
     }));
   }
@@ -47398,6 +47704,7 @@ class MarkdownViewer extends text_PlainTextViewer {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/text/CSVViewer.js
+/* provided dependency */ var CSVViewer_ = __webpack_require__(441)["Tl"];
 function CSVViewer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function CSVViewer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? CSVViewer_ownKeys(Object(t), !0).forEach(function (r) { CSVViewer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : CSVViewer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function CSVViewer_defineProperty(e, r, t) { return (r = CSVViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -47412,7 +47719,7 @@ function CSVViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t;
 const PAPAPARSE_JS = `third-party/text/${constants/* TEXT_STATIC_ASSETS_VERSION */.cR}/papaparse.min.js`;
 const npmBoxCSV =  true ? (__webpack_require__(5920)/* ["default"] */ .A) : 0;
 function viewerScripts() {
-  return isNpmBuild() ? [PAPAPARSE_JS] : [PAPAPARSE_JS, 'csv.js'];
+  return (0,isNpmBuild/* isNpmBuild */.w)() ? [PAPAPARSE_JS] : [PAPAPARSE_JS, 'csv.js'];
 }
 const PAPAPARSE_ERROR_TYPES = {
   DELIMITER: 'Delimiter',
@@ -47471,7 +47778,7 @@ class CSVViewer extends text_TextBaseViewer {
         Papa.parse(url, {
           download: true,
           error: (err, file, inputElem, reason) => {
-            const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_CSV, "This preview didn’t load. Please try to open or download the file to view.", {
+            const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_CSV, CSVViewer_('error_refresh'), {
               reason
             });
             this.handleDownloadError(error, url);
@@ -48016,6 +48323,7 @@ const arrow_left_24px_namespaceObject = "<svg fill=\"#999EA4\" height=\"24\" vie
 ;// ./src/lib/icons/checkmark_24px.svg
 const checkmark_24px_namespaceObject = "<svg fill=\"#22A7F0\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n    <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"/>\n</svg>\n";
 ;// ./src/lib/viewers/media/Settings.js
+/* provided dependency */ var Settings_ = __webpack_require__(441)["Tl"];
 function Settings_defineProperty(e, r, t) { return (r = Settings_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Settings_toPropertyKey(t) { var i = Settings_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Settings_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -48045,30 +48353,30 @@ const MEDIA_QUALITY_AUTO = 'auto';
 const SETTINGS_MENU_PADDING = 18;
 const SETTINGS_MENU_PADDING_SCROLL = 32;
 const SETTINGS_MENU_MAX_HEIGHT = 210;
-const SETTINGS_TEMPLATE = `<div class="bp-media-settings" data-testid="bp-settings-flyout">
+const getSettingsTemplate = () => `<div class="bp-media-settings" data-testid="bp-settings-flyout">
     <div class="bp-media-settings-menu-main bp-media-settings-menu" role="menu">
         <div class="bp-media-settings-item bp-media-settings-item-autoplay" data-testid="bp-media-settings-autoplay" data-type="autoplay" tabindex="0" role="menuitem" aria-haspopup="true">
-            <div class="bp-media-settings-label" aria-label="${"Autoplay"}">${"Autoplay"}</div>
-            <div class="bp-media-settings-value">${"Disabled"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_autoplay')}">${Settings_('media_autoplay')}</div>
+            <div class="bp-media-settings-value">${Settings_('media_autoplay_disabled')}</div>
             <div class="bp-media-settings-arrow">${arrow_right_24px_namespaceObject}</div>
         </div>
         <div class="bp-media-settings-item bp-media-settings-item-speed" data-testid="bp-media-settings-speed" data-type="speed" tabindex="0" role="menuitem" aria-haspopup="true">
-            <div class="bp-media-settings-label" aria-label="${"Speed"}">${"Speed"}</div>
-            <div class="bp-media-settings-value">${"Normal"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_speed')}">${Settings_('media_speed')}</div>
+            <div class="bp-media-settings-value">${Settings_('media_speed_normal')}</div>
             <div class="bp-media-settings-arrow">${arrow_right_24px_namespaceObject}</div>
         </div>
         <div class="bp-media-settings-item bp-media-settings-item-quality" data-testid="bp-media-settings-quality" data-type="quality" tabindex="0" role="menuitem" aria-haspopup="true">
-            <div class="bp-media-settings-label" aria-label="${"Quality"}">${"Quality"}</div>
-            <div class="bp-media-settings-value">${"Auto"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_quality')}">${Settings_('media_quality')}</div>
+            <div class="bp-media-settings-value">${Settings_('media_quality_auto')}</div>
             <div class="bp-media-settings-arrow">${arrow_right_24px_namespaceObject}</div>
         </div>
         <div class="bp-media-settings-item bp-media-settings-item-subtitles bp-media-settings-is-hidden" data-testid="bp-media-settings-subtitles" data-type="subtitles" tabindex="0" role="menuitem" aria-haspopup="true">
-            <div class="bp-media-settings-label" aria-label="${"Subtitles"}/CC">${"Subtitles"}/CC</div>
-            <div class="bp-media-settings-value">${"Off"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('subtitles')}/CC">${Settings_('subtitles')}/CC</div>
+            <div class="bp-media-settings-value">${Settings_('off')}</div>
             <div class="bp-media-settings-arrow">${arrow_right_24px_namespaceObject}</div>
         </div>
         <div class="bp-media-settings-item bp-media-settings-item-audiotracks bp-media-settings-is-hidden" data-testid="bp-media-settings-audiotracks" data-type="audiotracks" tabindex="0" role="menuitem" aria-haspopup="true">
-            <div class="bp-media-settings-label" aria-label="${"Audio"}">${"Audio"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_audio')}">${Settings_('media_audio')}</div>
             <div class="bp-media-settings-value"></div>
             <div class="bp-media-settings-arrow">${arrow_right_24px_namespaceObject}</div>
         </div>
@@ -48076,21 +48384,21 @@ const SETTINGS_TEMPLATE = `<div class="bp-media-settings" data-testid="bp-settin
     <div class="bp-media-settings-menu-autoplay bp-media-settings-menu" role="menu">
         <div class="bp-media-settings-sub-item bp-media-settings-sub-item-autoplay" data-type="menu" tabindex="0" role="menuitem" aria-haspopup="true">
             <div class="bp-media-settings-arrow">${arrow_left_24px_namespaceObject}</div>
-            <div class="bp-media-settings-label" aria-label="${"Autoplay"}">${"Autoplay"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_autoplay')}">${Settings_('media_autoplay')}</div>
         </div>
         <div class="bp-media-settings-sub-item" data-type="autoplay" data-value="Disabled" tabindex="0" role="menuitemradio">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
-            <div class="bp-media-settings-value">${"Disabled"}</div>
+            <div class="bp-media-settings-value">${Settings_('media_autoplay_disabled')}</div>
         </div>
         <div class="bp-media-settings-sub-item" data-type="autoplay" data-value="Enabled" tabindex="0" role="menuitemradio">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
-            <div class="bp-media-settings-value">${"Enabled"}</div>
+            <div class="bp-media-settings-value">${Settings_('media_autoplay_enabled')}</div>
         </div>
     </div>
     <div class="bp-media-settings-menu-speed bp-media-settings-menu" role="menu">
         <div class="bp-media-settings-sub-item bp-media-settings-sub-item-speed" data-type="menu" tabindex="0" role="menuitem" aria-haspopup="true">
             <div class="bp-media-settings-arrow">${arrow_left_24px_namespaceObject}</div>
-            <div class="bp-media-settings-label" aria-label="${"Speed"}">${"Speed"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_speed')}">${Settings_('media_speed')}</div>
         </div>
         <div class="bp-media-settings-sub-item" data-type="speed" data-value="0.5" tabindex="0" role="menuitemradio">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
@@ -48098,7 +48406,7 @@ const SETTINGS_TEMPLATE = `<div class="bp-media-settings" data-testid="bp-settin
         </div>
         <div class="bp-media-settings-sub-item bp-media-settings-selected" data-type="speed" data-value="1.0" tabindex="0" role="menuitemradio" aria-checked="true">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
-            <div class="bp-media-settings-value">${"Normal"}</div>
+            <div class="bp-media-settings-value">${Settings_('media_speed_normal')}</div>
         </div>
         <div class="bp-media-settings-sub-item" data-type="speed" data-value="1.25" tabindex="0" role="menuitemradio">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
@@ -48116,7 +48424,7 @@ const SETTINGS_TEMPLATE = `<div class="bp-media-settings" data-testid="bp-settin
     <div class="bp-media-settings-menu-quality bp-media-settings-menu bp-media-settings-is-hidden" data-disabled="true" role="menu">
         <div class="bp-media-settings-sub-item bp-media-settings-sub-item-quality" data-type="menu" tabindex="0" role="menuitem" aria-haspopup="true">
             <div class="bp-media-settings-arrow">${arrow_left_24px_namespaceObject}</div>
-            <div class="bp-media-settings-label" aria-label="${"Quality"}">${"Quality"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_quality')}">${Settings_('media_quality')}</div>
         </div>
         <div class="bp-media-settings-sub-item" data-type="quality" data-value=${MEDIA_QUALITY_SD} tabindex="0" role="menuitemradio">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
@@ -48128,23 +48436,23 @@ const SETTINGS_TEMPLATE = `<div class="bp-media-settings" data-testid="bp-settin
         </div>
         <div class="bp-media-settings-sub-item bp-media-settings-selected" data-type="quality" data-value=${MEDIA_QUALITY_AUTO} tabindex="0" role="menuitemradio" aria-checked="true">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
-            <div class="bp-media-settings-value">${"Auto"}</div>
+            <div class="bp-media-settings-value">${Settings_('media_quality_auto')}</div>
         </div>
     </div>
     <div class="bp-media-settings-menu-subtitles bp-media-settings-menu bp-media-settings-is-hidden" role="menu">
         <div class="bp-media-settings-sub-item bp-media-settings-sub-item-subtitles" data-type="menu" tabindex="0" role="menuitem" aria-haspopup="true">
             <div class="bp-media-settings-arrow">${arrow_left_24px_namespaceObject}</div>
-            <div class="bp-media-settings-label" aria-label="${"Subtitles"}/CC">${"Subtitles"}/CC</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('subtitles')}/CC">${Settings_('subtitles')}/CC</div>
         </div>
         <div class="bp-media-settings-sub-item bp-media-settings-selected" data-type="subtitles" data-value="-1" tabindex="0" role="menuitemradio" aria-checked="true">
             <div class="bp-media-settings-icon">${checkmark_24px_namespaceObject}</div>
-            <div class="bp-media-settings-value">${"Off"}</div>
+            <div class="bp-media-settings-value">${Settings_('off')}</div>
         </div>
     </div>
     <div class="bp-media-settings-menu-audiotracks bp-media-settings-menu bp-media-settings-is-hidden" role="menu">
         <div class="bp-media-settings-sub-item bp-media-settings-sub-item-audiotracks" data-type="menu" tabindex="0" role="menuitem" aria-haspopup="true">
             <div class="bp-media-settings-arrow">${arrow_left_24px_namespaceObject}</div>
-            <div class="bp-media-settings-label" aria-label="${"Audio"}">${"Audio"}</div>
+            <div class="bp-media-settings-label" aria-label="${Settings_('media_audio')}">${Settings_('media_audio')}</div>
         </div>
     </div>
 </div>`;
@@ -48189,7 +48497,7 @@ class Settings extends (events_default()) {
     this.handleTransitionEnd = this.handleTransitionEnd.bind(this);
     this.blurHandler = this.blurHandler.bind(this);
     this.menuEventHandler = this.menuEventHandler.bind(this);
-    (0,util/* insertTemplate */.mx)(this.containerEl, SETTINGS_TEMPLATE, containerEl.querySelector('.bp-media-controls-wrapper'));
+    (0,util/* insertTemplate */.mx)(this.containerEl, getSettingsTemplate(), containerEl.querySelector('.bp-media-controls-wrapper'));
     this.settingsEl = this.containerEl.querySelector('.bp-media-settings');
     this.firstMenuItem = this.settingsEl.querySelectorAll('.bp-media-settings-item')[0];
     this.settingsButtonEl = this.containerEl.querySelector('.bp-media-gear-icon');
@@ -48712,7 +49020,7 @@ class Settings extends (events_default()) {
       const trackNode = audioTracksSubMenu.lastChild.querySelector('.bp-media-settings-value');
       // It's common for the language to be unknown and show up as "und" language code. Just omit
       // the language in this case, otherwise display the language too
-      let textContent = `${"Track"} ${idx + 1}`;
+      let textContent = `${Settings_('track')} ${idx + 1}`;
       if (language !== 'und') {
         textContent = `${textContent} (${language})`;
       }
@@ -48742,6 +49050,7 @@ class Settings extends (events_default()) {
 }
 /* harmony default export */ const media_Settings = (Settings);
 ;// ./src/lib/viewers/media/MediaControls.js
+/* provided dependency */ var MediaControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -48776,17 +49085,17 @@ class MediaControls extends (events_default()) {
     this.volScrubberEl = this.wrapperEl.querySelector('.bp-media-volume-scrubber-container');
     this.volScrubberWrapperEl = this.wrapperEl.querySelector('.bp-media-volume-scrubber-container-wrapper');
     this.playButtonEl = this.wrapperEl.querySelector('.bp-media-playpause-icon');
-    this.setLabel(this.playButtonEl, "Play");
+    this.setLabel(this.playButtonEl, MediaControls_('media_play'));
     this.volButtonEl = this.wrapperEl.querySelector('.bp-media-volume-icon');
-    this.setLabel(this.volButtonEl, "Mute");
+    this.setLabel(this.volButtonEl, MediaControls_('media_mute'));
     this.timecodeEl = this.wrapperEl.querySelector('.bp-media-controls-timecode');
     this.durationEl = this.wrapperEl.querySelector('.bp-media-controls-duration');
     this.fullscreenButtonEl = this.wrapperEl.querySelector('.bp-media-fullscreen-icon');
-    this.setLabel(this.fullscreenButtonEl, "Enter fullscreen");
+    this.setLabel(this.fullscreenButtonEl, MediaControls_('enter_fullscreen'));
     this.settingsButtonEl = this.wrapperEl.querySelector('.bp-media-gear-icon');
-    this.setLabel(this.settingsButtonEl, "Settings");
+    this.setLabel(this.settingsButtonEl, MediaControls_('media_settings'));
     this.subtitlesButtonEl = this.wrapperEl.querySelector('.bp-media-cc-icon');
-    this.setLabel(this.subtitlesButtonEl, "Subtitles/Closed Captions");
+    this.setLabel(this.subtitlesButtonEl, MediaControls_('media_subtitles_cc'));
 
     // Bind context for callbacks
     this.mouseenterHandler = this.mouseenterHandler.bind(this);
@@ -48944,7 +49253,7 @@ class MediaControls extends (events_default()) {
    * @return {void}
    */
   handleFullscreenEnter() {
-    this.setLabel(this.fullscreenButtonEl, "Exit fullscreen");
+    this.setLabel(this.fullscreenButtonEl, MediaControls_('exit_fullscreen'));
     this.containerEl.classList.add('bp-is-fullscreen');
   }
 
@@ -48954,7 +49263,7 @@ class MediaControls extends (events_default()) {
    * @return {void}
    */
   handleFullscreenExit() {
-    this.setLabel(this.fullscreenButtonEl, "Enter fullscreen");
+    this.setLabel(this.fullscreenButtonEl, MediaControls_('enter_fullscreen'));
     this.containerEl.classList.remove('bp-is-fullscreen');
   }
 
@@ -48988,12 +49297,12 @@ class MediaControls extends (events_default()) {
    * @return {void}
    */
   setupScrubbers() {
-    this.timeScrubber = new media_Scrubber(this.timeScrubberEl, "Media Slider", 0, Math.floor(this.mediaEl.duration), 0, 0, 1);
+    this.timeScrubber = new media_Scrubber(this.timeScrubberEl, MediaControls_('media_time_slider'), 0, Math.floor(this.mediaEl.duration), 0, 0, 1);
     this.setTimeCode(this.mediaEl.currentTime || 0); // This also sets the aria values
     this.timeScrubber.on('valuechange', () => {
       this.emit('timeupdate', this.getTimeFromScrubber());
     });
-    this.volScrubber = new media_Scrubber(this.volScrubberEl, "Volume Slider", 0, 100, 1, 1, 1);
+    this.volScrubber = new media_Scrubber(this.volScrubberEl, MediaControls_('media_volume_slider'), 0, 100, 1, 1, 1);
     this.volScrubber.setAriaValues(100, '100% Volume');
     this.volScrubber.on('valuechange', () => {
       this.emit('volumeupdate', this.volScrubber.getValue());
@@ -49043,7 +49352,7 @@ class MediaControls extends (events_default()) {
     } = this.mediaEl;
     this.timeScrubber.setValue(duration ? (time || 0) / duration : 0);
     this.timecodeEl.textContent = this.formatTime(time || 0);
-    this.timeScrubber.setAriaValues(Math.floor(time), `${this.timecodeEl.textContent} ${"of"} ${this.durationEl.textContent}`);
+    this.timeScrubber.setAriaValues(Math.floor(time), `${this.timecodeEl.textContent} ${MediaControls_('of')} ${this.durationEl.textContent}`);
   }
 
   /**
@@ -49148,7 +49457,7 @@ class MediaControls extends (events_default()) {
    */
   showPauseIcon() {
     this.wrapperEl.classList.add(PLAYING_CLASS);
-    this.setLabel(this.playButtonEl, "Pause");
+    this.setLabel(this.playButtonEl, MediaControls_('media_pause'));
   }
 
   /**
@@ -49159,7 +49468,7 @@ class MediaControls extends (events_default()) {
    */
   showPlayIcon() {
     this.wrapperEl.classList.remove(PLAYING_CLASS);
-    this.setLabel(this.playButtonEl, "Play");
+    this.setLabel(this.playButtonEl, MediaControls_('media_play'));
   }
 
   /**
@@ -49175,8 +49484,8 @@ class MediaControls extends (events_default()) {
     this.volButtonEl.classList.add(VOLUME_LEVEL_CLASS_NAMES[Math.ceil(volume * 3)]);
     this.volScrubber.setValue(volume);
     const percentage = Math.floor(volume * 100);
-    this.volScrubber.setAriaValues(percentage, `${percentage}% ${"Volume"}`);
-    const muteTitle = Math.ceil(volume * 3) === 0 ? "Unmute" : "Mute";
+    this.volScrubber.setAriaValues(percentage, `${percentage}% ${MediaControls_('volume')}`);
+    const muteTitle = Math.ceil(volume * 3) === 0 ? MediaControls_('media_unmute') : MediaControls_('media_mute');
     this.setLabel(this.volButtonEl, muteTitle);
   }
 
@@ -49660,6 +49969,7 @@ class MediaControls extends (events_default()) {
 }
 /* harmony default export */ const media_MediaControls = (MediaControls);
 ;// ./src/lib/viewers/media/MediaBaseViewer.js
+/* provided dependency */ var MediaBaseViewer_ = __webpack_require__(441)["Tl"];
 function MediaBaseViewer_defineProperty(e, r, t) { return (r = MediaBaseViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function MediaBaseViewer_toPropertyKey(t) { var i = MediaBaseViewer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function MediaBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -50034,7 +50344,7 @@ class MediaBaseViewer extends viewers_BaseViewer {
       error_code: errorCode,
       error_message: errorMessage
     } : {};
-    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_MEDIA, "This preview didn’t load. Please try to open or download the file to view.", errorDetails);
+    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_MEDIA, MediaBaseViewer_('error_refresh'), errorDetails);
     if (this.handleExpiredTokenError(error)) {
       return;
     }
@@ -51057,6 +51367,7 @@ var SliderControl = __webpack_require__(4937);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/TimeControls.tsx
+/* provided dependency */ var TimeControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -51126,7 +51437,7 @@ function TimeControls({
     onMove: handleMouseMove,
     onUpdate: onTimeChange,
     step: fps ? 1 / fps : 5,
-    title: "Media Slider",
+    title: TimeControls_('media_time_slider'),
     track: `linear-gradient(to right, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__} ${currentPercentage}%, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__} ${currentPercentage}%, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__} ${bufferedPercentage}%, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__} ${bufferedPercentage}%, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__} 100%)`,
     value: currentValue
   }));
@@ -52661,6 +52972,8 @@ var play_48px = __webpack_require__(3493);
 const arrow_curved_back_24px_namespaceObject = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M12.707 2.29346C12.3165 1.90293 11.6835 1.90293 11.293 2.29346L8.64648 4.93994C8.06097 5.52574 8.06083 6.47534 8.64648 7.06104L11.293 9.70752C11.6834 10.0976 12.3166 10.0976 12.707 9.70752C13.0974 9.3171 13.0972 8.68399 12.707 8.29346L11.4131 6.99951H12C15.3136 6.99951 17.9998 9.68597 18 12.9995C18 16.3132 15.3137 18.9995 12 18.9995C10.7239 18.9995 9.54372 18.6019 8.57227 17.9243C8.11945 17.6086 7.49569 17.7198 7.17969 18.1724C6.8638 18.6252 6.97502 19.2489 7.42773 19.5649C8.72394 20.4691 10.3016 20.9995 12 20.9995C16.4183 20.9995 20 17.4178 20 12.9995C19.9998 8.5814 16.4182 4.99951 12 4.99951H11.415L12.707 3.70752C13.0975 3.31707 13.0973 2.684 12.707 2.29346ZM3.2793 8.99951C2.67882 8.99951 2.32725 9.26833 2.27832 9.9126L2.09277 12.3882V12.4126C2.06348 12.8862 2.33203 13.2964 2.92285 13.2964C3.31348 13.2964 3.49414 13.2085 3.76758 12.9692C3.99217 12.7691 4.29991 12.5933 4.68555 12.5933C5.35925 12.5933 5.83283 13.0476 5.83301 13.6919C5.83301 14.3511 5.33984 14.8394 4.6709 14.8394C4.10449 14.8394 3.7627 14.5708 3.48926 14.1606C3.27447 13.8923 3.05948 13.7798 2.72266 13.7798C2.26868 13.7798 2.00015 14.0437 2 14.4829C2 14.6537 2.04404 14.8199 2.12207 14.9761C2.4834 15.6938 3.51855 16.2212 4.68555 16.2212C6.36035 16.2212 7.52246 15.2007 7.52246 13.6528C7.52229 12.3151 6.56531 11.3774 5.23242 11.3774C4.49526 11.3774 3.92389 11.6852 3.65039 12.1489H3.61621L3.75293 10.3765H6.44824C6.87793 10.3765 7.15137 10.1079 7.15137 9.68799C7.15121 9.26828 6.87292 8.99951 6.44824 8.99951H3.2793Z\" fill=\"white\"/>\n</svg>\n";
 ;// ./src/lib/icons/arrow_curved_forward_24px.svg
 const arrow_curved_forward_24px_namespaceObject = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M11.293 2.29346C11.6835 1.90293 12.3165 1.90293 12.707 2.29346L15.3535 4.93994C15.939 5.52574 15.9392 6.47535 15.3535 7.06104L12.707 9.70752C12.3166 10.0976 11.6834 10.0976 11.293 9.70752C10.9026 9.31711 10.9028 8.684 11.293 8.29346L12.5869 6.99951H12C8.68642 6.99951 6.00021 9.68598 6 12.9995C6 16.3132 8.68629 18.9995 12 18.9995C13.2761 18.9995 14.4563 18.6019 15.4277 17.9243C15.8805 17.6086 16.5043 17.7198 16.8203 18.1724C17.1362 18.6252 17.025 19.2489 16.5723 19.5649C15.2761 20.4691 13.6984 20.9995 12 20.9995C7.58172 20.9995 4 17.4178 4 12.9995C4.00021 8.58141 7.58185 4.99951 12 4.99951H12.585L11.293 3.70752C10.9025 3.31708 10.9027 2.684 11.293 2.29346ZM20.9258 8.99951C21.3505 8.99951 21.6287 9.26828 21.6289 9.68799C21.6289 10.1079 21.3555 10.3765 20.9258 10.3765H18.2305L18.0938 12.1489H18.1279C18.4014 11.6852 18.9728 11.3774 19.71 11.3774C21.0428 11.3774 21.9998 12.3151 22 13.6528C22 15.2007 20.8379 16.2212 19.1631 16.2212C17.9961 16.2212 16.9609 15.6938 16.5996 14.9761C16.5216 14.8199 16.4775 14.6537 16.4775 14.4829C16.4777 14.0437 16.7462 13.7798 17.2002 13.7798C17.537 13.7798 17.752 13.8923 17.9668 14.1606C18.2402 14.5708 18.582 14.8394 19.1484 14.8394C19.8174 14.8394 20.3105 14.3511 20.3105 13.6919C20.3104 13.0476 19.8368 12.5933 19.1631 12.5933C18.7774 12.5933 18.4697 12.7691 18.2451 12.9692C17.9717 13.2085 17.791 13.2964 17.4004 13.2964C16.8096 13.2964 16.541 12.8862 16.5703 12.4126V12.3882L16.7559 9.9126C16.8048 9.26833 17.1564 8.99951 17.7568 8.99951H20.9258Z\" fill=\"white\"/>\n</svg>\n";
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaLoadingIndicator.tsx + 1 modules
+var MediaLoadingIndicator = __webpack_require__(4301);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayOverlayIcon.tsx
 var PlayOverlayIcon = __webpack_require__(2048);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
@@ -52702,6 +53015,7 @@ function fitFrameToViewport(aspectRatio, viewport = {}) {
   };
 }
 ;// ./src/lib/viewers/media/VideoPreloader.js
+/* provided dependency */ var VideoPreloader_ = __webpack_require__(441)["Tl"];
 function VideoPreloader_defineProperty(e, r, t) { return (r = VideoPreloader_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function VideoPreloader_toPropertyKey(t) { var i = VideoPreloader_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function VideoPreloader_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -52717,6 +53031,7 @@ function VideoPreloader_toPrimitive(t, r) { if ("object" != typeof t || !t) retu
 
 
 
+
 class VideoPreloader extends (events_default()) {
   /**
    * [constructor]
@@ -52753,6 +53068,8 @@ class VideoPreloader extends (events_default()) {
     VideoPreloader_defineProperty(this, "showPreloadPromise", null);
     /** @property {Root|undefined} - React root for the Blueprint play overlay */
     VideoPreloader_defineProperty(this, "playOverlayRoot", void 0);
+    /** @property {Root|undefined} - React root for the Blueprint loading indicator */
+    VideoPreloader_defineProperty(this, "loadingRoot", void 0);
     /**
      * Cleans up preload DOM.
      *
@@ -52761,6 +53078,10 @@ class VideoPreloader extends (events_default()) {
      */
     VideoPreloader_defineProperty(this, "cleanupPreload", () => {
       this.unmountBlueprintPlayOverlay();
+      if (this.loadingRoot) {
+        this.loadingRoot.unmount();
+        this.loadingRoot = undefined;
+      }
       if (this.wrapperEl) {
         if (this.wrapperEl.parentNode) {
           this.wrapperEl.parentNode.removeChild(this.wrapperEl);
@@ -52953,9 +53274,9 @@ class VideoPreloader extends (events_default()) {
     this.playOverlayRoot.render(/*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
       container: this.preloadOptions.portalContainer
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-      content: "Play"
+      content: VideoPreloader_('media_play')
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
-      "aria-label": "Play",
+      "aria-label": VideoPreloader_('media_play'),
       className: "bp-video-preload-play-button",
       "data-resin-target": "playOverlay",
       "data-target-id": "VideoPreloader-play",
@@ -53064,7 +53385,12 @@ class VideoPreloader extends (events_default()) {
       this.imageClickHandler = undefined;
     }
     this.wrapperEl.style.cursor = '';
-    if (this.placeholderEl) {
+    if (this.placeholderEl && this.preloadOptions?.isBlueprintEnabled) {
+      if (!this.loadingRoot) {
+        this.loadingRoot = (0,client_.createRoot)(this.placeholderEl.appendChild(document.createElement('div')));
+        this.loadingRoot.render(/*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, null));
+      }
+    } else if (this.placeholderEl) {
       const spinner = document.createElement('div');
       spinner.className = 'bp-media-buffering-spinner';
       this.placeholderEl.appendChild(spinner);
@@ -53249,6 +53575,7 @@ class VideoPreloader extends (events_default()) {
 }
 /* harmony default export */ const media_VideoPreloader = (VideoPreloader);
 ;// ./src/lib/viewers/media/VideoBaseViewer.js
+/* provided dependency */ var VideoBaseViewer_ = __webpack_require__(441)["Tl"];
 function VideoBaseViewer_defineProperty(e, r, t) { return (r = VideoBaseViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function VideoBaseViewer_toPropertyKey(t) { var i = VideoBaseViewer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function VideoBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -53264,13 +53591,16 @@ function VideoBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) ret
 
 
 
+
+
+
 const MOUSE_MOVE_TIMEOUT_IN_MILLIS = 1000;
 const CLASS_PLAY_BUTTON = 'bp-media-play-button';
 const CLASS_PLAY_CONTAINER = 'bp-media-overlay-play-container';
 const CLASS_PLAY_CONTAINER_PLAY_BUTTON = 'bp-media-overlay-play-button';
 const CLASS_SEEK_BUTTON = 'bp-media-overlay-seek-button';
 const SMALL_VIDEO_WIDTH_THRESHOLD = 580;
-const SPINNER_HALF_SIZE = 40; // Half of the 80px spinner height (defined in _mediaBase.scss)
+const SPINNER_HALF_SIZE = 40; // Half of the 80px spinner height (_mediaBase.scss and MediaLoadingIndicator.scss)
 const VIDEO_ANNOTATIONS_ENABLED = 'videoAnnotations.enabled';
 const DISCOVERABILITY_STATES = [AnnotationState.DRAWING, AnnotationState.NONE, AnnotationState.REGION_TEMP];
 class VideoBaseViewer extends media_MediaBaseViewer {
@@ -53375,17 +53705,27 @@ class VideoBaseViewer extends media_MediaBaseViewer {
       this.playButtonEl.classList.add(CLASS_PLAY_BUTTON);
       this.playButtonEl.classList.add(constants/* CLASS_HIDDEN */.zX);
       this.playButtonEl.setAttribute('type', 'button');
-      this.playButtonEl.setAttribute('title', "Play");
+      this.playButtonEl.setAttribute('title', VideoBaseViewer_('media_play'));
       this.playButtonEl.innerHTML = play_48px;
     }
 
     // Buffering spinner
     this.bufferingSpinnerEl = this.mediaContainerEl.appendChild(document.createElement('div'));
-    this.bufferingSpinnerEl.classList.add('bp-media-buffering-spinner');
     this.bufferingSpinnerEl.classList.add(constants/* CLASS_HIDDEN */.zX);
-    if (this.useReactControls() && !this.isVideoPlayerV2) {
-      // Shift up by half the control bar + half the spinner to visually center above the controls
-      this.bufferingSpinnerEl.style.marginTop = `-${constants/* VIDEO_PLAYER_CONTROL_BAR_HEIGHT */.qL / 2 + SPINNER_HALF_SIZE}px`;
+    // Shift up by half the control bar + half the spinner to visually center above the controls
+    const spinnerMarginTop = this.useReactControls() && !this.isVideoPlayerV2 ? `-${constants/* VIDEO_PLAYER_CONTROL_BAR_HEIGHT */.qL / 2 + SPINNER_HALF_SIZE}px` : undefined;
+    if (this.isBlueprintMediaControlsEnabled()) {
+      this.bufferingSpinnerRoot = (0,client_.createRoot)(this.bufferingSpinnerEl);
+      this.bufferingSpinnerRoot.render(/*#__PURE__*/external_react_["default"].createElement(MediaLoadingIndicator/* default */.A, {
+        style: {
+          marginTop: spinnerMarginTop
+        }
+      }));
+    } else {
+      this.bufferingSpinnerEl.classList.add('bp-media-buffering-spinner');
+      if (spinnerMarginTop) {
+        this.bufferingSpinnerEl.style.marginTop = spinnerMarginTop;
+      }
     }
     this.lowerLights();
   }
@@ -53572,18 +53912,18 @@ class VideoBaseViewer extends media_MediaBaseViewer {
     this.seekBackwardButtonEl = this.playContainerEl.appendChild(document.createElement('button'));
     this.seekBackwardButtonEl.classList.add(CLASS_SEEK_BUTTON);
     this.seekBackwardButtonEl.setAttribute('type', 'button');
-    this.seekBackwardButtonEl.setAttribute('title', "Skip backward");
+    this.seekBackwardButtonEl.setAttribute('title', VideoBaseViewer_('media_skip_backward'));
     this.seekBackwardButtonEl.innerHTML = arrow_curved_back_24px_namespaceObject;
     this.playButtonEl = this.playContainerEl.appendChild(document.createElement('button'));
     this.playButtonEl.classList.add(CLASS_PLAY_CONTAINER_PLAY_BUTTON);
     this.playButtonEl.setAttribute('type', 'button');
-    this.playButtonEl.setAttribute('title', "Play");
+    this.playButtonEl.setAttribute('title', VideoBaseViewer_('media_play'));
     this.playButtonEl.innerHTML = play_48px;
     this.playButtonEl.addEventListener('click', this.handlePlayRequest);
     this.seekForwardButtonEl = this.playContainerEl.appendChild(document.createElement('button'));
     this.seekForwardButtonEl.classList.add(CLASS_SEEK_BUTTON);
     this.seekForwardButtonEl.setAttribute('type', 'button');
-    this.seekForwardButtonEl.setAttribute('title', "Skip forward");
+    this.seekForwardButtonEl.setAttribute('title', VideoBaseViewer_('media_skip_forward'));
     this.seekForwardButtonEl.innerHTML = arrow_curved_forward_24px_namespaceObject;
     if (this.seekForwardButtonEl) {
       this.seekForwardButtonEl.addEventListener('click', () => this.movePlayback(true, 5));
@@ -53644,6 +53984,10 @@ class VideoBaseViewer extends media_MediaBaseViewer {
     if (this.seekBackwardButtonEl) {
       this.seekBackwardButtonEl.removeEventListener('click', () => this.movePlayback(false, 5));
     }
+    if (this.bufferingSpinnerRoot) {
+      this.bufferingSpinnerRoot.unmount();
+      this.bufferingSpinnerRoot = undefined;
+    }
     this.bufferingSpinnerEl = null;
     super.destroy();
   }
@@ -53830,10 +54174,32 @@ class VideoBaseViewer extends media_MediaBaseViewer {
   }
 
   /**
-   * @inheritdoc
+   * Shows the player's buffering indicator in place of the page-level crawler when Blueprint media
+   * controls are on, so quality and track switches use the same loading state as buffering.
+   *
+   * @override
+   * @return {void}
    */
   showLoadingIcon() {
-    super.showLoadingIcon();
+    if (!this.isBlueprintMediaControlsEnabled()) {
+      super.showLoadingIcon();
+      return;
+    }
+    if (this.containerEl && this.mediaEl && !this.mediaEl.paused && !this.mediaEl.ended) {
+      this.showBufferingSpinner();
+      this.hidePlayButton();
+    }
+  }
+
+  /**
+   * @override
+   * @return {void}
+   */
+  hideLoadingIcon() {
+    super.hideLoadingIcon();
+    if (this.isBlueprintMediaControlsEnabled()) {
+      this.hideBufferingSpinner();
+    }
   }
 
   /**
@@ -54182,6 +54548,7 @@ var MediaToggle = __webpack_require__(8997);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/SubtitlesToggle.tsx
+/* provided dependency */ var SubtitlesToggle_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -54195,7 +54562,7 @@ function SubtitlesToggle({
   if (!subtitles.length) {
     return null;
   }
-  const title = isAutoGeneratedSubtitles ? "Auto-Generated Captions" : "Subtitles/Closed Captions";
+  const title = isAutoGeneratedSubtitles ? SubtitlesToggle_('media_auto_generated_captions') : SubtitlesToggle_('media_subtitles_cc');
   return /*#__PURE__*/external_react_["default"].createElement(MediaToggle/* default */.A, {
     "aria-pressed": isShowingSubtitles,
     className: "bp-SubtitlesToggle",
@@ -54456,6 +54823,7 @@ function onMarkerGroupTickClick(event, markers, selectedId, onMarkerClick) {
   onMarkerClick?.(markers[0]);
 }
 ;// ./src/lib/viewers/controls/media/markers/MarkerTick.tsx
+/* provided dependency */ var MarkerTick_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -54479,7 +54847,7 @@ function MarkerTick({
       "data-testid": "bp-time-controls-marker",
       style: style
     }, /*#__PURE__*/external_react_["default"].createElement("button", {
-      "aria-label": "Comment marker",
+      "aria-label": MarkerTick_('media_comment_marker'),
       className: "bp-TimeControlsV2-marker-tick",
       "data-resin-target": "commentMarkerGroup",
       onClick: e => onMarkerGroupTickClick(e, markers, selectedId, onMarkerClick),
@@ -54491,7 +54859,7 @@ function MarkerTick({
     }));
   }
   return /*#__PURE__*/external_react_["default"].createElement("button", {
-    "aria-label": "Comment marker",
+    "aria-label": MarkerTick_('media_comment_marker'),
     "aria-pressed": isSelected,
     className: className,
     "data-bp-marker-selected": isSelected ? '' : undefined,
@@ -54513,6 +54881,7 @@ function MarkerTick({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/markers/MarkerCluster.tsx
+/* provided dependency */ var MarkerCluster_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -54537,7 +54906,7 @@ function MarkerCluster({
     "data-testid": "bp-marker-cluster",
     style: style
   }, /*#__PURE__*/external_react_["default"].createElement("button", {
-    "aria-label": "Comment marker",
+    "aria-label": MarkerCluster_('media_comment_marker'),
     className: "bp-MarkerCluster-tick",
     "data-resin-target": "commentMarkerCluster",
     onClick: e => onMarkerGroupTickClick(e, markers, selectedId, onMarkerClick),
@@ -54552,6 +54921,7 @@ function MarkerCluster({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/TimeControlsV2.tsx
+/* provided dependency */ var TimeControlsV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -54668,7 +55038,7 @@ function TimeControlsV2({
     onMove: handleMouseMove,
     onUpdate: onTimeChange,
     step: fps ? 1 / fps : 5,
-    title: "Media Slider",
+    title: TimeControlsV2_('media_time_slider'),
     track: `linear-gradient(to right, ${__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__} calc(${currentPercentage}% - 2.5px), transparent calc(${currentPercentage}% - 2.5px), transparent calc(${currentPercentage}% + 2.5px), ${TRACK_COLOR_BUFFERED} calc(${currentPercentage}% + 2.5px), ${TRACK_COLOR_BUFFERED} ${bufferedPercentage}%, ${TRACK_COLOR_UNPLAYED} ${bufferedPercentage}%, ${TRACK_COLOR_UNPLAYED} 100%)`,
     value: currentValue
   }), durationValue > 0 && clusters.map(cluster => cluster.isSinglePoint ? /*#__PURE__*/external_react_["default"].createElement(MarkerTick, {
@@ -54690,6 +55060,7 @@ var Medium_ = __webpack_require__(9747);
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/media/VideoFullscreenButton.tsx
+/* provided dependency */ var VideoFullscreenButton_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -54704,7 +55075,7 @@ function VideoFullscreenButton({
   isBlueprintEnabled = false
 }) {
   const isFullscreen = useFullscreen();
-  const title = isFullscreen ? "Exit fullscreen" : "Enter fullscreen";
+  const title = isFullscreen ? VideoFullscreenButton_('exit_fullscreen') : VideoFullscreenButton_('enter_fullscreen');
   const ref = external_react_["default"].useRef(null);
   const [position, setPosition] = external_react_["default"].useState(null);
   external_react_["default"].useEffect(() => {
@@ -55278,6 +55649,7 @@ function VideoGuidesOverlay({
   })));
 }
 ;// ./src/lib/viewers/media/DashViewer.js
+/* provided dependency */ var DashViewer_ = __webpack_require__(441)["Tl"];
 function DashViewer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function DashViewer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? DashViewer_ownKeys(Object(t), !0).forEach(function (r) { DashViewer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : DashViewer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DashViewer_extends() { return DashViewer_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, DashViewer_extends.apply(null, arguments); }
@@ -55735,7 +56107,7 @@ class DashViewer extends media_VideoBaseViewer {
     if (this.autoCaptionDisplayer && subtitleIdx === 0) {
       // Manually set text visibility with the custom Shaka Text Displayer
       this.autoCaptionDisplayer.setTextVisibility(true);
-      this.emit('subtitlechange', "Auto-Generated");
+      this.emit('subtitlechange', DashViewer_('auto_generated'));
 
       // Valid non-auto-generated index ==> turn specified text track on
     } else if (this.textTracks[subtitleIdx] !== undefined) {
@@ -55887,7 +56259,7 @@ class DashViewer extends media_VideoBaseViewer {
    */
   shakaErrorHandler(shakaError) {
     const normalizedShakaError = shakaError.detail ? shakaError.detail : shakaError;
-    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.SHAKA, "This preview didn’t load. Please try to open or download the file to view.", {
+    const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.SHAKA, DashViewer_('error_refresh'), {
       code: normalizedShakaError.code,
       data: normalizedShakaError.data,
       severity: normalizedShakaError.severity
@@ -55931,7 +56303,7 @@ class DashViewer extends media_VideoBaseViewer {
    */
   getTrackDisplayLanguage(track) {
     if (this.featureEnabled(constants/* AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES */.Iu) && track.language === 'und') {
-      return "Auto-Generated";
+      return DashViewer_('auto_generated');
     }
     return (0,lang/* default */.A)(track.language) || track.language;
   }
@@ -56032,13 +56404,13 @@ class DashViewer extends media_VideoBaseViewer {
       if (this.useReactControls()) {
         this.textTracks = [{
           id: 0,
-          language: "Auto-Generated"
+          language: DashViewer_('auto_generated')
         }];
         this.initSubtitles();
       } else {
         // Update the subtitles/caption button to reflect auto-translation
-        this.mediaControls.setLabel(this.mediaControls.subtitlesButtonEl, "Auto-Generated Captions");
-        this.mediaControls.initSubtitles(["Auto-Generated"], (0,lang/* default */.A)(this.options.location.locale.substring(0, 2)));
+        this.mediaControls.setLabel(this.mediaControls.subtitlesButtonEl, DashViewer_('media_auto_generated_captions'));
+        this.mediaControls.initSubtitles([DashViewer_('auto_generated')], (0,lang/* default */.A)(this.options.location.locale.substring(0, 2)));
       }
     }
   }
@@ -56248,7 +56620,7 @@ class DashViewer extends media_VideoBaseViewer {
       if (this.isDestroyed() || !this.player) {
         return;
       }
-      await this.player.addTextTrackAsync(transcriptionUrl, 'und', 'subtitles', 'text/vtt', undefined, "Auto-Generated");
+      await this.player.addTextTrackAsync(transcriptionUrl, 'und', 'subtitles', 'text/vtt', undefined, DashViewer_('auto_generated'));
       if (this.isDestroyed()) {
         return;
       }
@@ -56474,7 +56846,7 @@ class DashViewer extends media_VideoBaseViewer {
     if (this.autoCaptionDisplayer && subtitleIndex === 0) {
       // Manually set text visibility with the custom Shaka Text Displayer
       this.autoCaptionDisplayer.setTextVisibility(true);
-      this.emit('subtitlechange', "Auto-Generated");
+      this.emit('subtitlechange', DashViewer_('auto_generated'));
 
       // Valid non-auto-generated index ==> turn specified text track on
     } else if (this.textTracks[subtitleIndex] !== undefined) {
@@ -56615,6 +56987,7 @@ class DashViewer extends media_VideoBaseViewer {
 }
 /* harmony default export */ const media_DashViewer = (DashViewer);
 ;// ./src/lib/viewers/media/MediaLoader.js
+/* provided dependency */ var MediaLoader_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -56666,7 +57039,7 @@ class MediaLoader extends viewers_AssetLoader {
   determineViewer(file, disabledViewers = []) {
     let viewer = super.determineViewer(file, disabledViewers);
     if (viewer && (0,util/* requires360Viewer */.wo)(file)) {
-      const message = (0,util/* replacePlaceholders */.Lb)("Your browser doesn’t support preview for {1}. Please try to open or download the file to view.", ["360-degree videos"]);
+      const message = (0,util/* replacePlaceholders */.Lb)(MediaLoader_('error_browser_unsupported'), [MediaLoader_('360_videos')]);
       throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BROWSER_UNSUPPORTED, message, {
         file
       });
@@ -56705,6 +57078,7 @@ class MediaLoader extends viewers_AssetLoader {
 }
 /* harmony default export */ const media_MediaLoader = (new MediaLoader());
 ;// ./src/lib/viewers/box3d/video360/Video360Controls.js
+/* provided dependency */ var Video360Controls_ = __webpack_require__(441)["Tl"];
 function Video360Controls_defineProperty(e, r, t) { return (r = Video360Controls_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Video360Controls_toPropertyKey(t) { var i = Video360Controls_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Video360Controls_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -56750,8 +57124,8 @@ class Video360Controls extends (events_default()) {
     // Create the VR toggle button and then hide it.
     this.vrButtonEl = mediaControlsEl.appendChild(document.createElement('button'));
     this.vrButtonEl.classList.add(CSS_CLASS_MEDIA_CONTROL_BUTTON);
-    this.vrButtonEl.setAttribute('aria-label', "Toggle VR display");
-    this.vrButtonEl.setAttribute('title', "Toggle VR display");
+    this.vrButtonEl.setAttribute('aria-label', Video360Controls_('box3d_toggle_vr'));
+    this.vrButtonEl.setAttribute('title', Video360Controls_('box3d_toggle_vr'));
     this.vrButtonEl.classList.add(Video360Controls_CSS_CLASS_HIDDEN);
     // Add icon to VR Button
     const vrButtonSpanEl = this.vrButtonEl.appendChild(document.createElement('span'));
@@ -57247,6 +57621,7 @@ class Video360Viewer extends media_DashViewer {
 }
 /* harmony default export */ const video360_Video360Viewer = (Video360Viewer);
 ;// ./src/lib/viewers/box3d/video360/Video360Loader.js
+/* provided dependency */ var Video360Loader_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57287,7 +57662,7 @@ class Video360Loader extends box3d_Base360Loader {
       // If a 360 viewer but it is on IOS OR
       // If browser doesn't support WebGL
       if (!isSupportedBrowser || isIOS || !lib_Browser.hasWebGL()) {
-        const message = (0,util/* replacePlaceholders */.Lb)("Your browser doesn’t support preview for {1}. Please try to open or download the file to view.", ["360-degree videos"]);
+        const message = (0,util/* replacePlaceholders */.Lb)(Video360Loader_('error_browser_unsupported'), [Video360Loader_('360_videos')]);
         throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BROWSER_UNSUPPORTED, message, {
           file
         });
@@ -57318,6 +57693,7 @@ function IconSearchMedium24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/findbar/FindBarToggle.tsx
+/* provided dependency */ var FindBarToggle_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57333,7 +57709,7 @@ function FindBarToggle({
     onClick: ({
       target
     }) => onFindBarToggle(target),
-    title: "Toggle findbar",
+    title: FindBarToggle_('toggle_findbar'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconSearchMedium24, null));
 }
@@ -57359,6 +57735,7 @@ function IconGridView24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/gallery/GalleryToggle.tsx
+/* provided dependency */ var GalleryToggle_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57374,7 +57751,7 @@ function GalleryToggle({
     className: `bp-GalleryToggle${isGalleryOpen ? ' bp-is-active' : ''}`,
     "data-resin-target": "galleryView",
     onClick: onGalleryToggle,
-    title: "Gallery view",
+    title: GalleryToggle_('gallery_view'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconGridView24, null));
 }
@@ -57421,6 +57798,7 @@ function IconNavMediumFilled24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/sidebar/ThumbnailsToggle.tsx
+/* provided dependency */ var ThumbnailsToggle_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57437,7 +57815,7 @@ function ThumbnailsToggle({
     className: "bp-ThumbnailsToggle",
     "data-resin-target": "thumbnails",
     onClick: onThumbnailsToggle,
-    title: "Toggle thumbnails",
+    title: ThumbnailsToggle_('toggle_thumbnails'),
     type: "button"
   }, isThumbnailsOpen ? /*#__PURE__*/external_react_["default"].createElement(icons_IconNavMediumFilled24, null) : /*#__PURE__*/external_react_["default"].createElement(icons_IconNavMedium24, null));
 }
@@ -57533,6 +57911,7 @@ function DocControls({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsExitButtonV2.tsx
+/* provided dependency */ var AnnotationsExitButtonV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57543,9 +57922,9 @@ function AnnotationsExitButtonV2({
   return /*#__PURE__*/external_react_["default"].createElement("span", {
     className: "bp-AnnotationsControls-exitBtn"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Exit Annotations"
+    content: AnnotationsExitButtonV2_('exit_annotations')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Exit Annotations",
+    "aria-label": AnnotationsExitButtonV2_('exit_annotations'),
     "data-resin-target": "exit",
     "data-testid": "bp-annotations-controls-exit-btn",
     onClick: onClick
@@ -57570,25 +57949,6 @@ const ANNOTATION_MODE_ICONS = {
   [AnnotationMode.REGION]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__
 };
 /* harmony default export */ const annotationModeIcons = (ANNOTATION_MODE_ICONS);
-;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
-const ControlsBarV2_excluded = ["children"];
-function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
-function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-function ControlsBarV2(_ref) {
-  let {
-      children
-    } = _ref,
-    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
-    "data-testid": "bp-ControlsBar"
-  }, rest), children);
-}
 ;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -57612,6 +57972,7 @@ function ToggleTooltipV2({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteV2.tsx
+/* provided dependency */ var AnnotationsPaletteV2_ = __webpack_require__(441)["Tl"];
 function AnnotationsPaletteV2_extends() { return AnnotationsPaletteV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, AnnotationsPaletteV2_extends.apply(null, arguments); }
 
 
@@ -57627,7 +57988,7 @@ function AnnotationsPaletteV2({
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-AnnotationsPaletteV2",
     "data-testid": "bp-AnnotationsPaletteV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(ControlsBarV2, null, children));
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
 }
 function Modes({
   annotationMode,
@@ -57660,17 +58021,17 @@ function Mode({
     testId
   } = {
     [AnnotationMode.DRAWING]: {
-      label: "Markup",
+      label: AnnotationsPaletteV2_('drawing_comment'),
       resinTarget: 'draw',
       testId: 'bp-AnnotationsControls-drawBtn'
     },
     [AnnotationMode.HIGHLIGHT]: {
-      label: "Highlight and Comment",
+      label: AnnotationsPaletteV2_('highlight_text'),
       resinTarget: 'highlightText',
       testId: 'bp-AnnotationsControls-highlightBtn'
     },
     [AnnotationMode.REGION]: {
-      label: "Comment on Region",
+      label: AnnotationsPaletteV2_('region_comment'),
       resinTarget: 'highlightRegion',
       testId: 'bp-AnnotationsControls-regionBtn'
     }
@@ -57690,6 +58051,7 @@ function Mode({
   Modes
 }));
 ;// ./src/lib/viewers/controls/annotations/AnnotationsToggleV2.tsx
+/* provided dependency */ var AnnotationsToggleV2_ = __webpack_require__(441)["Tl"];
 function AnnotationsToggleV2_extends() { return AnnotationsToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, AnnotationsToggleV2_extends.apply(null, arguments); }
 
 
@@ -57750,7 +58112,7 @@ function AnnotationsToggleV2(props, ref) {
   const toggleProps = {
     ref,
     'aria-expanded': isActive,
-    'aria-label': "Comment and markup",
+    'aria-label': AnnotationsToggleV2_('annotation_tools'),
     'data-resin-target': 'annotations',
     'data-testid': 'bp-AnnotationsControls-toggleBtn',
     icon: annotationModeIcons[isActive ? annotationMode : resumeMode]
@@ -57760,7 +58122,7 @@ function AnnotationsToggleV2(props, ref) {
   const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsTargetedTooltip, {
     isEnabled: modes.includes(AnnotationMode.REGION) && !!experiences.tooltipFlowAnnotationsExperience
   }, /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: "Comment and markup"
+    content: AnnotationsToggleV2_('annotation_tools')
   }, toggle));
   if (props.buttonType === 'icon') {
     const {
@@ -57787,18 +58149,19 @@ function AnnotationsToggleV2(props, ref) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.tsx
+/* provided dependency */ var ColorPickerControlV2_ = __webpack_require__(441)["Tl"];
 
 
 
 
 
 const getColorLabels = () => ({
-  [AnnotationColor.BOX_BLUE]: "Blue",
-  [AnnotationColor.GREEN_LIGHT]: "Green",
-  [AnnotationColor.WATERMELON_RED]: "Red",
-  [AnnotationColor.YELLORANGE]: "Orange",
-  [AnnotationColor.YELLOW]: "Yellow",
-  [AnnotationColor.GRIMACE]: "Purple"
+  [AnnotationColor.BOX_BLUE]: ColorPickerControlV2_('drawing_color_blue'),
+  [AnnotationColor.GREEN_LIGHT]: ColorPickerControlV2_('drawing_color_green'),
+  [AnnotationColor.WATERMELON_RED]: ColorPickerControlV2_('drawing_color_red'),
+  [AnnotationColor.YELLORANGE]: ColorPickerControlV2_('drawing_color_orange'),
+  [AnnotationColor.YELLOW]: ColorPickerControlV2_('drawing_color_yellow'),
+  [AnnotationColor.GRIMACE]: ColorPickerControlV2_('drawing_color_purple')
 });
 function ColorPickerControlV2({
   activeColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
@@ -57810,12 +58173,13 @@ function ColorPickerControlV2({
     className: "bp-ColorPickerControlV2",
     "data-testid": "bp-color-picker-control"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Grid, {
-    "aria-label": "Drawing color",
+    "aria-label": ColorPickerControlV2_('drawing_color'),
     columns: colors.length
   }, colors.map(color => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Option.ColorCircle, {
     key: color,
     active: color === activeColor,
     "aria-label": colorLabels[color] || color,
+    className: "bp-ColorPickerControlV2-swatch",
     color: color,
     "data-resin-target": "colorSelect",
     onClick: () => onColorSelect(color)
@@ -57824,6 +58188,7 @@ function ColorPickerControlV2({
 ;// external "@box/blueprint-web-assets/icons/Medium/Search"
 
 ;// ./src/lib/viewers/controls/findbar/FindBarToggleV2.tsx
+/* provided dependency */ var FindBarToggleV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57834,9 +58199,9 @@ function FindBarToggleV2({
     return null;
   }
   return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Toggle findbar"
+    content: FindBarToggleV2_('toggle_findbar')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Toggle findbar",
+    "aria-label": FindBarToggleV2_('toggle_findbar'),
     "data-resin-target": "findBar",
     onClick: ({
       currentTarget
@@ -57845,46 +58210,10 @@ function FindBarToggleV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
-
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
-
-;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
-const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
-function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
-function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-function FullscreenToggleV2(_ref) {
-  let {
-      onFullscreenToggle
-    } = _ref,
-    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
-  const isFullscreen = useFullscreen();
-  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
-  const label = isFullscreen ? "Exit fullscreen" : "Enter fullscreen";
-  const handleClick = ({
-    currentTarget
-  }) => {
-    onFullscreenToggle(!isFullscreen, currentTarget);
-  };
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: label
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
-    "aria-label": label,
-    "data-resin-target": "fullscreen",
-    onClick: handleClick
-  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: icon
-  })));
-}
 ;// external "@box/blueprint-web-assets/icons/Medium/GridView"
 
 ;// ./src/lib/viewers/controls/gallery/GalleryToggleV2.tsx
+/* provided dependency */ var GalleryToggleV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57901,9 +58230,9 @@ function GalleryToggleV2({
     type: "multiple",
     value: isGalleryOpen ? ['gallery'] : []
   }, /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: "Gallery view"
+    content: GalleryToggleV2_('gallery_view')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
-    "aria-label": "Gallery view",
+    "aria-label": GalleryToggleV2_('gallery_view'),
     "data-bp-gallery-toggle": "",
     "data-resin-target": "galleryView",
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_GridView_ac92b674_default__,
@@ -57918,6 +58247,7 @@ function GalleryToggleV2({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/page/PageControlsFormV2.tsx
+/* provided dependency */ var PageControlsFormV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -57993,7 +58323,7 @@ function PageControlsFormV2({
     className: "bp-PageControlsFormV2-input"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Input, {
     ref: inputElRef,
-    "aria-label": "Click to enter page number",
+    "aria-label": PageControlsFormV2_('enter_page_num'),
     "data-resin-target": "pageNumberInput",
     "data-testid": "bp-PageControlsForm-input",
     inputMode: "numeric",
@@ -58004,7 +58334,7 @@ function PageControlsFormV2({
     size: 3,
     value: inputValue
   })) : /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Click to enter page number"
+    content: PageControlsFormV2_('enter_page_num')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
     ref: buttonElRef,
     "data-resin-target": "pageNumberOpen",
@@ -58015,10 +58345,12 @@ function PageControlsFormV2({
     className: "bp-PageControlsFormV2-button-label",
     "data-testid": "bp-PageControlsForm-button-label"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-    as: "span"
+    as: "span",
+    color: "textOnDarkDefault"
   }, `${pageNumber} / ${pageCount}`)))));
 }
 ;// ./src/lib/viewers/controls/page/PageControlsV2.tsx
+/* provided dependency */ var PageControlsV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -58034,9 +58366,9 @@ function PageControlsV2({
     return null;
   }
   return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Previous page"
+    content: PageControlsV2_('previous_page')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Previous page",
+    "aria-label": PageControlsV2_('previous_page'),
     "data-resin-target": "pagePrevious",
     "data-testid": "bp-PageControls-previous",
     disabled: pageNumber === 1,
@@ -58048,9 +58380,9 @@ function PageControlsV2({
     pageCount: pageCount,
     pageNumber: pageNumber
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Next page"
+    content: PageControlsV2_('next_page')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Next page",
+    "aria-label": PageControlsV2_('next_page'),
     "data-resin-target": "pageNext",
     "data-testid": "bp-PageControls-next",
     disabled: pageNumber === pageCount,
@@ -58062,6 +58394,7 @@ function PageControlsV2({
 ;// external "@box/blueprint-web-assets/icons/Medium/RotateLeft"
 
 ;// ./src/lib/viewers/controls/rotate/RotateControlV2.tsx
+/* provided dependency */ var RotateControlV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -58069,9 +58402,9 @@ function RotateControlV2({
   onRotateLeft
 }) {
   return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Rotate left"
+    content: RotateControlV2_('rotate_left')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Rotate left",
+    "aria-label": RotateControlV2_('rotate_left'),
     "data-resin-target": "rotate",
     onClick: onRotateLeft
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
@@ -58086,6 +58419,7 @@ function RotateControlV2({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/sidebar/ThumbnailsToggleV2.tsx
+/* provided dependency */ var ThumbnailsToggleV2_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -58106,66 +58440,15 @@ function ThumbnailsToggleV2({
     type: "multiple",
     value: isThumbnailsOpen ? ['thumbnails'] : []
   }, /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: "Toggle thumbnails"
+    content: ThumbnailsToggleV2_('toggle_thumbnails')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
     "aria-expanded": isThumbnailsOpen,
-    "aria-label": "Toggle thumbnails",
+    "aria-label": ThumbnailsToggleV2_('toggle_thumbnails'),
     "data-resin-target": "thumbnails",
     icon: isThumbnailsOpen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Nav_ae6d790f_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__,
     value: "thumbnails"
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Minus"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Plus"
-
-;// ./src/lib/viewers/controls/zoom/ZoomControlsV2.tsx
-
-
-
-
-
-
-function ZoomControlsV2({
-  maxScale = MAX_SCALE,
-  minScale = MIN_SCALE,
-  onZoomIn,
-  onZoomOut,
-  resinTargetZoomIn = 'zoomIn',
-  resinTargetZoomOut = 'zoomOut',
-  scale = 1
-}) {
-  const currentScale = Math.round((scale + Number.EPSILON) * 100) / 100;
-  const maxScaleValue = isFinite_default()(maxScale) ? Math.min(maxScale, MAX_SCALE) : MAX_SCALE;
-  const minScaleValue = isFinite_default()(minScale) ? Math.max(minScale, MIN_SCALE) : MIN_SCALE;
-  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Zoom out"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Zoom out",
-    "data-resin-target": resinTargetZoomOut,
-    "data-testid": "bp-ZoomControls-out",
-    disabled: currentScale <= minScaleValue,
-    onClick: onZoomOut
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
-  }))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-    as: "span",
-    color: "textOnLightSecondary",
-    "data-testid": "bp-ZoomControls-current",
-    title: "Current zoom level",
-    variant: "bodyDefaultSemibold"
-  }, `${Math.round(currentScale * 100)}%`), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: "Zoom in"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
-    "aria-label": "Zoom in",
-    "data-resin-target": resinTargetZoomIn,
-    "data-testid": "bp-ZoomControls-in",
-    disabled: currentScale >= maxScaleValue,
-    onClick: onZoomIn
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
-  }))));
-}
 ;// ./src/lib/viewers/doc/DocControlsV2.tsx
 
 
@@ -58239,7 +58522,7 @@ function DocControlsV2({
   };
   return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
     experiences: experiences
-  }, /*#__PURE__*/external_react_["default"].createElement(ControlsBarV2, null, !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
     isThumbnailsOpen: isThumbnailsOpen,
     onThumbnailsToggle: onThumbnailsToggle
   }), /*#__PURE__*/external_react_["default"].createElement(FindBarToggleV2, {
@@ -58291,6 +58574,7 @@ const arrow_drop_up_namespaceObject = "<svg viewBox=\"-11 13 24 24\" focusable=\
 ;// ./src/lib/icons/arrow_drop_down.svg
 const arrow_drop_down_namespaceObject = "<svg viewBox=\"-11 13 24 24\" focusable=\"false\">\n  <path class=\"icon\" fill=\"#494949\" d=\"M-4 23l5 5 5-5H-4z\"/>\n  <path fill=\"none\" d=\"M-11 13h24v24h-24V13z\"/>\n</svg>\n";
 ;// ./src/lib/viewers/doc/DocFindBar.js
+/* provided dependency */ var DocFindBar_ = __webpack_require__(441)["Tl"];
 function DocFindBar_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function DocFindBar_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? DocFindBar_ownKeys(Object(t), !0).forEach(function (r) { DocFindBar_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : DocFindBar_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DocFindBar_defineProperty(e, r, t) { return (r = DocFindBar_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -58372,7 +58656,7 @@ class DocFindBar extends (events_default()) {
     // Find input field
     this.findFieldEl = document.createElement('input');
     this.findFieldEl.classList.add('bp-doc-find-field');
-    this.findFieldEl.setAttribute('aria-label', "Search input");
+    this.findFieldEl.setAttribute('aria-label', DocFindBar_('find_label'));
     this.findBarEl.appendChild(this.findFieldEl);
 
     // Match Results Count
@@ -58388,11 +58672,11 @@ class DocFindBar extends (events_default()) {
    * @return {void}
    */
   createFindButtons() {
-    const findPreviousLabel = "Find previous";
+    const findPreviousLabel = DocFindBar_('find_previous');
     const findPreviousButton = `<button class="bp-doc-find-prev" title="${findPreviousLabel}" type="button">${arrow_drop_up_namespaceObject}</button>`.trim();
-    const findNextLabel = "Find next";
+    const findNextLabel = DocFindBar_('find_next');
     const findNextButton = `<button class="bp-doc-find-next" title="${findNextLabel}" type="button">${arrow_drop_down_namespaceObject}</button>`.trim();
-    const findCloseLabel = "Close";
+    const findCloseLabel = DocFindBar_('find_close');
     const findCloseButton = `<button class="bp-doc-find-close" title="${findCloseLabel}" type="button">${close_namespaceObject}</button>`.trim();
     this.findButtonContainerEl = document.createElement('span');
     this.findButtonContainerEl.classList.add('bp-doc-find-controls');
@@ -59118,10 +59402,10 @@ class Thumbnail {
   }
 
   /**
-   * Make a thumbnail image element
+   * Gets the cached thumbnail entry for an item
    *
    * @param {number} itemIndex - the item index for the overall list (0 indexed)
-   * @return {Promise} - promise reolves with the image HTMLElement or null if generation is in progress
+   * @return {{ image?: HTMLElement, inProgress: boolean } | null} - the cache entry, or null if none exists
    */
   getImageFromCache(itemIndex) {
     return this.thumbnailImageCache?.get(itemIndex) || null;
@@ -59588,6 +59872,7 @@ function useGalleryPinch({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/gallery/GalleryGrid.tsx
+/* provided dependency */ var GalleryGrid_ = __webpack_require__(441)["Tl"];
 function GalleryGrid_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function GalleryGrid_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? GalleryGrid_ownKeys(Object(t), !0).forEach(function (r) { GalleryGrid_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : GalleryGrid_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function GalleryGrid_defineProperty(e, r, t) { return (r = GalleryGrid_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -59627,7 +59912,7 @@ const GalleryTile = /*#__PURE__*/external_react_["default"].memo(function Galler
     // eslint-disable-next-line jsx-a11y/click-events-have-key-events
     external_react_["default"].createElement("div", {
       "aria-colindex": ariaColIndex,
-      "aria-label": (0,util/* replacePlaceholders */.Lb)("Page {1}", [String(pageNum)]),
+      "aria-label": (0,util/* replacePlaceholders */.Lb)(GalleryGrid_('page_gallery_tile'), [String(pageNum)]),
       "aria-selected": isFocused,
       className: `bp-gallery-tile${isFocused ? ' bp-gallery-tile--selected' : ''}`,
       "data-page": pageNum,
@@ -60175,7 +60460,7 @@ function GalleryGrid({
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     ref: gridRef,
     "aria-colcount": isAriaGridEnabled ? columnCount : undefined,
-    "aria-label": "Page gallery",
+    "aria-label": GalleryGrid_('page_gallery'),
     "aria-rowcount": isAriaGridEnabled ? getRowCount(pageCount, columnCount) : undefined,
     className: "bp-gallery-grid",
     onFocus: handleGridFocus,
@@ -61824,6 +62109,156 @@ class ThumbnailsSidebar {
   }
 }
 /* harmony default export */ const lib_ThumbnailsSidebar = (ThumbnailsSidebar);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
+;// ./src/lib/ThumbnailsSidebarV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/ThumbnailsSidebarV2.tsx
+/* provided dependency */ var ThumbnailsSidebarV2_ = __webpack_require__(441)["Tl"];
+function ThumbnailsSidebarV2_defineProperty(e, r, t) { return (r = ThumbnailsSidebarV2_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function ThumbnailsSidebarV2_toPropertyKey(t) { var i = ThumbnailsSidebarV2_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function ThumbnailsSidebarV2_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+
+const CLASS_SIDEBAR = 'bp-ThumbnailsSidebarV2';
+const CLASS_ITEM = 'bp-ThumbnailsSidebarV2-item';
+const CLASS_ITEM_SELECTED = 'bp-ThumbnailsSidebarV2-item--selected';
+const CLASS_OVERLAY = 'bp-ThumbnailsSidebarV2-overlay';
+const CLASS_PAGE = 'bp-ThumbnailsSidebarV2-page';
+const ThumbnailOverlay = /*#__PURE__*/external_react_["default"].memo(function ThumbnailOverlay({
+  pageNumber
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-ThumbnailsSidebarV2-ghost"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Ghost, {
+    borderRadius: tokens_.bpRadius03,
+    "data-testid": "bp-ThumbnailsSidebarV2-ghost",
+    height: "100%",
+    variant: "rectangle",
+    width: "100%"
+  })), /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-ThumbnailsSidebarV2-pageNumber"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    color: "textOnDarkDefault",
+    variant: "bodyDefault"
+  }, `${pageNumber}`)));
+});
+function setSelected(thumbnailEl, isSelected) {
+  thumbnailEl.classList.toggle(CLASS_ITEM_SELECTED, isSelected);
+  if (isSelected) {
+    thumbnailEl.setAttribute('aria-current', 'true');
+  } else {
+    thumbnailEl.removeAttribute('aria-current');
+  }
+}
+const getPageNumber = thumbnailEl => parseInt(thumbnailEl.dataset.bpPageNum || '', 10);
+class ThumbnailsSidebarV2 extends lib_ThumbnailsSidebar {
+  constructor(element, pdfViewer, preloader) {
+    super(element, pdfViewer, preloader);
+    ThumbnailsSidebarV2_defineProperty(this, "overlayRoot", (0,client_.createRoot)(document.createElement('div')));
+    ThumbnailsSidebarV2_defineProperty(this, "isOverlayRenderPending", false);
+    ThumbnailsSidebarV2_defineProperty(this, "isDestroyed", false);
+    element.classList.add(CLASS_SIDEBAR);
+  }
+  destroy() {
+    this.isDestroyed = true;
+    this.overlayRoot.unmount();
+    this.anchorEl.classList.remove(CLASS_SIDEBAR);
+    super.destroy();
+  }
+  applyCurrentPageSelection() {
+    this.currentThumbnails.forEach(thumbnailEl => {
+      if (thumbnailEl) {
+        setSelected(thumbnailEl, getPageNumber(thumbnailEl) === this.currentPage);
+      }
+    });
+  }
+  createPlaceholderThumbnail(itemIndex) {
+    const pageNumber = itemIndex + 1;
+    const thumbnailEl = document.createElement('div');
+    thumbnailEl.className = CLASS_ITEM;
+    thumbnailEl.dataset.bpPageNum = `${pageNumber}`;
+    thumbnailEl.setAttribute('role', 'button');
+    thumbnailEl.setAttribute('aria-label', (0,util/* replacePlaceholders */.Lb)(ThumbnailsSidebarV2_('page_gallery_tile'), [`${pageNumber}`]));
+    const overlayEl = document.createElement('span');
+    overlayEl.className = CLASS_OVERLAY;
+    overlayEl.setAttribute('aria-hidden', 'true');
+    thumbnailEl.appendChild(overlayEl);
+
+    // Must stay last: ThumbnailsSidebar appends page images to lastChild.
+    const pageEl = document.createElement('div');
+    pageEl.className = CLASS_PAGE;
+    thumbnailEl.appendChild(pageEl);
+    setSelected(thumbnailEl, pageNumber === this.currentPage);
+    const cachedImage = this.thumbnail.getImageFromCache(itemIndex);
+    if (cachedImage?.image && !cachedImage.inProgress) {
+      pageEl.appendChild(cachedImage.image);
+      thumbnailEl.classList.add(CLASS_BOX_PREVIEW_THUMBNAIL_IMAGE_LOADED);
+    }
+    this.currentThumbnails.push(thumbnailEl);
+    this.renderOverlays();
+    return thumbnailEl;
+  }
+  generateThumbnailImages(listInfo) {
+    super.generateThumbnailImages(listInfo);
+    this.renderOverlays();
+  }
+  refresh() {
+    const result = super.refresh();
+    this.renderOverlays();
+    return result;
+  }
+  thumbnailClickHandler(event) {
+    const thumbnailEl = event.target.closest(`.${CLASS_ITEM}`);
+    if (!thumbnailEl) {
+      return;
+    }
+    if (this.onThumbnailSelect) {
+      this.onThumbnailSelect(getPageNumber(thumbnailEl));
+    }
+    this.anchorEl.focus();
+    event.preventDefault();
+    event.stopImmediatePropagation();
+  }
+  renderOverlays() {
+    if (this.isDestroyed || this.isOverlayRenderPending) {
+      return;
+    }
+    this.isOverlayRenderPending = true;
+    // Waits for VirtualScroller to attach the rows it is building.
+    queueMicrotask(() => {
+      this.isOverlayRenderPending = false;
+      this.flushOverlays();
+    });
+  }
+  flushOverlays() {
+    if (this.isDestroyed) {
+      return;
+    }
+    const portals = this.currentThumbnails.map(thumbnailEl => {
+      const hostEl = thumbnailEl?.isConnected && thumbnailEl.querySelector(`.${CLASS_OVERLAY}`);
+      if (!thumbnailEl || !hostEl) {
+        return null;
+      }
+      const pageNumber = getPageNumber(thumbnailEl);
+      return /*#__PURE__*/(0,external_react_dom_.createPortal)(/*#__PURE__*/external_react_["default"].createElement(ThumbnailOverlay, {
+        pageNumber: pageNumber
+      }), hostEl, `${pageNumber}`);
+    });
+    this.overlayRoot.render(/*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+      container: this.anchorEl
+    }, portals));
+  }
+}
 ;// ./src/lib/viewers/doc/docAssets.js
 
 const docAssets_STATIC_URI = `third-party/doc/${constants/* DOC_STATIC_ASSETS_VERSION */.r8}`;
@@ -61838,6 +62273,7 @@ const EXIF_READER = [`${EXIF_URI}/exif-reader.min.js`];
 const docAssets_CSS = [`${docAssets_STATIC_URI}/pdf_viewer.min.css`];
 const PRELOAD_JS = [WORKER];
 ;// ./src/lib/viewers/doc/DocBaseViewer.js
+/* provided dependency */ var DocBaseViewer_ = __webpack_require__(441)["Tl"];
 function DocBaseViewer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function DocBaseViewer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? DocBaseViewer_ownKeys(Object(t), !0).forEach(function (r) { DocBaseViewer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : DocBaseViewer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function DocBaseViewer_defineProperty(e, r, t) { return (r = DocBaseViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -61866,6 +62302,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
 
 
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -61986,7 +62423,7 @@ class DocBaseViewer extends viewers_BaseViewer {
     super.setup();
     this.docFirstPagesEnabled = this.featureEnabled(DOC_FIRST_PAGES_ENABLED);
     this.docEl = this.createViewer(document.createElement('div'));
-    this.docEl.setAttribute('aria-label', "Document Viewer");
+    this.docEl.setAttribute('aria-label', DocBaseViewer_('document_label'));
     this.docEl.classList.add('bp-doc');
     this.docEl.tabIndex = '0';
     if (lib_Browser.getName() === 'Safari') {
@@ -62010,7 +62447,7 @@ class DocBaseViewer extends viewers_BaseViewer {
       this.thumbnailsSidebarEl = document.createElement('nav');
       this.thumbnailsSidebarEl.className = `${constants/* CLASS_BOX_PREVIEW_THUMBNAILS_CONTAINER */.Kb}`;
       this.thumbnailsSidebarEl.setAttribute('data-testid', 'thumbnails-sidebar');
-      this.thumbnailsSidebarEl.setAttribute('aria-label', "Page thumbnails");
+      this.thumbnailsSidebarEl.setAttribute('aria-label', DocBaseViewer_('thumbnail_label'));
       this.thumbnailsSidebarEl.tabIndex = 0;
       this.rootEl.insertBefore(this.thumbnailsSidebarEl, this.containerEl);
     }
@@ -62263,7 +62700,7 @@ class DocBaseViewer extends viewers_BaseViewer {
     } = this.options;
     const isWatermarked = file && file.watermark_info && file.watermark_info.is_watermarked;
     if (assets) {
-      if (this.featureEnabled('useNpmPdfjs') || isNpmBuild()) {
+      if (this.featureEnabled('useNpmPdfjs') || (0,isNpmBuild/* isNpmBuild */.w)()) {
         this.prefetchAssets(EXIF_READER, docAssets_CSS);
       } else {
         const ASSETS = this.featureEnabled(DOC_FIRST_PAGES_ENABLED) ? [...JS_NO_EXIF, ...EXIF_READER] : docAssets_JS;
@@ -62313,7 +62750,7 @@ class DocBaseViewer extends viewers_BaseViewer {
   loadViewerAssets({
     isUseNpmPdfjsEnabled = false
   } = {}) {
-    if (isUseNpmPdfjsEnabled || this.featureEnabled('useNpmPdfjs') || isNpmBuild()) {
+    if (isUseNpmPdfjsEnabled || this.featureEnabled('useNpmPdfjs') || (0,isNpmBuild/* isNpmBuild */.w)()) {
       this.loadAssets(EXIF_READER, []);
       // Kick off the dynamic imports so the pdfjs chunks land in cache
       // before per-file load() awaits them. Errors are swallowed; load()
@@ -62490,7 +62927,7 @@ class DocBaseViewer extends viewers_BaseViewer {
 
       // Show print dialog after PRINT_DIALOG_TIMEOUT_MS
       this.printDialogTimeout = setTimeout(() => {
-        this.printPopup.show("Preparing to print...", "Print", () => {
+        this.printPopup.show(DocBaseViewer_('print_loading'), DocBaseViewer_('print'), () => {
           this.printPopup.hide();
           this.browserPrint();
         });
@@ -62508,7 +62945,7 @@ class DocBaseViewer extends viewers_BaseViewer {
     } else {
       // Update popup UI to reflect that print is ready
       this.printPopup.enableButton();
-      this.printPopup.messageEl.textContent = "Ready to print.";
+      this.printPopup.messageEl.textContent = DocBaseViewer_('print_ready');
       this.printPopup.loadingIndicator.classList.add(constants/* CLASS_HIDDEN */.zX);
       this.printPopup.printCheckmark.classList.remove(constants/* CLASS_HIDDEN */.zX);
     }
@@ -62876,13 +63313,13 @@ class DocBaseViewer extends viewers_BaseViewer {
       const isTooManyOps = message === MAX_OPERATIONS_ERROR_MESSAGE;
       let error;
       if (isTooManyOps) {
-        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.VIEWER_TOO_MANY_OPERATIONS, "The file is too complex to display in your browser. Please download it to view.", message);
+        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.VIEWER_TOO_MANY_OPERATIONS, DocBaseViewer_('error_too_many_operations'), message);
       } else if (status === 202) {
-        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.DELETED_REPS, "This preview didn’t load. Please try to open or download the file to view.", {
+        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.DELETED_REPS, DocBaseViewer_('error_refresh'), {
           isRepDeleted: true
         }, message);
       } else {
-        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.CONTENT_DOWNLOAD, "This preview didn’t load because the document may be protected. Please try to open or download the file to view.", message);
+        error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.CONTENT_DOWNLOAD, DocBaseViewer_('error_document'), message);
       }
       this.handleDownloadError(error, pdfUrl);
     });
@@ -63411,7 +63848,8 @@ class DocBaseViewer extends viewers_BaseViewer {
     // if the preloader has initialized the thumbnails sidebar don't reinitialize it when the pdf loads
     // we only need one thumbnail sidebar for both the preloader and the pdfViewer
     if (!this.thumbnailsSidebar) {
-      this.thumbnailsSidebar = new lib_ThumbnailsSidebar(this.thumbnailsSidebarEl, this.pdfViewer, this.preloader);
+      const Sidebar = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed) ? ThumbnailsSidebarV2 : lib_ThumbnailsSidebar;
+      this.thumbnailsSidebar = new Sidebar(this.thumbnailsSidebarEl, this.pdfViewer, this.preloader);
       this.thumbnailsSidebar.init({
         currentPage: this.pdfViewer?.currentPageNumber,
         isOpen: this.shouldThumbnailsBeToggled(),
@@ -65255,6 +65693,7 @@ class DocFirstPreloader extends (events_default()) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/doc/DocumentViewer.js
+/* provided dependency */ var DocumentViewer_ = __webpack_require__(441)["Tl"];
 function DocumentViewer_defineProperty(e, r, t) { return (r = DocumentViewer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function DocumentViewer_toPropertyKey(t) { var i = DocumentViewer_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function DocumentViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -65328,7 +65767,7 @@ class DocumentViewer extends doc_DocBaseViewer {
     } = this.options.file;
     const isOfficeOnlineExtension = OFFICE_ONLINE_EXTENSIONS.includes(extension);
     if (isOfficeOnlineExtension && lib_Browser.isIE()) {
-      this.options.ui.showNotification("This version of Internet Explorer is out of date and the experience may be degraded. Please try switching to a different browser for a better experience.", null, true);
+      this.options.ui.showNotification(DocumentViewer_('error_internet_explorer_office_online'), null, true);
     }
   }
 
@@ -65369,6 +65808,7 @@ class DocumentViewer extends doc_DocBaseViewer {
 }
 /* harmony default export */ const doc_DocumentViewer = (DocumentViewer);
 ;// ./src/lib/viewers/doc/AutoCADViewer.js
+/* provided dependency */ var AutoCADViewer_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -65403,7 +65843,7 @@ class AutoCADViewer extends doc_DocumentViewer {
       [AutoCADViewer_FIELD_HASXREFS]: hasxrefsValue
     }) => {
       if (hasxrefsValue) {
-        this.options.ui.showNotification("This preview has references you cannot view. Open the file in its native application.", null, true);
+        this.options.ui.showNotification(AutoCADViewer_('has_x_refs'), null, true);
         this.emitMetric({
           name: lib_events/* MISSING_EXTERNAL_REFS */.w0,
           data: extension
@@ -66520,6 +66960,7 @@ const gear_24px_namespaceObject = "<svg version=\"1.1\" width=\"24\" height=\"24
 ;// ./src/lib/icons/pause_24px.svg
 const pause_24px_namespaceObject = "<svg fill=\"#fff\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n    <path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"/>\n    <path d=\"M0 0h24v24H0z\" fill=\"none\"/>\n</svg>\n";
 ;// ./src/lib/viewers/box3d/model3d/Model3DControls.js
+/* provided dependency */ var Model3DControls_ = __webpack_require__(441)["Tl"];
 function Model3DControls_defineProperty(e, r, t) { return (r = Model3DControls_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Model3DControls_toPropertyKey(t) { var i = Model3DControls_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function Model3DControls_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -66576,12 +67017,12 @@ class Model3DControls extends box3d_Box3DControls {
   /** @inheritdoc */
   addUi() {
     // Reset button
-    this.resetButtonEl = this.controls.add("Reset", this.handleReset, '', _3D_reset_24px_namespaceObject);
+    this.resetButtonEl = this.controls.add(Model3DControls_('box3d_reset'), this.handleReset, '', _3D_reset_24px_namespaceObject);
 
     // Animation controls
     this.animationClipsPullup.addListener(EVENT_SELECT_ANIMATION_CLIP, this.handleSelectAnimationClip);
-    this.animationToggleEl = this.controls.add("Play/pause animation", this.handleToggleAnimation, '', play_24px_namespaceObject);
-    this.animationClipButtonEl = this.controls.add("Animation clips", this.handleToggleAnimationClips, '', animation_24px_namespaceObject);
+    this.animationToggleEl = this.controls.add(Model3DControls_('box3d_toggle_animation'), this.handleToggleAnimation, '', play_24px_namespaceObject);
+    this.animationClipButtonEl = this.controls.add(Model3DControls_('box3d_animation_clips'), this.handleToggleAnimationClips, '', animation_24px_namespaceObject);
     this.animationClipButtonEl.parentNode.appendChild(this.animationClipsPullup.pullupEl);
     this.hideAnimationControls();
 
@@ -66595,7 +67036,7 @@ class Model3DControls extends box3d_Box3DControls {
     this.settingsPullup.addListener(EVENT_SET_GRID_VISIBLE, this.handleSetGridVisible);
     this.settingsPullup.addListener(EVENT_SET_CAMERA_PROJECTION, this.handleSetCameraProjection);
     this.settingsPullup.addListener(EVENT_ROTATE_ON_AXIS, this.handleAxisRotation);
-    this.settingsButtonEl = this.controls.add("Settings", this.handleToggleSettings, '', gear_24px_namespaceObject);
+    this.settingsButtonEl = this.controls.add(Model3DControls_('box3d_settings'), this.handleToggleSettings, '', gear_24px_namespaceObject);
     this.settingsButtonEl.parentNode.appendChild(this.settingsPullup.pullupEl);
 
     // Fullscreen button
@@ -66852,6 +67293,7 @@ function IconAnimation24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/box3d/AnimationClipsToggle.tsx
+/* provided dependency */ var AnimationClipsToggle_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -66864,7 +67306,7 @@ function AnimationClipsToggle(props, ref) {
     className: "bp-AnimationClipsToggle",
     "data-resin-target": "animationClips",
     onClick: onClick,
-    title: "Animation clips",
+    title: AnimationClipsToggle_('box3d_animation_clips'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconAnimation24, null));
 }
@@ -66987,6 +67429,7 @@ function RotateAxisControl({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/box3d/RotateAxisControls.tsx
+/* provided dependency */ var RotateAxisControls_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -66998,7 +67441,7 @@ function RotateAxisControls({
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-RotateAxisControls-label",
     "data-testid": "bp-rotate-axis-controls-label"
-  }, "Rotate Model"), /*#__PURE__*/external_react_["default"].createElement("div", {
+  }, RotateAxisControls_('box3d_settings_rotate_label')), /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-RotateAxisControls-controls"
   }, /*#__PURE__*/external_react_["default"].createElement(RotateAxisControl, {
     axis: "x",
@@ -67018,6 +67461,7 @@ function RotateAxisControls({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/box3d/Model3DSettings.tsx
+/* provided dependency */ var Model3DSettings_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -67035,27 +67479,27 @@ let RenderMode = /*#__PURE__*/function (RenderMode) {
   RenderMode["UV_OVERLAY"] = "UV Overlay";
   return RenderMode;
 }({});
-const cameraProjectionOptions = [{
-  label: "Perspective",
+const getCameraProjectionOptions = () => [{
+  label: Model3DSettings_('box3d_camera_projection_perspective'),
   value: CameraProjection.PERSPECTIVE
 }, {
-  label: "Orthographic",
+  label: Model3DSettings_('box3d_camera_projection_orthographic'),
   value: CameraProjection.ORTHOGRAPHIC
 }];
-const renderModeOptions = [{
-  label: "Lit",
+const getRenderModeOptions = () => [{
+  label: Model3DSettings_('box3d_render_mode_lit'),
   value: RenderMode.LIT
 }, {
-  label: "Unlit",
+  label: Model3DSettings_('box3d_render_mode_unlit'),
   value: RenderMode.UNLIT
 }, {
-  label: "Normals",
+  label: Model3DSettings_('box3d_render_mode_normals'),
   value: RenderMode.NORMALS
 }, {
-  label: "Shape",
+  label: Model3DSettings_('box3d_render_mode_shape'),
   value: RenderMode.SHAPE
 }, {
-  label: "UV Overlay",
+  label: Model3DSettings_('box3d_render_mode_uv_overlay'),
   value: RenderMode.UV_OVERLAY
 }];
 function Model3DSettings({
@@ -67081,25 +67525,25 @@ function Model3DSettings({
     className: "bp-Model3DSettings-menu",
     name: SettingsContext/* Menu */.W.MAIN
   }, /*#__PURE__*/external_react_["default"].createElement(settings_Settings/* default */.A.Dropdown, {
-    label: "Render mode",
-    listItems: renderModeOptions,
+    label: Model3DSettings_('box3d_settings_render_label'),
+    listItems: getRenderModeOptions(),
     onSelect: onRenderModeChange,
     value: renderMode
   }), /*#__PURE__*/external_react_["default"].createElement(settings_Settings/* default */.A.CheckboxItem, {
     isChecked: showGrid,
-    label: "Show grid",
+    label: Model3DSettings_('box3d_settings_grid_label'),
     onChange: onShowGridToggle
   }), /*#__PURE__*/external_react_["default"].createElement(settings_Settings/* default */.A.CheckboxItem, {
     isChecked: showWireframes,
-    label: "Show wireframes",
+    label: Model3DSettings_('box3d_settings_wireframes_label'),
     onChange: onShowWireframesToggle
   }), /*#__PURE__*/external_react_["default"].createElement(settings_Settings/* default */.A.CheckboxItem, {
     isChecked: showSkeletons,
-    label: "Show skeletons",
+    label: Model3DSettings_('box3d_settings_skeletons_label'),
     onChange: onShowSkeletonsToggle
   }), /*#__PURE__*/external_react_["default"].createElement(settings_Settings/* default */.A.Dropdown, {
-    label: "Camera Projection",
-    listItems: cameraProjectionOptions,
+    label: Model3DSettings_('box3d_settings_projection_label'),
+    listItems: getCameraProjectionOptions(),
     onSelect: onCameraProjectionChange,
     value: cameraProjection
   }), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControls, {
@@ -67124,6 +67568,7 @@ function IconReset24(props) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/controls/box3d/ResetControl.tsx
+/* provided dependency */ var ResetControl_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -67137,7 +67582,7 @@ function ResetControl({
     className: "bp-ResetControl",
     "data-resin-target": "resetView",
     onClick: handleClick,
-    title: "Reset",
+    title: ResetControl_('box3d_reset'),
     type: "button"
   }, /*#__PURE__*/external_react_["default"].createElement(icons_IconReset24, null));
 }
@@ -67473,6 +67918,7 @@ function sceneEntities(prefix) {
 }
 /* harmony default export */ const model3d_SceneEntities = (sceneEntities);
 ;// ./src/lib/viewers/box3d/model3d/Model3DRenderer.js
+/* provided dependency */ var Model3DRenderer_ = __webpack_require__(441)["Tl"];
 function Model3DRenderer_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function Model3DRenderer_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Model3DRenderer_ownKeys(Object(t), !0).forEach(function (r) { Model3DRenderer_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Model3DRenderer_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Model3DRenderer_defineProperty(e, r, t) { return (r = Model3DRenderer_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -67802,7 +68248,7 @@ class Model3DRenderer extends box3d_Box3DRenderer {
    * @return {void}
    */
   onUnsupportedRepresentation() {
-    this.emit('error', new Error("This preview didn’t load because the file type is unsupported. Please try to open or download the file to view."));
+    this.emit('error', new Error(Model3DRenderer_('error_unsupported')));
   }
 
   /**
@@ -68578,6 +69024,7 @@ class Model3DViewer extends box3d_Box3DViewer {
 }
 /* harmony default export */ const model3d_Model3DViewer = (Model3DViewer);
 ;// ./src/lib/viewers/box3d/model3d/Model3DLoader.js
+/* provided dependency */ var Model3DLoader_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -68607,7 +69054,7 @@ class Model3DLoader extends viewers_AssetLoader {
   determineViewer(file, disabledViewers = []) {
     const viewer = super.determineViewer(file, disabledViewers);
     if (viewer && !lib_Browser.supportsModel3D()) {
-      const message = (0,util/* replacePlaceholders */.Lb)("Your browser doesn’t support preview for {1}. Please try to open or download the file to view.", ["3D models"]);
+      const message = (0,util/* replacePlaceholders */.Lb)(Model3DLoader_('error_browser_unsupported'), [Model3DLoader_('3d_models')]);
       throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BROWSER_UNSUPPORTED, message, {
         file
       });
@@ -68700,6 +69147,7 @@ class IFrameLoader extends viewers_AssetLoader {
 // EXTERNAL MODULE: ./src/lib/Location.js
 var Location = __webpack_require__(968);
 ;// ./src/lib/viewers/office/OfficeViewer.js
+/* provided dependency */ var OfficeViewer_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -68792,7 +69240,7 @@ class OfficeViewer extends viewers_BaseViewer {
 
       // Show print dialog after PRINT_DIALOG_TIMEOUT_MS
       this.printDialogTimeout = setTimeout(() => {
-        this.printPopup.show("Preparing to print...", "Print", () => {
+        this.printPopup.show(OfficeViewer_('print_loading'), OfficeViewer_('print'), () => {
           this.printPopup.hide();
           this.browserPrint();
         });
@@ -68808,11 +69256,11 @@ class OfficeViewer extends viewers_BaseViewer {
       clearTimeout(this.printDialogTimeout);
       this.browserPrint();
     } else if (this.printPopup instanceof PrintModalRoot) {
-      this.printPopup.showReady("Ready to print.");
+      this.printPopup.showReady(OfficeViewer_('print_ready'));
     } else {
       // Update popup UI to reflect that print is ready
       this.printPopup.enableButton();
-      this.printPopup.messageEl.textContent = "Ready to print.";
+      this.printPopup.messageEl.textContent = OfficeViewer_('print_ready');
       this.printPopup.loadingIndicator.classList.add(constants/* CLASS_HIDDEN */.zX);
       this.printPopup.printCheckmark.classList.remove(constants/* CLASS_HIDDEN */.zX);
     }
@@ -69166,7 +69614,11 @@ swf_SWFLoader, video360_Video360Loader, media_MediaLoader, image360_Image360Load
 
 ;// external "@box/blueprint-web-assets/icons/Medium/Trash"
 
+;// ./src/lib/ComparisonBanner.scss
+// extracted by mini-css-extract-plugin
+
 ;// ./src/lib/ComparisonBanner.tsx
+/* provided dependency */ var ComparisonBanner_ = __webpack_require__(441)["Tl"];
 function ComparisonBanner_defineProperty(e, r, t) { return (r = ComparisonBanner_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ComparisonBanner_toPropertyKey(t) { var i = ComparisonBanner_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function ComparisonBanner_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -69180,6 +69632,7 @@ function ComparisonBanner_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 
 
+
 function formatComparisonTimestamp(iso, locale) {
   if (!iso) {
     return '';
@@ -69218,7 +69671,7 @@ function ComparisonBanner({
   return /*#__PURE__*/external_react_["default"].createElement("div", {
     className: isComparedPreview ? `${constants/* CLASS_BOX_PREVIEW_VERSION_BANNER */.on} ${constants/* CLASS_BOX_PREVIEW_VERSION_BANNER_COMPARED */.Uj}` : constants/* CLASS_BOX_PREVIEW_VERSION_BANNER */.on
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
-    "aria-label": isComparedPreview ? "Previous version" : "Current version",
+    "aria-label": isComparedPreview ? ComparisonBanner_('comparison_banner_previous') : ComparisonBanner_('comparison_banner_current'),
     className: "bp-version-banner-details",
     role: "status"
   }, versionNumber && /*#__PURE__*/external_react_["default"].createElement("span", {
@@ -69240,7 +69693,7 @@ function ComparisonBanner({
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
     asChild: true
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
-    "aria-label": "More actions",
+    "aria-label": ComparisonBanner_('comparison_banner_actions'),
     "data-target-id": "ComparisonBanner-openActions",
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Ellipsis_9a96c07b_default__,
     size: "small",
@@ -69255,21 +69708,21 @@ function ComparisonBanner({
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Checkmark_52a58454_default__
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
-    label: "Make Current"
+    label: ComparisonBanner_('comparison_banner_make_current')
   })), onDownload && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
     "data-target-id": "ComparisonBanner-download",
     onSelect: onDownload
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Download_0dc63cde_default__
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
-    label: "Download"
+    label: ComparisonBanner_('download')
   })), onOpenFullPreview && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
     "data-target-id": "ComparisonBanner-openFullPreview",
     onSelect: onOpenFullPreview
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Expand_92c6b888_default__
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
-    label: "Open Full Preview"
+    label: ComparisonBanner_('comparison_banner_open_full_preview')
   })), onDelete && (onMakeCurrent || onDownload || onOpenFullPreview) && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null), onDelete && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
     "data-target-id": "ComparisonBanner-delete",
     onSelect: onDelete,
@@ -69277,7 +69730,7 @@ function ComparisonBanner({
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Trash_28211f44_default__
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
-    label: "Delete"
+    label: ComparisonBanner_('comparison_banner_delete')
   })))))));
 }
 class ComparisonBannerRoot {
@@ -69347,6 +69800,7 @@ function ErrorIcon({
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/viewers/error/PreviewErrorViewer.js
+/* provided dependency */ var PreviewErrorViewer_ = __webpack_require__(441)["Tl"];
 
 
 
@@ -69420,7 +69874,7 @@ class PreviewErrorViewer extends viewers_BaseViewer {
    * @return {void}
    */
   load(err) {
-    const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.GENERIC, "This preview didn’t load. Please try to open or download the file to view.", {}, err.message);
+    const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.GENERIC, PreviewErrorViewer_('error_generic'), {}, err.message);
     const {
       displayMessage,
       details,
@@ -69481,7 +69935,7 @@ class PreviewErrorViewer extends viewers_BaseViewer {
     this.downloadBtnEl = this.infoEl.appendChild(document.createElement('button'));
     this.downloadBtnEl.className = 'bp-btn bp-btn-primary';
     this.downloadBtnEl.dataset.testid = 'preview-error-download-btn';
-    this.downloadBtnEl.textContent = "Download";
+    this.downloadBtnEl.textContent = PreviewErrorViewer_('download');
     this.downloadBtnEl.addEventListener('click', this.download);
   }
 
@@ -69584,7 +70038,102 @@ class LoadingIcon {
 }
 ;// ./src/lib/shell.html
 const shell_namespaceObject = "<div class=\"bp-container\">\n    <div class=\"bp-header-container bp-is-hidden\">\n        <div>\n            <span class=\"bp-default-logo\">\n                <svg height=\"25\" width=\"45\" viewBox=\"0 0 98 52\" focusable=\"false\">\n                    <path\n                        d=\"M95.34 44.7c1.1 1.53.8 3.66-.75 4.8-1.56 1.13-3.74.84-4.93-.64l-7.8-10.23-7.82 10.23c-1.2 1.48-3.36 1.77-4.9.63-1.55-1.15-1.87-3.28-.75-4.8l9.06-11.86L68.4 21c-1.1-1.54-.8-3.67.75-4.8 1.55-1.14 3.72-.85 4.9.63l7.82 10.23 7.8-10.23c1.2-1.48 3.38-1.77 4.92-.63 1.52 1.13 1.84 3.26.73 4.8L86.3 32.84l9.04 11.85zM53.9 43.22c-5.86 0-10.6-4.65-10.6-10.4 0-5.72 4.74-10.37 10.6-10.37 5.85 0 10.6 4.65 10.6 10.38 0 5.74-4.75 10.4-10.6 10.4zm-31.23 0c-5.85 0-10.6-4.65-10.6-10.4 0-5.72 4.75-10.37 10.6-10.37 5.86 0 10.6 4.65 10.6 10.38 0 5.74-4.74 10.4-10.6 10.4zm31.22-27.7c-6.78 0-12.66 3.73-15.63 9.2-2.97-5.47-8.84-9.2-15.6-9.2-4 0-7.66 1.3-10.6 3.46V4.38C12.02 2.52 10.45 1 8.53 1 6.6 1 5.03 2.5 5 4.4v28.7c.16 9.43 8 17.03 17.67 17.03 6.77 0 12.64-3.73 15.6-9.2 2.98 5.47 8.86 9.2 15.62 9.2 9.74 0 17.66-7.75 17.66-17.32 0-9.55-7.92-17.3-17.68-17.3z\"\n                    ></path>\n                </svg>\n            </span>\n            <img class=\"bp-is-hidden bp-custom-logo\" />\n            <div class=\"bp-header-btns\">\n                <button\n                    class=\"bp-btn-plain bp-btn-annotate-draw bp-is-hidden\"\n                    data-testid=\"draw-annotation\"\n                    type=\"button\"\n                >\n                    <svg\n                        class=\"bp-btn-annotate-draw-enter\"\n                        width=\"22\"\n                        height=\"21\"\n                        viewBox=\"0 0 14.88 14.88\"\n                        focusable=\"false\"\n                    >\n                        <path\n                            d=\"M11.65,6.64,5.11,13.17.06,14.94,1.83,9.89,8.37,3.35Zm1.41-1.41L9.78,1.94,11.37.35a1,1,0,0,1,1.41,0l1.87,1.87a1,1,0,0,1,0,1.41Z\"\n                            transform=\"translate(-0.06 -0.06)\"\n                            fill-rule=\"evenodd\"\n                        />\n                    </svg>\n                </button>\n                <button\n                    class=\"bp-btn-plain bp-btn-annotate-point bp-is-hidden\"\n                    data-testid=\"point-annotation\"\n                    type=\"button\"\n                >\n                    <svg width=\"22\" height=\"21\" viewBox=\"0 0 22 21\" focusable=\"false\">\n                        <path\n                            d=\"M11 21l-4-4H1.99C.89 17 0 16.11 0 15V2C0 .895.89 0 1.99 0h18.02C21.11 0 22 .89 22 2v13c0 1.105-.89 2-1.99 2H15l-4 4zm-7-9.5c0-.276.228-.5.51-.5h8.98c.282 0 .51.232.51.5 0 .276-.228.5-.51.5H4.51c-.282 0-.51-.232-.51-.5zm0-3c0-.276.23-.5.5-.5h11c.276 0 .5.232.5.5 0 .276-.23.5-.5.5h-11c-.276 0-.5-.232-.5-.5zm0-3c0-.276.22-.5.498-.5h13.004c.275 0 .498.232.498.5 0 .276-.22.5-.498.5H4.498C4.223 6 4 5.768 4 5.5z\"\n                            fill-rule=\"evenodd\"\n                        />\n                    </svg>\n                </button>\n                <button class=\"bp-btn-plain bp-btn-print bp-is-hidden\" data-testid=\"print-preview\" type=\"button\">\n                    <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n                        <path\n                            d=\"M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z\"\n                        />\n                        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                    </svg>\n                </button>\n                <button class=\"bp-btn-plain bp-btn-download bp-is-hidden\" data-testid=\"download-preview\" type=\"button\">\n                    <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" focusable=\"false\">\n                        <path d=\"M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z\" />\n                        <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n                    </svg>\n                </button>\n            </div>\n        </div>\n    </div>\n    <div class=\"bp\" data-testid=\"bp\" tabindex=\"-1\">\n        <div class=\"bp-content\" data-testid=\"bp-content\" tabindex=\"-1\" role=\"region\">\n            <div class=\"bp-loading-wrapper\">\n                <div class=\"bp-loading\">\n                    <div class=\"bp-icon bp-icon-file\"></div>\n                    <div class=\"bp-crawler-wrapper\">\n                        <div class=\"bp-crawler\">\n                            <div></div>\n                            <div></div>\n                            <div></div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <button class=\"bp-btn-plain bp-navigate bp-navigate-left bp-is-hidden\" type=\"button\">\n                <svg viewBox=\"0 0 48 48\" focusable=\"false\">\n                    <path\n                        fill=\"#494949\"\n                        stroke=\"#DCDCDC\"\n                        stroke-miterlimit=\"10\"\n                        d=\"M30.8,33.2L21.7,24l9.2-9.2L28,12L16,24l12,12L30.8,33.2z\"\n                    />\n                    <path display=\"none\" fill=\"none\" d=\"M0,0h48v48H0V0z\" />\n                </svg>\n            </button>\n            <button class=\"bp-btn-plain bp-navigate bp-navigate-right bp-is-hidden\" type=\"button\">\n                <svg viewBox=\"0 0 48 48\" focusable=\"false\">\n                    <path\n                        fill=\"#494949\"\n                        stroke=\"#DCDCDC\"\n                        stroke-miterlimit=\"10\"\n                        d=\"M17.2,14.8l9.2,9.2l-9.2,9.2L20,36l12-12L20,12L17.2,14.8z\"\n                    />\n                    <path display=\"none\" fill=\"none\" d=\"M48,48H0L0,0l48,0V48z\" />\n                </svg>\n            </button>\n        </div>\n    </div>\n</div>\n";
+;// external "@box/blueprint-web-assets/icons/Medium/ChevronLeft"
+
+;// external "@box/blueprint-web-assets/icons/Medium/ChevronRight"
+
+;// ./src/lib/CollectionNavigation.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/CollectionNavigation.tsx
+/* provided dependency */ var CollectionNavigation_ = __webpack_require__(441)["Tl"];
+function CollectionNavigation_defineProperty(e, r, t) { return (r = CollectionNavigation_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function CollectionNavigation_toPropertyKey(t) { var i = CollectionNavigation_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function CollectionNavigation_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+
+
+
+
+
+
+
+
+// Hosts with their own arrows, like box-ui-elements ContentPreview, hide `.bp-navigate`.
+const ARROW_CLASS_NAME = 'bp-navigate bp-CollectionNavigation-arrow';
+function CollectionNavigation({
+  hasNext,
+  hasPrevious,
+  onNext,
+  onPrevious
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, hasPrevious && /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: `${ARROW_CLASS_NAME} bp-CollectionNavigation-previous`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: CollectionNavigation_('previous_file')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": CollectionNavigation_('previous_file'),
+    "data-target-id": "CollectionNavigation-previous",
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronLeft_8bf40851_default__,
+    onClick: onPrevious,
+    size: "large",
+    variant: "high-contrast"
+  }))), hasNext && /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: `${ARROW_CLASS_NAME} bp-CollectionNavigation-next`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: CollectionNavigation_('next_file')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": CollectionNavigation_('next_file'),
+    "data-target-id": "CollectionNavigation-next",
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronRight_619e782c_default__,
+    onClick: onNext,
+    size: "large",
+    variant: "high-contrast"
+  }))));
+}
+class CollectionNavigationRoot {
+  constructor({
+    containerEl,
+    onNext,
+    onPrevious
+  }) {
+    CollectionNavigation_defineProperty(this, "containerEl", void 0);
+    CollectionNavigation_defineProperty(this, "hostEl", void 0);
+    CollectionNavigation_defineProperty(this, "isDestroyed", false);
+    CollectionNavigation_defineProperty(this, "onNext", void 0);
+    CollectionNavigation_defineProperty(this, "onPrevious", void 0);
+    CollectionNavigation_defineProperty(this, "root", void 0);
+    this.containerEl = containerEl;
+    this.onNext = onNext;
+    this.onPrevious = onPrevious;
+    this.hostEl = document.createElement('div');
+    this.hostEl.className = 'bp-CollectionNavigationRoot';
+    containerEl.appendChild(this.hostEl);
+    this.root = (0,client_.createRoot)(this.hostEl);
+  }
+  destroy() {
+    this.isDestroyed = true;
+    this.root.unmount();
+    this.hostEl.remove();
+  }
+  render({
+    hasNext,
+    hasPrevious
+  }) {
+    if (this.isDestroyed) {
+      return;
+    }
+    this.root.render(/*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+      container: this.hostEl
+    }, /*#__PURE__*/external_react_["default"].createElement(CollectionNavigation, {
+      hasNext: hasNext,
+      hasPrevious: hasPrevious,
+      onNext: this.onNext,
+      onPrevious: this.onPrevious
+    })));
+  }
+}
 ;// ./src/lib/PreviewUI.js
+/* provided dependency */ var PreviewUI_ = __webpack_require__(441)["Tl"];
 function PreviewUI_defineProperty(e, r, t) { return (r = PreviewUI_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function PreviewUI_toPropertyKey(t) { var i = PreviewUI_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
 function PreviewUI_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -69593,8 +70142,12 @@ function PreviewUI_toPrimitive(t, r) { if ("object" != typeof t || !t) return t;
 
 
 
+
+
 class PreviewUI {
   constructor() {
+    /** @property {CollectionNavigationRoot} - Blueprint navigation arrows, set only with the supporting UI flag */
+    PreviewUI_defineProperty(this, "collectionNavigation", void 0);
     /** @property {HTMLElement} - Container element */
     PreviewUI_defineProperty(this, "container", void 0);
     /** @property {HTMLElement} - Content container element */
@@ -69626,6 +70179,10 @@ class PreviewUI {
       this.loadingIcon.destroy();
       this.loadingIcon = null;
     }
+    if (this.collectionNavigation) {
+      this.collectionNavigation.destroy();
+      this.collectionNavigation = null;
+    }
     if (this.container) {
       this.container.innerHTML = '';
     }
@@ -69672,6 +70229,9 @@ class PreviewUI {
     this.container = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW_CONTAINER */.xK);
     this.previewContainer = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW */.Vm);
     this.contentContainer = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW_CONTENT */.bE);
+    if (isFeatureEnabled(options.features, constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed)) {
+      this.setupCollectionNavigation();
+    }
 
     // Setup the header, buttons, and theme
     if (options.header !== 'none') {
@@ -69702,8 +70262,8 @@ class PreviewUI {
    * Shows navigation arrows if there is a need
    *
    * @public
-   * @param {number} id - File ID of current preview
-   * @param {number[]} collection - Array of File IDs being previewed
+   * @param {string} id - File ID of current preview
+   * @param {string[]} collection - Array of File IDs being previewed
    * @return {void}
    */
   showNavigation(id, collection) {
@@ -69713,6 +70273,10 @@ class PreviewUI {
     if (!this.container) {
       return;
     }
+    if (this.collectionNavigation) {
+      this.showCollectionNavigation(id, collection);
+      return;
+    }
     const leftNavEl = this.container.querySelector(constants/* SELECTOR_NAVIGATION_LEFT */.HV);
     const rightNavEl = this.container.querySelector(constants/* SELECTOR_NAVIGATION_RIGHT */.Kh);
 
@@ -69722,8 +70286,8 @@ class PreviewUI {
     }
 
     // Set titles
-    leftNavEl.title = "Previous file";
-    rightNavEl.title = "Next file";
+    leftNavEl.title = PreviewUI_('previous_file');
+    rightNavEl.title = PreviewUI_('next_file');
 
     // Hide the arrows by default
     leftNavEl.classList.add(constants/* CLASS_HIDDEN */.zX);
@@ -69764,7 +70328,7 @@ class PreviewUI {
     if (!printButtonEl) {
       return;
     }
-    printButtonEl.title = "Print";
+    printButtonEl.title = PreviewUI_('print');
     printButtonEl.classList.remove(constants/* CLASS_HIDDEN */.zX);
     printButtonEl.addEventListener('click', handler);
   }
@@ -69781,7 +70345,7 @@ class PreviewUI {
     if (!downloadButtonEl) {
       return;
     }
-    downloadButtonEl.title = "Download";
+    downloadButtonEl.title = PreviewUI_('download');
     downloadButtonEl.classList.remove(constants/* CLASS_HIDDEN */.zX);
     downloadButtonEl.addEventListener('click', handler);
   }
@@ -69907,6 +70471,44 @@ class PreviewUI {
     loadingIconEl.parentElement.removeChild(loadingIconEl);
   }
 
+  /**
+   * Replaces the shell's navigation arrows with Blueprint arrows.
+   *
+   * @private
+   * @return {void}
+   */
+  setupCollectionNavigation() {
+    this.contentContainer.querySelectorAll(`${constants/* SELECTOR_NAVIGATION_LEFT */.HV}, ${constants/* SELECTOR_NAVIGATION_RIGHT */.Kh}`).forEach(navEl => navEl.remove());
+    this.collectionNavigation = new CollectionNavigationRoot({
+      containerEl: this.contentContainer,
+      onNext: this.rightHandler,
+      onPrevious: this.leftHandler
+    });
+  }
+
+  /**
+   * Shows the Blueprint arrows for the current file's position in the collection.
+   *
+   * @private
+   * @param {string} id - File ID of current preview
+   * @param {string[]} collection - Array of File IDs being previewed
+   * @return {void}
+   */
+  showCollectionNavigation(id, collection) {
+    const hasNavigation = collection.length > 1;
+    const index = collection.indexOf(id);
+    this.previewContainer.classList.remove(constants/* CLASS_BOX_PREVIEW_HAS_NAVIGATION */.eM);
+    this.previewContainer.removeEventListener('mousemove', this.mousemoveHandler);
+    if (hasNavigation) {
+      this.previewContainer.classList.add(constants/* CLASS_BOX_PREVIEW_HAS_NAVIGATION */.eM);
+      this.previewContainer.addEventListener('mousemove', this.mousemoveHandler);
+    }
+    this.collectionNavigation.render({
+      hasNext: hasNavigation && index < collection.length - 1,
+      hasPrevious: hasNavigation && index > 0
+    });
+  }
+
   /**
    * Sets up the preview header.
    *
@@ -69923,7 +70525,7 @@ class PreviewUI {
     const customLogoEl = headerEl.querySelector(constants/* SELECTOR_BOX_PREVIEW_LOGO_CUSTOM */.Jm);
     headerEl.className = `${constants/* CLASS_BOX_PREVIEW_HEADER */.iL} ${constants/* CLASS_BOX_PREVIEW_BASE_HEADER */.oS}`;
     this.previewContainer.classList.add(constants/* CLASS_BOX_PREVIEW_HAS_HEADER */.P8);
-    defaultLogoEl.setAttribute('aria-label', "Logo");
+    defaultLogoEl.setAttribute('aria-label', PreviewUI_('logo'));
 
     // Setup theme, default is 'light'
     if (headerTheme === 'dark') {
@@ -69933,7 +70535,7 @@ class PreviewUI {
     // Set custom logo
     if (logoUrl) {
       defaultLogoEl.classList.add(constants/* CLASS_HIDDEN */.zX);
-      customLogoEl.setAttribute('alt', "Logo");
+      customLogoEl.setAttribute('alt', PreviewUI_('logo'));
       customLogoEl.src = logoUrl;
       customLogoEl.classList.remove(constants/* CLASS_HIDDEN */.zX);
     }
@@ -70043,6 +70645,7 @@ function getTokens(id, token) {
 // extracted by mini-css-extract-plugin
 
 ;// ./src/lib/Preview.js
+/* provided dependency */ var Preview_ = __webpack_require__(441)["Tl"];
 function Preview_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function Preview_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Preview_ownKeys(Object(t), !0).forEach(function (r) { Preview_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Preview_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function Preview_defineProperty(e, r, t) { return (r = Preview_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -70072,6 +70675,7 @@ function Preview_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; v
 
 
 
+
 
 const DEFAULT_DISABLED_VIEWERS = ['Office']; // viewers disabled by default
 const PREFETCH_COUNT = 4; // number of files to prefetch
@@ -70085,7 +70689,7 @@ const SUPPORT_URL = 'https://support.box.com';
 
 // document.currentScript is this file only while it evaluates.
 let PREVIEW_LOCATION = {};
-if (!isNpmBuild()) {
+if (!(0,isNpmBuild/* isNpmBuild */.w)()) {
   try {
     PREVIEW_LOCATION = (0,util/* findScriptLocation */.Is)(constants/* PREVIEW_SCRIPT_NAME */.Lq, document.currentScript);
   } catch (e) {
@@ -70233,7 +70837,7 @@ class Preview extends (events_default()) {
     // But it cannot be a random object.
     if (token === null || typeof token !== 'object') {
       // npm consumers have no CDN-served pdfjs at runtime; force the bundled npm pdfjs path.
-      const finalOptions = isNpmBuild() ? Preview_objectSpread(Preview_objectSpread({}, options), {}, {
+      const finalOptions = (0,isNpmBuild/* isNpmBuild */.w)() ? Preview_objectSpread(Preview_objectSpread({}, options), {}, {
         features: Preview_objectSpread(Preview_objectSpread({}, options.features || {}), {}, {
           useNpmPdfjs: true
         })
@@ -70600,8 +71204,8 @@ class Preview extends (events_default()) {
    * @return {void}
    */
   download() {
-    const downloadErrorMsg = "This file could not be downloaded.";
-    const downloadErrorDueToPolicyMsg = "The file could not be downloaded due to a security policy.";
+    const downloadErrorMsg = Preview_('notification_cannot_download');
+    const downloadErrorDueToPolicyMsg = Preview_('notification_cannot_download_due_to_policy');
     if (!canDownload(this.file, this.options)) {
       this.ui.showNotification(downloadErrorMsg);
       return;
@@ -70885,7 +71489,7 @@ class Preview extends (events_default()) {
       }
       /* eslint-enable camelcase */
     } else {
-      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BAD_INPUT, "This preview didn’t load. Please try to open or download the file to view.", {}, 'File is not a well-formed Box File object. See FILE_FIELDS in file.js for a list of required fields.');
+      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.BAD_INPUT, Preview_('error_generic'), {}, 'File is not a well-formed Box File object. See FILE_FIELDS in file.js for a list of required fields.');
     }
 
     // Start the preview load and render timers when the user starts to perceive preview's load
@@ -71216,6 +71820,10 @@ class Preview extends (events_default()) {
     if (options.location) {
       this.location = Preview_objectSpread(Preview_objectSpread({}, this.location), options.location);
     }
+    if ((0,isNpmBuild/* isNpmBuild */.w)()) {
+      (0,translations/* setLanguage */.xC)(this.location.locale);
+      (0,translations/* setMessages */.FB)(options.intl && options.intl.messages);
+    }
     this.options.pdfjs = options.pdfjs || {};
 
     // Disable or enable viewers based on viewer options
@@ -71395,7 +72003,7 @@ class Preview extends (events_default()) {
       // account (HD video is paid). Instant Preview may have mounted a jpg-only viewer from
       // cache; throw error_account instead of waiting forever on an empty player.
       if (this.isVideoFileByExtension() && !this.hasPlayableVideoReps(file)) {
-        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.ACCOUNT, "This preview didn’t load because your account is unable to preview this file type. Please try to open or download the file to view.");
+        throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.ACCOUNT, Preview_('error_account'));
       }
       const needsTranscriptionReload = this.canUseDash() && isFeatureEnabled(this.options.features, constants/* AI_TRANSCRIPTION_FOR_VIDEO_SUBTITLES */.Iu) && this.isVideoFileByExtension() && !this.hasTranscriptionRep(cachedFile) && this.hasTranscriptionRep(file);
 
@@ -71425,7 +72033,7 @@ class Preview extends (events_default()) {
         }
       }
     } catch (err) {
-      const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, "This preview didn’t load. Please try to open or download the file to view.", {}, err.message);
+      const error = err instanceof PreviewError/* default */.A ? err : new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.LOAD_VIEWER, Preview_('error_refresh'), {}, err.message);
       this.triggerError(error);
     }
   }
@@ -71452,15 +72060,15 @@ class Preview extends (events_default()) {
     // Check if file is downloadable
     if (this.file.is_download_available === false) {
       const details = (0,util/* isBoxWebApp */.L4)() ? {
-        linkText: "Contact Us",
+        linkText: Preview_('link_contact_us'),
         linkUrl: SUPPORT_URL
       } : {};
-      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.NOT_DOWNLOADABLE, "Something seems to be wrong with this file. Please refresh the page, and if the issue continues, try to upload a new version.", details);
+      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.NOT_DOWNLOADABLE, Preview_('error_not_downloadable'), details);
     }
 
     // Check if preview permissions exist
     if (!checkPermission(this.file, constants/* PERMISSION_PREVIEW */.Xt)) {
-      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.PERMISSIONS_PREVIEW, "This preview didn’t load because you don’t have permission. Please ask the file owner to update permissions.");
+      throw new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.PERMISSIONS_PREVIEW, Preview_('error_permissions'));
     }
 
     // Determine the asset loader to use
@@ -71477,10 +72085,10 @@ class Preview extends (events_default()) {
       // If the file type is supported, then the default error is account related
       if (isFileTypeSupported) {
         code = lib_events/* ERROR_CODE */.bo.ACCOUNT;
-        message = "This preview didn’t load because your account is unable to preview this file type. Please try to open or download the file to view.";
+        message = Preview_('error_account');
       } else {
         code = lib_events/* ERROR_CODE */.bo.UNSUPPORTED_FILE_TYPE;
-        message = "This preview didn’t load because the file type is unsupported. Please try to open or download the file to view.";
+        message = Preview_('error_unsupported');
       }
       throw new PreviewError/* default */.A(code, message);
     }
@@ -71832,10 +72440,10 @@ class Preview extends (events_default()) {
     // Check if we hit the retry limit for fetching file info
     if (this.retryCount > RETRY_COUNT) {
       let errorCode = lib_events/* ERROR_CODE */.bo.EXCEEDED_RETRY_LIMIT;
-      let errorMessage = "This preview didn’t load. Please try to open or download the file to view.";
+      let errorMessage = Preview_('error_refresh');
       if (err.response && err.response.status === 429) {
         errorCode = lib_events/* ERROR_CODE */.bo.RATE_LIMIT;
-        errorMessage = "This preview didn’t load because your request was rate limited. Please try to open or download the file to view.";
+        errorMessage = Preview_('error_rate_limit');
       }
       const error = new PreviewError/* default */.A(errorCode, errorMessage, {
         fileId: this.file.id
@@ -72364,7 +72972,7 @@ class Preview extends (events_default()) {
     return (0,util/* getProp */.GT)(this.previewOptions, `fileOptions.${fileId}.${optionName}`);
   }
 }
-if (!isNpmBuild()) {
+if (!(0,isNpmBuild/* isNpmBuild */.w)()) {
   globalThis.Box = globalThis.Box || {};
   globalThis.Box.Preview = Preview;
 }