installed plugin Infinite Uploads version 2.0.8

wp-content/plugins/infinite-uploads/inc/video/block/components/LibraryModal/index.js

@@ -0,0 +1,40 @@
+import {__, _x} from '@wordpress/i18n';
+import {Button, Modal} from '@wordpress/components';
+import {useState, useEffect} from '@wordpress/element';
+import Library from '../../../admin/components/Library';
+import {InfiniteUploadsIcon} from '../Images';
+import './styles.scss';
+
+export default function LibraryModal({selectVideo, ...props}) {
+	const [isOpen, setOpen] = useState(false);
+	const openModal = () => setOpen(true);
+	const closeModal = () => setOpen(false);
+
+	return (
+		<>
+			<Button variant="primary" onClick={openModal}>
+				{__('Select from Library', 'infinite-uploads')}
+			</Button>
+			{isOpen && (
+				<Modal
+					{...props}
+					isDismissible={true}
+					onRequestClose={closeModal}
+					icon={InfiniteUploadsIcon(false)}
+					style={{width: '98%'}}
+					title={__('Cloud Video Library', 'infinite-uploads')}
+					className="iup-block-library-model"
+				>
+					<p>
+						{__(
+							'Select a video from your library to insert into the editor.',
+							'infinite-uploads'
+						)}
+					</p>
+
+					<Library selectVideo={selectVideo}/>
+				</Modal>
+			)}
+		</>
+	);
+}

wp-content/plugins/infinite-uploads/inc/video/block/components/LibraryModal/styles.scss

@@ -0,0 +1,33 @@
+//scope bootstrap styles to library modal only
+.iup-block-library-model {
+  @import '~bootstrap/scss/bootstrap';
+
+  .components-modal__header-heading {
+    margin-bottom: 0;
+    margin-left: 0.5em;
+  }
+
+  .bg-black {
+    background-color: #000 !important;
+  }
+
+  .text-secondary {
+    color: #6c757d !important;
+    font-size: 16px;
+  }
+
+  .rounded-top {
+    border-top-left-radius: 0.375rem !important;
+    border-top-right-radius: 0.375rem !important;
+  }
+
+  .btn .dashicons {
+    font-size: 1.5rem;
+    line-height: 1;
+    margin-right: 0.5rem;
+  }
+
+  .rounded-pill {
+    border-radius: 50rem !important;
+  }
+}