Bring in changes from #47492

packages/i18n-utils/src/index.ts

@@ -1,2 +1,2 @@
-export { localizeUrl } from './localize-url';
+export { localizeUrl, useLocalizeUrl } from './localize-url';
 export { LocaleProvider, useLocale, withLocale } from './locale-context';

packages/i18n-utils/src/localize-url.ts

@@ -1,8 +1,7 @@
 /**
  * Internal dependencies
  */
-import { getLocaleSlug } from 'i18n-calypso';
-
+import { useLocale } from './locale-context';
 import {
 	localesWithBlog,
 	localesWithPrivacyPolicy,
@@ -86,10 +85,7 @@ const urlLocalizationMapping: UrlLocalizationMapping = {
 	'wordpress.com': setLocalizedUrlHost( 'wordpress.com', magnificentNonEnLocales ),
 };
 
-export function localizeUrl( fullUrl: string, toLocale?: Locale ): string {
-	const locale =
-		toLocale || ( typeof getLocaleSlug === 'function' ? getLocaleSlug() || 'en' : 'en' );
-
+export function localizeUrl( fullUrl: string, locale: Locale ): string {
 	const url = new URL( String( fullUrl ), INVALID_URL );
 
 	// Ignore and passthrough /relative/urls that have no host specified
@@ -132,3 +128,14 @@ export function localizeUrl( fullUrl: string, toLocale?: Locale ): string {
 	// Nothing needed to be changed, just return it unmodified.
 	return fullUrl;
 }
+
+export function useLocalizeUrl(): ( fullUrl: string, locale?: Locale ) => string {
+	const providerLocale = useLocale();
+
+	return ( fullUrl: string, locale?: Locale ) => {
+		if ( locale ) {
+			return localizeUrl( fullUrl, locale );
+		}
+		return localizeUrl( fullUrl, providerLocale );
+	};
+}