box-content-preview 3.119.0 → 3.120.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,9 +44,8 @@ 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";
@@ -1113,7 +1113,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_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 +1216,7 @@ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e =
 const CLIENT_NAME = "box-content-preview"; // eslint-disable-line no-undef
 const CLIENT_NAME_KEY = 'box_client_name';
 const CLIENT_VERSION_KEY = 'box_client_version';
-const CLIENT_VERSION = "3.119.0"; // eslint-disable-line no-undef
+const CLIENT_VERSION = "3.120.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 = {};
@@ -2055,7 +2055,7 @@ function getPreloadImageRequestPromisesByBatch(api, pagedPreLoadUrlWithAuth, sta
 
 /***/ },
 
-/***/ 505
+/***/ 1337
 (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
 
 
@@ -3818,950 +3818,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
@@ -6471,7 +5537,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));
   }
 
   /**
@@ -11645,7 +10711,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 +10724,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 +12291,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 +12304,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 +15247,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 +21516,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 +21550,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 +21572,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 +21583,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 +37204,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.120.0";
 /* eslint-enable no-undef */
 
 class Logger {
@@ -39270,8 +38195,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 +38204,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 +38217,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;
   }
@@ -39916,6 +38841,22 @@ class BaseViewer extends (events_default()) {
     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
    *
@@ -40364,9 +39305,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(),
@@ -41726,6 +40671,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 +40711,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 +40809,6 @@ function useFullscreen() {
 
 
 
-
 function AnnotationsControls({
   annotationColor = __WEBPACK_EXTERNAL_MODULE_box_ui_elements_es_styles_variables_c815ce80_bdlBoxBlue__,
   annotationMode = AnnotationMode.NONE,
@@ -42025,9 +40892,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 +40901,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 +41087,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
 
 
@@ -45517,6 +44387,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 +44736,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 +44797,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 +45208,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"
@@ -46969,8 +45893,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 +53464,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 +53496,13 @@ var MediaToggle = __webpack_require__(8997);
 
 
 
+
+
+
+
 function SubtitlesToggle({
   isAutoGeneratedSubtitles,
+  isBlueprintEnabled = false,
   isShowingSubtitles,
   onSubtitlesToggle = (noop_default()),
   subtitles = []
@@ -54563,6 +53511,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",
@@ -55054,8 +54017,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 +54237,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
@@ -57949,25 +56911,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 +57003,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 +57013,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 +57055,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,
@@ -59887,8 +58821,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 +58861,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 +58880,7 @@ function GalleryGrid({
   currentPage,
   getPageRatio,
   isAriaGridEnabled = false,
+  isBlueprintEnabled = false,
   isPinchZoomEnabled = false,
   isTouchZoomEnabled = false,
   onClose,
@@ -60427,6 +59368,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 +59431,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 +59699,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 +59714,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