box-content-preview 3.129.0 → 3.131.0

package/dist/lib/index.js

@@ -22,7 +22,6 @@
  */
 import { Archive as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_Archive__, FileAiPrompt as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAiPrompt__, FileAiSession as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAiSession__, FileAudio as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAudio__, FileBookmark as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileBookmark__, FileBoxNote as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileBoxNote__, FileCanvas as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileCanvas__, FileCode as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileCode__, FileDefault as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDefault__, FileDocs as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDocs__, FileDwg as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDwg__, FileExcel as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileExcel__, FileIllustrator as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileIllustrator__, FileImage as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileImage__, FileIndesign as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileIndesign__, FileKeynote as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileKeynote__, FileMarkdown as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileMarkdown__, FileNumbers as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileNumbers__, FilePages as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePages__, FilePdf as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePdf__, FilePhotoshop as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePhotoshop__, FilePowerpoint as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePowerpoint__, FilePresentation as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePresentation__, FileSheets as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSheets__, FileSlides as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSlides__, FileSpreadsheet as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSpreadsheet__, FileText as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileText__, FileThreeD as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileThreeD__, FileVariable as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVariable__, FileVector as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVector__, FileVideo as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVideo__, FileWord as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileWord__, FileXbd as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileXbd__, FileXdw as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileXdw__, FileZip as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileZip__, FolderArchive as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderArchive__, FolderExternal as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderExternal__, FolderPersonal as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderPersonal__, FolderShared as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderShared__, FolderVariable as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderVariable__ } from "@box/blueprint-web-assets/icons/Content";
 import { AgentCustomExtract as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_AgentCustomExtract__, BoxApps as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_BoxApps__, Form as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_Form__, FormSubmission as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_FormSubmission__, RelayAdvanced as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_RelayAdvanced__ } from "@box/blueprint-web-assets/icons/Logo";
-import { decode as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_utils_keys_d752524f_decode__ } from "box-ui-elements/es/utils/keys";
 import { defineMessages as __WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_defineMessages__, useIntl as __WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_useIntl__ } from "react-intl";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_elements_common_Internationalize_d2da695e_default__ } from "box-ui-elements/es/elements/common/Internationalize";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_virtualized_table_VirtualizedTable_9bb4c7d0_default__ } from "box-ui-elements/es/features/virtualized-table/VirtualizedTable";
@@ -36,6 +35,7 @@ import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_brea
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_plain_button_PlainButton_6ddbae5a_default__ } from "box-ui-elements/es/components/plain-button/PlainButton";
 import { Grid as __WEBPACK_EXTERNAL_MODULE__box_react_virtualized_dist_es_Grid_5f3cce90_Grid__ } from "@box/react-virtualized/dist/es/Grid";
 import * as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__ from "@box/blueprint-web";
+import * as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Fill_15c08185__ from "@box/blueprint-web-assets/icons/Fill";
 import * as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__ from "@box/blueprint-web-assets/icons/Medium";
 import * as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_1ed4080c__ from "@box/blueprint-web-assets/icons/MediumFilled";
 import * as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__ from "@box/blueprint-web-assets/tokens/tokens";
@@ -64,7 +64,6 @@ import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Me
 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_Medium_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Nav_ae6d790f_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Nav";
-import { Search as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Fill_15c08185_Search__ } from "@box/blueprint-web-assets/icons/Fill";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Pause_0cc1f701_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Pause";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Play_ee47c078_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Play";
 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";
@@ -72,6 +71,17 @@ import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Me
 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__ = ({
 
+/***/ 584
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ FILE_EXTENSION_CATEGORIES),
+/* harmony export */   Z: () => (/* binding */ FILE_CATEGORY_COLORS)
+/* harmony export */ });
+var FILE_EXTENSION_CATEGORIES={audio:[`aac`,`aif`,`aifc`,`aiff`,`amr`,`au`,`flac`,`m3u`,`m4a`,`mid`,`mp3`,`ra`,`wav`,`wma`,`wpl`],boxcanvas:[`boxcanvas`],boxnote:[`boxnote`],code:`as.as3.asm.aspx.bat.c.cc.cmake.cpp.cs.css.cxx.db.diff.erb.groovy.h.haml.hh.htm.html.java.js.json.less.m.make.ml.mm.php.pl.plist.properties.py.rb.rst.sass.scala.scm.script.sh.sml.sql.wabba.yaml`.split(`.`),document:[`dot`,`dotx`,`msg`,`odt`,`rtf`,`wpd`,`xhtml`,`xml`,`xsd`,`xsl`],"docuworks-binder":[`xbd`],"docuworks-file":[`xdw`],dwg:[`dwg`,`dwgzip`],"excel-spreadsheet":[`xls`,`xlsb`,`xlsm`,`xlsx`],"google-docs":[`gdoc`],"google-sheets":[`gsheet`],"google-slides":[`gslide`,`gslides`],illustrator:[`ai`],image:[`bmp`,`cr2`,`crw`,`dng`,`gdraw`,`gif`,`heic`,`heif`,`jpeg`,`jpg`,`nef`,`png`,`ps`,`raf`,`raw`,`svg`,`svs`,`tga`,`tif`,`tiff`,`webp`],indesign:[`idml`,`indd`,`indt`,`inx`],keynote:[`key`],markdown:[`md`,`markdown`],numbers:[`numbers`],pages:[`pages`],pdf:[`pdf`],photoshop:[`psb`,`psd`],"powerpoint-presentation":[`ppt`,`pptm`,`pptx`],presentation:[`odp`,`otp`,`pot`,`potx`],spreadsheet:[`csv`,`ods`,`tsv`,`xlt`,`xltx`],text:[`fdx`,`log`,`txt`,`vi`,`vim`,`vtt`,`webdoc`],threed:[`3ds`,`box3d`,`dae`,`fbx`,`mtl`,`obj`,`ply`,`stl`],vector:[`eps`],video:[`3g2`,`3gp`,`avi`,`flv`,`m2ts`,`m2v`,`m4v`,`mkv`,`mov`,`mp4`,`mpeg`,`mpg`,`mts`,`ogg`,`qt`,`ts`,`wmv`],"word-document":[`doc`,`docm`,`docx`],zip:[`gz`,`rar`,`tgz`,`zip`]},COLOR_TOKENS={red:`var(--bp-watermelon-red-120, var(--watermelon-red-120))`,orange:`var(--bp-orange-130, var(--orange-120))`,green:`var(--bp-green-light-135, var(--green-light-120))`,lightBlue:`var(--bp-light-blue-115, var(--light-blue-110))`,darkBlue:`var(--bp-light-blue-135, var(--light-blue-120))`,purple:`var(--bp-purple-rain-100, var(--purple-rain-100))`,gray:`var(--bp-gray-100, var(--gray-100))`},FILE_CATEGORY_COLORS={audio:COLOR_TOKENS.purple,boxcanvas:COLOR_TOKENS.orange,boxnote:COLOR_TOKENS.gray,code:COLOR_TOKENS.red,document:COLOR_TOKENS.gray,"docuworks-binder":COLOR_TOKENS.gray,"docuworks-file":COLOR_TOKENS.green,dwg:COLOR_TOKENS.lightBlue,"excel-spreadsheet":COLOR_TOKENS.green,"google-docs":COLOR_TOKENS.darkBlue,"google-sheets":COLOR_TOKENS.green,"google-slides":COLOR_TOKENS.orange,illustrator:COLOR_TOKENS.orange,image:COLOR_TOKENS.green,indesign:COLOR_TOKENS.gray,keynote:COLOR_TOKENS.lightBlue,markdown:COLOR_TOKENS.gray,numbers:COLOR_TOKENS.green,pages:COLOR_TOKENS.orange,pdf:COLOR_TOKENS.red,photoshop:COLOR_TOKENS.lightBlue,"powerpoint-presentation":COLOR_TOKENS.red,presentation:COLOR_TOKENS.orange,spreadsheet:COLOR_TOKENS.green,text:COLOR_TOKENS.darkBlue,threed:COLOR_TOKENS.orange,vector:COLOR_TOKENS.orange,video:COLOR_TOKENS.lightBlue,"word-document":COLOR_TOKENS.darkBlue,zip:COLOR_TOKENS.gray};
+
+/***/ },
+
 /***/ 1057
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -97,22 +107,16 @@ var itemIconTable={ai_session:__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_asset
 
 /***/ },
 
-/***/ 6494
+/***/ 76
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  N: () => (/* binding */ getFileCategoryByExtension)
-});
-
-// UNUSED EXPORTS: getColorByExtension
-
-;// ./node_modules/@box/item-icon/dist/esm/lib/constants.js
-var FILE_EXTENSION_CATEGORIES={audio:[`aac`,`aif`,`aifc`,`aiff`,`amr`,`au`,`flac`,`m3u`,`m4a`,`mid`,`mp3`,`ra`,`wav`,`wma`,`wpl`],boxcanvas:[`boxcanvas`],boxnote:[`boxnote`],code:`as.as3.asm.aspx.bat.c.cc.cmake.cpp.cs.css.cxx.db.diff.erb.groovy.h.haml.hh.htm.html.java.js.json.less.m.make.ml.mm.php.pl.plist.properties.py.rb.rst.sass.scala.scm.script.sh.sml.sql.wabba.yaml`.split(`.`),document:[`dot`,`dotx`,`msg`,`odt`,`rtf`,`wpd`,`xhtml`,`xml`,`xsd`,`xsl`],"docuworks-binder":[`xbd`],"docuworks-file":[`xdw`],dwg:[`dwg`,`dwgzip`],"excel-spreadsheet":[`xls`,`xlsb`,`xlsm`,`xlsx`],"google-docs":[`gdoc`],"google-sheets":[`gsheet`],"google-slides":[`gslide`,`gslides`],illustrator:[`ai`],image:[`bmp`,`cr2`,`crw`,`dng`,`gdraw`,`gif`,`heic`,`heif`,`jpeg`,`jpg`,`nef`,`png`,`ps`,`raf`,`raw`,`svg`,`svs`,`tga`,`tif`,`tiff`,`webp`],indesign:[`idml`,`indd`,`indt`,`inx`],keynote:[`key`],markdown:[`md`,`markdown`],numbers:[`numbers`],pages:[`pages`],pdf:[`pdf`],photoshop:[`psb`,`psd`],"powerpoint-presentation":[`ppt`,`pptm`,`pptx`],presentation:[`odp`,`otp`,`pot`,`potx`],spreadsheet:[`csv`,`ods`,`tsv`,`xlt`,`xltx`],text:[`fdx`,`log`,`txt`,`vi`,`vim`,`vtt`,`webdoc`],threed:[`3ds`,`box3d`,`dae`,`fbx`,`mtl`,`obj`,`ply`,`stl`],vector:[`eps`],video:[`3g2`,`3gp`,`avi`,`flv`,`m2ts`,`m2v`,`m4v`,`mkv`,`mov`,`mp4`,`mpeg`,`mpg`,`mts`,`ogg`,`qt`,`ts`,`wmv`],"word-document":[`doc`,`docm`,`docx`],zip:[`gz`,`rar`,`tgz`,`zip`]},COLOR_TOKENS={red:`var(--bp-watermelon-red-120, var(--watermelon-red-120))`,orange:`var(--bp-orange-130, var(--orange-120))`,green:`var(--bp-green-light-135, var(--green-light-120))`,lightBlue:`var(--bp-light-blue-115, var(--light-blue-110))`,darkBlue:`var(--bp-light-blue-135, var(--light-blue-120))`,purple:`var(--bp-purple-rain-100, var(--purple-rain-100))`,gray:`var(--bp-gray-100, var(--gray-100))`},FILE_CATEGORY_COLORS={audio:COLOR_TOKENS.purple,boxcanvas:COLOR_TOKENS.orange,boxnote:COLOR_TOKENS.gray,code:COLOR_TOKENS.red,document:COLOR_TOKENS.gray,"docuworks-binder":COLOR_TOKENS.gray,"docuworks-file":COLOR_TOKENS.green,dwg:COLOR_TOKENS.lightBlue,"excel-spreadsheet":COLOR_TOKENS.green,"google-docs":COLOR_TOKENS.darkBlue,"google-sheets":COLOR_TOKENS.green,"google-slides":COLOR_TOKENS.orange,illustrator:COLOR_TOKENS.orange,image:COLOR_TOKENS.green,indesign:COLOR_TOKENS.gray,keynote:COLOR_TOKENS.lightBlue,markdown:COLOR_TOKENS.gray,numbers:COLOR_TOKENS.green,pages:COLOR_TOKENS.orange,pdf:COLOR_TOKENS.red,photoshop:COLOR_TOKENS.lightBlue,"powerpoint-presentation":COLOR_TOKENS.red,presentation:COLOR_TOKENS.orange,spreadsheet:COLOR_TOKENS.green,text:COLOR_TOKENS.darkBlue,threed:COLOR_TOKENS.orange,vector:COLOR_TOKENS.orange,video:COLOR_TOKENS.lightBlue,"word-document":COLOR_TOKENS.darkBlue,zip:COLOR_TOKENS.gray};
-;// ./node_modules/@box/item-icon/dist/esm/lib/utils.js
-/* unused harmony import specifier */ var utils_FILE_CATEGORY_COLORS;
-var getFileCategoryByExtension=(extension=``)=>{let iconTypes={};return Object.entries(FILE_EXTENSION_CATEGORIES).forEach(([iconType,typeExtensions])=>{typeExtensions.forEach(typeExtension=>{iconTypes[typeExtension]=iconType})}),iconTypes[extension]||`default`},getColorByExtension=fileCategory=>fileCategory?utils_FILE_CATEGORY_COLORS[fileCategory]:void 0;
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   N: () => (/* binding */ getFileCategoryByExtension)
+/* harmony export */ });
+/* unused harmony export getColorByExtension */
+/* unused harmony import specifier */ var FILE_CATEGORY_COLORS;
+/* harmony import */ var _constants_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(584);
+var getFileCategoryByExtension=(extension=``)=>{let iconTypes={};return Object.entries(_constants_js__WEBPACK_IMPORTED_MODULE_0__/* .FILE_EXTENSION_CATEGORIES */ .A).forEach(([iconType,typeExtensions])=>{typeExtensions.forEach(typeExtension=>{iconTypes[typeExtension]=iconType})}),iconTypes[extension]||`default`},getColorByExtension=fileCategory=>fileCategory?FILE_CATEGORY_COLORS[fileCategory]:void 0;
 
 /***/ },
 
@@ -152,7 +156,7 @@ function BlueprintProviders({
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4410);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4903);
 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); }
@@ -754,7 +758,7 @@ const STATUS_SUCCESS = 'success';
 const STATUS_VIEWABLE = 'viewable';
 
 // X-Rep-Hints for Representations API
-const X_REP_HINT_BASE = '[3d][pdf][text][mp3][json]';
+const X_REP_HINT_BASE = '[3d][ocr_pdf][pdf][text][mp3][json]';
 const X_REP_HINT_DOC_THUMBNAIL = '[jpg?dimensions=1024x1024&paged=false]';
 const X_REP_HINT_IMAGE = '[jpg?dimensions=2048x2048,png?dimensions=2048x2048]';
 const X_REP_HINT_VIDEO_DASH = '[dash,mp4][filmstrip]';
@@ -1253,67 +1257,55 @@ function translate(key) {
 
 /***/ },
 
-/***/ 4410
+/***/ 4903
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  fZ: () => (/* binding */ CLIENT_VERSION),
-  je: () => (/* binding */ activationHandler),
-  cd: () => (/* binding */ addActivationListener),
-  jN: () => (/* binding */ appendAuthParams),
-  lM: () => (/* binding */ appendAuthParamsV2),
-  Ne: () => (/* binding */ appendQueryParams),
-  Te: () => (/* binding */ convertWatermarkPref),
-  my: () => (/* binding */ createAssetUrlCreator),
-  NJ: () => (/* binding */ createContentUrl),
-  nl: () => (/* binding */ createFragment),
-  fX: () => (/* binding */ createStylesheet),
-  wU: () => (/* binding */ decodeKeydown),
-  Is: () => (/* binding */ findScriptLocation),
-  kd: () => (/* binding */ getClosestPageToPinch),
-  RU: () => (/* binding */ getCurrentTimeMs),
-  Yf: () => (/* binding */ getDistance),
-  dJ: () => (/* binding */ getHeaders),
-  t9: () => (/* binding */ getMidpoint),
-  i_: () => (/* binding */ getPreloadImageRequestPromises),
-  dt: () => (/* binding */ getPreloadImageRequestPromisesByBatch),
-  GT: () => (/* binding */ getProp),
-  Vl: () => (/* binding */ handleRepresentationBlobFetch),
-  mx: () => (/* binding */ insertTemplate),
-  L4: () => (/* binding */ isBoxWebApp),
-  OE: () => (/* binding */ isLocalStorageAvailable),
-  iP: () => (/* binding */ isValidFileId),
-  Pw: () => (/* binding */ loadScripts),
-  w4: () => (/* binding */ loadStylesheets),
-  G9: () => (/* binding */ openContentInsideIframe),
-  Uw: () => (/* binding */ openUrlInsideIframe),
-  Ot: () => (/* binding */ pageNumberFromScroll),
-  tJ: () => (/* binding */ prefetchAssets),
-  Bm: () => (/* binding */ removeActivationListener),
-  Lb: () => (/* binding */ replacePlaceholders),
-  wo: () => (/* binding */ requires360Viewer),
-  Y_: () => (/* binding */ setDimensions),
-  qj: () => (/* binding */ stripAuthFromString)
-});
-
-// UNUSED EXPORTS: clearPromises, createPageUrl, createPrefetch, createScript, fetchPageImage
-
-// EXTERNAL MODULE: ./node_modules/jsuri/Uri.js
-var Uri = __webpack_require__(9890);
-var Uri_default = /*#__PURE__*/__webpack_require__.n(Uri);
-;// external "box-ui-elements/es/utils/keys"
-
-// EXTERNAL MODULE: ./src/lib/DownloadReachability.js
-var DownloadReachability = __webpack_require__(4312);
-// EXTERNAL MODULE: ./src/lib/Location.js
-var Location = __webpack_require__(968);
-// EXTERNAL MODULE: ./src/lib/PreviewError.js
-var PreviewError = __webpack_require__(8041);
-// EXTERNAL MODULE: ./src/lib/events.js
-var events = __webpack_require__(6526);
-;// ./src/lib/util.js
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   Bm: () => (/* binding */ removeActivationListener),
+/* harmony export */   G9: () => (/* binding */ openContentInsideIframe),
+/* harmony export */   GT: () => (/* binding */ getProp),
+/* harmony export */   Is: () => (/* binding */ findScriptLocation),
+/* harmony export */   L4: () => (/* binding */ isBoxWebApp),
+/* harmony export */   Lb: () => (/* binding */ replacePlaceholders),
+/* harmony export */   NJ: () => (/* binding */ createContentUrl),
+/* harmony export */   Ne: () => (/* binding */ appendQueryParams),
+/* harmony export */   OE: () => (/* binding */ isLocalStorageAvailable),
+/* harmony export */   Ot: () => (/* binding */ pageNumberFromScroll),
+/* harmony export */   Pw: () => (/* binding */ loadScripts),
+/* harmony export */   RU: () => (/* binding */ getCurrentTimeMs),
+/* harmony export */   Te: () => (/* binding */ convertWatermarkPref),
+/* harmony export */   Uw: () => (/* binding */ openUrlInsideIframe),
+/* harmony export */   Vl: () => (/* binding */ handleRepresentationBlobFetch),
+/* harmony export */   Y_: () => (/* binding */ setDimensions),
+/* harmony export */   Yf: () => (/* binding */ getDistance),
+/* harmony export */   cd: () => (/* binding */ addActivationListener),
+/* harmony export */   dJ: () => (/* binding */ getHeaders),
+/* harmony export */   dt: () => (/* binding */ getPreloadImageRequestPromisesByBatch),
+/* harmony export */   fX: () => (/* binding */ createStylesheet),
+/* harmony export */   fZ: () => (/* binding */ CLIENT_VERSION),
+/* harmony export */   iP: () => (/* binding */ isValidFileId),
+/* harmony export */   i_: () => (/* binding */ getPreloadImageRequestPromises),
+/* harmony export */   jN: () => (/* binding */ appendAuthParams),
+/* harmony export */   je: () => (/* binding */ activationHandler),
+/* harmony export */   kd: () => (/* binding */ getClosestPageToPinch),
+/* harmony export */   lM: () => (/* binding */ appendAuthParamsV2),
+/* harmony export */   mx: () => (/* binding */ insertTemplate),
+/* harmony export */   my: () => (/* binding */ createAssetUrlCreator),
+/* harmony export */   nl: () => (/* binding */ createFragment),
+/* harmony export */   qj: () => (/* binding */ stripAuthFromString),
+/* harmony export */   t9: () => (/* binding */ getMidpoint),
+/* harmony export */   tJ: () => (/* binding */ prefetchAssets),
+/* harmony export */   w4: () => (/* binding */ loadStylesheets),
+/* harmony export */   wU: () => (/* binding */ decodeKeydown),
+/* harmony export */   wo: () => (/* binding */ requires360Viewer)
+/* harmony export */ });
+/* unused harmony exports clearPromises, createScript, createPrefetch, createPageUrl, fetchPageImage */
+/* harmony import */ var jsuri__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9890);
+/* harmony import */ var jsuri__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(jsuri__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _DownloadReachability__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4312);
+/* harmony import */ var _Location__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(968);
+/* harmony import */ var _PreviewError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(8041);
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6526);
 /* 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; }
@@ -1325,11 +1317,10 @@ 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.129.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.131.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 = {};
@@ -1527,7 +1518,7 @@ function appendQueryParams(url, queryParams) {
   if (!queryParams) {
     return url;
   }
-  const uri = new (Uri_default())(url);
+  const uri = new (jsuri__WEBPACK_IMPORTED_MODULE_0___default())(url);
   Object.keys(queryParams).forEach(key => {
     const value = queryParams[key];
     if (value) {
@@ -1594,9 +1585,9 @@ function appendAuthParamsV2(url, sharedLink = '', password = '') {
  * @return {string} Content url
  */
 function createContentUrl(template, asset, resolveCacheBuster = false) {
-  if (DownloadReachability/* default */.A.isDownloadHostBlocked()) {
+  if (_DownloadReachability__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.isDownloadHostBlocked()) {
     // eslint-disable-next-line
-    template = DownloadReachability/* default */.A.replaceDownloadHostWithDefault(template);
+    template = _DownloadReachability__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.replaceDownloadHostWithDefault(template);
   }
   const url = template.replace('{+asset_path}', asset || '');
   if (!resolveCacheBuster) {
@@ -1722,14 +1713,51 @@ function loadScripts(urls, disableAMD = false) {
 }
 
 /**
- * Function to decode key down events into keys
+ * Function to decode key down events into keys, such as Shift+I, Control+I or Space.
+ * Works for both React synthetic and native events. Only one modifier is kept, in the order
+ * Control, Shift, Meta, and Alt is ignored. Returns an empty string for a modifier on its own.
  *
  * @public
  * @param {KeyboardEvent<Element>} event - Keydown event
  * @return {string} Decoded keydown key
  */
 function decodeKeydown(event) {
-  return __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_utils_keys_d752524f_decode__(event);
+  let modifier = '';
+
+  // keyIdentifier is the older spec still sent by some Safari versions
+  let key = event.key || event.keyIdentifier || '';
+  if (event.ctrlKey) {
+    modifier = 'Control';
+  } else if (event.shiftKey) {
+    modifier = 'Shift';
+  } else if (event.metaKey) {
+    modifier = 'Meta';
+  }
+  if (key === modifier) {
+    key = '';
+  }
+
+  // keyIdentifier reports characters as UTF8 code points, such as U+0041
+  if (key.indexOf('U+') === 0) {
+    key = key === 'U+001B' ? 'Escape' : String.fromCharCode(Number(key.replace('U+', '0x')));
+  }
+  if (!key) {
+    return '';
+  }
+  if (key === ' ') {
+    key = 'Space';
+  }
+
+  // Legacy Edge reports Esc
+  if (key === 'Esc') {
+    key = 'Escape';
+  }
+
+  // keyIdentifier does not prefix arrow keys with Arrow
+  if (key === 'Right' || key === 'Left' || key === 'Down' || key === 'Up') {
+    key = `Arrow${key}`;
+  }
+  return modifier ? `${modifier}+${key}` : key;
 }
 
 /**
@@ -2030,7 +2058,7 @@ function isValidFileId(fileId) {
  */
 function isBoxWebApp() {
   const boxHostnameRegex = /(app|ent)\.(box\.com|boxcn\.net|boxenterprise\.net)/;
-  return boxHostnameRegex.test(Location/* default */.A.getHostname());
+  return boxHostnameRegex.test(_Location__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.getHostname());
 }
 
 /**
@@ -2077,7 +2105,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, __('error_refresh'), {
+    const error = new _PreviewError__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A(_events__WEBPACK_IMPORTED_MODULE_4__/* .ERROR_CODE */ .bo.DELETED_REPS, __('error_refresh'), {
       isRepDeleted: true
     });
     return Promise.reject(error);
@@ -3925,8 +3953,8 @@ function useWindowVirtualizer(options) {
 var blueprint_web_ = __webpack_require__(8912);
 // EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/item-icon/item-icon.js + 2 modules
 var item_icon = __webpack_require__(1057);
-// EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/utils.js + 1 modules
-var utils = __webpack_require__(6494);
+// EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/utils.js
+var utils = __webpack_require__(76);
 ;// ./node_modules/@box/readable-time/dist/esm/lib/constants.js
 var ONE_HOUR_MS=36e5,nonUppercaseLocales=[`ru`];
 ;// ./node_modules/@box/readable-time/dist/esm/lib/utils.js
@@ -4076,8 +4104,9 @@ function ArchiveTableV2({
     }, /*#__PURE__*/external_react_["default"].createElement(item_icon/* ItemIcon */.zG, {
       ariaHidden: true,
       iconType: isFolder ? 'folder-plain' : (0,utils/* getFileCategoryByExtension */.N)(extension)
-    }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-      as: "span"
+    }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+      as: "span",
+      lineClamp: 1
     }, item.name))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Cell, null, item.modified_at ? /*#__PURE__*/external_react_["default"].createElement(ReadableTime, {
       alwaysShowTime: true,
       textProps: {
@@ -4096,6 +4125,14 @@ function ArchiveTableV2({
     }
   }))));
 }
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Medium"
+var Medium_ = __webpack_require__(9747);
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Fill"
+var Fill_ = __webpack_require__(7693);
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/tokens/tokens"
+var tokens_ = __webpack_require__(8380);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
+var stopMenuKeyPropagation = __webpack_require__(9646);
 ;// ./src/lib/viewers/archive/BreadcrumbsV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -4105,6 +4142,11 @@ function ArchiveTableV2({
 
 
 
+
+
+
+
+
 function BreadcrumbsV2({
   filename,
   fullPath,
@@ -4112,6 +4154,9 @@ function BreadcrumbsV2({
   resin,
   view
 }) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n);
+  const breadcrumbRef = external_react_["default"].useRef(null);
+  const [isCompact, setIsCompact] = external_react_["default"].useState(false);
   const pathNames = fullPath === constants/* ROOT_FOLDER */.Od ? [] : fullPath.split('/').slice(0, -1);
   const crumbs = [{
     id: constants/* ROOT_FOLDER */.Od,
@@ -4120,9 +4165,35 @@ function BreadcrumbsV2({
     id: `${pathNames.slice(0, index + 1).join('/')}/`,
     name
   }))];
+  let hiddenCrumbs = [];
+  let visibleCrumbs = crumbs;
+  if (isCompact) {
+    hiddenCrumbs = crumbs.slice(0, -1);
+    visibleCrumbs = crumbs.slice(-1);
+  } else if (crumbs.length > 4) {
+    hiddenCrumbs = crumbs.slice(1, -2);
+    visibleCrumbs = [crumbs[0], ...crumbs.slice(-2)];
+  }
+  external_react_["default"].useLayoutEffect(() => {
+    const breadcrumb = breadcrumbRef.current;
+    if (!breadcrumb) {
+      return undefined;
+    }
+    const updateCompactLayout = () => {
+      const {
+        clientWidth
+      } = breadcrumb;
+      setIsCompact(clientWidth > 0 && clientWidth <= parseInt(tokens_.BreakpointMedium, 10));
+    };
+    updateCompactLayout();
+    if (typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(updateCompactLayout);
+    observer.observe(breadcrumb);
+    return () => observer.disconnect();
+  }, []);
   const handlePageLinkClick = path => {
-    // Blueprint crumbs accept no per-item attributes, so the click is logged programmatically
-    // (precedent: MP3Viewer.js recordToolbarAction)
     resin?.recordAction({
       action: 'programmatic',
       component: 'archive',
@@ -4131,19 +4202,66 @@ function BreadcrumbsV2({
     });
     onClick(path);
   };
+  const collapsedCrumbs = hiddenCrumbs.length > 0 && /*#__PURE__*/external_react_["default"].createElement("li", {
+    className: "bp-BreadcrumbsV2-overflow"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, {
+    modal: false
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": BreadcrumbsV2_('breadcrumb_truncated'),
+    icon: Medium_.Ellipsis,
+    size: "x-small"
+  })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
+    align: "start",
+    className: "bp-BreadcrumbsV2-menu",
+    container: container ?? undefined,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a
+  }, hiddenCrumbs.map(crumb => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    key: crumb.id,
+    content: crumb.name
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, {
+    onSelect: () => handlePageLinkClick(crumb.id)
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    className: "bp-BreadcrumbsV2-menuLabel"
+  }, crumb.name)))))), /*#__PURE__*/external_react_["default"].createElement(Fill_.PointerRight, {
+    "aria-hidden": "true",
+    height: tokens_.bpSize030,
+    width: tokens_.bpSize030
+  }));
   return /*#__PURE__*/external_react_["default"].createElement("div", {
+    ref: breadcrumbRef,
     className: "bp-BreadcrumbsV2",
     "data-testid": "bp-archive-breadcrumbs"
   }, view === constants/* VIEWS */.Vw.VIEW_SEARCH ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
     as: "span",
     variant: "bodyDefaultBold"
-  }, BreadcrumbsV2_('search_results')) : /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Breadcrumb, {
-    breadcrumbAriaLabel: BreadcrumbsV2_('breadcrumb'),
-    crumbs: crumbs,
-    isResponsiveEnabled: false,
-    onPageLinkClick: handlePageLinkClick,
-    truncatedLinksIconAriaLabel: BreadcrumbsV2_('breadcrumb_truncated')
-  }));
+  }, BreadcrumbsV2_('search_results')) : /*#__PURE__*/external_react_["default"].createElement("nav", {
+    "aria-label": BreadcrumbsV2_('breadcrumb'),
+    className: "bp-BreadcrumbsV2-nav"
+  }, /*#__PURE__*/external_react_["default"].createElement("ol", {
+    className: "bp-BreadcrumbsV2-list"
+  }, isCompact && collapsedCrumbs, visibleCrumbs.map((crumb, index) => /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, {
+    key: crumb.id
+  }, /*#__PURE__*/external_react_["default"].createElement("li", {
+    className: crumb.id === fullPath ? 'bp-BreadcrumbsV2-current' : 'bp-BreadcrumbsV2-ancestor'
+  }, crumb.id === fullPath ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Focusable, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+    "aria-current": "page",
+    as: "span",
+    lineClamp: 1,
+    variant: "bodyLargeBold"
+  }, crumb.name)) : /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.TextButton, {
+    color: "textOnLightSecondary",
+    ellipsizable: true,
+    onClick: () => handlePageLinkClick(crumb.id),
+    variant: "bodyLarge"
+  }, crumb.name), /*#__PURE__*/external_react_["default"].createElement(Fill_.PointerRight, {
+    "aria-hidden": "true",
+    height: tokens_.bpSize030,
+    width: tokens_.bpSize030
+  }))), !isCompact && index === 0 && collapsedCrumbs)))));
 }
 ;// ./src/lib/viewers/archive/SearchBarV2.scss
 // extracted by mini-css-extract-plugin
@@ -6537,8 +6655,8 @@ var SettingsContext = __webpack_require__(3072);
 var BlueprintProviders = __webpack_require__(2758);
 // EXTERNAL MODULE: ./src/lib/constants.js
 var constants = __webpack_require__(9130);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/controls/media/MediaSettingsV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -6726,7 +6844,7 @@ function MediaSettingsV2({
     buttonType: "icon",
     "data-target-id": "MediaSettingsV2-toggle",
     label: __('media_settings'),
-    onKeyDown: utils/* stopActivationKeyPropagation */.My,
+    onKeyDown: utils/* stopMenuTriggerKeyPropagation */.z9,
     size: "large",
     variant: "on-dark"
   })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
@@ -7151,10 +7269,12 @@ var TabularDigits = __webpack_require__(2459);
 var videoFps = __webpack_require__(3234);
 // EXTERNAL MODULE: ./src/lib/BlueprintProviders.tsx
 var BlueprintProviders = __webpack_require__(2758);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/DurationLabels.tsx + 1 modules
 var DurationLabels = __webpack_require__(820);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/utils.ts
+var utils = __webpack_require__(5346);
 ;// ./src/lib/viewers/controls/media/TimestampControl.scss
 // extracted by mini-css-extract-plugin
 
@@ -7176,6 +7296,7 @@ var DurationLabels = __webpack_require__(820);
 
 
 
+
 let TimeFormat = /*#__PURE__*/function (TimeFormat) {
   TimeFormat["STANDARD"] = "standard";
   TimeFormat["TIMECODE"] = "timecode";
@@ -7193,14 +7314,6 @@ function formatLabel(time, format, fps) {
       return (0,DurationLabels/* formatTime */.f)(time);
   }
 }
-
-// The viewer maps Space, Enter and the arrow keys to playback, seek and volume shortcuts.
-const stopMenuTriggerKeyPropagation = event => {
-  const key = (0,util/* decodeKeydown */.wU)(event);
-  if (key === 'Enter' || key === 'Space' || key === 'ArrowDown' || key === 'ArrowUp') {
-    event.stopPropagation();
-  }
-};
 const FORMAT_OPTIONS = [{
   label: () => __('media_time_format_standard'),
   value: TimeFormat.STANDARD
@@ -7380,7 +7493,7 @@ function TimestampControl({
       }),
       "data-resin-target": "timeFormat",
       "data-testid": "bp-TimestampControl-button",
-      onKeyDown: stopMenuTriggerKeyPropagation,
+      onKeyDown: utils/* stopMenuTriggerKeyPropagation */.z9,
       type: "button"
     }, renderBlueprintTime(), renderChevron())), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
       align: "center",
@@ -7604,8 +7717,8 @@ function IconVolumeMax24(props) {
 // EXTERNAL MODULE: ./node_modules/lodash/noop.js
 var noop = __webpack_require__(3950);
 var noop_default = /*#__PURE__*/__webpack_require__.n(noop);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/controls/slider/VolumeSliderControl.scss
 // extracted by mini-css-extract-plugin
 
@@ -8306,10 +8419,11 @@ function useDismissableMarkerSelection(hostSelectedId = null, selectionSeq = nul
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   B9: () => (/* binding */ stopToolbarKeyPropagation),
 /* harmony export */   KN: () => (/* binding */ percent),
-/* harmony export */   My: () => (/* binding */ stopActivationKeyPropagation)
+/* harmony export */   My: () => (/* binding */ stopActivationKeyPropagation),
+/* harmony export */   z9: () => (/* binding */ stopMenuTriggerKeyPropagation)
 /* harmony export */ });
 /* unused harmony export round */
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4410);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4903);
 
 const round = value => {
   return +value.toFixed(4);
@@ -8325,6 +8439,14 @@ const stopActivationKeyPropagation = event => {
     event.stopPropagation();
   }
 };
+const MENU_TRIGGER_KEYS = new Set(['ArrowDown', 'ArrowUp', 'Enter', 'Space']);
+
+// Menu triggers also open on the vertical arrows, which the viewer maps to volume and comment seeking.
+const stopMenuTriggerKeyPropagation = event => {
+  if (MENU_TRIGGER_KEYS.has((0,_util__WEBPACK_IMPORTED_MODULE_0__/* .decodeKeydown */ .wU)(event))) {
+    event.stopPropagation();
+  }
+};
 const TOOLBAR_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'End', 'Enter', 'Home', 'Space']);
 
 // Toolbars move focus with the arrow, Home and End keys, which the viewer maps to seeking.
@@ -8439,8 +8561,8 @@ function SettingsFlyout({
     }
   }, isOpen && children);
 }
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/controls/settings/SettingsList.tsx
 const _excluded = ["children", "className", "isActive", "onKeyDown"];
 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); }
@@ -8999,8 +9121,8 @@ var classnames = __webpack_require__(2485);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/icons/IconCheckMark24.tsx
 var IconCheckMark24 = __webpack_require__(6815);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/controls/settings/SettingsRadioItem.scss
 // extracted by mini-css-extract-plugin
 
@@ -9189,8 +9311,8 @@ var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 // EXTERNAL MODULE: ./node_modules/lodash/noop.js
 var noop = __webpack_require__(3950);
 var noop_default = /*#__PURE__*/__webpack_require__.n(noop);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/controls/slider/SliderControl.scss
 // extracted by mini-css-extract-plugin
 
@@ -9759,8 +9881,8 @@ function IconShuttleForward(props) {
   }));
 }
 /* harmony default export */ const icons_IconShuttleForward = (IconShuttleForward);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 ;// ./src/lib/viewers/media/waveform/WaveformShuttleIndicator.scss
 // extracted by mini-css-extract-plugin
 
@@ -13481,7 +13603,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   loadPeaks: () => (/* binding */ loadPeaks),
 /* harmony export */   runClientDecode: () => (/* binding */ runClientDecode)
 /* harmony export */ });
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4410);
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4903);
 /* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4929);
 /* harmony import */ var _createWaveformLoader__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4971);
 /* harmony import */ var _validateWaveformPayload__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(1053);
@@ -21644,7 +21766,18 @@ 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), ["Button"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Button), ["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), ["EllipsizableText"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EllipsizableText), ["EmptyState"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EmptyState), ["Focusable"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Focusable), ["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), ["InlineNotice"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.InlineNotice), ["Link"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Link), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Notification"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Notification), ["Popover"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Popover), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["Select"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Select), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Switch"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Switch), ["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), ["useNotification"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNotification) });
+module.exports = x({ ["BlueprintProvider"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.BlueprintProvider), ["Button"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Button), ["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), ["EllipsizableText"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EllipsizableText), ["EmptyState"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EmptyState), ["Focusable"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Focusable), ["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), ["InlineNotice"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.InlineNotice), ["Link"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Link), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["Notification"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Notification), ["Popover"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Popover), ["Row"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Row), ["SearchInput"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SearchInput), ["Select"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Select), ["SelectMenu"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.SelectMenu), ["Switch"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Switch), ["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), ["TextButton"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.TextButton), ["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), ["useNotification"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.useNotification) });
+
+/***/ },
+
+/***/ 7693
+(module, __unused_webpack_exports, __webpack_require__) {
+
+var x = (y) => {
+	var x = {}; __webpack_require__.d(x, y); return x
+} 
+var y = (x) => (() => (x))
+module.exports = x({ ["PointerRight"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Fill_15c08185__.PointerRight), ["Search"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Fill_15c08185__.Search) });
 
 /***/ },
 
@@ -21677,7 +21810,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), ["GreenLight100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.GreenLight100), ["Grimace100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Grimace100), ["Size3"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size3), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["WatermelonRed100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.WatermelonRed100), ["Yellorange100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellorange100), ["Yellow100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellow100), ["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) });
+module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["BreakpointMedium"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BreakpointMedium), ["GrayWhite"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.GrayWhite), ["GreenLight100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.GreenLight100), ["Grimace100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Grimace100), ["Size3"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size3), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["WatermelonRed100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.WatermelonRed100), ["Yellorange100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellorange100), ["Yellow100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellow100), ["bpBoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpBoxBlue100), ["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), ["bpSize030"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpSize030) });
 
 /***/ },
 
@@ -36760,8 +36893,8 @@ var pickBy = __webpack_require__(1086);
 var pickBy_default = /*#__PURE__*/__webpack_require__.n(pickBy);
 // EXTERNAL MODULE: ./src/lib/DownloadReachability.js
 var DownloadReachability = __webpack_require__(4312);
-// EXTERNAL MODULE: ./src/lib/util.js + 1 modules
-var util = __webpack_require__(4410);
+// EXTERNAL MODULE: ./src/lib/util.js
+var util = __webpack_require__(4903);
 // EXTERNAL MODULE: ./src/lib/constants.js
 var constants = __webpack_require__(9130);
 ;// ./src/lib/metadataAPI.js
@@ -37309,7 +37442,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.129.0";
+const CLIENT_VERSION = "3.131.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -38101,6 +38234,15 @@ class RepStatus extends (events_default()) {
         this.representation.temp_status.state = status;
       }
       this.handleResponse();
+    },
+    // Reject instead of hanging if the info request itself fails (e.g. the representation
+    // endpoint returns a 4xx/5xx), so the viewer can surface an error rather than spin forever.
+    () => {
+      clearTimeout(this.statusTimeout);
+      const error = new PreviewError/* default */.A(lib_events/* ERROR_CODE */.bo.CONVERSION_GENERIC, __('error_refresh'), {
+        representation: this.representation
+      });
+      this.reject(error);
     });
   }
 
@@ -41803,7 +41945,6 @@ function Mode({
 
 
 
-
 const getColorLabels = () => ({
   [AnnotationColor.BOX_BLUE]: ColorPickerControlV2_('drawing_color_blue'),
   [AnnotationColor.GREEN_LIGHT]: ColorPickerControlV2_('drawing_color_green'),
@@ -41813,7 +41954,7 @@ const getColorLabels = () => ({
   [AnnotationColor.GRIMACE]: ColorPickerControlV2_('drawing_color_purple')
 });
 function ColorPickerControlV2({
-  activeColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
+  activeColor = AnnotationColor.BOX_BLUE,
   colors,
   onColorSelect
 }) {
@@ -55733,7 +55874,7 @@ function TimeControlsV2({
     onUpdate: onTimeChange,
     step: fps ? 1 / fps : 5,
     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%)`,
+    track: `linear-gradient(to right, ${tokens_.GrayWhite} 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, {
     key: cluster.id,
@@ -59552,8 +59693,8 @@ class DocFindBar extends (events_default()) {
   }
 }
 /* harmony default export */ const doc_DocFindBar = (DocFindBar);
-;// external "@box/blueprint-web-assets/icons/Fill"
-
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Fill"
+var Fill_ = __webpack_require__(7693);
 ;// ./src/lib/viewers/doc/DocFindBarV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -59623,7 +59764,7 @@ function DocFindBarV2({
       'bp-DocFindBarV2-field--filled': !!query
     }),
     variant: "bodyDefault"
-  }, /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Fill_15c08185_Search__, {
+  }, /*#__PURE__*/external_react_["default"].createElement(Fill_.Search, {
     "aria-hidden": true,
     className: "bp-DocFindBarV2-searchIcon",
     color: tokens_.bpIconIconOnLightSecondary
@@ -60813,7 +60954,7 @@ const GalleryTile = /*#__PURE__*/external_react_["default"].memo(function Galler
       tabIndex: isFocused ? 0 : -1
     }, /*#__PURE__*/external_react_["default"].createElement("span", {
       "aria-hidden": "true",
-      className: "bp-gallery-tile-badge"
+      className: `bp-gallery-tile-badge${isBlueprintEnabled ? ' bp-gallery-tile-badge--blueprint' : ''}`
     }, isBlueprintEnabled ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
       as: "span",
       color: "textOnDarkDefault",
@@ -61357,7 +61498,7 @@ function GalleryGrid({
     "aria-colcount": isAriaGridEnabled ? columnCount : undefined,
     "aria-label": GalleryGrid_('page_gallery'),
     "aria-rowcount": isAriaGridEnabled ? getRowCount(pageCount, columnCount) : undefined,
-    className: "bp-gallery-grid",
+    className: `bp-gallery-grid${isBlueprintEnabled ? ' bp-GalleryGridV2' : ''}`,
     onFocus: handleGridFocus,
     onKeyDown: handleGridKeyDown,
     onScroll: handleScroll,
@@ -63204,6 +63345,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
 
 
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -63799,6 +63941,97 @@ class DocBaseViewer extends viewers_BaseViewer {
     this.initPrint();
     super.handleAssetAndRepLoad();
   }
+
+  /**
+   * Handles asset/representation load errors. The searchable 'ocr_pdf' rep is generated on demand and
+   * can legitimately fail to load (a conversion error, or a backend that does not support it for the
+   * file). Rather than hard-erroring, fall back once to a renderable rep so the document still opens -
+   * just without the OCR text layer.
+   *
+   * load() resolves a single Promise.all over the static assets, the npm pdf.js chunk import and the
+   * representation status, so only scope the fallback to a genuine 'ocr_pdf' representation failure -
+   * a failed asset/chunk import is unrelated to the rep and must not silently downgrade it. RepStatus
+   * rejections carry the failed representation in details.representation.
+   *
+   * @override
+   * @param {Error} err - Load error
+   * @return {void}
+   */
+  handleAssetError(err) {
+    const isOcrRepError = (0,util/* getProp */.GT)(err, 'details.representation.representation') === 'ocr_pdf';
+    if (isOcrRepError && this.attemptRepFallback()) {
+      return;
+    }
+    super.handleAssetError(err);
+  }
+
+  /**
+   * Handles content download errors. pdf.js can reject the 'ocr_pdf' content url even after its status
+   * reported success (e.g. the on-demand asset 404s), which lands here rather than in handleAssetError.
+   * Prefer the renderable fallback rep over retrying the same 'ocr_pdf' url; delegate to the base
+   * reachability retry when no fallback applies (e.g. the current rep is not 'ocr_pdf').
+   *
+   * @override
+   * @param {Error} err - Load error
+   * @param {string} downloadURL - Download URL
+   * @return {void}
+   */
+  handleDownloadError(err, downloadURL) {
+    if (this.attemptRepFallback()) {
+      return;
+    }
+    super.handleDownloadError(err, downloadURL);
+  }
+
+  /**
+   * Switches to a renderable fallback representation when the on-demand 'ocr_pdf' rep fails to load,
+   * at most once per viewer, and kicks off a reload. getRepFallback only returns a representation when
+   * the current rep is 'ocr_pdf', so this is a no-op for any other representation.
+   *
+   * @return {boolean} Whether a fallback representation was applied (and a reload started)
+   */
+  attemptRepFallback() {
+    if (this.hasAttemptedRepFallback) {
+      return false;
+    }
+    const fallbackRepresentation = this.getRepFallback();
+    if (!fallbackRepresentation) {
+      return false;
+    }
+    this.hasAttemptedRepFallback = true;
+    this.options.representation = fallbackRepresentation;
+    this.load();
+    return true;
+  }
+
+  /**
+   * Picks the representation to fall back to when the on-demand 'ocr_pdf' rep fails to load. Prefers the
+   * optimized 'pdf' rep when it is ready, otherwise the synthesized original so the file still renders.
+   * Returns null when no fallback applies (the current rep is not 'ocr_pdf', or none is available).
+   *
+   * @return {Object|null} The fallback representation, or null
+   */
+  getRepFallback() {
+    const {
+      file,
+      representation
+    } = this.options;
+    if (!representation || representation.representation !== 'ocr_pdf') {
+      return null;
+    }
+    const pdfRep = getRepresentation(file, 'pdf');
+    if (pdfRep && lib_RepStatus.getStatus(pdfRep) === constants/* STATUS_SUCCESS */.$g) {
+      return pdfRep;
+    }
+
+    // pdf.js can only render the original bytes directly when the file itself is a PDF. For other
+    // document types the original is e.g. a raw .docx, so keep awaiting the on-demand 'pdf' conversion
+    // (unless it has already errored) rather than handing an unrenderable original to pdf.js.
+    if (file.extension === 'pdf') {
+      return getRepresentation(file, constants/* ORIGINAL_REP_NAME */.EP);
+    }
+    return pdfRep && lib_RepStatus.getStatus(pdfRep) !== constants/* STATUS_ERROR */.uD ? pdfRep : null;
+  }
   handleFindBarClose() {
     if (this.findBarToggleEl && this.findBarToggleEl.focus) {
       this.findBarToggleEl.focus();
@@ -67212,6 +67445,13 @@ const DocLoader_VIEWERS = [{
   CONSTRUCTOR: doc_AutoCADViewer,
   REP: 'pdf',
   EXT: ['dwg']
+},
+// Prefer the searchable 'ocr_pdf' rep over 'pdf'
+{
+  NAME: 'Document',
+  CONSTRUCTOR: doc_DocumentViewer,
+  REP: 'ocr_pdf',
+  EXT: DOCUMENT_EXTENSIONS
 }, {
   NAME: 'Document',
   CONSTRUCTOR: doc_DocumentViewer,
@@ -67269,15 +67509,23 @@ class DocLoader extends viewers_AssetLoader {
    * @return {Object} The representation to load
    */
   determineRepresentation(file, viewer) {
-    let repOverride;
+    let rep = super.determineRepresentation(file, viewer);
+    let status = lib_RepStatus.getStatus(rep);
+    if (rep.representation === 'ocr_pdf' && status === constants/* STATUS_ERROR */.uD) {
+      rep = getRepresentation(file, 'pdf') || rep;
+      status = lib_RepStatus.getStatus(rep);
+    }
 
-    // For PDF files, use original rep unless PDF rep is successful since it'll be faster
-    const rep = super.determineRepresentation(file, viewer);
-    const status = lib_RepStatus.getStatus(rep);
-    if (file.extension === 'pdf' && rep.representation === 'pdf' && status !== constants/* STATUS_SUCCESS */.$g) {
-      repOverride = getRepresentation(file, constants/* ORIGINAL_REP_NAME */.EP);
+    // The searchable 'ocr_pdf' rep is generated on demand: requesting its info url is what kicks
+    // off the conversion, and RepStatus polls none/pending until it is ready. Keep it while it is
+    // still converting so that polling can trigger and await the conversion, rather than falling
+    // straight through to the non-searchable original below. Once it has errored, the block above
+    // has already tried 'pdf', so we allow the original fallback as usual.
+    const isOcrPdfConverting = rep.representation === 'ocr_pdf' && status !== constants/* STATUS_ERROR */.uD;
+    if (file.extension === 'pdf' && rep.representation !== constants/* ORIGINAL_REP_NAME */.EP && status !== constants/* STATUS_SUCCESS */.$g && !isOcrPdfConverting) {
+      rep = getRepresentation(file, constants/* ORIGINAL_REP_NAME */.EP) || rep;
     }
-    return repOverride || rep;
+    return rep;
   }
 }
 /* harmony default export */ const doc_DocLoader = (new DocLoader());
@@ -71154,8 +71402,8 @@ function ErrorIcon({
     extension: extension
   });
 }
-// EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/utils.js + 1 modules
-var lib_utils = __webpack_require__(6494);
+// EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/utils.js
+var lib_utils = __webpack_require__(76);
 // EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/item-icon/item-icon.js + 2 modules
 var item_icon = __webpack_require__(1057);
 ;// ./src/lib/viewers/error/PreviewErrorV2.tsx
@@ -71551,6 +71799,63 @@ class CollectionNavigationRoot {
     })));
   }
 }
+// EXTERNAL MODULE: ./node_modules/@box/item-icon/dist/esm/lib/constants.js
+var lib_constants = __webpack_require__(584);
+;// ./src/lib/LoadingIconV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/LoadingIconV2.tsx
+/* provided dependency */ var LoadingIconV2_ = __webpack_require__(441)["Tl"];
+function LoadingIconV2_defineProperty(e, r, t) { return (r = LoadingIconV2_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function LoadingIconV2_toPropertyKey(t) { var i = LoadingIconV2_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function LoadingIconV2_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 isFileCategory = category => Object.prototype.hasOwnProperty.call(lib_constants/* FILE_CATEGORY_COLORS */.Z, category);
+const LoadingIconV2 = ({
+  extension
+}) => {
+  const category = (0,lib_utils/* getFileCategoryByExtension */.N)(extension?.toLowerCase());
+  const ringColor = isFileCategory(category) ? lib_constants/* FILE_CATEGORY_COLORS */.Z[category] : tokens_.bpBoxBlue100;
+  // Video files are displayed on a dark background
+  const theme = category === 'video' ? 'dark' : 'light';
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    "aria-label": LoadingIconV2_('loading_preview'),
+    className: classnames_default()('bp-LoadingIconV2', `bp-LoadingIconV2--${theme}`),
+    role: "progressbar"
+  }, /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-LoadingIconV2-ring",
+    style: {
+      '--bp-loading-icon-ring-color': ringColor
+    }
+  }), /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-LoadingIconV2-content"
+  }, /*#__PURE__*/external_react_["default"].createElement(item_icon/* ItemIcon */.zG, {
+    ariaHidden: true,
+    className: "bp-LoadingIconV2-icon",
+    iconType: category
+  })));
+};
+class LoadingIconV2Root {
+  constructor({
+    containerEl
+  }) {
+    LoadingIconV2_defineProperty(this, "root", void 0);
+    this.root = (0,client_.createRoot)(containerEl);
+  }
+  destroy() {
+    this.root.unmount();
+  }
+  render(extension) {
+    this.root.render(/*#__PURE__*/external_react_["default"].createElement(LoadingIconV2, {
+      extension: extension
+    }));
+  }
+}
 ;// ./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; }
@@ -71564,6 +71869,7 @@ 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 */
@@ -71580,7 +71886,9 @@ class PreviewUI {
     PreviewUI_defineProperty(this, "mousemoveHandler", void 0);
     /** @property {Function} - Keydown handler */
     PreviewUI_defineProperty(this, "keydownHandler", void 0);
-    /** @property {LoadingIcon} - Loading icon instance */
+    /** @property {boolean} - Whether the Blueprint migration supporting UI flag is on */
+    PreviewUI_defineProperty(this, "isSupportingUiEnabled", void 0);
+    /** @property {LoadingIcon|LoadingIconV2Root} - Loading icon instance */
     PreviewUI_defineProperty(this, "loadingIcon", void 0);
     /** @property {HTMLElement} - Preview container element which houses the sidebar and content */
     PreviewUI_defineProperty(this, "previewContainer", void 0);
@@ -71653,7 +71961,8 @@ 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.isSupportingUiEnabled = isFeatureEnabled(options.features, constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed);
+    if (this.isSupportingUiEnabled) {
       this.setupCollectionNavigation();
     }
 
@@ -71876,7 +72185,8 @@ class PreviewUI {
   showLoadingIcon(extension) {
     const iconEl = this.container.querySelector(constants/* SELECTOR_BOX_PREVIEW_ICON */.VF);
     if (iconEl) {
-      this.loadingIcon = this.loadingIcon || new LoadingIcon({
+      const LoadingIconClass = this.isSupportingUiEnabled ? LoadingIconV2Root : LoadingIcon;
+      this.loadingIcon = this.loadingIcon || new LoadingIconClass({
         containerEl: iconEl
       });
       this.loadingIcon.render(extension);