@wordpress/edit-site 5.27.1 → 5.28.0

package/build-module/components/global-styles/font-library-modal/local-fonts.js

@@ -1,187 +0,0 @@
-import { createElement, Fragment } from "react";
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import { Button, DropZone, __experimentalSpacer as Spacer, __experimentalText as Text, __experimentalVStack as VStack, FormFileUpload, Notice, FlexItem, privateApis as componentsPrivateApis } from '@wordpress/components';
-import { useContext, useState, useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ALLOWED_FILE_EXTENSIONS } from './utils/constants';
-import { FontLibraryContext } from './context';
-import { Font } from '../../../../lib/lib-font.browser';
-import makeFamiliesFromFaces from './utils/make-families-from-faces';
-import { loadFontFaceInBrowser } from './utils';
-import { unlock } from '../../../lock-unlock';
-const {
-  ProgressBar
-} = unlock(componentsPrivateApis);
-function LocalFonts() {
-  const {
-    installFont
-  } = useContext(FontLibraryContext);
-  const [notice, setNotice] = useState(null);
-  const [isUploading, setIsUploading] = useState(false);
-  const supportedFormats = ALLOWED_FILE_EXTENSIONS.slice(0, -1).map(extension => `.${extension}`).join(', ') + ` ${__('and')} .${ALLOWED_FILE_EXTENSIONS.slice(-1)}`;
-  const handleDropZone = files => {
-    handleFilesUpload(files);
-  };
-  const onFilesUpload = event => {
-    handleFilesUpload(event.target.files);
-  };
-
-  // Reset notice after 5 seconds
-  useEffect(() => {
-    if (notice) {
-      const timeout = setTimeout(() => {
-        setNotice(null);
-      }, 5000);
-      return () => clearTimeout(timeout);
-    }
-  }, [notice]);
-
-  /**
-   * Filters the selected files to only allow the ones with the allowed extensions
-   *
-   * @param {Array} files The files to be filtered
-   * @return {void}
-   */
-  const handleFilesUpload = files => {
-    setNotice(null);
-    setIsUploading(true);
-    const uniqueFilenames = new Set();
-    const selectedFiles = [...files];
-    const allowedFiles = selectedFiles.filter(file => {
-      if (uniqueFilenames.has(file.name)) {
-        return false; // Discard duplicates
-      }
-      // Eliminates files that are not allowed
-      const fileExtension = file.name.split('.').pop().toLowerCase();
-      if (ALLOWED_FILE_EXTENSIONS.includes(fileExtension)) {
-        uniqueFilenames.add(file.name);
-        return true; // Keep file if the extension is allowed
-      }
-
-      return false; // Discard file extension not allowed
-    });
-
-    if (allowedFiles.length > 0) {
-      loadFiles(allowedFiles);
-    }
-  };
-
-  /**
-   * Loads the selected files and reads the font metadata
-   *
-   * @param {Array} files The files to be loaded
-   * @return {void}
-   */
-  const loadFiles = async files => {
-    const fontFacesLoaded = await Promise.all(files.map(async fontFile => {
-      const fontFaceData = await getFontFaceMetadata(fontFile);
-      await loadFontFaceInBrowser(fontFaceData, fontFaceData.file, 'all');
-      return fontFaceData;
-    }));
-    await handleInstall(fontFacesLoaded);
-  };
-
-  // Create a function to read the file as array buffer
-  async function readFileAsArrayBuffer(file) {
-    return new Promise((resolve, reject) => {
-      const reader = new window.FileReader();
-      reader.readAsArrayBuffer(file);
-      reader.onload = () => resolve(reader.result);
-      reader.onerror = reject;
-    });
-  }
-  const getFontFaceMetadata = async fontFile => {
-    const buffer = await readFileAsArrayBuffer(fontFile);
-    const fontObj = new Font('Uploaded Font');
-    fontObj.fromDataBuffer(buffer, fontFile.name);
-    // Assuming that fromDataBuffer triggers onload event and returning a Promise
-    const onloadEvent = await new Promise(resolve => fontObj.onload = resolve);
-    const font = onloadEvent.detail.font;
-    const {
-      name
-    } = font.opentype.tables;
-    const fontName = name.get(16) || name.get(1);
-    const isItalic = name.get(2).toLowerCase().includes('italic');
-    const fontWeight = font.opentype.tables['OS/2'].usWeightClass || 'normal';
-    const isVariable = !!font.opentype.tables.fvar;
-    const weightAxis = isVariable && font.opentype.tables.fvar.axes.find(({
-      tag
-    }) => tag === 'wght');
-    const weightRange = weightAxis ? `${weightAxis.minValue} ${weightAxis.maxValue}` : null;
-    return {
-      file: fontFile,
-      fontFamily: fontName,
-      fontStyle: isItalic ? 'italic' : 'normal',
-      fontWeight: weightRange || fontWeight
-    };
-  };
-
-  /**
-   * Creates the font family definition and sends it to the server
-   *
-   * @param {Array} fontFaces The font faces to be installed
-   * @return {void}
-   */
-  const handleInstall = async fontFaces => {
-    const fontFamilies = makeFamiliesFromFaces(fontFaces);
-    if (fontFamilies.length > 1) {
-      setNotice({
-        type: 'error',
-        message: __('Variants from only one font family can be uploaded at a time.')
-      });
-      setIsUploading(false);
-      return;
-    }
-    try {
-      await installFont(fontFamilies[0]);
-      setNotice({
-        type: 'success',
-        message: __('Fonts were installed successfully.')
-      });
-    } catch (error) {
-      setNotice({
-        type: 'error',
-        message: error.message
-      });
-    }
-    setIsUploading(false);
-  };
-  return createElement(Fragment, null, createElement(Spacer, {
-    margin: 16
-  }), createElement(DropZone, {
-    onFilesDrop: handleDropZone
-  }), createElement(VStack, {
-    className: "font-library-modal__local-fonts"
-  }, !isUploading && createElement(FormFileUpload, {
-    accept: ALLOWED_FILE_EXTENSIONS.map(ext => `.${ext}`).join(','),
-    multiple: true,
-    onChange: onFilesUpload,
-    render: ({
-      openFileDialog
-    }) => createElement(Button, {
-      className: "font-library-modal__upload-area",
-      onClick: openFileDialog
-    }, createElement("span", null, __('Upload font')))
-  }), isUploading && createElement(FlexItem, null, createElement("div", {
-    className: "font-library-modal__upload-area"
-  }, createElement(ProgressBar, null))), createElement(Spacer, {
-    margin: 2
-  }), createElement(Text, {
-    className: "font-library-modal__upload-area__text"
-  }, sprintf( /* translators: %s: supported font formats: ex: .ttf, .woff and .woff2 */
-  __('Uploaded fonts appear in your library and can be used in your theme. Supported formats: %s.'), supportedFormats)), !isUploading && notice && createElement(FlexItem, null, createElement(Spacer, {
-    margin: 2
-  }), createElement(Notice, {
-    isDismissible: false,
-    status: notice.type,
-    className: "font-library-modal__upload-area__notice"
-  }, notice.message))));
-}
-export default LocalFonts;
-//# sourceMappingURL=local-fonts.js.map

package/build-module/components/global-styles/font-library-modal/local-fonts.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__","sprintf","Button","DropZone","__experimentalSpacer","Spacer","__experimentalText","Text","__experimentalVStack","VStack","FormFileUpload","Notice","FlexItem","privateApis","componentsPrivateApis","useContext","useState","useEffect","ALLOWED_FILE_EXTENSIONS","FontLibraryContext","Font","makeFamiliesFromFaces","loadFontFaceInBrowser","unlock","ProgressBar","LocalFonts","installFont","notice","setNotice","isUploading","setIsUploading","supportedFormats","slice","map","extension","join","handleDropZone","files","handleFilesUpload","onFilesUpload","event","target","timeout","setTimeout","clearTimeout","uniqueFilenames","Set","selectedFiles","allowedFiles","filter","file","has","name","fileExtension","split","pop","toLowerCase","includes","add","length","loadFiles","fontFacesLoaded","Promise","all","fontFile","fontFaceData","getFontFaceMetadata","handleInstall","readFileAsArrayBuffer","resolve","reject","reader","window","FileReader","readAsArrayBuffer","onload","result","onerror","buffer","fontObj","fromDataBuffer","onloadEvent","font","detail","opentype","tables","fontName","get","isItalic","fontWeight","usWeightClass","isVariable","fvar","weightAxis","axes","find","tag","weightRange","minValue","maxValue","fontFamily","fontStyle","fontFaces","fontFamilies","type","message","error","createElement","Fragment","margin","onFilesDrop","className","accept","ext","multiple","onChange","render","openFileDialog","onClick","isDismissible","status"],"sources":["@wordpress/edit-site/src/components/global-styles/font-library-modal/local-fonts.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tButton,\n\tDropZone,\n\t__experimentalSpacer as Spacer,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\tFormFileUpload,\n\tNotice,\n\tFlexItem,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport { useContext, useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ALLOWED_FILE_EXTENSIONS } from './utils/constants';\nimport { FontLibraryContext } from './context';\nimport { Font } from '../../../../lib/lib-font.browser';\nimport makeFamiliesFromFaces from './utils/make-families-from-faces';\nimport { loadFontFaceInBrowser } from './utils';\nimport { unlock } from '../../../lock-unlock';\n\nconst { ProgressBar } = unlock( componentsPrivateApis );\n\nfunction LocalFonts() {\n\tconst { installFont } = useContext( FontLibraryContext );\n\tconst [ notice, setNotice ] = useState( null );\n\tconst [ isUploading, setIsUploading ] = useState( false );\n\tconst supportedFormats =\n\t\tALLOWED_FILE_EXTENSIONS.slice( 0, -1 )\n\t\t\t.map( ( extension ) => `.${ extension }` )\n\t\t\t.join( ', ' ) +\n\t\t` ${ __( 'and' ) } .${ ALLOWED_FILE_EXTENSIONS.slice( -1 ) }`;\n\n\tconst handleDropZone = ( files ) => {\n\t\thandleFilesUpload( files );\n\t};\n\tconst onFilesUpload = ( event ) => {\n\t\thandleFilesUpload( event.target.files );\n\t};\n\n\t// Reset notice after 5 seconds\n\tuseEffect( () => {\n\t\tif ( notice ) {\n\t\t\tconst timeout = setTimeout( () => {\n\t\t\t\tsetNotice( null );\n\t\t\t}, 5000 );\n\t\t\treturn () => clearTimeout( timeout );\n\t\t}\n\t}, [ notice ] );\n\n\t/**\n\t * Filters the selected files to only allow the ones with the allowed extensions\n\t *\n\t * @param {Array} files The files to be filtered\n\t * @return {void}\n\t */\n\tconst handleFilesUpload = ( files ) => {\n\t\tsetNotice( null );\n\t\tsetIsUploading( true );\n\t\tconst uniqueFilenames = new Set();\n\t\tconst selectedFiles = [ ...files ];\n\t\tconst allowedFiles = selectedFiles.filter( ( file ) => {\n\t\t\tif ( uniqueFilenames.has( file.name ) ) {\n\t\t\t\treturn false; // Discard duplicates\n\t\t\t}\n\t\t\t// Eliminates files that are not allowed\n\t\t\tconst fileExtension = file.name.split( '.' ).pop().toLowerCase();\n\t\t\tif ( ALLOWED_FILE_EXTENSIONS.includes( fileExtension ) ) {\n\t\t\t\tuniqueFilenames.add( file.name );\n\t\t\t\treturn true; // Keep file if the extension is allowed\n\t\t\t}\n\t\t\treturn false; // Discard file extension not allowed\n\t\t} );\n\t\tif ( allowedFiles.length > 0 ) {\n\t\t\tloadFiles( allowedFiles );\n\t\t}\n\t};\n\n\t/**\n\t * Loads the selected files and reads the font metadata\n\t *\n\t * @param {Array} files The files to be loaded\n\t * @return {void}\n\t */\n\tconst loadFiles = async ( files ) => {\n\t\tconst fontFacesLoaded = await Promise.all(\n\t\t\tfiles.map( async ( fontFile ) => {\n\t\t\t\tconst fontFaceData = await getFontFaceMetadata( fontFile );\n\t\t\t\tawait loadFontFaceInBrowser(\n\t\t\t\t\tfontFaceData,\n\t\t\t\t\tfontFaceData.file,\n\t\t\t\t\t'all'\n\t\t\t\t);\n\t\t\t\treturn fontFaceData;\n\t\t\t} )\n\t\t);\n\t\tawait handleInstall( fontFacesLoaded );\n\t};\n\n\t// Create a function to read the file as array buffer\n\tasync function readFileAsArrayBuffer( file ) {\n\t\treturn new Promise( ( resolve, reject ) => {\n\t\t\tconst reader = new window.FileReader();\n\t\t\treader.readAsArrayBuffer( file );\n\t\t\treader.onload = () => resolve( reader.result );\n\t\t\treader.onerror = reject;\n\t\t} );\n\t}\n\n\tconst getFontFaceMetadata = async ( fontFile ) => {\n\t\tconst buffer = await readFileAsArrayBuffer( fontFile );\n\t\tconst fontObj = new Font( 'Uploaded Font' );\n\t\tfontObj.fromDataBuffer( buffer, fontFile.name );\n\t\t// Assuming that fromDataBuffer triggers onload event and returning a Promise\n\t\tconst onloadEvent = await new Promise(\n\t\t\t( resolve ) => ( fontObj.onload = resolve )\n\t\t);\n\t\tconst font = onloadEvent.detail.font;\n\t\tconst { name } = font.opentype.tables;\n\t\tconst fontName = name.get( 16 ) || name.get( 1 );\n\t\tconst isItalic = name.get( 2 ).toLowerCase().includes( 'italic' );\n\t\tconst fontWeight =\n\t\t\tfont.opentype.tables[ 'OS/2' ].usWeightClass || 'normal';\n\t\tconst isVariable = !! font.opentype.tables.fvar;\n\t\tconst weightAxis =\n\t\t\tisVariable &&\n\t\t\tfont.opentype.tables.fvar.axes.find(\n\t\t\t\t( { tag } ) => tag === 'wght'\n\t\t\t);\n\t\tconst weightRange = weightAxis\n\t\t\t? `${ weightAxis.minValue } ${ weightAxis.maxValue }`\n\t\t\t: null;\n\t\treturn {\n\t\t\tfile: fontFile,\n\t\t\tfontFamily: fontName,\n\t\t\tfontStyle: isItalic ? 'italic' : 'normal',\n\t\t\tfontWeight: weightRange || fontWeight,\n\t\t};\n\t};\n\n\t/**\n\t * Creates the font family definition and sends it to the server\n\t *\n\t * @param {Array} fontFaces The font faces to be installed\n\t * @return {void}\n\t */\n\tconst handleInstall = async ( fontFaces ) => {\n\t\tconst fontFamilies = makeFamiliesFromFaces( fontFaces );\n\n\t\tif ( fontFamilies.length > 1 ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: __(\n\t\t\t\t\t'Variants from only one font family can be uploaded at a time.'\n\t\t\t\t),\n\t\t\t} );\n\t\t\tsetIsUploading( false );\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait installFont( fontFamilies[ 0 ] );\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'success',\n\t\t\t\tmessage: __( 'Fonts were installed successfully.' ),\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tsetNotice( {\n\t\t\t\ttype: 'error',\n\t\t\t\tmessage: error.message,\n\t\t\t} );\n\t\t}\n\n\t\tsetIsUploading( false );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Spacer margin={ 16 } />\n\t\t\t<DropZone onFilesDrop={ handleDropZone } />\n\t\t\t<VStack className=\"font-library-modal__local-fonts\">\n\t\t\t\t{ ! isUploading && (\n\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\taccept={ ALLOWED_FILE_EXTENSIONS.map(\n\t\t\t\t\t\t\t( ext ) => `.${ ext }`\n\t\t\t\t\t\t).join( ',' ) }\n\t\t\t\t\t\tmultiple={ true }\n\t\t\t\t\t\tonChange={ onFilesUpload }\n\t\t\t\t\t\trender={ ( { openFileDialog } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tclassName=\"font-library-modal__upload-area\"\n\t\t\t\t\t\t\t\tonClick={ openFileDialog }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span>{ __( 'Upload font' ) }</span>\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploading && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<div className=\"font-library-modal__upload-area\">\n\t\t\t\t\t\t\t<ProgressBar />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t<Text className=\"font-library-modal__upload-area__text\">\n\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t/* translators: %s: supported font formats: ex: .ttf, .woff and .woff2 */\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Uploaded fonts appear in your library and can be used in your theme. Supported formats: %s.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\tsupportedFormats\n\t\t\t\t\t) }\n\t\t\t\t</Text>\n\t\t\t\t{ ! isUploading && notice && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<Spacer margin={ 2 } />\n\t\t\t\t\t\t<Notice\n\t\t\t\t\t\t\tisDismissible={ false }\n\t\t\t\t\t\t\tstatus={ notice.type }\n\t\t\t\t\t\t\tclassName=\"font-library-modal__upload-area__notice\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ notice.message }\n\t\t\t\t\t\t</Notice>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</VStack>\n\t\t</>\n\t);\n}\n\nexport default LocalFonts;\n"],"mappings":"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"}

package/src/components/block-editor/back-button.js

@@ -1,48 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { arrowLeft } from '@wordpress/icons';
-import { __ } from '@wordpress/i18n';
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import {
-	TEMPLATE_PART_POST_TYPE,
-	NAVIGATION_POST_TYPE,
-	PATTERN_TYPES,
-} from '../../utils/constants';
-import { unlock } from '../../lock-unlock';
-
-const { useLocation, useHistory } = unlock( routerPrivateApis );
-
-function BackButton() {
-	const location = useLocation();
-	const history = useHistory();
-	const isTemplatePart = location.params.postType === TEMPLATE_PART_POST_TYPE;
-	const isNavigationMenu = location.params.postType === NAVIGATION_POST_TYPE;
-	const isPattern = location.params.postType === PATTERN_TYPES.user;
-	const previousTemplateId = location.state?.fromTemplateId;
-
-	const isFocusMode = isTemplatePart || isNavigationMenu || isPattern;
-
-	if ( ! isFocusMode || ( ! previousTemplateId && ! isPattern ) ) {
-		return null;
-	}
-
-	return (
-		<Button
-			className="edit-site-visual-editor__back-button"
-			icon={ arrowLeft }
-			onClick={ () => {
-				history.back();
-			} }
-		>
-			{ __( 'Back' ) }
-		</Button>
-	);
-}
-
-export default BackButton;

package/src/components/block-editor/use-post-link-props.js

@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { privateApis as routerPrivateApis } from '@wordpress/router';
-
-/**
- * Internal dependencies
- */
-import { unlock } from '../../lock-unlock';
-import { getPostLinkProps } from '../routes/link';
-
-const { useHistory } = unlock( routerPrivateApis );
-
-export function usePostLinkProps() {
-	const history = useHistory();
-
-	return ( params, state ) => {
-		return getPostLinkProps( history, params, state );
-	};
-}

package/src/components/global-styles/font-library-modal/font-variant.js

@@ -1,53 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	__experimentalText as Text,
-	__experimentalVStack as VStack,
-	__experimentalHStack as HStack,
-	CheckboxControl,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import FontFaceDemo from './font-demo';
-
-function FontVariant( {
-	fontFace,
-	variantName,
-	checked,
-	onClick,
-	text,
-	actionHandler,
-} ) {
-	const { fontStyle, fontWeight } = fontFace;
-	const displayVariantName = variantName || `${ fontWeight } ${ fontStyle }`;
-
-	return (
-		<div className="font-library-modal__font-variant">
-			<VStack spacing={ 1 }>
-				<HStack justify="flex-start" alignment="top">
-					{ !! actionHandler ? (
-						actionHandler
-					) : (
-						<CheckboxControl
-							checked={ checked }
-							onChange={ onClick }
-						/>
-					) }
-					{ typeof displayVariantName === 'string' ? (
-						<Text>{ displayVariantName }</Text>
-					) : (
-						displayVariantName
-					) }
-				</HStack>
-				<div className="font-library-modal__font-variant_demo-wrapper">
-					<FontFaceDemo fontFace={ fontFace } text={ text } />
-				</div>
-			</VStack>
-		</div>
-	);
-}
-
-export default FontVariant;

package/src/components/global-styles/font-library-modal/local-fonts.js

@@ -1,239 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __, sprintf } from '@wordpress/i18n';
-import {
-	Button,
-	DropZone,
-	__experimentalSpacer as Spacer,
-	__experimentalText as Text,
-	__experimentalVStack as VStack,
-	FormFileUpload,
-	Notice,
-	FlexItem,
-	privateApis as componentsPrivateApis,
-} from '@wordpress/components';
-import { useContext, useState, useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ALLOWED_FILE_EXTENSIONS } from './utils/constants';
-import { FontLibraryContext } from './context';
-import { Font } from '../../../../lib/lib-font.browser';
-import makeFamiliesFromFaces from './utils/make-families-from-faces';
-import { loadFontFaceInBrowser } from './utils';
-import { unlock } from '../../../lock-unlock';
-
-const { ProgressBar } = unlock( componentsPrivateApis );
-
-function LocalFonts() {
-	const { installFont } = useContext( FontLibraryContext );
-	const [ notice, setNotice ] = useState( null );
-	const [ isUploading, setIsUploading ] = useState( false );
-	const supportedFormats =
-		ALLOWED_FILE_EXTENSIONS.slice( 0, -1 )
-			.map( ( extension ) => `.${ extension }` )
-			.join( ', ' ) +
-		` ${ __( 'and' ) } .${ ALLOWED_FILE_EXTENSIONS.slice( -1 ) }`;
-
-	const handleDropZone = ( files ) => {
-		handleFilesUpload( files );
-	};
-	const onFilesUpload = ( event ) => {
-		handleFilesUpload( event.target.files );
-	};
-
-	// Reset notice after 5 seconds
-	useEffect( () => {
-		if ( notice ) {
-			const timeout = setTimeout( () => {
-				setNotice( null );
-			}, 5000 );
-			return () => clearTimeout( timeout );
-		}
-	}, [ notice ] );
-
-	/**
-	 * Filters the selected files to only allow the ones with the allowed extensions
-	 *
-	 * @param {Array} files The files to be filtered
-	 * @return {void}
-	 */
-	const handleFilesUpload = ( files ) => {
-		setNotice( null );
-		setIsUploading( true );
-		const uniqueFilenames = new Set();
-		const selectedFiles = [ ...files ];
-		const allowedFiles = selectedFiles.filter( ( file ) => {
-			if ( uniqueFilenames.has( file.name ) ) {
-				return false; // Discard duplicates
-			}
-			// Eliminates files that are not allowed
-			const fileExtension = file.name.split( '.' ).pop().toLowerCase();
-			if ( ALLOWED_FILE_EXTENSIONS.includes( fileExtension ) ) {
-				uniqueFilenames.add( file.name );
-				return true; // Keep file if the extension is allowed
-			}
-			return false; // Discard file extension not allowed
-		} );
-		if ( allowedFiles.length > 0 ) {
-			loadFiles( allowedFiles );
-		}
-	};
-
-	/**
-	 * Loads the selected files and reads the font metadata
-	 *
-	 * @param {Array} files The files to be loaded
-	 * @return {void}
-	 */
-	const loadFiles = async ( files ) => {
-		const fontFacesLoaded = await Promise.all(
-			files.map( async ( fontFile ) => {
-				const fontFaceData = await getFontFaceMetadata( fontFile );
-				await loadFontFaceInBrowser(
-					fontFaceData,
-					fontFaceData.file,
-					'all'
-				);
-				return fontFaceData;
-			} )
-		);
-		await handleInstall( fontFacesLoaded );
-	};
-
-	// Create a function to read the file as array buffer
-	async function readFileAsArrayBuffer( file ) {
-		return new Promise( ( resolve, reject ) => {
-			const reader = new window.FileReader();
-			reader.readAsArrayBuffer( file );
-			reader.onload = () => resolve( reader.result );
-			reader.onerror = reject;
-		} );
-	}
-
-	const getFontFaceMetadata = async ( fontFile ) => {
-		const buffer = await readFileAsArrayBuffer( fontFile );
-		const fontObj = new Font( 'Uploaded Font' );
-		fontObj.fromDataBuffer( buffer, fontFile.name );
-		// Assuming that fromDataBuffer triggers onload event and returning a Promise
-		const onloadEvent = await new Promise(
-			( resolve ) => ( fontObj.onload = resolve )
-		);
-		const font = onloadEvent.detail.font;
-		const { name } = font.opentype.tables;
-		const fontName = name.get( 16 ) || name.get( 1 );
-		const isItalic = name.get( 2 ).toLowerCase().includes( 'italic' );
-		const fontWeight =
-			font.opentype.tables[ 'OS/2' ].usWeightClass || 'normal';
-		const isVariable = !! font.opentype.tables.fvar;
-		const weightAxis =
-			isVariable &&
-			font.opentype.tables.fvar.axes.find(
-				( { tag } ) => tag === 'wght'
-			);
-		const weightRange = weightAxis
-			? `${ weightAxis.minValue } ${ weightAxis.maxValue }`
-			: null;
-		return {
-			file: fontFile,
-			fontFamily: fontName,
-			fontStyle: isItalic ? 'italic' : 'normal',
-			fontWeight: weightRange || fontWeight,
-		};
-	};
-
-	/**
-	 * Creates the font family definition and sends it to the server
-	 *
-	 * @param {Array} fontFaces The font faces to be installed
-	 * @return {void}
-	 */
-	const handleInstall = async ( fontFaces ) => {
-		const fontFamilies = makeFamiliesFromFaces( fontFaces );
-
-		if ( fontFamilies.length > 1 ) {
-			setNotice( {
-				type: 'error',
-				message: __(
-					'Variants from only one font family can be uploaded at a time.'
-				),
-			} );
-			setIsUploading( false );
-			return;
-		}
-
-		try {
-			await installFont( fontFamilies[ 0 ] );
-			setNotice( {
-				type: 'success',
-				message: __( 'Fonts were installed successfully.' ),
-			} );
-		} catch ( error ) {
-			setNotice( {
-				type: 'error',
-				message: error.message,
-			} );
-		}
-
-		setIsUploading( false );
-	};
-
-	return (
-		<>
-			<Spacer margin={ 16 } />
-			<DropZone onFilesDrop={ handleDropZone } />
-			<VStack className="font-library-modal__local-fonts">
-				{ ! isUploading && (
-					<FormFileUpload
-						accept={ ALLOWED_FILE_EXTENSIONS.map(
-							( ext ) => `.${ ext }`
-						).join( ',' ) }
-						multiple={ true }
-						onChange={ onFilesUpload }
-						render={ ( { openFileDialog } ) => (
-							<Button
-								className="font-library-modal__upload-area"
-								onClick={ openFileDialog }
-							>
-								<span>{ __( 'Upload font' ) }</span>
-							</Button>
-						) }
-					/>
-				) }
-				{ isUploading && (
-					<FlexItem>
-						<div className="font-library-modal__upload-area">
-							<ProgressBar />
-						</div>
-					</FlexItem>
-				) }
-				<Spacer margin={ 2 } />
-				<Text className="font-library-modal__upload-area__text">
-					{ sprintf(
-						/* translators: %s: supported font formats: ex: .ttf, .woff and .woff2 */
-						__(
-							'Uploaded fonts appear in your library and can be used in your theme. Supported formats: %s.'
-						),
-						supportedFormats
-					) }
-				</Text>
-				{ ! isUploading && notice && (
-					<FlexItem>
-						<Spacer margin={ 2 } />
-						<Notice
-							isDismissible={ false }
-							status={ notice.type }
-							className="font-library-modal__upload-area__notice"
-						>
-							{ notice.message }
-						</Notice>
-					</FlexItem>
-				) }
-			</VStack>
-		</>
-	);
-}
-
-export default LocalFonts;