box-content-preview 3.119.0 → 3.121.0

package/dist/lib/index.js

@@ -23,6 +23,7 @@
 import { Archive as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_Archive__, FileAiPrompt as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAiPrompt__, FileAiSession as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAiSession__, FileAudio as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileAudio__, FileBookmark as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileBookmark__, FileBoxNote as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileBoxNote__, FileCanvas as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileCanvas__, FileCode as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileCode__, FileDefault as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDefault__, FileDocs as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDocs__, FileDwg as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileDwg__, FileExcel as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileExcel__, FileIllustrator as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileIllustrator__, FileImage as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileImage__, FileIndesign as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileIndesign__, FileKeynote as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileKeynote__, FileMarkdown as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileMarkdown__, FileNumbers as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileNumbers__, FilePages as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePages__, FilePdf as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePdf__, FilePhotoshop as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePhotoshop__, FilePowerpoint as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePowerpoint__, FilePresentation as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FilePresentation__, FileSheets as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSheets__, FileSlides as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSlides__, FileSpreadsheet as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileSpreadsheet__, FileText as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileText__, FileThreeD as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileThreeD__, FileVariable as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVariable__, FileVector as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVector__, FileVideo as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileVideo__, FileWord as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileWord__, FileXbd as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileXbd__, FileXdw as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileXdw__, FileZip as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FileZip__, FolderArchive as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderArchive__, FolderExternal as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderExternal__, FolderPersonal as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderPersonal__, FolderShared as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderShared__, FolderVariable as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Content_3c90b2ee_FolderVariable__ } from "@box/blueprint-web-assets/icons/Content";
 import { AgentCustomExtract as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_AgentCustomExtract__, BoxApps as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_BoxApps__, Form as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_Form__, FormSubmission as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_FormSubmission__, RelayAdvanced as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Logo_bf2ae2e9_RelayAdvanced__ } from "@box/blueprint-web-assets/icons/Logo";
 import { decode as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_utils_keys_d752524f_decode__ } from "box-ui-elements/es/utils/keys";
+import { defineMessages as __WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_defineMessages__, useIntl as __WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_useIntl__ } from "react-intl";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_elements_common_Internationalize_d2da695e_default__ } from "box-ui-elements/es/elements/common/Internationalize";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_virtualized_table_VirtualizedTable_9bb4c7d0_default__ } from "box-ui-elements/es/features/virtualized-table/VirtualizedTable";
 import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_utils_fuzzySearch_1af795d8_default__ } from "box-ui-elements/es/utils/fuzzySearch";
@@ -43,24 +44,24 @@ import * as __WEBPACK_EXTERNAL_MODULE_react_dom_7dac9eee__ from "react-dom";
 import * as __WEBPACK_EXTERNAL_MODULE_react_dom_client_4cb20cd7__ from "react-dom/client";
 import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_179142b8__ from "react/jsx-runtime";
 import { default as __WEBPACK_EXTERNAL_MODULE_axios_default__ } from "axios";
-import { bdlBoxBlue as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__, bdlGray65 as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__, bdlGreenLight as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGreenLight__, bdlGrimace as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGrimace__, bdlWatermelonRed as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlWatermelonRed__, bdlYellorange as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellorange__, bdlYellow as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellow__, white as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__ } from "box-ui-elements/es/styles/variables";
-import { default as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_tooltip_Tooltip_97b5ae91_default__ } from "box-ui-elements/es/components/tooltip/Tooltip";
-import { withTargetedClickThrough as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_targeting_hocs_e326fa91_withTargetedClickThrough__ } from "box-ui-elements/es/features/targeting/hocs";
+import { bdlBoxBlue as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__, bdlGray65 as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGray65__, white as __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__ } from "box-ui-elements/es/styles/variables";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_VrGoggles_9eb581be_default__ } from "@box/blueprint-web-assets/icons/Medium/VrGoggles";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ } from "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__ } from "@box/blueprint-web-assets/icons/Medium/Minus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__ } from "@box/blueprint-web-assets/icons/Medium/Plus";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_CheckmarkCircle_e8bd4624_default__ } from "@box/blueprint-web-assets/icons/Medium/CheckmarkCircle";
+import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_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_Search_ef3e4aba_default__ } from "@box/blueprint-web-assets/icons/Medium/Search";
-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_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_Medium_RotateLeft_c726d679_default__ } from "@box/blueprint-web-assets/icons/Medium/RotateLeft";
-import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__ } from "@box/blueprint-web-assets/icons/Medium/Nav";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_MediumFilled_Nav_ae6d790f_default__ } from "@box/blueprint-web-assets/icons/MediumFilled/Nav";
 import { default as __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_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";
@@ -1113,7 +1114,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_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.","annotations_tooltip_body":"Make notes and comments to highlight key information when previewing content.","annotations_tooltip_title":"Add feedback on content","notification_button_default_text":"Okay","notification_button_default_label":"Clear Notification","notification_annotation_point_mode":"Click anywhere to add a comment to the document","notification_annotation_draw_mode":"Press down and drag the pointer to draw on the document","notification_degraded_preview":"Your connection to {1} is being blocked. Please reach out to your network admin to adjust firewall settings.","notification_cannot_download":"This file could not be downloaded.","notification_cannot_download_due_to_policy":"The file could not be downloaded due to a security policy.","link_contact_us":"Contact Us","360_videos":"360-degree videos","360_images":"360-degree images","3d_models":"3D models","afrikaans":"Afrikaans","albanian":"Albanian","arabic":"Arabic","armenian":"Armenian","belarusian":"Belarusian","bengali":"Bengali","bosnian":"Bosnian","bulgarian":"Bulgarian","burmese":"Burmese","catalan":"Catalan","central_khmer":"Central Khmer","chinese":"Chinese","croatian":"Croatian","czech":"Czech","danish":"Danish","dutch":"Dutch","english":"English","estonian":"Estonian","filipino":"Filipino","finnish":"Finnish","french":"French","galician":"Galician","ganda":"Ganda","georgian":"Georgian","german":"German","haitian_creole":"Haitian Creole","hebrew":"Hebrew","hindi":"Hindi","hmong":"Hmong","hungarian":"Hungarian","icelandic":"Icelandic","indonesian":"Indonesian","irish":"Irish","italian":"Italian","japanese":"Japanese","kazakh":"Kazakh","korean":"Korean","kurdish":"Kurdish","lao":"Lao","latvian":"Latvian","lithuanian":"Lithuanian","luxembourgish":"Luxembourgish","malay_macrolanguage":"Malay","modern_greek_1453_":"Greek","mongolian":"Mongolian","norwegian":"Norwegian","persian":"Persian","polish":"Polish","portuguese":"Portuguese","romanian":"Romanian","russian":"Russian","serbian":"Serbian","sichuan_yi":"Sichuan Yi","sicilian":"Sicilian","slovak":"Slovak","slovenian":"Slovenian","somali":"Somali","spanish":"Spanish","swahili_macrolanguage":"Swahili","swedish":"Swedish","swiss_german":"Swiss German","tagalog":"Tagalog","telugu":"Telugu","thai":"Thai","tibetan":"Tibetan","turkish":"Turkish","ukrainian":"Ukrainian","uzbek":"Uzbek","vietnamese":"Vietnamese"} : {};
+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"} : {};
 let language =  true ? "en-US" : 0;
 let strings = defaultStrings;
 function getLanguage() {
@@ -1216,7 +1217,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.119.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.121.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 = {};
@@ -1509,8 +1510,8 @@ function createAssetUrlCreator(location) {
     if (name.indexOf('http') === 0) {
       // This is a full url
       asset = name;
-    } else if (name.indexOf('third-party') === 0 || name.indexOf('exif/') === 0 || name.indexOf('cmaps/') === 0 || name.indexOf('iccs/') === 0 || name.indexOf('wasm/') === 0 || name.indexOf('standard_fonts/') === 0) {
-      // Static, non-localized asset (third-party libs, shared exif, pdfjs cmaps, ICC profiles, wasm, standard fonts).
+    } else if (name.indexOf('third-party') === 0 || name.indexOf('exif/') === 0 || name.indexOf('cmaps/') === 0 || name.indexOf('iccs/') === 0 || name.indexOf('wasm/') === 0 || name.indexOf('standard_fonts/') === 0 || name.indexOf('pdfjs-images/') === 0) {
+      // Static asset shared by every version and locale
       asset = staticBaseURI + name;
     } else {
       // This is our own asset that is localized
@@ -2055,7 +2056,7 @@ function getPreloadImageRequestPromisesByBatch(api, pagedPreLoadUrlWithAuth, sta
 
 /***/ },
 
-/***/ 505
+/***/ 1337
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -3818,950 +3819,16 @@ var utils = __webpack_require__(6494);
 var ONE_HOUR_MS=36e5,nonUppercaseLocales=[`ru`];
 ;// ./node_modules/@box/readable-time/dist/esm/lib/utils.js
 var WEEK_IN_MS=6048e5,DAY_IN_MS=864e5,HOUR_IN_MS=36e5,MIN_IN_MS=6e4,SEC_IN_MS=1e3,YEAR_IN_MS=3154e7,convertToDate=dateValue=>dateValue instanceof Date?dateValue:new Date(dateValue),isCurrentYear=dateValue=>new Date().getFullYear()===convertToDate(dateValue).getFullYear(),isToday=dateValue=>new Date().toDateString()===convertToDate(dateValue).toDateString(),isYesterday=dateValue=>isToday(convertToDate(dateValue).getTime()+DAY_IN_MS);function timeFromNow(ms){let diff=ms-Date.now();return Math.abs(diff)>=YEAR_IN_MS?{value:Math.trunc(diff/YEAR_IN_MS),unit:`year`}:Math.abs(diff)>=WEEK_IN_MS?{value:Math.trunc(diff/WEEK_IN_MS),unit:`week`}:Math.abs(diff)>=DAY_IN_MS?{value:Math.trunc(diff/DAY_IN_MS),unit:`day`}:Math.abs(diff)>=HOUR_IN_MS?{value:Math.trunc(diff/HOUR_IN_MS),unit:`hour`}:Math.abs(diff)>=MIN_IN_MS?{value:Math.trunc(diff/MIN_IN_MS),unit:`minute`}:{value:Math.trunc(diff/SEC_IN_MS),unit:`second`}}
-;// ./node_modules/tslib/tslib.es6.mjs
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-var extendStatics = function(d, b) {
-  extendStatics = Object.setPrototypeOf ||
-      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-  return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-  if (typeof b !== "function" && b !== null)
-      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-  extendStatics(d, b);
-  function __() { this.constructor = d; }
-  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-  __assign = Object.assign || function __assign(t) {
-      for (var s, i = 1, n = arguments.length; i < n; i++) {
-          s = arguments[i];
-          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-      return t;
-  }
-  return __assign.apply(this, arguments);
-}
-
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-      t[p] = s[p];
-  if (s != null && typeof Object.getOwnPropertySymbols === "function")
-      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-              t[p[i]] = s[p[i]];
-      }
-  return t;
-}
-
-function __decorate(decorators, target, key, desc) {
-  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __param(paramIndex, decorator) {
-  return function (target, key) { decorator(target, key, paramIndex); }
-}
-
-function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-  function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-  var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-  var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-  var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-  var _, done = false;
-  for (var i = decorators.length - 1; i >= 0; i--) {
-      var context = {};
-      for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-      for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-      context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-      var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-      if (kind === "accessor") {
-          if (result === void 0) continue;
-          if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-          if (_ = accept(result.get)) descriptor.get = _;
-          if (_ = accept(result.set)) descriptor.set = _;
-          if (_ = accept(result.init)) initializers.unshift(_);
-      }
-      else if (_ = accept(result)) {
-          if (kind === "field") initializers.unshift(_);
-          else descriptor[key] = _;
-      }
-  }
-  if (target) Object.defineProperty(target, contextIn.name, descriptor);
-  done = true;
-};
-
-function __runInitializers(thisArg, initializers, value) {
-  var useValue = arguments.length > 2;
-  for (var i = 0; i < initializers.length; i++) {
-      value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-  }
-  return useValue ? value : void 0;
-};
-
-function __propKey(x) {
-  return typeof x === "symbol" ? x : "".concat(x);
-};
-
-function __setFunctionName(f, name, prefix) {
-  if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
-  return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
-};
-
-function __metadata(metadataKey, metadataValue) {
-  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-      function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-      function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-      function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-      step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-}
-
-function __generator(thisArg, body) {
-  var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-  return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-  function verb(n) { return function (v) { return step([n, v]); }; }
-  function step(op) {
-      if (f) throw new TypeError("Generator is already executing.");
-      while (g && (g = 0, op[0] && (_ = 0)), _) try {
-          if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-          if (y = 0, t) op = [op[0] & 2, t.value];
-          switch (op[0]) {
-              case 0: case 1: t = op; break;
-              case 4: _.label++; return { value: op[1], done: false };
-              case 5: _.label++; y = op[1]; op = [0]; continue;
-              case 7: op = _.ops.pop(); _.trys.pop(); continue;
-              default:
-                  if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                  if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                  if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                  if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                  if (t[2]) _.ops.pop();
-                  _.trys.pop(); continue;
-          }
-          op = body.call(thisArg, _);
-      } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-      if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-  }
-}
-
-var __createBinding = Object.create ? (function(o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  var desc = Object.getOwnPropertyDescriptor(m, k);
-  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-  }
-  Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-  if (k2 === undefined) k2 = k;
-  o[k2] = m[k];
-});
-
-function __exportStar(m, o) {
-  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
-}
-
-function __values(o) {
-  var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-  if (m) return m.call(o);
-  if (o && typeof o.length === "number") return {
-      next: function () {
-          if (o && i >= o.length) o = void 0;
-          return { value: o && o[i++], done: !o };
-      }
-  };
-  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-}
-
-function __read(o, n) {
-  var m = typeof Symbol === "function" && o[Symbol.iterator];
-  if (!m) return o;
-  var i = m.call(o), r, ar = [], e;
-  try {
-      while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-  }
-  catch (error) { e = { error: error }; }
-  finally {
-      try {
-          if (r && !r.done && (m = i["return"])) m.call(i);
-      }
-      finally { if (e) throw e.error; }
-  }
-  return ar;
-}
-
-/** @deprecated */
-function __spread() {
-  for (var ar = [], i = 0; i < arguments.length; i++)
-      ar = ar.concat(__read(arguments[i]));
-  return ar;
-}
-
-/** @deprecated */
-function __spreadArrays() {
-  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-  for (var r = Array(s), k = 0, i = 0; i < il; i++)
-      for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-          r[k] = a[j];
-  return r;
-}
-
-function __spreadArray(to, from, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-      if (ar || !(i in from)) {
-          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-          ar[i] = from[i];
-      }
-  }
-  return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-function __await(v) {
-  return this instanceof __await ? (this.v = v, this) : new __await(v);
-}
-
-function __asyncGenerator(thisArg, _arguments, generator) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var g = generator.apply(thisArg, _arguments || []), i, q = [];
-  return i = Object.create((typeof AsyncIterator === "function" ? AsyncIterator : Object).prototype), verb("next"), verb("throw"), verb("return", awaitReturn), i[Symbol.asyncIterator] = function () { return this; }, i;
-  function awaitReturn(f) { return function (v) { return Promise.resolve(v).then(f, reject); }; }
-  function verb(n, f) { if (g[n]) { i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; if (f) i[n] = f(i[n]); } }
-  function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
-  function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-  function fulfill(value) { resume("next", value); }
-  function reject(value) { resume("throw", value); }
-  function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
-}
-
-function __asyncDelegator(o) {
-  var i, p;
-  return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-  function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
-}
-
-function __asyncValues(o) {
-  if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
-  var m = o[Symbol.asyncIterator], i;
-  return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-  function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-  function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
-}
-
-function __makeTemplateObject(cooked, raw) {
-  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-  return cooked;
-};
-
-var __setModuleDefault = Object.create ? (function(o, v) {
-  Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-  o["default"] = v;
-};
-
-var ownKeys = function(o) {
-  ownKeys = Object.getOwnPropertyNames || function (o) {
-    var ar = [];
-    for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-    return ar;
-  };
-  return ownKeys(o);
-};
-
-function __importStar(mod) {
-  if (mod && mod.__esModule) return mod;
-  var result = {};
-  if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-  __setModuleDefault(result, mod);
-  return result;
-}
-
-function __importDefault(mod) {
-  return (mod && mod.__esModule) ? mod : { default: mod };
-}
-
-function __classPrivateFieldGet(receiver, state, kind, f) {
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-  return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-}
-
-function __classPrivateFieldSet(receiver, state, value, kind, f) {
-  if (kind === "m") throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-  return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-}
-
-function __classPrivateFieldIn(state, receiver) {
-  if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
-  return typeof state === "function" ? receiver === state : state.has(receiver);
-}
-
-function __addDisposableResource(env, value, async) {
-  if (value !== null && value !== void 0) {
-    if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
-    var dispose, inner;
-    if (async) {
-      if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
-      dispose = value[Symbol.asyncDispose];
-    }
-    if (dispose === void 0) {
-      if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
-      dispose = value[Symbol.dispose];
-      if (async) inner = dispose;
-    }
-    if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
-    if (inner) dispose = function() { try { inner.call(this); } catch (e) { return Promise.reject(e); } };
-    env.stack.push({ value: value, dispose: dispose, async: async });
-  }
-  else if (async) {
-    env.stack.push({ async: true });
-  }
-  return value;
-}
-
-var _SuppressedError = (/* unused pure expression or super */ null && (typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-  var e = new Error(message);
-  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-}));
-
-function __disposeResources(env) {
-  function fail(e) {
-    env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
-    env.hasError = true;
-  }
-  var r, s = 0;
-  function next() {
-    while (r = env.stack.pop()) {
-      try {
-        if (!r.async && s === 1) return s = 0, env.stack.push(r), Promise.resolve().then(next);
-        if (r.dispose) {
-          var result = r.dispose.call(r.value);
-          if (r.async) return s |= 2, Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
-        }
-        else s |= 1;
-      }
-      catch (e) {
-        fail(e);
-      }
-    }
-    if (s === 1) return env.hasError ? Promise.reject(env.error) : Promise.resolve();
-    if (env.hasError) throw env.error;
-  }
-  return next();
-}
-
-function __rewriteRelativeImportExtension(path, preserveJsx) {
-  if (typeof path === "string" && /^\.\.?\//.test(path)) {
-      return path.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i, function (m, tsx, d, ext, cm) {
-          return tsx ? preserveJsx ? ".jsx" : ".js" : d && (!ext || !cm) ? m : (d + ext + "." + cm.toLowerCase() + "js");
-      });
-  }
-  return path;
-}
-
-/* harmony default export */ const tslib_es6 = ((/* unused pure expression or super */ null && ({
-  __extends,
-  __assign,
-  __rest,
-  __decorate,
-  __param,
-  __esDecorate,
-  __runInitializers,
-  __propKey,
-  __setFunctionName,
-  __metadata,
-  __awaiter,
-  __generator,
-  __createBinding,
-  __exportStar,
-  __values,
-  __read,
-  __spread,
-  __spreadArrays,
-  __spreadArray,
-  __await,
-  __asyncGenerator,
-  __asyncDelegator,
-  __asyncValues,
-  __makeTemplateObject,
-  __importStar,
-  __importDefault,
-  __classPrivateFieldGet,
-  __classPrivateFieldSet,
-  __classPrivateFieldIn,
-  __addDisposableResource,
-  __disposeResources,
-  __rewriteRelativeImportExtension,
-})));
-
-// EXTERNAL MODULE: ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-var hoist_non_react_statics_cjs = __webpack_require__(4146);
-;// ./node_modules/react-intl/lib/src/components/injectIntl.js
-/* unused harmony import specifier */ var injectIntl_assign;
-/* unused harmony import specifier */ var React;
-/* unused harmony import specifier */ var hoistNonReactStatics;
-/* unused harmony import specifier */ var invariantIntlContext;
-
-
-
-
-function getDisplayName(Component) {
-    return Component.displayName || Component.name || 'Component';
-}
-// This is primarily dealing with packaging systems where multiple copies of react-intl
-// might exist
-var IntlContext = typeof window !== 'undefined' && !window.__REACT_INTL_BYPASS_GLOBAL_CONTEXT__
-    ? window.__REACT_INTL_CONTEXT__ ||
-        (window.__REACT_INTL_CONTEXT__ = external_react_.createContext(null))
-    : external_react_.createContext(null);
-var IntlConsumer = IntlContext.Consumer, IntlProvider = IntlContext.Provider;
-var Provider = (/* unused pure expression or super */ null && (IntlProvider));
-var Context = IntlContext;
-function injectIntl(WrappedComponent, options) {
-    var _a = options || {}, _b = _a.intlPropName, intlPropName = _b === void 0 ? 'intl' : _b, _c = _a.forwardRef, forwardRef = _c === void 0 ? false : _c, _d = _a.enforceContext, enforceContext = _d === void 0 ? true : _d;
-    var WithIntl = function (props) { return (React.createElement(IntlConsumer, null, function (intl) {
-        var _a;
-        if (enforceContext) {
-            invariantIntlContext(intl);
-        }
-        var intlProp = (_a = {}, _a[intlPropName] = intl, _a);
-        return (React.createElement(WrappedComponent, injectIntl_assign({}, props, intlProp, { ref: forwardRef ? props.forwardedRef : null })));
-    })); };
-    WithIntl.displayName = "injectIntl(".concat(getDisplayName(WrappedComponent), ")");
-    WithIntl.WrappedComponent = WrappedComponent;
-    if (forwardRef) {
-        return hoistNonReactStatics(React.forwardRef(function (props, ref) { return (React.createElement(WithIntl, injectIntl_assign({}, props, { forwardedRef: ref }))); }), WrappedComponent);
-    }
-    return hoistNonReactStatics(WithIntl, WrappedComponent);
-}
-
-;// ./node_modules/@formatjs/ecma402-abstract/lib/utils.js
-/**
- * Cannot do Math.log(x) / Math.log(10) bc if IEEE floating point issue
- * @param x number
- */
-function getMagnitude(x) {
-    // Cannot count string length via Number.toString because it may use scientific notation
-    // for very small or very large numbers.
-    return Math.floor(Math.log(x) * Math.LOG10E);
-}
-function repeat(s, times) {
-    if (typeof s.repeat === 'function') {
-        return s.repeat(times);
-    }
-    var arr = new Array(times);
-    for (var i = 0; i < arr.length; i++) {
-        arr[i] = s;
-    }
-    return arr.join('');
-}
-function setInternalSlot(map, pl, field, value) {
-    if (!map.get(pl)) {
-        map.set(pl, Object.create(null));
-    }
-    var slots = map.get(pl);
-    slots[field] = value;
-}
-function setMultiInternalSlots(map, pl, props) {
-    for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {
-        var k = _a[_i];
-        setInternalSlot(map, pl, k, props[k]);
-    }
-}
-function getInternalSlot(map, pl, field) {
-    return getMultiInternalSlots(map, pl, field)[field];
-}
-function getMultiInternalSlots(map, pl) {
-    var fields = [];
-    for (var _i = 2; _i < arguments.length; _i++) {
-        fields[_i - 2] = arguments[_i];
-    }
-    var slots = map.get(pl);
-    if (!slots) {
-        throw new TypeError("".concat(pl, " InternalSlot has not been initialized"));
-    }
-    return fields.reduce(function (all, f) {
-        all[f] = slots[f];
-        return all;
-    }, Object.create(null));
-}
-function isLiteralPart(patternPart) {
-    return patternPart.type === 'literal';
-}
-/*
-  17 ECMAScript Standard Built-in Objects:
-    Every built-in Function object, including constructors, that is not
-    identified as an anonymous function has a name property whose value
-    is a String.
-
-    Unless otherwise specified, the name property of a built-in Function
-    object, if it exists, has the attributes { [[Writable]]: false,
-    [[Enumerable]]: false, [[Configurable]]: true }.
-*/
-function defineProperty(target, name, _a) {
-    var value = _a.value;
-    Object.defineProperty(target, name, {
-        configurable: true,
-        enumerable: false,
-        writable: true,
-        value: value,
-    });
-}
-/**
- * 7.3.5 CreateDataProperty
- * @param target
- * @param name
- * @param value
- */
-function createDataProperty(target, name, value) {
-    Object.defineProperty(target, name, {
-        configurable: true,
-        enumerable: true,
-        writable: true,
-        value: value,
-    });
-}
-var UNICODE_EXTENSION_SEQUENCE_REGEX = /-u(?:-[0-9a-z]{2,8})+/gi;
-function invariant(condition, message, Err) {
-    if (Err === void 0) { Err = Error; }
-    if (!condition) {
-        throw new Err(message);
-    }
-}
-
-;// ./node_modules/@formatjs/fast-memoize/lib/index.js
-//
-// Main
-//
-function memoize(fn, options) {
-    var cache = options && options.cache ? options.cache : cacheDefault;
-    var serializer = options && options.serializer ? options.serializer : serializerDefault;
-    var strategy = options && options.strategy ? options.strategy : strategyDefault;
-    return strategy(fn, {
-        cache: cache,
-        serializer: serializer,
-    });
-}
-//
-// Strategy
-//
-function isPrimitive(value) {
-    return (value == null || typeof value === 'number' || typeof value === 'boolean'); // || typeof value === "string" 'unsafe' primitive for our needs
-}
-function monadic(fn, cache, serializer, arg) {
-    var cacheKey = isPrimitive(arg) ? arg : serializer(arg);
-    var computedValue = cache.get(cacheKey);
-    if (typeof computedValue === 'undefined') {
-        computedValue = fn.call(this, arg);
-        cache.set(cacheKey, computedValue);
-    }
-    return computedValue;
-}
-function variadic(fn, cache, serializer) {
-    var args = Array.prototype.slice.call(arguments, 3);
-    var cacheKey = serializer(args);
-    var computedValue = cache.get(cacheKey);
-    if (typeof computedValue === 'undefined') {
-        computedValue = fn.apply(this, args);
-        cache.set(cacheKey, computedValue);
-    }
-    return computedValue;
-}
-function assemble(fn, context, strategy, cache, serialize) {
-    return strategy.bind(context, fn, cache, serialize);
-}
-function strategyDefault(fn, options) {
-    var strategy = fn.length === 1 ? monadic : variadic;
-    return assemble(fn, this, strategy, options.cache.create(), options.serializer);
-}
-function strategyVariadic(fn, options) {
-    return assemble(fn, this, variadic, options.cache.create(), options.serializer);
-}
-function strategyMonadic(fn, options) {
-    return assemble(fn, this, monadic, options.cache.create(), options.serializer);
-}
-//
-// Serializer
-//
-var serializerDefault = function () {
-    return JSON.stringify(arguments);
-};
-//
-// Cache
-//
-function ObjectWithoutPrototypeCache() {
-    this.cache = Object.create(null);
-}
-ObjectWithoutPrototypeCache.prototype.get = function (key) {
-    return this.cache[key];
-};
-ObjectWithoutPrototypeCache.prototype.set = function (key, value) {
-    this.cache[key] = value;
-};
-var cacheDefault = (/* unused pure expression or super */ null && ({
-    create: function create() {
-        // @ts-ignore
-        return new ObjectWithoutPrototypeCache();
-    },
-}));
-var strategies = (/* unused pure expression or super */ null && ({
-    variadic: strategyVariadic,
-    monadic: strategyMonadic,
-}));
-
-;// ./node_modules/@formatjs/intl/lib/src/utils.js
-/* unused harmony import specifier */ var utils_spreadArray;
-/* unused harmony import specifier */ var utils_assign;
-/* unused harmony import specifier */ var IntlMessageFormat;
-/* unused harmony import specifier */ var utils_memoize;
-/* unused harmony import specifier */ var utils_strategies;
-/* unused harmony import specifier */ var UnsupportedFormatterError;
-
-
-
-
-function filterProps(props, allowlist, defaults) {
-    if (defaults === void 0) { defaults = {}; }
-    return allowlist.reduce(function (filtered, name) {
-        if (name in props) {
-            filtered[name] = props[name];
-        }
-        else if (name in defaults) {
-            filtered[name] = defaults[name];
-        }
-        return filtered;
-    }, {});
-}
-var defaultErrorHandler = function (error) {
-    // @ts-ignore just so we don't need to declare dep on @types/node
-    if (false) // removed by dead control flow
-{}
-};
-var defaultWarnHandler = function (warning) {
-    // @ts-ignore just so we don't need to declare dep on @types/node
-    if (false) // removed by dead control flow
-{}
-};
-var DEFAULT_INTL_CONFIG = {
-    formats: {},
-    messages: {},
-    timeZone: undefined,
-    defaultLocale: 'en',
-    defaultFormats: {},
-    fallbackOnEmptyString: true,
-    onError: defaultErrorHandler,
-    onWarn: defaultWarnHandler,
-};
-function createIntlCache() {
-    return {
-        dateTime: {},
-        number: {},
-        message: {},
-        relativeTime: {},
-        pluralRules: {},
-        list: {},
-        displayNames: {},
-    };
-}
-function createFastMemoizeCache(store) {
-    return {
-        create: function () {
-            return {
-                get: function (key) {
-                    return store[key];
-                },
-                set: function (key, value) {
-                    store[key] = value;
-                },
-            };
-        },
-    };
-}
-/**
- * Create intl formatters and populate cache
- * @param cache explicit cache to prevent leaking memory
- */
-function createFormatters(cache) {
-    if (cache === void 0) { cache = createIntlCache(); }
-    var RelativeTimeFormat = Intl.RelativeTimeFormat;
-    var ListFormat = Intl.ListFormat;
-    var DisplayNames = Intl.DisplayNames;
-    var getDateTimeFormat = utils_memoize(function () {
-        var _a;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return new ((_a = Intl.DateTimeFormat).bind.apply(_a, utils_spreadArray([void 0], args, false)))();
-    }, {
-        cache: createFastMemoizeCache(cache.dateTime),
-        strategy: utils_strategies.variadic,
-    });
-    var getNumberFormat = utils_memoize(function () {
-        var _a;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return new ((_a = Intl.NumberFormat).bind.apply(_a, utils_spreadArray([void 0], args, false)))();
-    }, {
-        cache: createFastMemoizeCache(cache.number),
-        strategy: utils_strategies.variadic,
-    });
-    var getPluralRules = utils_memoize(function () {
-        var _a;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return new ((_a = Intl.PluralRules).bind.apply(_a, utils_spreadArray([void 0], args, false)))();
-    }, {
-        cache: createFastMemoizeCache(cache.pluralRules),
-        strategy: utils_strategies.variadic,
-    });
-    return {
-        getDateTimeFormat: getDateTimeFormat,
-        getNumberFormat: getNumberFormat,
-        getMessageFormat: utils_memoize(function (message, locales, overrideFormats, opts) {
-            return new IntlMessageFormat(message, locales, overrideFormats, utils_assign({ formatters: {
-                    getNumberFormat: getNumberFormat,
-                    getDateTimeFormat: getDateTimeFormat,
-                    getPluralRules: getPluralRules,
-                } }, (opts || {})));
-        }, {
-            cache: createFastMemoizeCache(cache.message),
-            strategy: utils_strategies.variadic,
-        }),
-        getRelativeTimeFormat: utils_memoize(function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return new (RelativeTimeFormat.bind.apply(RelativeTimeFormat, utils_spreadArray([void 0], args, false)))();
-        }, {
-            cache: createFastMemoizeCache(cache.relativeTime),
-            strategy: utils_strategies.variadic,
-        }),
-        getPluralRules: getPluralRules,
-        getListFormat: utils_memoize(function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return new (ListFormat.bind.apply(ListFormat, utils_spreadArray([void 0], args, false)))();
-        }, {
-            cache: createFastMemoizeCache(cache.list),
-            strategy: utils_strategies.variadic,
-        }),
-        getDisplayNames: utils_memoize(function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            return new (DisplayNames.bind.apply(DisplayNames, utils_spreadArray([void 0], args, false)))();
-        }, {
-            cache: createFastMemoizeCache(cache.displayNames),
-            strategy: utils_strategies.variadic,
-        }),
-    };
-}
-function getNamedFormat(formats, type, name, onError) {
-    var formatType = formats && formats[type];
-    var format;
-    if (formatType) {
-        format = formatType[name];
-    }
-    if (format) {
-        return format;
-    }
-    onError(new UnsupportedFormatterError("No ".concat(type, " format named: ").concat(name)));
-}
-
-;// ./node_modules/react-intl/lib/src/utils.js
-/* unused harmony import specifier */ var utils_React;
-
-
-
-
-function utils_invariantIntlContext(intl) {
-    invariant(intl, '[React Intl] Could not find required `intl` object. ' +
-        '<IntlProvider> needs to exist in the component ancestry.');
-}
-var utils_DEFAULT_INTL_CONFIG = __assign(__assign({}, DEFAULT_INTL_CONFIG), { textComponent: external_react_.Fragment });
-/**
- * Takes a `formatXMLElementFn`, and composes it in function, which passes
- * argument `parts` through, assigning unique key to each part, to prevent
- * "Each child in a list should have a unique "key"" React error.
- * @param formatXMLElementFn
- */
-function assignUniqueKeysToParts(formatXMLElementFn) {
-    return function (parts) {
-        // eslint-disable-next-line prefer-rest-params
-        return formatXMLElementFn(utils_React.Children.toArray(parts));
-    };
-}
-function shallowEqual(objA, objB) {
-    if (objA === objB) {
-        return true;
-    }
-    if (!objA || !objB) {
-        return false;
-    }
-    var aKeys = Object.keys(objA);
-    var bKeys = Object.keys(objB);
-    var len = aKeys.length;
-    if (bKeys.length !== len) {
-        return false;
-    }
-    for (var i = 0; i < len; i++) {
-        var key = aKeys[i];
-        if (objA[key] !== objB[key] ||
-            !Object.prototype.hasOwnProperty.call(objB, key)) {
-            return false;
-        }
-    }
-    return true;
-}
-
-;// ./node_modules/react-intl/lib/src/components/useIntl.js
-
-
-
-function useIntl() {
-    var intl = external_react_.useContext(Context);
-    utils_invariantIntlContext(intl);
-    return intl;
-}
-
-;// ./node_modules/react-intl/lib/src/components/createFormattedComponent.js
-/* unused harmony import specifier */ var createFormattedComponent_rest;
-/* unused harmony import specifier */ var createFormattedComponent_useIntl;
-
-
-
-var DisplayName;
-(function (DisplayName) {
-    DisplayName["formatDate"] = "FormattedDate";
-    DisplayName["formatTime"] = "FormattedTime";
-    DisplayName["formatNumber"] = "FormattedNumber";
-    DisplayName["formatList"] = "FormattedList";
-    // Note that this DisplayName is the locale display name, not to be confused with
-    // the name of the enum, which is for React component display name in dev tools.
-    DisplayName["formatDisplayName"] = "FormattedDisplayName";
-})(DisplayName || (DisplayName = {}));
-var DisplayNameParts;
-(function (DisplayNameParts) {
-    DisplayNameParts["formatDate"] = "FormattedDateParts";
-    DisplayNameParts["formatTime"] = "FormattedTimeParts";
-    DisplayNameParts["formatNumber"] = "FormattedNumberParts";
-    DisplayNameParts["formatList"] = "FormattedListParts";
-})(DisplayNameParts || (DisplayNameParts = {}));
-var FormattedNumberParts = function (props) {
-    var intl = useIntl();
-    var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
-    return children(intl.formatNumberToParts(value, formatProps));
-};
-FormattedNumberParts.displayName = 'FormattedNumberParts';
-var FormattedListParts = function (props) {
-    var intl = createFormattedComponent_useIntl();
-    var value = props.value, children = props.children, formatProps = createFormattedComponent_rest(props, ["value", "children"]);
-    return children(intl.formatListToParts(value, formatProps));
-};
-FormattedNumberParts.displayName = 'FormattedNumberParts';
-function createFormattedDateTimePartsComponent(name) {
-    var ComponentParts = function (props) {
-        var intl = useIntl();
-        var value = props.value, children = props.children, formatProps = __rest(props, ["value", "children"]);
-        var date = typeof value === 'string' ? new Date(value || 0) : value;
-        var formattedParts = name === 'formatDate'
-            ? intl.formatDateToParts(date, formatProps)
-            : intl.formatTimeToParts(date, formatProps);
-        return children(formattedParts);
-    };
-    ComponentParts.displayName = DisplayNameParts[name];
-    return ComponentParts;
-}
-function createFormattedComponent(name) {
-    var Component = function (props) {
-        var intl = useIntl();
-        var value = props.value, children = props.children, formatProps = __rest(props
-        // TODO: fix TS type definition for localeMatcher upstream
-        , ["value", "children"]);
-        // TODO: fix TS type definition for localeMatcher upstream
-        var formattedValue = intl[name](value, formatProps);
-        if (typeof children === 'function') {
-            return children(formattedValue);
-        }
-        var Text = intl.textComponent || external_react_.Fragment;
-        return external_react_.createElement(Text, null, formattedValue);
-    };
-    Component.displayName = DisplayName[name];
-    return Component;
-}
-
-;// ./node_modules/react-intl/lib/index.js
-
-
-
-
-
-
-
-
-
-
-
-function defineMessages(msgs) {
-    return msgs;
-}
-function defineMessage(msg) {
-    return msg;
-}
-// IMPORTANT: Explicit here to prevent api-extractor from outputing `import('./src/types').CustomFormatConfig`
-var FormattedDate = createFormattedComponent('formatDate');
-var FormattedTime = createFormattedComponent('formatTime');
-var FormattedNumber = createFormattedComponent('formatNumber');
-var FormattedList = createFormattedComponent('formatList');
-var FormattedDisplayName = createFormattedComponent('formatDisplayName');
-var FormattedDateParts = createFormattedDateTimePartsComponent('formatDate');
-var FormattedTimeParts = createFormattedDateTimePartsComponent('formatTime');
-
+;// external "react-intl"
 
 ;// ./node_modules/@box/readable-time/dist/esm/lib/messages.js
-var messages=defineMessages({eventTime:{id:`groupSharedFeatures.readableTime.eventTime`,defaultMessage:`{time, date, medium}`},eventTimeToday:{id:`groupSharedFeatures.readableTime.eventTimeToday`,defaultMessage:`Today at {time, time, short}`},eventTimeYesterday:{id:`groupSharedFeatures.readableTime.eventTimeYesterday`,defaultMessage:`Yesterday at {time, time, short}`},eventTimeDate:{id:`groupSharedFeatures.readableTime.eventTimeDate`,defaultMessage:`{time, date, medium} at {time, time, short}`},eventTimeDateShort:{id:`groupSharedFeatures.readableTime.eventTimeDateShort`,defaultMessage:`{date} at {time, time, short}`},eventTimeWeekdayLong:{id:`groupSharedFeatures.readableTime.eventTimeWeekdayLong`,defaultMessage:`{weekday}, {time, date, medium}`}});
+var messages=__WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_defineMessages__({eventTime:{id:`groupSharedFeatures.readableTime.eventTime`,defaultMessage:`{time, date, medium}`},eventTimeToday:{id:`groupSharedFeatures.readableTime.eventTimeToday`,defaultMessage:`Today at {time, time, short}`},eventTimeYesterday:{id:`groupSharedFeatures.readableTime.eventTimeYesterday`,defaultMessage:`Yesterday at {time, time, short}`},eventTimeDate:{id:`groupSharedFeatures.readableTime.eventTimeDate`,defaultMessage:`{time, date, medium} at {time, time, short}`},eventTimeDateShort:{id:`groupSharedFeatures.readableTime.eventTimeDateShort`,defaultMessage:`{date} at {time, time, short}`},eventTimeWeekdayLong:{id:`groupSharedFeatures.readableTime.eventTimeWeekdayLong`,defaultMessage:`{weekday}, {time, date, medium}`}});
 ;// ./node_modules/@box/readable-time/dist/esm/lib/get-readable-time.js
 function getReadableTime({intl,timestamp,allowFutureTimestamps=!0,alwaysShowTime=!1,showWeekday=!1,relativeThreshold=ONE_HOUR_MS,uppercase=!1}){let shouldUppercase=uppercase&&!nonUppercaseLocales.includes(intl.locale),relativeIfNewerThanTs=Date.now()-relativeThreshold,shouldShowYear=!isCurrentYear(timestamp);!allowFutureTimestamps&&timestamp>Date.now()&&(timestamp=relativeIfNewerThanTs);let dateMessage=messages.eventTime,date=null,weekday=null,output;if(isToday(timestamp))dateMessage=messages.eventTimeToday;else if(isYesterday(timestamp))dateMessage=messages.eventTimeYesterday;else if(showWeekday)dateMessage=messages.eventTimeWeekdayLong,weekday=intl.formatDate(timestamp,{weekday:`long`});else if(shouldShowYear&&alwaysShowTime)dateMessage=messages.eventTimeDate;else if(!shouldShowYear&&alwaysShowTime)dateMessage=messages.eventTimeDateShort,date=intl.formatDate(timestamp,{month:`short`,day:`numeric`});else if(!shouldShowYear&&!alwaysShowTime)return output=intl.formatDate(timestamp,{month:`short`,day:`numeric`}),shouldUppercase?output.toLocaleUpperCase(intl.locale):output;let values={time:timestamp,date,weekday};output=intl.formatMessage(dateMessage,values);let timeDiff=timestamp-Date.now();if(Math.abs(timeDiff)<=relativeThreshold){let{value,unit}=timeFromNow(timestamp);output=intl.formatRelativeTime(value,unit)}return shouldUppercase?output.toLocaleUpperCase(intl.locale):output}
 // EXTERNAL MODULE: external "react/jsx-runtime"
 var jsx_runtime_ = __webpack_require__(1178);
 ;// ./node_modules/@box/readable-time/dist/esm/lib/readable-time.js
-function ReadableTime({timestamp,allowFutureTimestamps=!0,alwaysShowTime=!1,showWeekday=!1,relativeThreshold=ONE_HOUR_MS,uppercase=!1,textProps={}}){let intl=useIntl();return (0,jsx_runtime_.jsx)(blueprint_web_.Text,{...textProps,children:getReadableTime({intl,timestamp,allowFutureTimestamps,alwaysShowTime,showWeekday,relativeThreshold,uppercase})})}
+function ReadableTime({timestamp,allowFutureTimestamps=!0,alwaysShowTime=!1,showWeekday=!1,relativeThreshold=ONE_HOUR_MS,uppercase=!1,textProps={}}){let intl=__WEBPACK_EXTERNAL_MODULE_react_intl_934d3829_useIntl__();return (0,jsx_runtime_.jsx)(blueprint_web_.Text,{...textProps,children:getReadableTime({intl,timestamp,allowFutureTimestamps,alwaysShowTime,showWeekday,relativeThreshold,uppercase})})}
 // EXTERNAL MODULE: ./src/lib/viewers/archive/constants.js
 var constants = __webpack_require__(7955);
 ;// ./src/lib/viewers/archive/ArchiveTableV2.scss
@@ -5015,6 +4082,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: external "react"
 var external_react_ = __webpack_require__(1649);
+// EXTERNAL MODULE: external "react-dom"
+var external_react_dom_ = __webpack_require__(7516);
 // EXTERNAL MODULE: external "react-dom/client"
 var client_ = __webpack_require__(6662);
 // EXTERNAL MODULE: ./node_modules/prop-types/index.js
@@ -6430,6 +5499,7 @@ function BoxArchive_toPrimitive(t, r) { if ("object" != typeof t || !t) return t
 
 
 
+
 class BoxArchive {
   /**
    * [constructor]
@@ -6471,7 +5541,7 @@ class BoxArchive {
    * @return {Promise<Object>} archive v2 module: ArchiveTableV2, BlueprintProviders, BreadcrumbsV2, SearchBarV2
    */
   importV2() {
-    return Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 505));
+    return Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 1337));
   }
 
   /**
@@ -6488,9 +5558,11 @@ class BoxArchive {
       resin: this.resin,
       v2: v2
     });
-    this.root.render(v2 ? /*#__PURE__*/external_react_["default"].createElement(v2.BlueprintProviders, {
-      container: this.archiveEl
-    }, explorer) : explorer);
+    (0,external_react_dom_.flushSync)(() => {
+      this.root.render(v2 ? /*#__PURE__*/external_react_["default"].createElement(v2.BlueprintProviders, {
+        container: this.archiveEl
+      }, explorer) : explorer);
+    });
   }
 
   /**
@@ -7306,7 +6378,7 @@ function MediaSettingsMenuSubtitles({
 
 /***/ },
 
-/***/ 4190
+/***/ 3519
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -7328,22 +6400,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);
-;// ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
-
-
-// An open tooltip sits above the menu in the dismiss stack, so it would cover the menu and take its first Escape.
-function MenuTriggerTooltipV2({
-  children,
-  content,
-  isMenuOpen
-}) {
-  const [isOpen, setIsOpen] = external_react_["default"].useState(false);
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: content,
-    onOpenChange: setIsOpen,
-    open: isOpen && !isMenuOpen
-  }, children);
-}
+// 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
 
@@ -7376,7 +6434,7 @@ function SettingsToggleV2(props, ref) {
     // 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, {
+    }, /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
       content: label,
       isMenuOpen: isMenuOpen
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconButton, _extends({
@@ -7394,7 +6452,7 @@ function SettingsToggleV2(props, ref) {
       label
     } = props,
     rest = _objectWithoutProperties(props, _excluded2);
-  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2, {
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
     content: label,
     isMenuOpen: isMenuOpen
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, _extends({
@@ -7410,20 +6468,8 @@ function SettingsToggleV2(props, ref) {
   }, badge))));
 }
 /* harmony default export */ const settings_SettingsToggleV2 = (/*#__PURE__*/external_react_["default"].forwardRef(SettingsToggleV2));
-;// ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
-// For a menu's onKeyDown, so its keys don't reach preview's file navigation on document or the host's hotkeys
-// (e.g. preview-client's HotkeyLayer on window). Escape must still reach Radix's document listener to close the menu.
-function stopKeyPropagation(event) {
-  if (event.key !== 'Escape') {
-    event.stopPropagation();
-  }
-}
-
-// For a Radix layer's onEscapeKeyDown, which runs on document after the layer has closed, so the host's Escape
-// hotkey doesn't close the whole preview too.
-function stopEscapePropagation(event) {
-  event.stopPropagation();
-}
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
+var stopMenuKeyPropagation = __webpack_require__(9646);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsAudioTracks.tsx
 var MediaSettingsAudioTracks = __webpack_require__(9306);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsMenuGuides.tsx
@@ -7596,10 +6642,10 @@ function MediaSettingsV2({
       event.preventDefault();
       closeSubMenu();
     }
-    stopKeyPropagation(event);
+    (0,stopMenuKeyPropagation/* stopKeyPropagation */.a)(event);
   };
   const handleEscapeKeyDown = event => {
-    stopEscapePropagation(event);
+    (0,stopMenuKeyPropagation/* stopEscapePropagation */.s)(event);
     if (activeSubMenu) {
       event.preventDefault();
       closeSubMenu();
@@ -10027,6 +9073,29 @@ function SettingsRadioItem(props, ref) {
 
 /***/ },
 
+/***/ 9646
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   a: () => (/* binding */ stopKeyPropagation),
+/* harmony export */   s: () => (/* binding */ stopEscapePropagation)
+/* harmony export */ });
+// For a menu's onKeyDown, so its keys don't reach preview's file navigation on document or the host's hotkeys
+// (e.g. preview-client's HotkeyLayer on window). Escape must still reach Radix's document listener to close the menu.
+function stopKeyPropagation(event) {
+  if (event.key !== 'Escape') {
+    event.stopPropagation();
+  }
+}
+
+// For a Radix layer's onEscapeKeyDown, which runs on document after the layer has closed, so the host's Escape
+// hotkey doesn't close the whole preview too.
+function stopEscapePropagation(event) {
+  event.stopPropagation();
+}
+
+/***/ },
+
 /***/ 4937
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -10209,6 +9278,32 @@ function SliderControl(_ref) {
 
 /***/ },
 
+/***/ 6014
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   A: () => (/* binding */ MenuTriggerTooltipV2)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1649);
+/* harmony import */ var _box_blueprint_web__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8912);
+
+
+// An open tooltip sits above the menu in the dismiss stack, so it would cover the menu and take its first Escape.
+function MenuTriggerTooltipV2({
+  children,
+  content,
+  isMenuOpen
+}) {
+  const [isOpen, setIsOpen] = react__WEBPACK_IMPORTED_MODULE_0__["default"].useState(false);
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["default"].createElement(_box_blueprint_web__WEBPACK_IMPORTED_MODULE_1__.Tooltip, {
+    content: content,
+    onOpenChange: setIsOpen,
+    open: isOpen && !isMenuOpen
+  }, children);
+}
+
+/***/ },
+
 /***/ 9974
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
@@ -10243,8 +9338,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 + 5 modules
-var MediaSettingsV2 = __webpack_require__(4190);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 3 modules
+var MediaSettingsV2 = __webpack_require__(3519);
 // 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
@@ -11645,7 +10740,8 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
       onPointerDown: stopRangeEvent,
       onPointerUp: stopRangeEvent
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, {
-      "aria-label": WaveformRangeSelection_('media_range_comment')
+      "aria-label": WaveformRangeSelection_('media_range_comment'),
+      colorScheme: "dark"
     }, showCommentButton && onDragCreate && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
       "data-resin-target": "waveformRangeComment",
       "data-target-id": "Waveform-commentOnRange",
@@ -11657,7 +10753,8 @@ const WaveformRangeSelection = /*#__PURE__*/(0,external_react_.forwardRef)(funct
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
       icon: Medium_.Comment
     }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-      as: "span"
+      as: "span",
+      color: "textOnDarkDefault"
     }, WaveformRangeSelection_('media_range_comment'))), showCommentButton && showClearControl && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Separator, null), showClearControl && onRangeClear && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
       content: WaveformRangeSelection_('media_range_clear')
     }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
@@ -13223,7 +12320,8 @@ function WaveformView({
     onPointerDown: event => event.stopPropagation(),
     onPointerUp: event => event.stopPropagation()
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, {
-    "aria-label": WaveformView_('media_range_comment')
+    "aria-label": WaveformView_('media_range_comment'),
+    colorScheme: "dark"
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
     "data-resin-target": "waveformPlayheadComment",
     "data-target-id": "Waveform-commentAtTime",
@@ -13235,7 +12333,8 @@ function WaveformView({
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
     icon: Medium_.Comment
   }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
-    as: "span"
+    as: "span",
+    color: "textOnDarkDefault"
   }, WaveformView_('media_range_comment'))))), showPlayheadComment && !isBlueprintEnabled && /*#__PURE__*/external_react_["default"].createElement("button", {
     className: "bp-WaveformRange-comment bp-WaveformView-playheadComment",
     "data-resin-target": "waveformPlayheadComment",
@@ -16177,116 +15276,6 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 }
 
 
-/***/ },
-
-/***/ 4146
-(module, __unused_webpack_exports, __webpack_require__) {
-
-
-
-var reactIs = __webpack_require__(4363);
-
-/**
- * Copyright 2015, Yahoo! Inc.
- * Copyrights licensed under the New BSD License. See the accompanying LICENSE file for terms.
- */
-var REACT_STATICS = {
-  childContextTypes: true,
-  contextType: true,
-  contextTypes: true,
-  defaultProps: true,
-  displayName: true,
-  getDefaultProps: true,
-  getDerivedStateFromError: true,
-  getDerivedStateFromProps: true,
-  mixins: true,
-  propTypes: true,
-  type: true
-};
-var KNOWN_STATICS = {
-  name: true,
-  length: true,
-  prototype: true,
-  caller: true,
-  callee: true,
-  arguments: true,
-  arity: true
-};
-var FORWARD_REF_STATICS = {
-  '$$typeof': true,
-  render: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true
-};
-var MEMO_STATICS = {
-  '$$typeof': true,
-  compare: true,
-  defaultProps: true,
-  displayName: true,
-  propTypes: true,
-  type: true
-};
-var TYPE_STATICS = {};
-TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-
-function getStatics(component) {
-  // React v16.11 and below
-  if (reactIs.isMemo(component)) {
-    return MEMO_STATICS;
-  } // React v16.12 and above
-
-
-  return TYPE_STATICS[component['$$typeof']] || REACT_STATICS;
-}
-
-var defineProperty = Object.defineProperty;
-var getOwnPropertyNames = Object.getOwnPropertyNames;
-var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-var getPrototypeOf = Object.getPrototypeOf;
-var objectPrototype = Object.prototype;
-function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
-  if (typeof sourceComponent !== 'string') {
-    // don't hoist over string (html) components
-    if (objectPrototype) {
-      var inheritedComponent = getPrototypeOf(sourceComponent);
-
-      if (inheritedComponent && inheritedComponent !== objectPrototype) {
-        hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
-      }
-    }
-
-    var keys = getOwnPropertyNames(sourceComponent);
-
-    if (getOwnPropertySymbols) {
-      keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-    }
-
-    var targetStatics = getStatics(targetComponent);
-    var sourceStatics = getStatics(sourceComponent);
-
-    for (var i = 0; i < keys.length; ++i) {
-      var key = keys[i];
-
-      if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-        var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-
-        try {
-          // Avoid failures from read-only properties
-          defineProperty(targetComponent, key, descriptor);
-        } catch (e) {}
-      }
-    }
-  }
-
-  return targetComponent;
-}
-
-module.exports = hoistNonReactStatics;
-
-
 /***/ },
 
 /***/ 9890
@@ -22556,41 +21545,6 @@ var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
 module.exports = ReactPropTypesSecret;
 
 
-/***/ },
-
-/***/ 2799
-(__unused_webpack_module, exports) {
-
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
-Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}exports.AsyncMode=l;exports.ConcurrentMode=m;exports.ContextConsumer=k;exports.ContextProvider=h;exports.Element=c;exports.ForwardRef=n;exports.Fragment=e;exports.Lazy=t;exports.Memo=r;exports.Portal=d;
-exports.Profiler=g;exports.StrictMode=f;exports.Suspense=p;exports.isAsyncMode=function(a){return A(a)||z(a)===l};exports.isConcurrentMode=A;exports.isContextConsumer=function(a){return z(a)===k};exports.isContextProvider=function(a){return z(a)===h};exports.isElement=function(a){return"object"===typeof a&&null!==a&&a.$$typeof===c};exports.isForwardRef=function(a){return z(a)===n};exports.isFragment=function(a){return z(a)===e};exports.isLazy=function(a){return z(a)===t};
-exports.isMemo=function(a){return z(a)===r};exports.isPortal=function(a){return z(a)===d};exports.isProfiler=function(a){return z(a)===g};exports.isStrictMode=function(a){return z(a)===f};exports.isSuspense=function(a){return z(a)===p};
-exports.isValidElementType=function(a){return"string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};exports.typeOf=z;
-
-
-/***/ },
-
-/***/ 4363
-(module, __unused_webpack_exports, __webpack_require__) {
-
-
-
-if (true) {
-  module.exports = __webpack_require__(2799);
-} else // removed by dead control flow
-{}
-
-
 /***/ },
 
 /***/ 338
@@ -22625,7 +21579,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), ["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), ["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) });
 
 /***/ },
 
@@ -22647,7 +21601,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary), ["bpRadius03"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpRadius03) });
+module.exports = x({ ["BoxBlue100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.BoxBlue100), ["GreenLight100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.GreenLight100), ["Grimace100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Grimace100), ["Size5"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size5), ["Size8"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Size8), ["WatermelonRed100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.WatermelonRed100), ["Yellorange100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellorange100), ["Yellow100"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.Yellow100), ["bpIconCtaIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconCtaIconOnDark), ["bpIconIconOnDark"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnDark), ["bpIconIconOnLightSecondary"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpIconIconOnLightSecondary), ["bpRadius03"]: () => (__WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_tokens_tokens_b764a744__.bpRadius03) });
 
 /***/ },
 
@@ -22658,7 +21612,7 @@ var x = (y) => {
 	var x = {}; __webpack_require__.d(x, y); return x
 } 
 var y = (x) => (() => (x))
-module.exports = x({ ["Component"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Component), ["Fragment"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Fragment), ["createContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createContext), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_react__["default"]), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useContext"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useContext), ["useEffect"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useEffect), ["useId"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useId), ["useImperativeHandle"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle), ["useLayoutEffect"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect), ["useMemo"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useMemo), ["useReducer"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useReducer), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef), ["useState"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useState) });
+module.exports = x({ ["Component"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.Component), ["createElement"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.createElement), ["default"]: () => (__WEBPACK_EXTERNAL_MODULE_react__["default"]), ["forwardRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.forwardRef), ["useCallback"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useCallback), ["useEffect"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useEffect), ["useId"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useId), ["useImperativeHandle"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useImperativeHandle), ["useLayoutEffect"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useLayoutEffect), ["useMemo"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useMemo), ["useReducer"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useReducer), ["useRef"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useRef), ["useState"]: () => (__WEBPACK_EXTERNAL_MODULE_react__.useState) });
 
 /***/ },
 
@@ -38279,7 +37233,7 @@ var isNpmBuild = __webpack_require__(8080);
 ;// ./src/lib/Logger.js
 /* eslint-disable no-undef */
 const CLIENT_NAME = "box-content-preview";
-const CLIENT_VERSION = "3.119.0";
+const CLIENT_VERSION = "3.121.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -39270,8 +38224,8 @@ class AnnotationControlsFSM {
     this.currentState = initialState;
   }
 }
-;// external "box-ui-elements/es/styles/variables"
-
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/tokens/tokens"
+var tokens_ = __webpack_require__(8380);
 ;// ./src/lib/AnnotationModule.ts
 function AnnotationModule_defineProperty(e, r, t) { return (r = AnnotationModule_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function AnnotationModule_toPropertyKey(t) { var i = AnnotationModule_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -39279,12 +38233,12 @@ function AnnotationModule_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 
 const ANNOTATION_COLOR_KEY = 'annotation-color';
 const AnnotationColor = {
-  BOX_BLUE: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
-  GREEN_LIGHT: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGreenLight__,
-  WATERMELON_RED: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlWatermelonRed__,
-  YELLORANGE: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellorange__,
-  YELLOW: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlYellow__,
-  GRIMACE: __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlGrimace__
+  BOX_BLUE: tokens_.BoxBlue100,
+  GREEN_LIGHT: tokens_.GreenLight100,
+  WATERMELON_RED: tokens_.WatermelonRed100,
+  YELLORANGE: tokens_.Yellorange100,
+  YELLOW: tokens_.Yellow100,
+  GRIMACE: tokens_.Grimace100
 };
 const ANNOTATION_COLORS = Object.values(AnnotationColor);
 class AnnotationModule {
@@ -39292,7 +38246,7 @@ class AnnotationModule {
     cache
   }) {
     AnnotationModule_defineProperty(this, "cache", void 0);
-    AnnotationModule_defineProperty(this, "getColor", () => this.cache.get(ANNOTATION_COLOR_KEY) || __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__);
+    AnnotationModule_defineProperty(this, "getColor", () => this.cache.get(ANNOTATION_COLOR_KEY) || AnnotationColor.BOX_BLUE);
     AnnotationModule_defineProperty(this, "setColor", color => this.cache.set(ANNOTATION_COLOR_KEY, color, true));
     this.cache = cache;
   }
@@ -39912,10 +38866,32 @@ class BaseViewer extends (events_default()) {
    * @return {void}
    */
   toggleFullscreen(isFullscreen, fullscreenToggleEl) {
-    this.fullscreenToggleEl = fullscreenToggleEl;
+    // The keyboard shortcut has no button to return focus to, so keep the last toggle unless it has
+    // since unmounted, as when it collapses into or out of the overflow menu
+    if (fullscreenToggleEl) {
+      this.fullscreenToggleEl = fullscreenToggleEl;
+    } else if (this.fullscreenToggleEl && !this.fullscreenToggleEl.isConnected) {
+      this.fullscreenToggleEl = null;
+    }
     lib_Fullscreen.toggle(this.containerEl);
   }
 
+  /**
+   * Toggles fullscreen on F for viewers that opt in from onKeydown. The key belongs to the Blueprint
+   * controls bar, so the older bar keeps no such shortcut.
+   *
+   * @protected
+   * @param {string} key - Keydown key
+   * @return {boolean} Consumed or not
+   */
+  handleFullscreenKey(key) {
+    if ((key === 'f' || key === 'F') && this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ)) {
+      this.toggleFullscreen();
+      return true;
+    }
+    return false;
+  }
+
   /**
    * Resize the document depending on fullscreen state
    *
@@ -40046,7 +39022,7 @@ class BaseViewer extends (events_default()) {
    * @return {void}
    */
   emitFirstRenderMetric() {
-    if (this.firstRenderEmitted) {
+    if (this.isDestroyed() || this.firstRenderEmitted) {
       return;
     }
     const {
@@ -40364,9 +39340,13 @@ class BaseViewer extends (events_default()) {
       return;
     }
     const options = boxAnnotations.getOptions && boxAnnotations.getOptions();
+    const features = options && options.features;
     const annotatorOptions = this.createAnnotatorOptions({
       annotator: this.annotatorConf,
-      features: options && options.features,
+      // Annotations moves its popups to the Blueprint toolbar together with the controls bar
+      features: this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? BaseViewer_objectSpread(BaseViewer_objectSpread({}, features), {}, {
+        blueprintMigrationControlsBar: true
+      }) : features,
       initialColor: this.annotationModule.getColor(),
       initialMode: this.getInitialAnnotationMode(),
       intl: options && options.intl || i18n.createAnnotatorIntl(),
@@ -40861,6 +39841,7 @@ class ArchiveViewer extends viewers_BaseViewer {
    * @return {void}
    */
   finishRender() {
+    this.emitFirstRenderMetric();
     this.loaded = true;
     this.emit(lib_events/* VIEWER_EVENT */.Oi.load);
   }
@@ -41726,6 +40707,8 @@ class ImageBaseViewer extends viewers_BaseViewer {
   zoom() {}
 }
 /* harmony default export */ const image_ImageBaseViewer = (ImageBaseViewer);
+;// external "box-ui-elements/es/styles/variables"
+
 // EXTERNAL MODULE: ./node_modules/classnames/index.js
 var classnames = __webpack_require__(2485);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
@@ -41764,85 +40747,6 @@ function AnnotationsButton(props, ref) {
   }, rest), children);
 }
 /* harmony default export */ const annotations_AnnotationsButton = (/*#__PURE__*/external_react_["default"].forwardRef(AnnotationsButton));
-;// external "box-ui-elements/es/components/tooltip/Tooltip"
-
-;// external "box-ui-elements/es/features/targeting/hocs"
-
-;// ./src/lib/viewers/controls/tooltip/TargetedClickThroughTooltip.tsx
-const TargetedClickThroughTooltip_excluded = ["children"];
-function TargetedClickThroughTooltip_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = TargetedClickThroughTooltip_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 TargetedClickThroughTooltip_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; }
-
-
-
-const TargetedClickThroughTooltip = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_features_targeting_hocs_e326fa91_withTargetedClickThrough__(_ref => {
-  let {
-      children
-    } = _ref,
-    props = TargetedClickThroughTooltip_objectWithoutProperties(_ref, TargetedClickThroughTooltip_excluded);
-  return /*#__PURE__*/external_react_["default"].createElement(__WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_components_tooltip_Tooltip_97b5ae91_default__, props, children);
-});
-/* harmony default export */ const tooltip_TargetedClickThroughTooltip = (TargetedClickThroughTooltip);
-;// ./src/lib/viewers/controls/experiences/ExperiencesContext.ts
-
-/* harmony default export */ const ExperiencesContext = (/*#__PURE__*/external_react_["default"].createContext({
-  experiences: {}
-}));
-;// ./src/lib/viewers/controls/annotations/AnnotationsTargetedTooltip.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/lib/viewers/controls/annotations/AnnotationsTargetedTooltip.tsx
-/* provided dependency */ var AnnotationsTargetedTooltip_ = __webpack_require__(441)["Tl"];
-function AnnotationsTargetedTooltip_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function AnnotationsTargetedTooltip_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? AnnotationsTargetedTooltip_ownKeys(Object(t), !0).forEach(function (r) { AnnotationsTargetedTooltip_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : AnnotationsTargetedTooltip_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function AnnotationsTargetedTooltip_defineProperty(e, r, t) { return (r = AnnotationsTargetedTooltip_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function AnnotationsTargetedTooltip_toPropertyKey(t) { var i = AnnotationsTargetedTooltip_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function AnnotationsTargetedTooltip_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-
-
-
-
-
-function AnnotationsTargetedTooltip({
-  children,
-  isEnabled = false
-}) {
-  const {
-    experiences
-  } = external_react_["default"].useContext(ExperiencesContext);
-  const {
-    setIsForced
-  } = external_react_["default"].useContext(ControlsLayerContext);
-  return /*#__PURE__*/external_react_["default"].createElement(tooltip_TargetedClickThroughTooltip, {
-    className: "bp-AnnotationsTooltip",
-    closeOnClickOutside: true,
-    shouldTarget: isEnabled,
-    showCloseButton: true,
-    text: /*#__PURE__*/external_react_["default"].createElement("div", null, /*#__PURE__*/external_react_["default"].createElement("h3", {
-      className: "bp-AnnotationsTooltip-title"
-    }, AnnotationsTargetedTooltip_('annotations_tooltip_title')), /*#__PURE__*/external_react_["default"].createElement("p", {
-      className: "bp-AnnotationsTooltip-body"
-    }, AnnotationsTargetedTooltip_('annotations_tooltip_body'))),
-    theme: "callout",
-    useTargetingApi: () => {
-      return AnnotationsTargetedTooltip_objectSpread(AnnotationsTargetedTooltip_objectSpread({}, experiences.tooltipFlowAnnotationsExperience), {}, {
-        onClose: () => {
-          experiences.tooltipFlowAnnotationsExperience.onClose();
-          setIsForced(false);
-        },
-        onComplete: () => {
-          experiences.tooltipFlowAnnotationsExperience.onComplete();
-          setIsForced(false);
-        },
-        onShow: () => {
-          experiences.tooltipFlowAnnotationsExperience.onShow();
-          setIsForced(true);
-        }
-      });
-    }
-  }, children);
-}
-/* harmony default export */ const annotations_AnnotationsTargetedTooltip = (AnnotationsTargetedTooltip);
 ;// ./src/lib/viewers/controls/icons/IconPencilScribbleMedium24.tsx
 function IconPencilScribbleMedium24_extends() { return IconPencilScribbleMedium24_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; }, IconPencilScribbleMedium24_extends.apply(null, arguments); }
 function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
@@ -41941,7 +40845,6 @@ function useFullscreen() {
 
 
 
-
 function AnnotationsControls({
   annotationColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
   annotationMode = AnnotationMode.NONE,
@@ -42025,9 +40928,7 @@ function AnnotationsControls({
     style: {
       color: isDrawingActive ? annotationColor : __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_white__
     }
-  })), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsTargetedTooltip, {
-    isEnabled: showRegion
-  }, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
+  })), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
     ref: annotationBtnRefs[AnnotationMode.REGION],
     "data-resin-target": "highlightRegion",
     "data-testid": "bp-AnnotationsControls-regionBtn",
@@ -42036,7 +40937,7 @@ function AnnotationsControls({
     mode: AnnotationMode.REGION,
     onClick: handleModeClick,
     title: AnnotationsControls_('region_comment')
-  }, /*#__PURE__*/external_react_["default"].createElement(icons_IconDashedSquareBubbleMedium24, null))), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
+  }, /*#__PURE__*/external_react_["default"].createElement(icons_IconDashedSquareBubbleMedium24, null)), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsButton, {
     ref: annotationBtnRefs[AnnotationMode.HIGHLIGHT],
     "data-resin-target": "highlightText",
     "data-testid": "bp-AnnotationsControls-highlightBtn",
@@ -42222,6 +41123,11 @@ function DrawingControls({
     onColorSelect: onAnnotationColorChange
   });
 }
+;// ./src/lib/viewers/controls/experiences/ExperiencesContext.ts
+
+/* harmony default export */ const ExperiencesContext = (/*#__PURE__*/external_react_["default"].createContext({
+  experiences: {}
+}));
 ;// ./src/lib/viewers/controls/experiences/ExperiencesProvider.tsx
 
 
@@ -42623,7 +41529,7 @@ class ImageViewer extends image_ImageBaseViewer {
    * @return {void}
    */
   emitFirstRenderMetric() {
-    if (this.firstRenderEmitted) {
+    if (this.isDestroyed() || this.firstRenderEmitted) {
       return;
     }
     const {
@@ -45517,6 +44423,109 @@ function Image360Controls({
     onVrToggle: onVrToggle
   }));
 }
+// EXTERNAL MODULE: external "@box/blueprint-web"
+var blueprint_web_ = __webpack_require__(8912);
+;// external "@box/blueprint-web-assets/icons/Medium/VrGoggles"
+
+;// ./src/lib/viewers/controls/box3d/VrToggleControlV2.tsx
+/* provided dependency */ var VrToggleControlV2_ = __webpack_require__(441)["Tl"];
+
+
+
+function VrToggleControlV2({
+  isVrShown,
+  onVrToggle
+}) {
+  if (!isVrShown) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: VrToggleControlV2_('box3d_toggle_vr')
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
+    "aria-label": VrToggleControlV2_('box3d_toggle_vr'),
+    "data-resin-target": "vrToggle",
+    onClick: onVrToggle
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_VrGoggles_9eb581be_default__
+  })));
+}
+;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
+const ControlsBarV2_excluded = ["children"];
+function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
+function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+function ControlsBarV2(_ref, ref) {
+  let {
+      children
+    } = _ref,
+    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
+  if (!children) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
+    ref: ref,
+    colorScheme: "dark",
+    "data-testid": "bp-ControlsBar"
+  }, rest), children);
+}
+/* harmony default export */ const controls_bar_ControlsBarV2 = (/*#__PURE__*/external_react_["default"].forwardRef(ControlsBarV2));
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
+
+;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
+
+;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
+/* provided dependency */ var FullscreenToggleV2_ = __webpack_require__(441)["Tl"];
+const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
+function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
+function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+function FullscreenToggleV2(_ref) {
+  let {
+      onFullscreenToggle
+    } = _ref,
+    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
+  const isFullscreen = useFullscreen();
+  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
+  const label = isFullscreen ? FullscreenToggleV2_('exit_fullscreen') : FullscreenToggleV2_('enter_fullscreen');
+  const handleClick = ({
+    currentTarget
+  }) => {
+    onFullscreenToggle(!isFullscreen, currentTarget);
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: label
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
+    "aria-label": label,
+    "data-resin-target": "fullscreen",
+    onClick: handleClick
+  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: icon
+  })));
+}
+;// ./src/lib/viewers/box3d/image360/Image360ControlsV2.tsx
+
+
+
+
+function Image360ControlsV2({
+  isVrShown,
+  onFullscreenToggle,
+  onVrToggle
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+    onFullscreenToggle: onFullscreenToggle
+  }), /*#__PURE__*/external_react_["default"].createElement(VrToggleControlV2, {
+    isVrShown: isVrShown,
+    onVrToggle: onVrToggle
+  }));
+}
 ;// ./src/lib/viewers/box3d/image360/SceneEntities.js
 
 /* harmony default export */ const SceneEntities = ([{
@@ -45763,6 +44772,8 @@ class Image360Renderer extends box3d_Box3DRenderer {
 
 
 
+
+
 const CSS_CLASS_IMAGE_360 = 'bp-image-360';
 const Image360Viewer_LOAD_TIMEOUT = 120000;
 class Image360Viewer extends box3d_Box3DViewer {
@@ -45822,11 +44833,22 @@ class Image360Viewer extends box3d_Box3DViewer {
       this.controls.showVrButton();
     }
   }
+
+  /**
+   * Handles keyboard events
+   *
+   * @param {string} key - Keydown key
+   * @return {boolean} Consumed or not
+   */
+  onKeydown(key) {
+    return this.handleFullscreenKey(key);
+  }
   renderUI() {
     if (!this.controls) {
       return;
     }
-    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Image360Controls, {
+    const Controls = this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) ? Image360ControlsV2 : Image360Controls;
+    this.controls.render(/*#__PURE__*/external_react_["default"].createElement(Controls, {
       isVrShown: this.showVrButton,
       onFullscreenToggle: this.toggleFullscreen,
       onVrToggle: this.handleToggleVr
@@ -46222,68 +45244,6 @@ function TextControls({
     onFullscreenToggle: onFullscreenToggle
   })));
 }
-// EXTERNAL MODULE: external "@box/blueprint-web"
-var blueprint_web_ = __webpack_require__(8912);
-;// ./src/lib/viewers/controls/controls-bar/ControlsBarV2.tsx
-const ControlsBarV2_excluded = ["children"];
-function ControlsBarV2_extends() { return ControlsBarV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, ControlsBarV2_extends.apply(null, arguments); }
-function ControlsBarV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsBarV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function ControlsBarV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-function ControlsBarV2(_ref, ref) {
-  let {
-      children
-    } = _ref,
-    rest = ControlsBarV2_objectWithoutProperties(_ref, ControlsBarV2_excluded);
-  if (!children) {
-    return null;
-  }
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Root, ControlsBarV2_extends({
-    ref: ref,
-    colorScheme: "dark",
-    "data-testid": "bp-ControlsBar"
-  }, rest), children);
-}
-/* harmony default export */ const controls_bar_ControlsBarV2 = (/*#__PURE__*/external_react_["default"].forwardRef(ControlsBarV2));
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMaximize"
-
-;// external "@box/blueprint-web-assets/icons/Medium/ArrowsMinimize"
-
-;// ./src/lib/viewers/controls/fullscreen/FullscreenToggleV2.tsx
-/* provided dependency */ var FullscreenToggleV2_ = __webpack_require__(441)["Tl"];
-const FullscreenToggleV2_excluded = ["onFullscreenToggle"];
-function FullscreenToggleV2_extends() { return FullscreenToggleV2_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, FullscreenToggleV2_extends.apply(null, arguments); }
-function FullscreenToggleV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = FullscreenToggleV2_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function FullscreenToggleV2_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-
-
-
-function FullscreenToggleV2(_ref) {
-  let {
-      onFullscreenToggle
-    } = _ref,
-    rest = FullscreenToggleV2_objectWithoutProperties(_ref, FullscreenToggleV2_excluded);
-  const isFullscreen = useFullscreen();
-  const icon = isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__;
-  const label = isFullscreen ? FullscreenToggleV2_('exit_fullscreen') : FullscreenToggleV2_('enter_fullscreen');
-  const handleClick = ({
-    currentTarget
-  }) => {
-    onFullscreenToggle(!isFullscreen, currentTarget);
-  };
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: label
-  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, FullscreenToggleV2_extends({
-    "aria-label": label,
-    "data-resin-target": "fullscreen",
-    onClick: handleClick
-  }, rest), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
-    icon: icon
-  })));
-}
 ;// external "@box/blueprint-web-assets/icons/Medium/Minus"
 
 ;// external "@box/blueprint-web-assets/icons/Medium/Plus"
@@ -46296,25 +45256,45 @@ function FullscreenToggleV2(_ref) {
 
 
 
-function ZoomControlsV2({
+function getZoomState({
   maxScale = MAX_SCALE,
   minScale = MIN_SCALE,
-  onZoomIn,
-  onZoomOut,
-  resinTargetZoomIn = 'zoomIn',
-  resinTargetZoomOut = 'zoomOut',
   scale = 1
 }) {
   const currentScale = Math.round((scale + Number.EPSILON) * 100) / 100;
   const maxScaleValue = isFinite_default()(maxScale) ? Math.min(maxScale, MAX_SCALE) : MAX_SCALE;
   const minScaleValue = isFinite_default()(minScale) ? Math.max(minScale, MIN_SCALE) : MIN_SCALE;
+  return {
+    canZoomIn: currentScale < maxScaleValue,
+    canZoomOut: currentScale > minScaleValue,
+    currentScale
+  };
+}
+function ZoomControlsV2({
+  maxScale,
+  minScale,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale
+}) {
+  const {
+    canZoomIn,
+    canZoomOut,
+    currentScale
+  } = getZoomState({
+    maxScale,
+    minScale,
+    scale
+  });
   return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
     content: ZoomControlsV2_('zoom_out')
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, {
     "aria-label": ZoomControlsV2_('zoom_out'),
     "data-resin-target": resinTargetZoomOut,
     "data-testid": "bp-ZoomControls-out",
-    disabled: currentScale <= minScaleValue,
+    disabled: !canZoomOut,
     onClick: onZoomOut
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__
@@ -46330,7 +45310,7 @@ function ZoomControlsV2({
     "aria-label": ZoomControlsV2_('zoom_in'),
     "data-resin-target": resinTargetZoomIn,
     "data-testid": "bp-ZoomControls-in",
-    disabled: currentScale >= maxScaleValue,
+    disabled: !canZoomIn,
     onClick: onZoomIn
   }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__
@@ -46969,8 +45949,6 @@ class TextBaseViewer extends viewers_BaseViewer {
 /* harmony default export */ const text_TextBaseViewer = (TextBaseViewer);
 ;// external "@box/blueprint-web-assets/icons/Medium/CheckmarkCircle"
 
-// EXTERNAL MODULE: external "@box/blueprint-web-assets/tokens/tokens"
-var tokens_ = __webpack_require__(8380);
 ;// ./src/lib/PrintModal.scss
 // extracted by mini-css-extract-plugin
 
@@ -54542,8 +53520,29 @@ function MediaFullscreenToggle(props) {
     onKeyDown: handleKeydown
   }, props));
 }
+// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Medium"
+var Medium_ = __webpack_require__(9747);
 // EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaToggle.tsx
 var MediaToggle = __webpack_require__(8997);
+;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.tsx
+
+
+
+// Blueprint's Tooltip writes its own data-state onto the element it wraps, which overwrites the
+// data-state Toolbar.ToggleItem uses for its selected styling, so the tooltip gets its own element.
+function ToggleTooltipV2({
+  children,
+  content
+}) {
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
+    content: content
+  }, /*#__PURE__*/external_react_["default"].createElement("span", {
+    className: "bp-ToggleTooltipV2"
+  }, children));
+}
 ;// ./src/lib/viewers/controls/media/SubtitlesToggle.scss
 // extracted by mini-css-extract-plugin
 
@@ -54553,8 +53552,13 @@ var MediaToggle = __webpack_require__(8997);
 
 
 
+
+
+
+
 function SubtitlesToggle({
   isAutoGeneratedSubtitles,
+  isBlueprintEnabled = false,
   isShowingSubtitles,
   onSubtitlesToggle = (noop_default()),
   subtitles = []
@@ -54563,6 +53567,21 @@ function SubtitlesToggle({
     return null;
   }
   const title = isAutoGeneratedSubtitles ? SubtitlesToggle_('media_auto_generated_captions') : SubtitlesToggle_('media_subtitles_cc');
+  if (isBlueprintEnabled) {
+    return /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+      content: title
+    }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.IconToggleButton, {
+      "aria-label": title,
+      className: "bp-SubtitlesToggleV2",
+      "data-resin-target": "subtitlesToggle",
+      "data-target-id": "SubtitlesToggle-toggle",
+      "data-testid": "bp-media-cc-button",
+      icon: Medium_.ClosedCaption,
+      onKeyDown: utils/* stopActivationKeyPropagation */.My,
+      onPressedChange: onSubtitlesToggle,
+      pressed: !!isShowingSubtitles
+    }));
+  }
   return /*#__PURE__*/external_react_["default"].createElement(MediaToggle/* default */.A, {
     "aria-pressed": isShowingSubtitles,
     className: "bp-SubtitlesToggle",
@@ -54711,8 +53730,8 @@ function VideoControls({
     onFullscreenToggle: onFullscreenToggle
   })))));
 }
-// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 5 modules
-var MediaSettingsV2 = __webpack_require__(4190);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/media/MediaSettingsV2.tsx + 3 modules
+var MediaSettingsV2 = __webpack_require__(3519);
 // 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
@@ -55054,8 +54073,6 @@ function TimeControlsV2({
     selectedId: selectedId
   }))));
 }
-// EXTERNAL MODULE: external "@box/blueprint-web-assets/icons/Medium"
-var Medium_ = __webpack_require__(9747);
 ;// ./src/lib/viewers/controls/media/VideoFullscreenButton.scss
 // extracted by mini-css-extract-plugin
 
@@ -55276,6 +54293,7 @@ function VideoControlsV2({
     volume: volume
   }), /*#__PURE__*/external_react_["default"].createElement(SubtitlesToggle, {
     isAutoGeneratedSubtitles: isAutoGeneratedSubtitles,
+    isBlueprintEnabled: isBlueprintEnabled,
     isShowingSubtitles: subtitle !== constants/* SUBTITLES_OFF */.eA,
     onSubtitlesToggle: onSubtitlesToggle,
     subtitles: subtitles
@@ -57672,6 +56690,8 @@ 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); }
 
@@ -57905,6 +56925,14 @@ function DocControls({
     onAnnotationColorChange: onAnnotationColorChange
   })));
 }
+;// external "@box/blueprint-web-assets/icons/Medium/GridView"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Nav"
+
+;// external "@box/blueprint-web-assets/icons/Medium/RotateLeft"
+
+;// external "@box/blueprint-web-assets/icons/Medium/Search"
+
 ;// external "@box/blueprint-web-assets/icons/Medium/XMark"
 
 ;// ./src/lib/viewers/controls/annotations/AnnotationsExitButtonV2.scss
@@ -57949,25 +56977,6 @@ const ANNOTATION_MODE_ICONS = {
   [AnnotationMode.REGION]: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_SquarePlus_c11758f1_default__
 };
 /* harmony default export */ const annotationModeIcons = (ANNOTATION_MODE_ICONS);
-;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.scss
-// extracted by mini-css-extract-plugin
-
-;// ./src/lib/viewers/controls/tooltip/ToggleTooltipV2.tsx
-
-
-
-// Blueprint's Tooltip writes its own data-state onto the element it wraps, which overwrites the
-// data-state Toolbar.ToggleItem uses for its selected styling, so the tooltip gets its own element.
-function ToggleTooltipV2({
-  children,
-  content
-}) {
-  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Tooltip, {
-    content: content
-  }, /*#__PURE__*/external_react_["default"].createElement("span", {
-    className: "bp-ToggleTooltipV2"
-  }, children));
-}
 ;// ./src/lib/viewers/controls/annotations/AnnotationsPaletteV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -58060,8 +57069,6 @@ function AnnotationsToggleV2_extends() { return AnnotationsToggleV2_extends = Ob
 
 
 
-
-
 // The toolbar parts throw outside a Toolbar.Root, so surfaces without one (the media bar) use a standalone button.
 
 const TOGGLE_VALUE = 'annotations';
@@ -58072,9 +57079,6 @@ function AnnotationsToggleV2(props, ref) {
     onAnnotationModeClick = (noop_default()),
     onAnnotationModeEscape = (noop_default())
   } = props;
-  const {
-    experiences
-  } = external_react_["default"].useContext(ExperiencesContext);
   const [lastMode, setLastMode] = external_react_["default"].useState(null);
   const isActive = annotationMode !== AnnotationMode.NONE;
   const resumeMode = lastMode && modes.includes(lastMode) ? lastMode : modes[0];
@@ -58117,13 +57121,9 @@ function AnnotationsToggleV2(props, ref) {
     'data-testid': 'bp-AnnotationsControls-toggleBtn',
     icon: annotationModeIcons[isActive ? annotationMode : resumeMode]
   };
-
-  // With no experience from the host, the box-ui-elements tooltip falls back to opening on hover
-  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsTargetedTooltip, {
-    isEnabled: modes.includes(AnnotationMode.REGION) && !!experiences.tooltipFlowAnnotationsExperience
-  }, /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
+  const renderToggle = toggle => /*#__PURE__*/external_react_["default"].createElement(ToggleTooltipV2, {
     content: AnnotationsToggleV2_('annotation_tools')
-  }, toggle));
+  }, toggle);
   if (props.buttonType === 'icon') {
     const {
       size,
@@ -58185,8 +57185,350 @@ function ColorPickerControlV2({
     onClick: () => onColorSelect(color)
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Search"
+;// ./src/lib/viewers/controls/controls-bar/useControlsOverflow.ts
+
+
+
+const ALWAYS_OVERFLOW = 0;
+// The space the mocks leave between the bar and the edges of the viewer
+const EDGE_MARGIN = 40;
+// One toolbar button, the estimate for a control or the overflow trigger before it has been measured
+const DEFAULT_WIDTH = 32;
+const isCollapsible = ({
+  menu,
+  priority
+}) => !!menu && priority !== undefined;
+function getOverflowIds(items, availableWidth, metrics) {
+  const {
+    chrome,
+    gap,
+    triggerWidth = DEFAULT_WIDTH,
+    widths
+  } = metrics;
+  const overflowIds = new Set(items.filter(item => isCollapsible(item) && item.priority === ALWAYS_OVERFLOW).map(({
+    id
+  }) => id));
+  const getBarWidth = () => {
+    const slots = items.filter(({
+      id
+    }) => !overflowIds.has(id)).map(({
+      id
+    }) => widths.get(id) ?? DEFAULT_WIDTH);
+    if (overflowIds.size) {
+      slots.push(triggerWidth);
+    }
+    return chrome + slots.reduce((total, width) => total + width, 0) + gap * Math.max(slots.length - 1, 0);
+  };
+  const priorities = items.filter(item => isCollapsible(item) && item.priority !== ALWAYS_OVERFLOW).map(({
+    priority
+  }) => priority).sort((a, b) => a - b);
+  Array.from(new Set(priorities)).every(priority => {
+    if (getBarWidth() <= availableWidth) {
+      return false;
+    }
+    items.filter(item => isCollapsible(item) && item.priority === priority).forEach(({
+      id
+    }) => overflowIds.add(id));
+    return true;
+  });
+  return overflowIds;
+}
+const getStyleWidth = (style, properties) => properties.reduce((total, property) => total + (parseFloat(style.getPropertyValue(property)) || 0), 0);
+function useControlsOverflow(items) {
+  const barRef = external_react_["default"].useRef(null);
+  const metricsRef = external_react_["default"].useRef({
+    chrome: 0,
+    gap: 0,
+    widths: new Map()
+  });
+  const portalContainer = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n);
+  const [availableWidth, setAvailableWidth] = external_react_["default"].useState(Number.POSITIVE_INFINITY);
+  const [, forceUpdate] = external_react_["default"].useReducer(count => count + 1, 0);
+
+  // A control can only be measured while it is on the bar, so each width is cached as it renders and
+  // reused to decide whether that control would fit again
+  external_react_["default"].useLayoutEffect(() => {
+    const bar = barRef.current;
+    if (!bar) {
+      return;
+    }
+    const metrics = metricsRef.current;
+    const style = window.getComputedStyle(bar);
+    const chrome = getStyleWidth(style, ['padding-left', 'padding-right', 'border-left-width', 'border-right-width']);
+    const gap = getStyleWidth(style, ['column-gap']);
+    let hasChanged = chrome !== metrics.chrome || gap !== metrics.gap;
+    metrics.chrome = chrome;
+    metrics.gap = gap;
+    Array.from(bar.children).forEach(child => {
+      const {
+        offsetWidth
+      } = child;
+      const {
+        overflowId,
+        overflowTrigger
+      } = child.dataset;
+      if (!offsetWidth) {
+        return;
+      }
+      if (overflowId && metrics.widths.get(overflowId) !== offsetWidth) {
+        metrics.widths.set(overflowId, offsetWidth);
+        hasChanged = true;
+      }
+      if (overflowTrigger !== undefined && metrics.triggerWidth !== offsetWidth) {
+        metrics.triggerWidth = offsetWidth;
+        hasChanged = true;
+      }
+    });
+    if (hasChanged) {
+      forceUpdate();
+    }
+  });
+
+  // The bar renders nothing without items, so the viewer lookup reruns once it mounts
+  const hasItems = items.length > 0;
+
+  // The controls root is centered and shrinks to fit the bar, so the space the bar can grow into is the
+  // viewer's. Fullscreen resizes the viewer too, which the observer picks up.
+  external_react_["default"].useLayoutEffect(() => {
+    const container = portalContainer ?? barRef.current?.closest(`.${constants/* CLASS_BOX_PREVIEW_CONTENT */.SG}`) ?? null;
+    if (!container) {
+      return undefined;
+    }
+    const updateAvailableWidth = () => {
+      const {
+        clientWidth
+      } = container;
+
+      // A container that has not been laid out yet measures zero, which would collapse everything
+      setAvailableWidth(clientWidth > 0 ? clientWidth - EDGE_MARGIN : Number.POSITIVE_INFINITY);
+    };
+    updateAvailableWidth();
+    if (typeof ResizeObserver === 'undefined') {
+      return undefined;
+    }
+    const observer = new ResizeObserver(updateAvailableWidth);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [hasItems, portalContainer]);
+  const overflowIds = getOverflowIds(items, availableWidth, metricsRef.current);
+  return {
+    barRef,
+    overflowItems: items.filter(({
+      id
+    }) => overflowIds.has(id)),
+    visibleItems: items.filter(({
+      id
+    }) => !overflowIds.has(id))
+  };
+}
+;// external "@box/blueprint-web-assets/icons/Medium/EllipsisVertical"
+
+// EXTERNAL MODULE: ./src/lib/viewers/controls/tooltip/MenuTriggerTooltipV2.tsx
+var MenuTriggerTooltipV2 = __webpack_require__(6014);
+// EXTERNAL MODULE: ./src/lib/viewers/controls/settings/stopMenuKeyPropagation.ts
+var stopMenuKeyPropagation = __webpack_require__(9646);
+;// ./src/lib/viewers/controls/controls-bar/ControlsOverflowMenuV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/controls-bar/ControlsOverflowMenuV2.tsx
+/* provided dependency */ var ControlsOverflowMenuV2_ = __webpack_require__(441)["Tl"];
+function ControlsOverflowMenuV2_extends() { return ControlsOverflowMenuV2_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; }, ControlsOverflowMenuV2_extends.apply(null, arguments); }
+
+
+
+
+
+
+
+
+// Handlers that return focus to the control that invoked them get the trigger, since the row unmounts with the menu
+const ControlsOverflowTriggerContext = /*#__PURE__*/external_react_["default"].createContext({
+  current: null
+});
+
+// The menu portals out of the controls root, so it carries the root's Resin attributes itself
+const getResinAttributes = element => {
+  const resinComponent = element?.closest('[data-resin-component]');
+  return resinComponent ? Object.fromEntries(Array.from(resinComponent.attributes).filter(({
+    name
+  }) => name.startsWith('data-resin-')).map(({
+    name,
+    value
+  }) => [name, value])) : {};
+};
+function ControlsOverflowToggle(props, ref) {
+  const isMenuOpen = props['aria-expanded'] === true || props['aria-expanded'] === 'true';
+  return /*#__PURE__*/external_react_["default"].createElement(MenuTriggerTooltipV2/* default */.A, {
+    content: ControlsOverflowMenuV2_('controls_more'),
+    isMenuOpen: isMenuOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Button, ControlsOverflowMenuV2_extends({
+    ref: ref,
+    "aria-label": ControlsOverflowMenuV2_('controls_more'),
+    "data-resin-target": "moreOptions",
+    "data-testid": "bp-ControlsBar-overflowBtn"
+  }, props), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Toolbar.Icon, {
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_EllipsisVertical_06d33c4b_default__
+  })));
+}
+const ControlsOverflowToggleV2 = /*#__PURE__*/external_react_["default"].forwardRef(ControlsOverflowToggle);
+function ControlsOverflowMenuV2({
+  items
+}) {
+  const container = external_react_["default"].useContext(BlueprintProviders/* PortalContainerContext */.n) ?? undefined;
+  const {
+    setIsForced
+  } = external_react_["default"].useContext(ControlsLayerContext);
+  const triggerRef = external_react_["default"].useRef(null);
+  const [isOpen, setIsOpen] = external_react_["default"].useState(false);
+  const [resinAttributes, setResinAttributes] = external_react_["default"].useState({});
+  const handleOpenChange = open => {
+    if (open) {
+      setResinAttributes(getResinAttributes(triggerRef.current));
+    }
+    setIsOpen(open);
+  };
+
+  // The menu sits outside the controls layer, which would otherwise hide the bar under the open menu
+  external_react_["default"].useEffect(() => {
+    if (!isOpen) {
+      return undefined;
+    }
+    setIsForced(true);
+    return () => setIsForced(false);
+  }, [isOpen, setIsForced]);
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Root, {
+    modal: false,
+    onOpenChange: handleOpenChange,
+    open: isOpen
+  }, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Trigger, {
+    ref: triggerRef,
+    asChild: true,
+    "data-overflow-ids": items.map(({
+      id
+    }) => id).join(' '),
+    "data-overflow-trigger": ""
+  }, /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowToggleV2, null)), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Content, ControlsOverflowMenuV2_extends({
+    align: "end",
+    className: "bp-ControlsOverflowMenuV2",
+    container: container,
+    "data-testid": "bp-ControlsBar-overflowMenu",
+    onEscapeKeyDown: stopMenuKeyPropagation/* stopEscapePropagation */.s,
+    onKeyDown: stopMenuKeyPropagation/* stopKeyPropagation */.a,
+    side: "top"
+  }, resinAttributes), /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowTriggerContext.Provider, {
+    value: triggerRef
+  }, items.map(({
+    id,
+    menu
+  }) => /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, {
+    key: id
+  }, menu)))));
+}
+;// ./src/lib/viewers/controls/controls-bar/shortcuts.ts
+/* provided dependency */ var shortcuts_ = __webpack_require__(441)["Tl"];
+
+// iPads report a Mac user agent, and their keyboards have the command key too
+const isApplePlatform = () => /Mac|iPhone|iPad|iPod/.test(navigator.userAgent);
+
+// Preview binds its shortcuts to both Cmd and Ctrl, so each platform is shown the modifier its keyboard labels
+function getShortcut(key) {
+  return isApplePlatform() ? {
+    keys: `Meta+${key}`,
+    label: `⌘ + ${key}`
+  } : {
+    keys: `Control+${key}`,
+    label: (0,util/* replacePlaceholders */.Lb)(shortcuts_('controls_shortcut_ctrl'), [key])
+  };
+}
+;// ./src/lib/viewers/controls/controls-bar/ControlsMenuItemV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/controls-bar/ControlsMenuItemV2.tsx
+const ControlsMenuItemV2_excluded = ["bareKey", "icon", "keepOpen", "label", "onSelect", "shortcutKey"];
+function ControlsMenuItemV2_extends() { return ControlsMenuItemV2_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; }, ControlsMenuItemV2_extends.apply(null, arguments); }
+function ControlsMenuItemV2_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = ControlsMenuItemV2_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 ControlsMenuItemV2_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; }
+
+
+
+
+
+// The menu form of a bar control. Toggles are plain rows whose label names the next action, since checkbox
+// rows reserve space for a checkmark that the mocks do not have.
+function ControlsMenuItemV2(_ref) {
+  let {
+      bareKey,
+      icon,
+      keepOpen,
+      label,
+      onSelect,
+      shortcutKey
+    } = _ref,
+    rest = ControlsMenuItemV2_objectWithoutProperties(_ref, ControlsMenuItemV2_excluded);
+  const triggerRef = external_react_["default"].useContext(ControlsOverflowTriggerContext);
+  let shortcut = null;
+  if (shortcutKey) {
+    shortcut = getShortcut(shortcutKey);
+  } else if (bareKey) {
+    shortcut = {
+      keys: bareKey,
+      label: bareKey
+    };
+  }
+  const handleSelect = event => {
+    if (keepOpen) {
+      event.preventDefault();
+    }
+    onSelect(triggerRef.current);
+  };
+  return /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item, ControlsMenuItemV2_extends({
+    "aria-keyshortcuts": shortcut?.keys,
+    onSelect: handleSelect
+  }, rest, {
+    className: "bp-ControlsMenuItemV2"
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.StartElement, {
+    icon: icon
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.MainContent, {
+    label: label
+  }), shortcut && /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Item.EndElement, {
+    "aria-hidden": true
+  }, shortcut.label));
+}
+;// ./src/lib/viewers/controls/controls-bar/ResponsiveControlsBarV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/controls-bar/ResponsiveControlsBarV2.tsx
+
+
+
+
 
+// Moves controls into an overflow menu as the viewer narrows. Bars that always show everything, like the
+// annotations palette, use ControlsBarV2 directly.
+function ResponsiveControlsBarV2({
+  items
+}) {
+  const {
+    barRef,
+    overflowItems,
+    visibleItems
+  } = useControlsOverflow(items);
+  if (!items.length) {
+    return null;
+  }
+  return /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, {
+    ref: barRef
+  }, visibleItems.map(({
+    control,
+    id
+  }) => /*#__PURE__*/external_react_["default"].createElement("div", {
+    key: id,
+    className: "bp-ResponsiveControlsBarV2-item",
+    "data-overflow-id": id
+  }, control)), overflowItems.length > 0 && /*#__PURE__*/external_react_["default"].createElement(ControlsOverflowMenuV2, {
+    items: overflowItems
+  }));
+}
 ;// ./src/lib/viewers/controls/findbar/FindBarToggleV2.tsx
 /* provided dependency */ var FindBarToggleV2_ = __webpack_require__(441)["Tl"];
 
@@ -58210,8 +57552,6 @@ function FindBarToggleV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/GridView"
-
 ;// ./src/lib/viewers/controls/gallery/GalleryToggleV2.tsx
 /* provided dependency */ var GalleryToggleV2_ = __webpack_require__(441)["Tl"];
 
@@ -58391,8 +57731,6 @@ function PageControlsV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ChevronDown_a545a634_default__
   }))));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/RotateLeft"
-
 ;// ./src/lib/viewers/controls/rotate/RotateControlV2.tsx
 /* provided dependency */ var RotateControlV2_ = __webpack_require__(441)["Tl"];
 
@@ -58411,8 +57749,6 @@ function RotateControlV2({
     icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__
   })));
 }
-;// external "@box/blueprint-web-assets/icons/Medium/Nav"
-
 ;// external "@box/blueprint-web-assets/icons/MediumFilled/Nav"
 
 ;// ./src/lib/viewers/controls/sidebar/ThumbnailsToggleV2.scss
@@ -58449,7 +57785,87 @@ function ThumbnailsToggleV2({
     value: "thumbnails"
   }))));
 }
+;// ./src/lib/viewers/controls/hooks/useMediaQuery.ts
+
+const getMatches = query => typeof window.matchMedia === 'function' && window.matchMedia(query).matches;
+function useMediaQuery(query) {
+  const [matches, setMatches] = external_react_["default"].useState(() => getMatches(query));
+  external_react_["default"].useEffect(() => {
+    if (typeof window.matchMedia !== 'function') {
+      return undefined;
+    }
+    const mediaQueryList = window.matchMedia(query);
+    const handleChange = () => setMatches(mediaQueryList.matches);
+    handleChange();
+    mediaQueryList.addEventListener('change', handleChange);
+    return () => mediaQueryList.removeEventListener('change', handleChange);
+  }, [query]);
+  return matches;
+}
+;// ./src/lib/viewers/controls/zoom/ZoomMenuItemsV2.scss
+// extracted by mini-css-extract-plugin
+
+;// ./src/lib/viewers/controls/zoom/ZoomMenuItemsV2.tsx
+/* provided dependency */ var ZoomMenuItemsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
+
+
+
+
+
+// The overflow menu form of the zoom controls: the current scale, then zoom in and zoom out
+function ZoomMenuItemsV2({
+  maxScale,
+  minScale,
+  onZoomIn,
+  onZoomOut,
+  resinTargetZoomIn = 'zoomIn',
+  resinTargetZoomOut = 'zoomOut',
+  scale
+}) {
+  const {
+    canZoomIn,
+    canZoomOut,
+    currentScale
+  } = getZoomState({
+    maxScale,
+    minScale,
+    scale
+  });
+  const scaleLabel = (0,util/* replacePlaceholders */.Lb)(ZoomMenuItemsV2_('controls_zoom_scale'), [`${Math.round(currentScale * 100)}%`]);
+  return /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+    as: "div",
+    className: "bp-ZoomMenuItemsV2-scale",
+    color: "textOnLightSecondary",
+    "data-testid": "bp-ZoomMenuItems-scale",
+    variant: "caption"
+  }, scaleLabel), /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+    "data-resin-target": resinTargetZoomIn,
+    "data-testid": "bp-ZoomControls-in-menuItem",
+    disabled: !canZoomIn,
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Plus_aaa7b14f_default__,
+    keepOpen: true,
+    label: ZoomMenuItemsV2_('zoom_in'),
+    onSelect: () => onZoomIn()
+  }), /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+    "data-resin-target": resinTargetZoomOut,
+    "data-testid": "bp-ZoomControls-out-menuItem",
+    disabled: !canZoomOut,
+    icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Minus_cc9df143_default__,
+    keepOpen: true,
+    label: ZoomMenuItemsV2_('zoom_out'),
+    onSelect: () => onZoomOut()
+  }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null));
+}
 ;// ./src/lib/viewers/doc/DocControlsV2.tsx
+/* provided dependency */ var DocControlsV2_ = __webpack_require__(441)["Tl"];
+
+
+
+
 
 
 
@@ -58469,6 +57885,23 @@ function ThumbnailsToggleV2({
 
 
 
+
+
+// The thumbnails sidebar only opens at this width (box-ui-elements $size-large-min)
+const THUMBNAILS_MEDIA_QUERY = '(min-width: 768px)';
+
+// From the responsive mocks: find stays in the menu at every width, and gallery does too until the grid is
+// open. Then the grid toggle is the button itself, and nothing else collapses into a more options menu.
+// Rotate collapses next, then thumbnails and fullscreen together, then zoom. Page and the markup trigger
+// have no menu form and never collapse.
+const PRIORITY = {
+  find: ALWAYS_OVERFLOW,
+  fullscreen: 2,
+  gallery: ALWAYS_OVERFLOW,
+  rotate: 1,
+  thumbnails: 2,
+  zoom: 3
+};
 function DocControlsV2({
   annotationColor,
   annotationMode = AnnotationMode.NONE,
@@ -58499,6 +57932,7 @@ function DocControlsV2({
 }) {
   const annotationsToggleRef = external_react_["default"].useRef(null);
   const isFullscreen = useFullscreen();
+  const canShowThumbnails = useMediaQuery(THUMBNAILS_MEDIA_QUERY);
 
   // Listed in the palette's button order, which is also the order the toggle falls back to
   const annotationModes = [];
@@ -58520,42 +57954,113 @@ function DocControlsV2({
       mode: AnnotationMode.NONE
     });
   };
-  return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
-    experiences: experiences
-  }, /*#__PURE__*/external_react_["default"].createElement(controls_bar_ControlsBarV2, null, !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
-    isThumbnailsOpen: isThumbnailsOpen,
-    onThumbnailsToggle: onThumbnailsToggle
-  }), /*#__PURE__*/external_react_["default"].createElement(FindBarToggleV2, {
-    onFindBarToggle: onFindBarToggle
-  }), /*#__PURE__*/external_react_["default"].createElement(PageControlsV2, {
-    onPageChange: onPageChange,
-    onPageSubmit: onPageSubmit,
-    pageCount: pageCount,
-    pageNumber: pageNumber
-  })), (!isGalleryOpen || hasGalleryZoom) && /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, {
-    maxScale: maxScale,
-    minScale: minScale,
-    onZoomIn: onZoomIn,
-    onZoomOut: onZoomOut,
+  const zoomProps = {
+    maxScale,
+    minScale,
+    onZoomIn,
+    onZoomOut,
     resinTargetZoomIn: isGalleryOpen ? 'galleryZoomIn' : undefined,
     resinTargetZoomOut: isGalleryOpen ? 'galleryZoomOut' : undefined,
-    scale: scale
-  }), !isGalleryOpen && onRotateLeft && /*#__PURE__*/external_react_["default"].createElement(RotateControlV2, {
-    onRotateLeft: onRotateLeft
-  }), /*#__PURE__*/external_react_["default"].createElement(GalleryToggleV2, {
-    isGalleryOpen: isGalleryOpen,
-    onGalleryToggle: onGalleryToggle
-  }), /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
-    onFullscreenToggle: onFullscreenToggle
-  }), hasAnnotations && /*#__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(AnnotationsExitButtonV2, {
-    onClick: handleAnnotationsExit
-  }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
-    ref: annotationsToggleRef,
-    annotationMode: annotationMode,
-    modes: annotationModes,
-    onAnnotationModeClick: onAnnotationModeClick,
-    onAnnotationModeEscape: onAnnotationModeEscape
-  }))), hasAnnotations && annotationMode !== AnnotationMode.NONE && /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2, null, /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsPaletteV2.Modes, {
+    scale
+  };
+
+  // Each control is gated here rather than only inside it, so the bar never reserves width for a control
+  // that would render nothing
+  const items = [!isGalleryOpen && !isFullscreen && canShowThumbnails && onThumbnailsToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(ThumbnailsToggleV2, {
+      isThumbnailsOpen: isThumbnailsOpen,
+      onThumbnailsToggle: onThumbnailsToggle
+    }),
+    id: 'thumbnails',
+    menu: /*#__PURE__*/external_react_["default"].createElement(external_react_["default"].Fragment, null, /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "thumbnails",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Nav_d41e959a_default__,
+      label: isThumbnailsOpen ? DocControlsV2_('controls_hide_thumbnails') : DocControlsV2_('controls_show_thumbnails'),
+      onSelect: () => onThumbnailsToggle()
+    }), /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.DropdownMenu.Separator, null)),
+    priority: PRIORITY.thumbnails
+  }, !isGalleryOpen && pageCount > 1 && {
+    control: /*#__PURE__*/external_react_["default"].createElement(PageControlsV2, {
+      onPageChange: onPageChange,
+      onPageSubmit: onPageSubmit,
+      pageCount: pageCount,
+      pageNumber: pageNumber
+    }),
+    id: 'page'
+  }, (!isGalleryOpen || hasGalleryZoom) && {
+    control: /*#__PURE__*/external_react_["default"].createElement(ZoomControlsV2, zoomProps),
+    id: 'zoom',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ZoomMenuItemsV2, zoomProps),
+    priority: isGalleryOpen ? undefined : PRIORITY.zoom
+  }, !isGalleryOpen && onFindBarToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(FindBarToggleV2, {
+      onFindBarToggle: onFindBarToggle
+    }),
+    id: 'find',
+    menu: /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "findBar",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_Search_ef3e4aba_default__,
+      label: DocControlsV2_('controls_find'),
+      onSelect: onFindBarToggle,
+      shortcutKey: "F"
+    }),
+    priority: PRIORITY.find
+  }, !isGalleryOpen && onRotateLeft && {
+    control: /*#__PURE__*/external_react_["default"].createElement(RotateControlV2, {
+      onRotateLeft: onRotateLeft
+    }),
+    id: 'rotate',
+    menu: /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "rotate",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_RotateLeft_c726d679_default__,
+      bareKey: "R",
+      label: DocControlsV2_('controls_rotate_document'),
+      onSelect: () => onRotateLeft()
+    }),
+    priority: PRIORITY.rotate
+  }, onGalleryToggle && {
+    control: /*#__PURE__*/external_react_["default"].createElement(GalleryToggleV2, {
+      isGalleryOpen: isGalleryOpen,
+      onGalleryToggle: onGalleryToggle
+    }),
+    id: 'gallery',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "galleryView",
+      icon: __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_GridView_ac92b674_default__,
+      label: DocControlsV2_('controls_view_as_grid'),
+      onSelect: () => onGalleryToggle()
+    }),
+    priority: isGalleryOpen ? undefined : PRIORITY.gallery
+  }, {
+    control: /*#__PURE__*/external_react_["default"].createElement(FullscreenToggleV2, {
+      onFullscreenToggle: onFullscreenToggle
+    }),
+    id: 'fullscreen',
+    menu: !isGalleryOpen && /*#__PURE__*/external_react_["default"].createElement(ControlsMenuItemV2, {
+      "data-resin-target": "fullscreen",
+      icon: isFullscreen ? __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMinimize_35faab95_default__ : __WEBPACK_EXTERNAL_MODULE__box_blueprint_web_assets_icons_Medium_ArrowsMaximize_12b9ae40_default__,
+      bareKey: "F",
+      label: isFullscreen ? DocControlsV2_('exit_fullscreen') : DocControlsV2_('enter_fullscreen'),
+      onSelect: trigger => onFullscreenToggle(!isFullscreen, trigger)
+    }),
+    priority: isGalleryOpen ? undefined : PRIORITY.fullscreen
+  }, hasAnnotations && {
+    control: /*#__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(AnnotationsExitButtonV2, {
+      onClick: handleAnnotationsExit
+    }), /*#__PURE__*/external_react_["default"].createElement(annotations_AnnotationsToggleV2, {
+      ref: annotationsToggleRef,
+      annotationMode: annotationMode,
+      modes: annotationModes,
+      onAnnotationModeClick: onAnnotationModeClick,
+      onAnnotationModeEscape: onAnnotationModeEscape
+    })),
+    id: 'annotations'
+  }];
+  return /*#__PURE__*/external_react_["default"].createElement(ExperiencesProvider, {
+    experiences: experiences
+  }, /*#__PURE__*/external_react_["default"].createElement(ResponsiveControlsBarV2, {
+    items: items.filter(item => !!item)
+  }), hasAnnotations && annotationMode !== AnnotationMode.NONE && /*#__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, {
@@ -59887,8 +59392,10 @@ function GalleryGrid_toPrimitive(t, r) { if ("object" != typeof t || !t) return
 
 
 
+
 const GalleryTile = /*#__PURE__*/external_react_["default"].memo(function GalleryTile({
   pageNum,
+  isBlueprintEnabled,
   isFocused,
   ariaColIndex,
   imageSrc,
@@ -59925,7 +59432,11 @@ const GalleryTile = /*#__PURE__*/external_react_["default"].memo(function Galler
     }, /*#__PURE__*/external_react_["default"].createElement("span", {
       "aria-hidden": "true",
       className: "bp-gallery-tile-badge"
-    }, pageNum), imageSrc ? /*#__PURE__*/external_react_["default"].createElement("img", {
+    }, isBlueprintEnabled ? /*#__PURE__*/external_react_["default"].createElement(blueprint_web_.Text, {
+      as: "span",
+      color: "textOnDarkDefault",
+      variant: "bodyDefault"
+    }, pageNum) : pageNum), imageSrc ? /*#__PURE__*/external_react_["default"].createElement("img", {
       alt: "",
       src: imageSrc,
       style: contentStyle
@@ -59940,6 +59451,7 @@ function GalleryGrid({
   currentPage,
   getPageRatio,
   isAriaGridEnabled = false,
+  isBlueprintEnabled = false,
   isPinchZoomEnabled = false,
   isTouchZoomEnabled = false,
   onClose,
@@ -60427,6 +59939,7 @@ function GalleryGrid({
       key: i,
       ariaColIndex: isAriaGridEnabled ? getColumnIndex(i, columnCount) : undefined,
       imageSrc: highResImages[i] || loadedImages[i],
+      isBlueprintEnabled: isBlueprintEnabled,
       isFocused: i === focusedPage,
       onClick: handleTileClick,
       onFocus: handleTileFocus,
@@ -60489,6 +60002,8 @@ function GalleryController_toPrimitive(t, r) { if ("object" != typeof t || !t) r
 
 
 
+
+
 // Controller-owned shape: GalleryGrid only sees the read surface (GalleryThumbnail),
 // but the controller also needs destroy() to invalidate the cache on rotate/teardown.
 
@@ -60755,10 +60270,11 @@ class GalleryController {
       return;
     }
     const pdfViewer = this.getPdfViewer();
-    this.galleryRoot.render(/*#__PURE__*/external_react_["default"].createElement(GalleryGrid, {
+    const grid = /*#__PURE__*/external_react_["default"].createElement(GalleryGrid, {
       currentPage: pdfViewer.currentPageNumber,
       getPageRatio: this.getPageRatio,
       isAriaGridEnabled: this.isEnhancedGalleryEnabled,
+      isBlueprintEnabled: isFeatureEnabled(this.features, constants/* BLUEPRINT_MIGRATION_SUPPORTING_UI */.Ed),
       isPinchZoomEnabled: this.isEnhancedGalleryEnabled && isFeatureEnabled(this.features, 'pinchToZoom.enabled'),
       isTouchZoomEnabled: this.isEnhancedGalleryEnabled && this.hasTouch,
       onClose: this.toggle,
@@ -60769,7 +60285,10 @@ class GalleryController {
       pageCount: pdfViewer.pagesCount,
       scale: this.galleryScale,
       thumbnail: this.galleryThumbnail
-    }));
+    });
+    this.galleryRoot.render(isBlueprintEnabled(this.features) ? /*#__PURE__*/external_react_["default"].createElement(BlueprintProviders/* default */.A, {
+      container: this.containerEl
+    }, grid) : grid);
   }
 }
 ;// ./src/lib/logUtils.js
@@ -62109,8 +61628,6 @@ class ThumbnailsSidebar {
   }
 }
 /* harmony default export */ const lib_ThumbnailsSidebar = (ThumbnailsSidebar);
-// EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(7516);
 ;// ./src/lib/ThumbnailsSidebarV2.scss
 // extracted by mini-css-extract-plugin
 
@@ -62303,6 +61820,7 @@ function DocBaseViewer_toPrimitive(t, r) { if ("object" != typeof t || !t) retur
 
 
 
+
 
 
 const DOC_FIRST_PAGES_ENABLED = 'docFirstPages.enabled';
@@ -62465,9 +61983,17 @@ class DocBaseViewer extends viewers_BaseViewer {
       getThumbnailsSidebar: () => this.thumbnailsSidebar,
       setPage: n => this.setPage(n),
       toggleThumbnails: () => this.toggleThumbnails(),
-      requestUiUpdate: () => this.renderUI(),
+      requestUiUpdate: () => {
+        // The v2 bar moves the gallery toggle between the bar and its overflow menu, so the bar must be
+        // committed before focusToggle looks the toggle up
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ)) {
+          (0,external_react_dom_.flushSync)(() => this.renderUI());
+        } else {
+          this.renderUI();
+        }
+      },
       focusToggle: () => {
-        const toggle = this.containerEl.querySelector('.bp-GalleryToggle, [data-bp-gallery-toggle]');
+        const toggle = this.containerEl.querySelector('.bp-GalleryToggle, [data-bp-gallery-toggle], [data-overflow-ids~="gallery"]');
         if (toggle && toggle.focus) {
           toggle.focus();
         }
@@ -62701,7 +62227,7 @@ class DocBaseViewer extends viewers_BaseViewer {
     const isWatermarked = file && file.watermark_info && file.watermark_info.is_watermarked;
     if (assets) {
       if (this.featureEnabled('useNpmPdfjs') || (0,isNpmBuild/* isNpmBuild */.w)()) {
-        this.prefetchAssets(EXIF_READER, docAssets_CSS);
+        this.prefetchAssets(EXIF_READER, []);
       } else {
         const ASSETS = this.featureEnabled(DOC_FIRST_PAGES_ENABLED) ? [...JS_NO_EXIF, ...EXIF_READER] : docAssets_JS;
         this.prefetchAssets(ASSETS, docAssets_CSS);
@@ -63156,6 +62682,22 @@ class DocBaseViewer extends viewers_BaseViewer {
       case ']':
         this.nextPage();
         break;
+      case 'r':
+      case 'R':
+        // The rotate control is hidden while the gallery is open, so the key follows it.
+        // These bare keys belong to the v2 controls bar; the older bar has no such shortcuts.
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ) && !this.galleryController?.isOpen && this.featureEnabled('rotate.enabled')) {
+          this.rotateLeft();
+          break;
+        }
+        return this.findBar ? this.findBar.onKeydown(event) : false;
+      case 'f':
+      case 'F':
+        if (this.featureEnabled(constants/* BLUEPRINT_MIGRATION_CONTROLS_BAR */.OQ)) {
+          this.toggleFullscreen();
+          break;
+        }
+        return this.findBar ? this.findBar.onKeydown(event) : false;
       default:
         if (this.findBar) {
           return this.findBar.onKeydown(event);
@@ -63365,7 +62907,7 @@ class DocBaseViewer extends viewers_BaseViewer {
       container: this.docEl,
       eventBus: this.pdfEventBus,
       findController: this.pdfFindController,
-      imageResourcesPath: assetUrlCreator(IMAGES),
+      imageResourcesPath: this.featureEnabled('useNpmPdfjs') ? assetUrlCreator('pdfjs-images/') : assetUrlCreator(IMAGES),
       linkService: this.pdfLinkService,
       maxCanvasPixels: this.isMobile ? MOBILE_MAX_CANVAS_SIZE : -1,
       renderInteractiveForms: false,
@@ -71509,7 +71051,9 @@ class Preview extends (events_default()) {
     // Start the preview load and render timers when the user starts to perceive preview's load
     lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* LOAD_METRIC */.Yy.previewLoadTime));
     lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* RENDER_METRIC */.QQ));
-    lib_Timer.start(lib_Timer.createTag(this.file.id, lib_events/* FIRST_RENDER_METRIC */.VT));
+    const firstRenderTag = lib_Timer.createTag(this.file.id, lib_events/* FIRST_RENDER_METRIC */.VT);
+    lib_Timer.reset(firstRenderTag);
+    lib_Timer.start(firstRenderTag);
 
     // If file version ID is specified, increment retry count if it matches current file version ID
     if (fileVersionId) {