box-content-preview 3.121.0 → 3.123.0

package/dist/lib/index.js

@@ -51,23 +51,21 @@ import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Me
 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_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_Comment_c700dfbc_default__ } from "@box/blueprint-web-assets/icons/Medium/Comment";
 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_Nav_d41e959a_default__ } from "@box/blueprint-web-assets/icons/Medium/Nav";
 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_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
 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_EllipsisVertical_06d33c4b_default__ } from "@box/blueprint-web-assets/icons/Medium/EllipsisVertical";
 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_MediumFilled_Nav_ae6d790f_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Nav";
-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 { 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";
 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";
@@ -1114,7 +1112,7 @@ const DEFAULT_LANGUAGE = 'en-US';
 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_find":"Find","controls_rotate_document":"Rotate document","controls_zoom_scale":"Zoom: {1}","controls_view_as_grid":"View as grid","controls_show_thumbnails":"View thumbnails","controls_hide_thumbnails":"Hide thumbnails","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_close":"Close","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.","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"} : {};
+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_find":"Find","controls_rotate_document":"Rotate document","controls_zoom_scale":"Zoom: {1}","controls_view_as_grid":"View as grid","controls_show_thumbnails":"View thumbnails","controls_hide_thumbnails":"Hide thumbnails","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_version":"Version {1}","comparison_banner_actions":"More actions","comparison_banner_open_full_preview":"Open Full Preview","comparison_banner_close":"Close","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.","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() {
@@ -1217,7 +1215,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.121.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.123.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 = {};
@@ -4020,7 +4018,8 @@ function BreadcrumbsV2({
     onClick(path);
   };
   return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-BreadcrumbsV2"
+    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"
@@ -5127,7 +5126,8 @@ class Breadcrumbs extends external_react_["default"].PureComponent {
       view
     } = this.props;
     return /*#__PURE__*/external_react_["default"].createElement("div", {
-      className: "bp-Breadcrumbs"
+      className: "bp-Breadcrumbs",
+      "data-testid": "bp-archive-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__, {
       key: pathItem.path,
       "data-resin-target": "breadcrumb",
@@ -5421,7 +5421,8 @@ class ArchiveExplorer extends external_react_.Component {
       resin: resin,
       view: view
     }), /*#__PURE__*/external_react_.createElement("div", {
-      className: "bp-ArchiveExplorer-table"
+      className: "bp-ArchiveExplorer-table",
+      "data-testid": "bp-archive-table"
     }, v2 ? /*#__PURE__*/external_react_.createElement(v2.ArchiveTableV2, {
       items: itemList,
       onItemClick: item => this.handleItemClick({
@@ -6378,7 +6379,7 @@ function MediaSettingsMenuSubtitles({
 
 /***/ },
 
-/***/ 3519
+/***/ 4027
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -6400,74 +6401,8 @@ var Medium_ = __webpack_require__(9747);
 var tokens_ = __webpack_require__(8380);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsRadioItem.tsx + 1 modules
 var SettingsRadioItem = __webpack_require__(8394);
-// EXTERNAL MODULE: ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
-var MenuTriggerTooltipV2 = __webpack_require__(6014);
-;// ./src/lib/viewers/controls/settings/SettingsToggleV2.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx
-const _excluded = ["badge", "buttonType", "label"],
-  _excluded2 = ["badge", "buttonType", "label"];
-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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _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 _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; }
-
-
-
-
-
-
-// Toolbar.Button throws outside a Toolbar.Root, so toggles rendered elsewhere use IconButton.
-
-// The Tooltip wraps the button inside this component so that a Popover or DropdownMenu trigger
-// rendered around it (asChild) keeps its own data-state; Radix gives the child's props precedence.
-function SettingsToggleV2(props, ref) {
-  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
-  if (props.buttonType === 'icon') {
-    const {
-        badge,
-        buttonType,
-        label
-      } = props,
-      rest = _objectWithoutProperties(props, _excluded);
-
-    // IconButton renders only its icon, so the badge sits beside the button in a positioned wrapper.
-    return /*#__PURE__*/external_react_["default"].createElement("span", {
-      className: "bp-SettingsToggleV2"
-    }, /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
-      content: label,
-      isMenuOpen: isMenuOpen
-    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, _extends({
-      ref: ref,
-      "aria-label": label,
-      "data-resin-target": "settingsOpen",
-      icon: Medium_.Gear
-    }, rest))), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
-      className: "bp-SettingsToggleV2-badge"
-    }, badge));
-  }
-  const {
-      badge,
-      buttonType,
-      label
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
-    content: label,
-    isMenuOpen: isMenuOpen
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, _extends({
-    ref: ref,
-    "aria-label": label,
-    "data-resin-target": "settingsOpen"
-  }, rest), /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-SettingsToggleV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: Medium_.Gear
-  }), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-SettingsToggleV2-badge"
-  }, badge))));
-}
-/* harmony default export */ const settings_SettingsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(SettingsToggleV2));
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx + 1 modules
+var SettingsToggleV2 = __webpack_require__(4574);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
 var stopMenuKeyPropagation = __webpack_require__(9646);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsAudioTracks.tsx
@@ -6673,7 +6608,7 @@ function MediaSettingsV2({
     open: isOpen
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
     asChild: true
-  }, /*#__PURE__*/external_react_["default"].createElement(settings_SettingsToggleV2, {
+  }, /*#__PURE__*/external_react_["default"].createElement(SettingsToggleV2/* default */.A, {
     buttonType: "icon",
     "data-target-id": "MediaSettingsV2-toggle",
     label: __('media_settings'),
@@ -9073,6 +9008,92 @@ function SettingsRadioItem(props, ref) {
 
 /***/ },
 
+/***/ 4574
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  A: () => (/* binding */ settings_SettingsToggleV2)
+});
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Medium"
+var Medium_ = __webpack_require__(9747);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
+var MenuTriggerTooltipV2 = __webpack_require__(6014);
+;// ./src/lib/viewers/controls/settings/SettingsToggleV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx
+const _excluded = ["badge", "buttonType", "label"],
+  _excluded2 = ["badge", "buttonType", "label"];
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _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 _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; }
+
+
+
+
+
+
+// Toolbar.Button throws outside a Toolbar.Root, so toggles rendered elsewhere use IconButton.
+
+// The Tooltip wraps the button inside this component so that a Popover or DropdownMenu trigger
+// rendered around it (asChild) keeps its own data-state; Radix gives the child's props precedence.
+function SettingsToggleV2(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  if (props.buttonType === 'icon') {
+    const {
+        badge,
+        buttonType,
+        label
+      } = props,
+      rest = _objectWithoutProperties(props, _excluded);
+
+    // IconButton renders only its icon, so the badge sits beside the button in a positioned wrapper.
+    return /*#__PURE__*/external_react_["default"].createElement("span", {
+      className: "bp-SettingsToggleV2"
+    }, /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+      content: label,
+      isMenuOpen: isMenuOpen
+    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, _extends({
+      ref: ref,
+      "aria-label": label,
+      "data-resin-target": "settingsOpen",
+      icon: Medium_.Gear
+    }, rest))), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
+      className: "bp-SettingsToggleV2-badge"
+    }, badge));
+  }
+  const {
+      badge,
+      buttonType,
+      label
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded2);
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: label,
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, _extends({
+    ref: ref,
+    "aria-label": label,
+    "data-resin-target": "settingsOpen"
+  }, rest), /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-SettingsToggleV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.Gear
+  }), /*#__PURE__*/external_react_["default"].isValidElement(badge) && /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-SettingsToggleV2-badge"
+  }, badge))));
+}
+/* harmony default export */ const settings_SettingsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(SettingsToggleV2));
+
+/***/ },
+
 /***/ 9646
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -9338,8 +9359,8 @@ var blueprint_web_ = __webpack_require__(8912);
 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 + 3 modules
-var MediaSettingsV2 = __webpack_require__(3519);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 1 modules
+var MediaSettingsV2 = __webpack_require__(4027);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayOverlayIcon.tsx
 var PlayOverlayIcon = __webpack_require__(2048);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayPauseToggle.tsx + 1 modules
@@ -21568,7 +21589,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), ["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) });
+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), ["EllipsizableText"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.EllipsizableText), ["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), ["LoadingIndicator"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.LoadingIndicator), ["Modal"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_e1e285a9__.Modal), ["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) });
 
 /***/ },
 
@@ -21579,7 +21600,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["ArrowCurveBack5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveBack5), ["ArrowCurveForward5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward5), ["ArrowsMaximize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMaximize), ["ArrowsMinimize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMinimize), ["ChevronDown"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronDown), ["ChevronLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronLeft), ["ChevronRight"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronRight), ["ChevronUp"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronUp), ["ClosedCaption"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ClosedCaption), ["Comment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Comment), ["Element"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Element), ["Gear"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Gear), ["Volume0"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume0), ["Volume1"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume1), ["Volume2"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume2), ["VolumeX"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.VolumeX), ["XMark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.XMark), ["ZoomIn"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomIn), ["ZoomOut"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomOut) });
+module.exports = x({ ["ArrowCurveBack5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveBack5), ["ArrowCurveForward"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward), ["ArrowCurveForward5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowCurveForward5), ["ArrowsMaximize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMaximize), ["ArrowsMinimize"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ArrowsMinimize), ["Checkmark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Checkmark), ["ChevronDown"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronDown), ["ChevronLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronLeft), ["ChevronRight"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronRight), ["ChevronUp"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ChevronUp), ["ClosedCaption"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ClosedCaption), ["Comment"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Comment), ["Download"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Download), ["Element"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Element), ["Ellipsis"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Ellipsis), ["Expand"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Expand), ["GaugeNeedle"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.GaugeNeedle), ["Gear"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Gear), ["RotateLeft"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.RotateLeft), ["Trash"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Trash), ["Volume0"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume0), ["Volume1"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume1), ["Volume2"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.Volume2), ["VolumeX"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.VolumeX), ["XMark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.XMark), ["ZoomIn"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomIn), ["ZoomOut"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_3b21b01f__.ZoomOut) });
 
 /***/ },
 
@@ -37233,7 +37254,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.121.0";
+const CLIENT_VERSION = "3.123.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -44841,7 +44862,8 @@ class Image360Viewer extends box3d_Box3DViewer {
    * @return {boolean} Consumed or not
    */
   onKeydown(key) {
-    return this.handleFullscreenKey(key);
+    // Without React controls the legacy Box3DControls bar renders, which has no fullscreen shortcut
+    return this.getViewerOption('useReactControls') ? this.handleFullscreenKey(key) : false;
   }
   renderUI() {
     if (!this.controls) {
@@ -53535,10 +53557,12 @@ var MediaToggle = __webpack_require__(8997);
 // data-state Toolbar.ToggleItem uses for its selected styling, so the tooltip gets its own element.
 function ToggleTooltipV2({
   children,
-  content
+  content,
+  side
 }) {
   return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: content
+    content: content,
+    side: side
   }, /*#__PURE__*/external_react_["default"].createElement("span", {
     className: "bp-ToggleTooltipV2"
   }, children));
@@ -53730,8 +53754,8 @@ function VideoControls({
     onFullscreenToggle: onFullscreenToggle
   })))));
 }
-// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 3 modules
-var MediaSettingsV2 = __webpack_require__(3519);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 1 modules
+var MediaSettingsV2 = __webpack_require__(4027);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/PlayPauseButton.tsx + 2 modules
 var PlayPauseButton = __webpack_require__(5760);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/SkipButton.tsx + 2 modules
@@ -54161,6 +54185,298 @@ function VideoFullscreenButton({
     type: "button"
   }, isFullscreen ? /*#__PURE__*/external_react_["default"].createElement(icons_IconArrowsMinimizeMedium24, null) : /*#__PURE__*/external_react_["default"].createElement(icons_IconArrowsMaximizeMedium24, null));
 }
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
+;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteAnchorV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteAnchorV2.tsx
+
+
+
+
+
+// Portals the palette out of the controls so it alone can stack above the annotator's layers, pinned to
+// the anchor's top-right corner where an end-aligned menu would open
+function AnnotationsPaletteAnchorV2({
+  anchorRef,
+  children
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? document.body;
+  const {
+    setIsForced
+  } = external_react_["default"].useContext(ControlsLayerContext);
+  const [point, setPoint] = external_react_["default"].useState(null);
+  external_react_["default"].useLayoutEffect(() => {
+    const anchorEl = anchorRef.current;
+    if (!anchorEl) {
+      return undefined;
+    }
+    const updatePoint = () => {
+      const anchorRect = anchorEl.getBoundingClientRect();
+      const containerRect = container.getBoundingClientRect();
+      const left = anchorRect.right - containerRect.left;
+      const top = anchorRect.top - containerRect.top;
+      setPoint(prev => prev && prev.left === left && prev.top === top ? prev : {
+        left,
+        top
+      });
+    };
+    updatePoint();
+    const observer = new ResizeObserver(updatePoint);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [anchorRef, container]);
+
+  // The palette is outside the controls layer, so the layer is held open to keep the anchor in view
+  external_react_["default"].useEffect(() => {
+    setIsForced(true);
+    return () => setIsForced(false);
+  }, [setIsForced]);
+  if (!point) {
+    return null;
+  }
+  return /*#__PURE__*/(0,external_react_dom_.createPortal)(/*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-AnnotationsPaletteAnchorV2",
+    "data-testid": "bp-AnnotationsPaletteAnchorV2",
+    style: {
+      left: point.left,
+      top: point.top
+    }
+  }, children), container);
+}
+;// external "@box/blueprint-web-assets/icons/Medium/PencilTip"
+
+;// external "@box/blueprint-web-assets/icons/Medium/SquarePlus"
+
+;// external "@box/blueprint-web-assets/icons/Medium/TCursorHighlight"
+
+;// ./src/lib/viewers/controls/annotations/annotationModeIcons.ts
+
+
+
+
+const ANNOTATION_MODE_ICONS = {
+  [AnnotationMode.DRAWING]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__,
+  [AnnotationMode.HIGHLIGHT]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__,
+  [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/annotations/AnnotationsPaletteV2.scss
+// 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); }
+
+
+
+
+
+
+
+
+function AnnotationsPaletteV2({
+  children
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-AnnotationsPaletteV2",
+    "data-testid": "bp-AnnotationsPaletteV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
+}
+function Modes({
+  annotationMode,
+  children,
+  onAnnotationModeClick = (noop_default())
+}) {
+  // The single-select group reports an empty value when the active mode is clicked again. Exiting
+  // is left to the trigger on the main bar, so the palette never closes under the cursor.
+  const handleModeChange = mode => {
+    if (!mode || mode === annotationMode) {
+      return;
+    }
+    onAnnotationModeClick({
+      mode: mode
+    });
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
+    "data-testid": "bp-annotations-controls",
+    onValueChange: handleModeChange,
+    type: "single",
+    value: annotationMode
+  }, children);
+}
+function Mode({
+  value
+}) {
+  const {
+    label,
+    resinTarget,
+    testId
+  } = {
+    [AnnotationMode.DRAWING]: {
+      label: AnnotationsPaletteV2_('drawing_comment'),
+      resinTarget: 'draw',
+      testId: 'bp-AnnotationsControls-drawBtn'
+    },
+    [AnnotationMode.HIGHLIGHT]: {
+      label: AnnotationsPaletteV2_('highlight_text'),
+      resinTarget: 'highlightText',
+      testId: 'bp-AnnotationsControls-highlightBtn'
+    },
+    [AnnotationMode.REGION]: {
+      label: AnnotationsPaletteV2_('region_comment'),
+      resinTarget: 'highlightRegion',
+      testId: 'bp-AnnotationsControls-regionBtn'
+    }
+  }[value];
+  return /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
+    "aria-label": label,
+    "data-resin-target": resinTarget,
+    "data-testid": testId,
+    icon: annotationModeIcons[value],
+    value: value
+  }));
+}
+/* harmony default export */ const annotations_AnnotationsPaletteV2 = (AnnotationsPaletteV2_extends(AnnotationsPaletteV2, {
+  Mode,
+  Modes
+}));
+;// external "@box/blueprint-web-assets/icons/Medium/Comment"
+
+;// ./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); }
+
+
+
+
+
+
+
+// The toolbar parts throw outside a Toolbar.Root, so surfaces without one (the media bar) use a standalone button.
+
+const TOGGLE_VALUE = 'annotations';
+function AnnotationsToggleV2(props, ref) {
+  const {
+    annotationMode = AnnotationMode.NONE,
+    isExpanded,
+    modes,
+    onAnnotationModeClick = (noop_default()),
+    onAnnotationModeEscape = (noop_default()),
+    tooltipSide
+  } = props;
+  const [lastMode, setLastMode] = external_react_["default"].useState(null);
+  const isActive = annotationMode !== AnnotationMode.NONE;
+  const resumeMode = lastMode && modes.includes(lastMode) ? lastMode : modes[0];
+  external_react_["default"].useEffect(() => {
+    if (annotationMode !== AnnotationMode.NONE) {
+      setLastMode(annotationMode);
+    }
+  }, [annotationMode]);
+
+  // Global event handlers
+  external_react_["default"].useEffect(() => {
+    const handleKeyDown = event => {
+      if (event.key !== 'Escape') {
+        return;
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      onAnnotationModeEscape();
+    };
+    if (annotationMode !== AnnotationMode.NONE) {
+      document.addEventListener('keydown', handleKeyDown);
+    }
+    return () => {
+      document.removeEventListener('keydown', handleKeyDown);
+    };
+  }, [annotationMode, onAnnotationModeEscape]);
+  if (!resumeMode) {
+    return null;
+  }
+  const handleToggle = isPressed => {
+    onAnnotationModeClick({
+      mode: isPressed ? resumeMode : AnnotationMode.NONE
+    });
+  };
+  const toggleProps = {
+    ref,
+    'aria-expanded': isExpanded ?? isActive,
+    'aria-label': AnnotationsToggleV2_('annotation_tools'),
+    'data-resin-target': 'annotations',
+    'data-testid': 'bp-AnnotationsControls-toggleBtn',
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Comment_c700dfbc_default__
+  };
+  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+    content: AnnotationsToggleV2_('annotation_tools'),
+    side: tooltipSide
+  }, toggle);
+  if (props.buttonType === 'icon') {
+    const {
+      className,
+      size,
+      variant
+    } = props;
+    return renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconToggleButton, AnnotationsToggleV2_extends({}, toggleProps, {
+      className: className,
+      onPressedChange: handleToggle,
+      pressed: isActive,
+      size: size,
+      variant: variant
+    })));
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
+    onValueChange: value => handleToggle(value.includes(TOGGLE_VALUE)),
+    type: "multiple",
+    value: isActive ? [TOGGLE_VALUE] : []
+  }, renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, AnnotationsToggleV2_extends({}, toggleProps, {
+    value: TOGGLE_VALUE
+  }))));
+}
+/* harmony default export */ const annotations_AnnotationsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(AnnotationsToggleV2));
+;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.scss
+// 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]: 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__,
+  colors,
+  onColorSelect
+}) {
+  const colorLabels = getColorLabels();
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-ColorPickerControlV2",
+    "data-testid": "bp-color-picker-control"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Grid, {
+    "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)
+  }))));
+}
 ;// ./src/lib/viewers/media/VideoControlsV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -54177,12 +54493,20 @@ function VideoFullscreenButton({
 
 
 
+
+
+
+
+
+
+
+
 
 
 
 function VideoControlsV2({
   annotationColor,
-  annotationMode,
+  annotationMode = AnnotationMode.NONE,
   aspectRatio,
   audioTrack,
   audioTracks,
@@ -54232,6 +54556,55 @@ function VideoControlsV2({
   videoAnnotationsEnabled = false,
   volume
 }) {
+  const isFullscreen = useFullscreen();
+
+  // Listed in the palette's button order, which is also the order the toggle falls back to
+  const annotationModes = [];
+  if (videoAnnotationsEnabled && isBlueprintEnabled && !isFullscreen) {
+    if (hasRegion) {
+      annotationModes.push(AnnotationMode.REGION);
+    }
+    if (hasDrawing) {
+      annotationModes.push(AnnotationMode.DRAWING);
+    }
+  }
+  const hasAnnotationsV2 = annotationModes.length > 0;
+  const isAnnotating = hasAnnotationsV2 && annotationMode !== AnnotationMode.NONE;
+  const [isPaletteDismissed, setIsPaletteDismissed] = external_react_["default"].useState(false);
+  const [paletteMode, setPaletteMode] = external_react_["default"].useState(annotationMode);
+  const isPaletteOpen = isAnnotating && !isPaletteDismissed;
+  const annotationsToggleRef = external_react_["default"].useRef(null);
+  if (paletteMode !== annotationMode) {
+    setPaletteMode(annotationMode);
+    setIsPaletteDismissed(false);
+  }
+
+  // The annotator mounts its drawing and region layers beside the video, so a press anywhere in its
+  // container starts a markup. Capture runs before the annotator's own handlers can stop the event.
+  external_react_["default"].useEffect(() => {
+    const surfaceEl = mediaEl?.parentElement;
+    if (!isAnnotating || !surfaceEl) {
+      return undefined;
+    }
+    const handlePointerDown = () => setIsPaletteDismissed(true);
+    surfaceEl.addEventListener('pointerdown', handlePointerDown, true);
+    return () => {
+      surfaceEl.removeEventListener('pointerdown', handlePointerDown, true);
+    };
+  }, [isAnnotating, mediaEl]);
+  external_react_["default"].useEffect(() => {
+    const toggleEl = annotationsToggleRef.current;
+    if (!isAnnotating || !isPaletteDismissed || !toggleEl) {
+      return undefined;
+    }
+    const handleRestore = () => setIsPaletteDismissed(false);
+    toggleEl.addEventListener('focus', handleRestore);
+    toggleEl.addEventListener('pointerenter', handleRestore);
+    return () => {
+      toggleEl.removeEventListener('focus', handleRestore);
+      toggleEl.removeEventListener('pointerenter', handleRestore);
+    };
+  }, [isAnnotating, isPaletteDismissed]);
   return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
     experiences: experiences
   }, /*#__PURE__*/external_react_["default"].createElement("div", {
@@ -54336,7 +54709,31 @@ function VideoControlsV2({
     rate: rate,
     subtitle: subtitle,
     subtitles: subtitles
-  }), videoAnnotationsEnabled && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+  }), hasAnnotationsV2 && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-VideoControlsV2-divider"
+  }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
+    ref: annotationsToggleRef,
+    annotationMode: annotationMode,
+    buttonType: "icon",
+    className: "bp-VideoControlsV2-annotationsToggle",
+    isExpanded: isPaletteOpen,
+    modes: annotationModes,
+    onAnnotationModeClick: onAnnotationModeClick,
+    onAnnotationModeEscape: onAnnotationModeEscape,
+    tooltipSide: isPaletteOpen ? 'left' : undefined
+  }), isPaletteOpen && /*#__PURE__*/external_react_["default"].createElement(AnnotationsPaletteAnchorV2, {
+    anchorRef: annotationsToggleRef
+  }, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2, null, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Modes, {
+    annotationMode: annotationMode,
+    onAnnotationModeClick: onAnnotationModeClick
+  }, annotationModes.map(mode => /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Mode, {
+    key: mode,
+    value: mode
+  }))), annotationMode === AnnotationMode.DRAWING && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), /*#__PURE__*/external_react_["default"].createElement(ColorPickerControlV2, {
+    activeColor: annotationColor,
+    colors: ANNOTATION_COLORS,
+    onColorSelect: onAnnotationColorChange
+  }))))), videoAnnotationsEnabled && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-VideoControlsV2-divider"
   }), /*#__PURE__*/external_react_["default"].createElement(AnnotationsControls, {
     annotationColor: annotationColor,
@@ -56690,8 +57087,6 @@ class Video360Loader extends box3d_Base360Loader {
   }
 }
 /* harmony default export */ const video360_Video360Loader = (new Video360Loader());
-// EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(7516);
 ;// ./src/lib/viewers/controls/icons/IconSearchMedium24.tsx
 function IconSearchMedium24_extends() { return IconSearchMedium24_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; }, IconSearchMedium24_extends.apply(null, arguments); }
 
@@ -56960,231 +57355,6 @@ function AnnotationsExitButtonV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/PencilTip"
-
-;// external "@box/blueprint-web-assets/icons/Medium/SquarePlus"
-
-;// external "@box/blueprint-web-assets/icons/Medium/TCursorHighlight"
-
-;// ./src/lib/viewers/controls/annotations/annotationModeIcons.ts
-
-
-
-
-const ANNOTATION_MODE_ICONS = {
-  [AnnotationMode.DRAWING]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_PencilTip_154ad3fd_default__,
-  [AnnotationMode.HIGHLIGHT]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_TCursorHighlight_508374cb_default__,
-  [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/annotations/AnnotationsPaletteV2.scss
-// 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); }
-
-
-
-
-
-
-
-
-function AnnotationsPaletteV2({
-  children
-}) {
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-AnnotationsPaletteV2",
-    "data-testid": "bp-AnnotationsPaletteV2"
-  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, children));
-}
-function Modes({
-  annotationMode,
-  children,
-  onAnnotationModeClick = (noop_default())
-}) {
-  // The single-select group reports an empty value when the active mode is clicked again. Exiting
-  // is left to the trigger on the main bar, so the palette never closes under the cursor.
-  const handleModeChange = mode => {
-    if (!mode || mode === annotationMode) {
-      return;
-    }
-    onAnnotationModeClick({
-      mode: mode
-    });
-  };
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
-    "data-testid": "bp-annotations-controls",
-    onValueChange: handleModeChange,
-    type: "single",
-    value: annotationMode
-  }, children);
-}
-function Mode({
-  value
-}) {
-  const {
-    label,
-    resinTarget,
-    testId
-  } = {
-    [AnnotationMode.DRAWING]: {
-      label: AnnotationsPaletteV2_('drawing_comment'),
-      resinTarget: 'draw',
-      testId: 'bp-AnnotationsControls-drawBtn'
-    },
-    [AnnotationMode.HIGHLIGHT]: {
-      label: AnnotationsPaletteV2_('highlight_text'),
-      resinTarget: 'highlightText',
-      testId: 'bp-AnnotationsControls-highlightBtn'
-    },
-    [AnnotationMode.REGION]: {
-      label: AnnotationsPaletteV2_('region_comment'),
-      resinTarget: 'highlightRegion',
-      testId: 'bp-AnnotationsControls-regionBtn'
-    }
-  }[value];
-  return /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: label
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, {
-    "aria-label": label,
-    "data-resin-target": resinTarget,
-    "data-testid": testId,
-    icon: annotationModeIcons[value],
-    value: value
-  }));
-}
-/* harmony default export */ const annotations_AnnotationsPaletteV2 = (AnnotationsPaletteV2_extends(AnnotationsPaletteV2, {
-  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); }
-
-
-
-
-
-
-
-// The toolbar parts throw outside a Toolbar.Root, so surfaces without one (the media bar) use a standalone button.
-
-const TOGGLE_VALUE = 'annotations';
-function AnnotationsToggleV2(props, ref) {
-  const {
-    annotationMode = AnnotationMode.NONE,
-    modes,
-    onAnnotationModeClick = (noop_default()),
-    onAnnotationModeEscape = (noop_default())
-  } = props;
-  const [lastMode, setLastMode] = external_react_["default"].useState(null);
-  const isActive = annotationMode !== AnnotationMode.NONE;
-  const resumeMode = lastMode && modes.includes(lastMode) ? lastMode : modes[0];
-  external_react_["default"].useEffect(() => {
-    if (annotationMode !== AnnotationMode.NONE) {
-      setLastMode(annotationMode);
-    }
-  }, [annotationMode]);
-
-  // Global event handlers
-  external_react_["default"].useEffect(() => {
-    const handleKeyDown = event => {
-      if (event.key !== 'Escape') {
-        return;
-      }
-      event.preventDefault();
-      event.stopPropagation();
-      onAnnotationModeEscape();
-    };
-    if (annotationMode !== AnnotationMode.NONE) {
-      document.addEventListener('keydown', handleKeyDown);
-    }
-    return () => {
-      document.removeEventListener('keydown', handleKeyDown);
-    };
-  }, [annotationMode, onAnnotationModeEscape]);
-  if (!resumeMode) {
-    return null;
-  }
-  const handleToggle = isPressed => {
-    onAnnotationModeClick({
-      mode: isPressed ? resumeMode : AnnotationMode.NONE
-    });
-  };
-  const toggleProps = {
-    ref,
-    'aria-expanded': isActive,
-    'aria-label': AnnotationsToggleV2_('annotation_tools'),
-    'data-resin-target': 'annotations',
-    'data-testid': 'bp-AnnotationsControls-toggleBtn',
-    icon: annotationModeIcons[isActive ? annotationMode : resumeMode]
-  };
-  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
-    content: AnnotationsToggleV2_('annotation_tools')
-  }, toggle);
-  if (props.buttonType === 'icon') {
-    const {
-      size,
-      variant
-    } = props;
-    return renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconToggleButton, AnnotationsToggleV2_extends({}, toggleProps, {
-      onPressedChange: handleToggle,
-      pressed: isActive,
-      size: size,
-      variant: variant
-    })));
-  }
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleGroup, {
-    onValueChange: value => handleToggle(value.includes(TOGGLE_VALUE)),
-    type: "multiple",
-    value: isActive ? [TOGGLE_VALUE] : []
-  }, renderToggle(/*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.ToggleItem, AnnotationsToggleV2_extends({}, toggleProps, {
-    value: TOGGLE_VALUE
-  }))));
-}
-/* harmony default export */ const annotations_AnnotationsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(AnnotationsToggleV2));
-;// ./src/lib/viewers/controls/color-picker/ColorPickerControlV2.scss
-// 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]: 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__,
-  colors,
-  onColorSelect
-}) {
-  const colorLabels = getColorLabels();
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-ColorPickerControlV2",
-    "data-testid": "bp-color-picker-control"
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.SelectMenu.Grid, {
-    "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)
-  }))));
-}
 ;// ./src/lib/viewers/controls/controls-bar/useControlsOverflow.ts
 
 
@@ -61837,6 +62007,9 @@ const DocBaseViewer_MIN_PINCH_SCALE_DELTA = 0.01;
 const MIN_PINCH_SCALE_VALUE = 0.25;
 const DocBaseViewer_MIN_SCALE = 0.1;
 const METRICS_WHITELIST = [lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.CLOSE, lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.NAVIGATE, lib_events/* USER_DOCUMENT_THUMBNAIL_EVENTS */.Xe.OPEN];
+// npm pdf.js draws its sharp detail canvas over zoomed pages only when maxCanvasPixels is positive
+const NPM_PDFJS_MAX_CANVAS_SIZE = 2 ** 25; // pdf.js desktop default
+const LEGACY_PDFJS_MAX_CANVAS_SIZE = -1; // Unlimited
 const MOBILE_MAX_CANVAS_SIZE = 2949120; // ~3MP 1920x1536
 const PAGES_UNIT_NAME = 'pages';
 const PDFJS_TEXT_LAYER_MODE = {
@@ -62909,12 +63082,18 @@ class DocBaseViewer extends viewers_BaseViewer {
       findController: this.pdfFindController,
       imageResourcesPath: this.featureEnabled('useNpmPdfjs') ? assetUrlCreator('pdfjs-images/') : assetUrlCreator(IMAGES),
       linkService: this.pdfLinkService,
-      maxCanvasPixels: this.isMobile ? MOBILE_MAX_CANVAS_SIZE : -1,
+      maxCanvasPixels: this.getMaxCanvasPixels(),
       renderInteractiveForms: false,
       // Enabling prevents unverified signatures from being displayed
       textLayerMode: hasTextLayer ? enabledTextLayerMode : PDFJS_TEXT_LAYER_MODE.DISABLE
     });
   }
+  getMaxCanvasPixels() {
+    if (this.isMobile) {
+      return MOBILE_MAX_CANVAS_SIZE;
+    }
+    return this.featureEnabled('useNpmPdfjs') ? NPM_PDFJS_MAX_CANVAS_SIZE : LEGACY_PDFJS_MAX_CANVAS_SIZE;
+  }
 
   /**
    * Initializes the Find Bar
@@ -67189,6 +67368,389 @@ function Model3DControlsNew_Model3DControls({
     onFullscreenToggle: onFullscreenToggle
   }));
 }
+;// external "@box/blueprint-web-assets/icons/MediumFilled/Pause"
+
+;// external "@box/blueprint-web-assets/icons/MediumFilled/Play"
+
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsRadioItem.tsx + 1 modules
+var SettingsRadioItem = __webpack_require__(8394);
+;// ./src/lib/viewers/controls/box3d/AnimationClipsControlV2.tsx
+/* provided dependency */ var AnimationClipsControlV2_ = __webpack_require__(441)["Tl"];
+function AnimationClipsControlV2_extends() { return AnimationClipsControlV2_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; }, AnimationClipsControlV2_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+
+
+// The Tooltip sits inside the DropdownMenu trigger so the trigger keeps the menu's data-state.
+function AnimationClipsControlV2_AnimationClipsToggle(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: AnimationClipsControlV2_('box3d_animation_clips'),
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, AnimationClipsControlV2_extends({
+    ref: ref,
+    "aria-label": AnimationClipsControlV2_('box3d_animation_clips'),
+    "data-resin-target": "animationClips"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.GaugeNeedle
+  })));
+}
+const AnimationClipsToggleV2 = /*#__PURE__*/external_react_["default"].forwardRef(AnimationClipsControlV2_AnimationClipsToggle);
+function AnimationClipsControlV2({
+  animationClips,
+  currentAnimationClipId,
+  onAnimationClipSelect
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n);
+  // Props types this as () => void, but the viewer's handler reads the selected clip id.
+  const onSelect = onAnimationClipSelect;
+  const handleValueChange = id => {
+    window.Box?.Preview?.resin?.recordAction?.(SettingsRadioItem/* settingsRadioItemAction */.w);
+    onSelect(id);
+  };
+  return /*#__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(AnimationClipsToggleV2, null)), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
+    align: "start",
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioGroup, {
+    onValueChange: handleValueChange,
+    value: currentAnimationClipId
+  }, animationClips.map(({
+    duration,
+    id,
+    name
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.RadioSelectItem, {
+    key: id,
+    "data-resin-target": "settingsRadioItem",
+    value: id
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span"
+  }, `${formatDuration(duration)} ${name}`))))));
+}
+;// ./src/lib/viewers/controls/box3d/AnimationControlsV2.tsx
+/* provided dependency */ var AnimationControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+function AnimationControlsV2({
+  animationClips,
+  currentAnimationClipId,
+  isPlaying,
+  onAnimationClipSelect,
+  onPlayPause
+}) {
+  if (!animationClips.length) {
+    return null;
+  }
+  const label = isPlaying ? AnimationControlsV2_('media_pause') : AnimationControlsV2_('media_play');
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": label,
+    "data-resin-target": "playPause",
+    onClick: () => onPlayPause(!isPlaying)
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: isPlaying ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Pause_0cc1f701_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Play_ee47c078_default__
+  }))), /*#__PURE__*/external_react_["default"].createElement(AnimationClipsControlV2, {
+    animationClips: animationClips,
+    currentAnimationClipId: currentAnimationClipId,
+    onAnimationClipSelect: onAnimationClipSelect
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateRight.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateRight.tsx
+function RotateRight_extends() { return RotateRight_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; }, RotateRight_extends.apply(null, arguments); }
+
+
+
+
+// Blueprint has RotateLeft and no RotateRight. Mirror the left glyph for the clockwise control.
+function RotateRight(props) {
+  return /*#__PURE__*/external_react_["default"].createElement(Medium_.RotateLeft, RotateRight_extends({}, props, {
+    className: ['bp-RotateRight', props.className].filter(Boolean).join(' ')
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlV2.tsx
+/* provided dependency */ var RotateAxisControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+const RotateAxisControlV2_ROTATION_STEP = 90;
+function RotateAxisControlV2({
+  axis,
+  onRotateOnAxisChange
+}) {
+  const axisName = axis.toUpperCase();
+  const handleClickLeft = () => onRotateOnAxisChange({
+    [axis]: -RotateAxisControlV2_ROTATION_STEP
+  });
+  const handleClickRight = () => onRotateOnAxisChange({
+    [axis]: RotateAxisControlV2_ROTATION_STEP
+  });
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-RotateAxisControlV2",
+    "data-testid": `bp-rotate-axis-control-${axis}`
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": (0,util/* replacePlaceholders */.Lb)(RotateAxisControlV2_('box3d_settings_rotate_left'), [axisName]),
+    "data-resin-target": "rotateAxisLeft",
+    "data-testid": "bp-rotate-axis-control-left",
+    icon: Medium_.RotateLeft,
+    onClick: handleClickLeft
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    "data-testid": "bp-rotate-axis-control-label",
+    variant: "bodyDefaultBold"
+  }, axisName), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
+    "aria-label": (0,util/* replacePlaceholders */.Lb)(RotateAxisControlV2_('box3d_settings_rotate_right'), [axisName]),
+    "data-resin-target": "rotateAxisRight",
+    "data-testid": "bp-rotate-axis-control-right",
+    icon: RotateRight,
+    onClick: handleClickRight
+  }));
+}
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/RotateAxisControlsV2.tsx
+/* provided dependency */ var RotateAxisControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+function RotateAxisControlsV2({
+  onRotateOnAxisChange
+}) {
+  const labelId = external_react_["default"].useId();
+  return /*#__PURE__*/external_react_["default"].createElement("div", {
+    "aria-labelledby": labelId,
+    className: "bp-RotateAxisControlsV2",
+    role: "group"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "span",
+    "data-testid": "bp-rotate-axis-controls-label",
+    id: labelId,
+    variant: "bodyDefaultBold"
+  }, RotateAxisControlsV2_('box3d_settings_rotate_label')), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "x",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "y",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlV2, {
+    axis: "z",
+    onRotateOnAxisChange: onRotateOnAxisChange
+  }));
+}
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/SettingsToggleV2.tsx + 1 modules
+var SettingsToggleV2 = __webpack_require__(4574);
+;// ./src/lib/viewers/controls/box3d/Model3DSettingsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/box3d/Model3DSettingsV2.tsx
+/* provided dependency */ var Model3DSettingsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+
+
+
+function Model3DSettingsV2({
+  cameraProjection,
+  onCameraProjectionChange,
+  onClose = (noop_default()),
+  onOpen = (noop_default()),
+  onRenderModeChange,
+  onRotateOnAxisChange,
+  onShowGridToggle,
+  onShowSkeletonsToggle,
+  onShowWireframesToggle,
+  renderMode,
+  showGrid,
+  showSkeletons,
+  showWireframes
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? undefined;
+  const handleOpenChange = isOpen => {
+    if (isOpen) {
+      onOpen();
+    } else {
+      onClose();
+    }
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.Root, {
+    modal: false,
+    onOpenChange: handleOpenChange
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.Trigger, {
+    asChild: true
+  }, /*#__PURE__*/external_react_["default"].createElement(SettingsToggleV2/* default */.A, {
+    label: Model3DSettingsV2_('box3d_settings')
+  })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.ContentContainer, {
+    align: "start",
+    "aria-label": Model3DSettingsV2_('box3d_settings'),
+    container: container,
+    "data-testid": "bp-model3d-settings",
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Popover.MainContent, null, /*#__PURE__*/external_react_["default"].createElement("div", {
+    className: "bp-Model3DSettingsV2"
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select, {
+    "data-resin-target": "settingsDropdown",
+    label: Model3DSettingsV2_('box3d_settings_render_label'),
+    onValueChange: value => onRenderModeChange(value),
+    placeholder: Model3DSettingsV2_('box3d_settings_render_label'),
+    value: renderMode
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Content, {
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s
+  }, getRenderModeOptions().map(({
+    label,
+    value
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Option, {
+    key: value,
+    text: label,
+    value: value
+  })))), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showGrid,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_grid_label'),
+    onCheckedChange: onShowGridToggle,
+    value: "grid"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showWireframes,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_wireframes_label'),
+    onCheckedChange: onShowWireframesToggle,
+    value: "wireframes"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Switch.Item, {
+    checked: showSkeletons,
+    "data-resin-target": "settingsCheckbox",
+    label: Model3DSettingsV2_('box3d_settings_skeletons_label'),
+    onCheckedChange: onShowSkeletonsToggle,
+    value: "skeletons"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select, {
+    "data-resin-target": "settingsDropdown",
+    label: Model3DSettingsV2_('box3d_settings_projection_label'),
+    onValueChange: value => onCameraProjectionChange(value),
+    placeholder: Model3DSettingsV2_('box3d_settings_projection_label'),
+    value: cameraProjection
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Content, {
+    container: container,
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s
+  }, getCameraProjectionOptions().map(({
+    label,
+    value
+  }) => /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Select.Option, {
+    key: value,
+    text: label,
+    value: value
+  })))), /*#__PURE__*/external_react_["default"].createElement(RotateAxisControlsV2, {
+    onRotateOnAxisChange: onRotateOnAxisChange
+  })))));
+}
+;// ./src/lib/viewers/controls/box3d/ResetControlV2.tsx
+/* provided dependency */ var ResetControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+function ResetControlV2({
+  onReset
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: ResetControlV2_('box3d_reset')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": ResetControlV2_('box3d_reset'),
+    "data-resin-target": "resetView",
+    onClick: () => onReset()
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: Medium_.ArrowCurveForward
+  })));
+}
+;// ./src/lib/viewers/box3d/model3d/Model3DControlsV2.tsx
+
+
+
+
+
+
+
+function Model3DControlsV2({
+  animationClips,
+  cameraProjection,
+  currentAnimationClipId,
+  isPlaying,
+  isVrShown,
+  onAnimationClipSelect,
+  onCameraProjectionChange,
+  onFullscreenToggle,
+  onPlayPause,
+  onRenderModeChange,
+  onRotateOnAxisChange,
+  onReset,
+  onSettingsClose,
+  onSettingsOpen,
+  onShowGridToggle,
+  onShowSkeletonsToggle,
+  onShowWireframesToggle,
+  onVrToggle,
+  renderMode,
+  showGrid,
+  showSkeletons,
+  showWireframes
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(ResetControlV2, {
+    onReset: onReset
+  }), /*#__PURE__*/external_react_["default"].createElement(AnimationControlsV2, {
+    animationClips: animationClips,
+    currentAnimationClipId: currentAnimationClipId,
+    isPlaying: isPlaying,
+    onAnimationClipSelect: onAnimationClipSelect,
+    onPlayPause: onPlayPause
+  }), /*#__PURE__*/external_react_["default"].createElement(VrToggleControlV2, {
+    isVrShown: isVrShown,
+    onVrToggle: onVrToggle
+  }), /*#__PURE__*/external_react_["default"].createElement(Model3DSettingsV2, {
+    cameraProjection: cameraProjection,
+    onCameraProjectionChange: onCameraProjectionChange,
+    onClose: onSettingsClose,
+    onOpen: onSettingsOpen,
+    onRenderModeChange: onRenderModeChange,
+    onRotateOnAxisChange: onRotateOnAxisChange,
+    onShowGridToggle: onShowGridToggle,
+    onShowSkeletonsToggle: onShowSkeletonsToggle,
+    onShowWireframesToggle: onShowWireframesToggle,
+    renderMode: renderMode,
+    showGrid: showGrid,
+    showSkeletons: showSkeletons,
+    showWireframes: showWireframes
+  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }));
+}
 ;// ./src/lib/viewers/box3d/model3d/Model3DVrControls.js
 function Model3DVrControls_defineProperty(e, r, t) { return (r = Model3DVrControls_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Model3DVrControls_toPropertyKey(t) { var i = Model3DVrControls_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -68095,6 +68657,8 @@ function Model3DViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
+
 const DEFAULT_AXIS_UP = '+Y';
 const DEFAULT_AXIS_FORWARD = '+Z';
 const DEFAULT_RENDER_GRID = true;
@@ -68538,7 +69102,8 @@ class Model3DViewer extends box3d_Box3DViewer {
     if (!this.controls || !this.renderer) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Model3DControlsNew_Model3DControls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? Model3DControlsV2 : Model3DControlsNew_Model3DControls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       animationClips: this.animationClips,
       cameraProjection: this.projection,
       currentAnimationClipId: this.renderer.getAnimationClip(),
@@ -69146,16 +69711,6 @@ office_OfficeLoader,
 doc_DocLoader,
 // should come after text
 swf_SWFLoader, video360_Video360Loader, media_MediaLoader, image360_Image360Loader, image_ImageLoader, model3d_Model3DLoader, iframe_IFrameLoader]);
-;// external "@box/blueprint-web-assets/icons/Medium/Checkmark"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Download"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Ellipsis"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Expand"
-
-;// external "@box/blueprint-web-assets/icons/Medium/Trash"
-
 ;// ./src/lib/ComparisonBanner.scss
 // extracted by mini-css-extract-plugin
 
@@ -69173,9 +69728,8 @@ function ComparisonBanner_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 
 
-
-
-
+// The badge is a fixed-size circle, so larger version numbers are shown as "999+"
+const MAX_BADGE_VERSION = 999;
 function formatComparisonTimestamp(iso, locale) {
   if (!iso) {
     return '';
@@ -69194,6 +69748,23 @@ function formatComparisonTimestamp(iso, locale) {
 function getComparisonBannerAuthor(file = {}) {
   return file.modified_by?.name || file.created_by?.name || '';
 }
+function VersionBadge({
+  fullLabel,
+  isTruncated,
+  label
+}) {
+  const badge = /*#__PURE__*/external_react_["default"].createElement("span", {
+    // When truncated, the tooltip supplies the full number
+    "aria-label": isTruncated ? undefined : fullLabel,
+    className: isTruncated ? 'bp-version-banner-badge bp-version-banner-badge--truncated' : 'bp-version-banner-badge',
+    role: isTruncated ? undefined : 'img'
+  }, label);
+
+  // Tooltip triggers must be focusable so keyboard users can open the full version number
+  return isTruncated ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: fullLabel
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Focusable, null, badge)) : badge;
+}
 function ComparisonBanner({
   file = {},
   isComparedPreview = false,
@@ -69208,40 +69779,51 @@ function ComparisonBanner({
   const versionNumber = file.version_number != null && file.version_number !== '' ? String(file.version_number) : '';
   const timestamp = formatComparisonTimestamp(file.modified_at, locale);
   const author = getComparisonBannerAuthor(file);
+  const isBadgeTruncated = Number(versionNumber) > MAX_BADGE_VERSION;
+  const badgeLabel = isBadgeTruncated ? `${MAX_BADGE_VERSION}+` : versionNumber;
+  const badgeFullLabel = (0,util/* replacePlaceholders */.Lb)(ComparisonBanner_('comparison_banner_version'), [versionNumber]);
   // When "Open Full Preview" is the only action, the close button covers it, so skip the menu
   const showMenu = !!(onMakeCurrent || onDownload || onDelete);
   const showClose = !!onOpenFullPreview;
   if (!versionNumber && !timestamp && !author) {
     return null;
   }
-  return /*#__PURE__*/external_react_["default"].createElement("div", {
+  return /*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+    container: menuContainer
+  }, /*#__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 ? ComparisonBanner_('comparison_banner_previous') : ComparisonBanner_('comparison_banner_current'),
     className: "bp-version-banner-details",
     role: "status"
-  }, versionNumber && /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-version-banner-badge"
-  }, versionNumber), (timestamp || author) && /*#__PURE__*/external_react_["default"].createElement("div", {
+  }, versionNumber && /*#__PURE__*/external_react_["default"].createElement(VersionBadge, {
+    fullLabel: badgeFullLabel,
+    isTruncated: isBadgeTruncated,
+    label: badgeLabel
+  }), (timestamp || author) && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-version-banner-info"
-  }, timestamp && /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-version-banner-time"
-  }, timestamp), author && /*#__PURE__*/external_react_["default"].createElement("div", {
-    className: "bp-version-banner-author"
+  }, timestamp && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+    as: "div",
+    className: "bp-version-banner-time",
+    lineClamp: 1,
+    variant: "bodyDefaultSemibold"
+  }, timestamp), author && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.EllipsizableText, {
+    as: "div",
+    className: "bp-version-banner-author",
+    lineClamp: 1,
+    variant: "caption"
   }, author))), isComparedPreview && (onMakeCurrent || onDownload || onOpenFullPreview || onDelete) && /*#__PURE__*/external_react_["default"].createElement("div", {
     className: "bp-version-banner-actions",
     onKeyDown: event => {
       event.stopPropagation(); // Prevents global key handling
     },
     role: "presentation"
-  }, /*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
-    container: menuContainer
   }, showMenu && /*#__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": ComparisonBanner_('comparison_banner_actions'),
     "data-target-id": "ComparisonBanner-openActions",
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Ellipsis_9a96c07b_default__,
+    icon: Medium_.Ellipsis,
     size: "small",
     variant: isOnDark ? 'on-dark' : 'default'
   })), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, {
@@ -69252,21 +69834,21 @@ function ComparisonBanner({
     "data-target-id": "ComparisonBanner-makeCurrent",
     onSelect: onMakeCurrent
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Checkmark_52a58454_default__
+    icon: Medium_.Checkmark
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     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__
+    icon: Medium_.Download
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     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__
+    icon: Medium_.Expand
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     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, {
@@ -69274,7 +69856,7 @@ function ComparisonBanner({
     onSelect: onDelete,
     variant: "destructive"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Trash_28211f44_default__
+    icon: Medium_.Trash
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
     label: ComparisonBanner_('comparison_banner_delete')
   })))), showMenu && showClose && /*#__PURE__*/external_react_["default"].createElement("span", {
@@ -69283,7 +69865,7 @@ function ComparisonBanner({
   }), showClose && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, {
     "aria-label": ComparisonBanner_('comparison_banner_close'),
     "data-target-id": "ComparisonBanner-close",
-    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_XMark_07fbe0f0_default__,
+    icon: Medium_.XMark,
     onClick: onOpenFullPreview,
     size: "small",
     variant: isOnDark ? 'on-dark' : 'default'