react-intl 6.8.8 → 7.0.0

package/README.md

@@ -1,3 +1,3 @@
 # React Intl
 
-We've migrated the docs to https://formatjs.io/docs/getting-started/installation.
+We've migrated the docs to https://formatjs.github.io/docs/getting-started/installation.

package/index.d.ts

@@ -1,19 +1,17 @@
-import * as React from 'react';
-import { MessageDescriptor, CustomFormatConfig, FormatDateOptions } from '@formatjs/intl';
-import { IntlListFormatOptions } from '@formatjs/intl-listformat';
-import { DisplayNamesOptions } from '@formatjs/intl-displaynames';
 import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
-import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
-import useIntl from './src/components/useIntl';
-import IntlProvider from './src/components/provider';
+import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
+import * as React from 'react';
 import { createIntl } from './src/components/createIntl';
-import FormattedRelativeTime from './src/components/relative';
-import FormattedPlural from './src/components/plural';
-import FormattedMessage from './src/components/message';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, WithIntlProps, WrappedComponentProps, createIntl, injectIntl, useIntl, };
-export { IntlConfig, ResolvedIntlConfig, IntlShape } from './src/types';
-export { createIntlCache, MessageDescriptor, IntlCache, Formatters, IntlFormatters, FormatDisplayNameOptions, FormatListOptions, FormatPluralOptions, FormatRelativeTimeOptions, FormatNumberOptions, FormatDateOptions, CustomFormatConfig, CustomFormats, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, CustomFormatConfig, CustomFormats, FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions, FormatPluralOptions, FormatRelativeTimeOptions, Formatters, IntlCache, IntlFormatters, InvalidConfigError, MessageDescriptor, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { IntlConfig, IntlShape, ResolvedIntlConfig } from './src/types';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, WithIntlProps, WrappedComponentProps, };
 export declare function defineMessages<K extends keyof any, T = MessageDescriptor, U extends Record<K, T> = Record<K, T>>(msgs: U): U;
 export declare function defineMessage<T extends MessageDescriptor>(msg: T): T;
 export declare const FormattedDate: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
@@ -28,11 +26,11 @@ export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'locale
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
+export declare const FormattedList: React.FC<Intl.ListFormatOptions & {
     value: readonly React.ReactNode[];
 }>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
+export declare const FormattedDisplayName: React.FC<Intl.DisplayNamesOptions & {
+    value: string;
 }>;
 export declare const FormattedDateParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
@@ -42,6 +40,6 @@ export declare const FormattedTimeParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
 export type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
 export type { PrimitiveType } from 'intl-messageformat';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

package/index.js

@@ -1,37 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormattedListParts = exports.FormattedNumberParts = exports.FormattedTimeParts = exports.FormattedDateParts = exports.FormattedDisplayName = exports.FormattedList = exports.FormattedNumber = exports.FormattedTime = exports.FormattedDate = exports.ReactIntlError = exports.ReactIntlErrorCode = exports.MissingTranslationError = exports.MessageFormatError = exports.MissingDataError = exports.InvalidConfigError = exports.UnsupportedFormatterError = exports.createIntlCache = exports.useIntl = exports.injectIntl = exports.createIntl = exports.RawIntlProvider = exports.IntlProvider = exports.IntlContext = exports.FormattedRelativeTime = exports.FormattedPlural = exports.FormattedMessage = exports.FormattedDateTimeRange = void 0;
+exports.FormattedNumberParts = exports.FormattedListParts = exports.FormattedTimeParts = exports.FormattedDateParts = exports.FormattedDisplayName = exports.FormattedList = exports.FormattedNumber = exports.FormattedTime = exports.FormattedDate = exports.useIntl = exports.RawIntlProvider = exports.IntlProvider = exports.IntlContext = exports.injectIntl = exports.FormattedRelativeTime = exports.FormattedPlural = exports.FormattedMessage = exports.FormattedDateTimeRange = exports.createIntl = exports.UnsupportedFormatterError = exports.ReactIntlErrorCode = exports.ReactIntlError = exports.MissingTranslationError = exports.MissingDataError = exports.MessageFormatError = exports.InvalidConfigError = exports.createIntlCache = void 0;
 exports.defineMessages = defineMessages;
 exports.defineMessage = defineMessage;
 var tslib_1 = require("tslib");
 var createFormattedComponent_1 = require("./src/components/createFormattedComponent");
+var createIntl_1 = require("./src/components/createIntl");
+Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return createIntl_1.createIntl; } });
+var dateTimeRange_1 = tslib_1.__importDefault(require("./src/components/dateTimeRange"));
+exports.FormattedDateTimeRange = dateTimeRange_1.default;
 var injectIntl_1 = tslib_1.__importStar(require("./src/components/injectIntl"));
 exports.injectIntl = injectIntl_1.default;
-Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: function () { return injectIntl_1.Provider; } });
 Object.defineProperty(exports, "IntlContext", { enumerable: true, get: function () { return injectIntl_1.Context; } });
-var useIntl_1 = tslib_1.__importDefault(require("./src/components/useIntl"));
-exports.useIntl = useIntl_1.default;
+Object.defineProperty(exports, "RawIntlProvider", { enumerable: true, get: function () { return injectIntl_1.Provider; } });
+var message_1 = tslib_1.__importDefault(require("./src/components/message"));
+exports.FormattedMessage = message_1.default;
+var plural_1 = tslib_1.__importDefault(require("./src/components/plural"));
+exports.FormattedPlural = plural_1.default;
 var provider_1 = tslib_1.__importDefault(require("./src/components/provider"));
 exports.IntlProvider = provider_1.default;
-var createIntl_1 = require("./src/components/createIntl");
-Object.defineProperty(exports, "createIntl", { enumerable: true, get: function () { return createIntl_1.createIntl; } });
 var relative_1 = tslib_1.__importDefault(require("./src/components/relative"));
 exports.FormattedRelativeTime = relative_1.default;
-var plural_1 = tslib_1.__importDefault(require("./src/components/plural"));
-exports.FormattedPlural = plural_1.default;
-var message_1 = tslib_1.__importDefault(require("./src/components/message"));
-exports.FormattedMessage = message_1.default;
-var dateTimeRange_1 = tslib_1.__importDefault(require("./src/components/dateTimeRange"));
-exports.FormattedDateTimeRange = dateTimeRange_1.default;
+var useIntl_1 = tslib_1.__importDefault(require("./src/components/useIntl"));
+exports.useIntl = useIntl_1.default;
 var intl_1 = require("@formatjs/intl");
 Object.defineProperty(exports, "createIntlCache", { enumerable: true, get: function () { return intl_1.createIntlCache; } });
-Object.defineProperty(exports, "UnsupportedFormatterError", { enumerable: true, get: function () { return intl_1.UnsupportedFormatterError; } });
 Object.defineProperty(exports, "InvalidConfigError", { enumerable: true, get: function () { return intl_1.InvalidConfigError; } });
-Object.defineProperty(exports, "MissingDataError", { enumerable: true, get: function () { return intl_1.MissingDataError; } });
 Object.defineProperty(exports, "MessageFormatError", { enumerable: true, get: function () { return intl_1.MessageFormatError; } });
+Object.defineProperty(exports, "MissingDataError", { enumerable: true, get: function () { return intl_1.MissingDataError; } });
 Object.defineProperty(exports, "MissingTranslationError", { enumerable: true, get: function () { return intl_1.MissingTranslationError; } });
-Object.defineProperty(exports, "ReactIntlErrorCode", { enumerable: true, get: function () { return intl_1.IntlErrorCode; } });
 Object.defineProperty(exports, "ReactIntlError", { enumerable: true, get: function () { return intl_1.IntlError; } });
+Object.defineProperty(exports, "ReactIntlErrorCode", { enumerable: true, get: function () { return intl_1.IntlErrorCode; } });
+Object.defineProperty(exports, "UnsupportedFormatterError", { enumerable: true, get: function () { return intl_1.UnsupportedFormatterError; } });
 function defineMessages(msgs) {
     return msgs;
 }
@@ -47,6 +47,5 @@ exports.FormattedDisplayName = (0, createFormattedComponent_1.createFormattedCom
 exports.FormattedDateParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatDate');
 exports.FormattedTimeParts = (0, createFormattedComponent_1.createFormattedDateTimePartsComponent)('formatTime');
 var createFormattedComponent_2 = require("./src/components/createFormattedComponent");
-Object.defineProperty(exports, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });
 Object.defineProperty(exports, "FormattedListParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedListParts; } });
-//# sourceMappingURL=index.js.map
+Object.defineProperty(exports, "FormattedNumberParts", { enumerable: true, get: function () { return createFormattedComponent_2.FormattedNumberParts; } });

package/lib/index.d.ts

@@ -1,19 +1,17 @@
-import * as React from 'react';
-import { MessageDescriptor, CustomFormatConfig, FormatDateOptions } from '@formatjs/intl';
-import { IntlListFormatOptions } from '@formatjs/intl-listformat';
-import { DisplayNamesOptions } from '@formatjs/intl-displaynames';
 import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
-import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
-import useIntl from './src/components/useIntl';
-import IntlProvider from './src/components/provider';
+import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
+import * as React from 'react';
 import { createIntl } from './src/components/createIntl';
-import FormattedRelativeTime from './src/components/relative';
-import FormattedPlural from './src/components/plural';
-import FormattedMessage from './src/components/message';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, WithIntlProps, WrappedComponentProps, createIntl, injectIntl, useIntl, };
-export { IntlConfig, ResolvedIntlConfig, IntlShape } from './src/types';
-export { createIntlCache, MessageDescriptor, IntlCache, Formatters, IntlFormatters, FormatDisplayNameOptions, FormatListOptions, FormatPluralOptions, FormatRelativeTimeOptions, FormatNumberOptions, FormatDateOptions, CustomFormatConfig, CustomFormats, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, WithIntlProps, WrappedComponentProps } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, CustomFormatConfig, CustomFormats, FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions, FormatPluralOptions, FormatRelativeTimeOptions, Formatters, IntlCache, IntlFormatters, InvalidConfigError, MessageDescriptor, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { IntlConfig, IntlShape, ResolvedIntlConfig } from './src/types';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, WithIntlProps, WrappedComponentProps, };
 export declare function defineMessages<K extends keyof any, T = MessageDescriptor, U extends Record<K, T> = Record<K, T>>(msgs: U): U;
 export declare function defineMessage<T extends MessageDescriptor>(msg: T): T;
 export declare const FormattedDate: React.FC<Intl.DateTimeFormatOptions & CustomFormatConfig & {
@@ -28,11 +26,11 @@ export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'locale
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;
-export declare const FormattedList: React.FC<IntlListFormatOptions & {
+export declare const FormattedList: React.FC<Intl.ListFormatOptions & {
     value: readonly React.ReactNode[];
 }>;
-export declare const FormattedDisplayName: React.FC<DisplayNamesOptions & {
-    value: string | number | Record<string, unknown>;
+export declare const FormattedDisplayName: React.FC<Intl.DisplayNamesOptions & {
+    value: string;
 }>;
 export declare const FormattedDateParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
@@ -42,6 +40,6 @@ export declare const FormattedTimeParts: React.FC<FormatDateOptions & {
     value: Parameters<Intl.DateTimeFormat['format']>[0] | string;
     children(val: Intl.DateTimeFormatPart[]): React.ReactElement | null;
 }>;
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
 export type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';
 export type { PrimitiveType } from 'intl-messageformat';
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

package/lib/index.js

@@ -1,14 +1,14 @@
 import { createFormattedComponent, createFormattedDateTimePartsComponent, } from './src/components/createFormattedComponent';
-import injectIntl, { Provider as RawIntlProvider, Context as IntlContext, } from './src/components/injectIntl';
-import useIntl from './src/components/useIntl';
-import IntlProvider from './src/components/provider';
 import { createIntl } from './src/components/createIntl';
-import FormattedRelativeTime from './src/components/relative';
-import FormattedPlural from './src/components/plural';
-import FormattedMessage from './src/components/message';
 import FormattedDateTimeRange from './src/components/dateTimeRange';
-export { FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, createIntl, injectIntl, useIntl, };
-export { createIntlCache, UnsupportedFormatterError, InvalidConfigError, MissingDataError, MessageFormatError, MissingTranslationError, IntlErrorCode as ReactIntlErrorCode, IntlError as ReactIntlError, } from '@formatjs/intl';
+import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, } from './src/components/injectIntl';
+import FormattedMessage from './src/components/message';
+import FormattedPlural from './src/components/plural';
+import IntlProvider from './src/components/provider';
+import FormattedRelativeTime from './src/components/relative';
+import useIntl from './src/components/useIntl';
+export { createIntlCache, InvalidConfigError, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError, } from '@formatjs/intl';
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, };
 export function defineMessages(msgs) {
     return msgs;
 }
@@ -23,5 +23,4 @@ export var FormattedList = createFormattedComponent('formatList');
 export var FormattedDisplayName = createFormattedComponent('formatDisplayName');
 export var FormattedDateParts = createFormattedDateTimePartsComponent('formatDate');
 export var FormattedTimeParts = createFormattedDateTimePartsComponent('formatTime');
-export { FormattedNumberParts, FormattedListParts, } from './src/components/createFormattedComponent';
-//# sourceMappingURL=index.js.map
+export { FormattedListParts, FormattedNumberParts, } from './src/components/createFormattedComponent';

package/lib/src/components/createFormattedComponent.d.ts

@@ -1,7 +1,6 @@
+import { FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions } from '@formatjs/intl';
 import * as React from 'react';
-import { FormatDateOptions, FormatNumberOptions, FormatListOptions, FormatDisplayNameOptions } from '@formatjs/intl';
 import { IntlShape } from '../types';
-import { Part } from '@formatjs/intl-listformat';
 type Formatter = {
     formatDate: FormatDateOptions;
     formatTime: FormatDateOptions;
@@ -15,7 +14,7 @@ export declare const FormattedNumberParts: React.FC<Formatter['formatNumber'] &
 }>;
 export declare const FormattedListParts: React.FC<Formatter['formatList'] & {
     value: Parameters<IntlShape['formatList']>[0];
-    children(val: Part[]): React.ReactElement | null;
+    children(val: ReturnType<Intl.ListFormat['formatToParts']>): React.ReactElement | null;
 }>;
 export declare function createFormattedDateTimePartsComponent<Name extends 'formatDate' | 'formatTime'>(name: Name): React.FC<Formatter[Name] & {
     value: Parameters<IntlShape[Name]>[0];

package/lib/src/components/createFormattedComponent.js

@@ -60,4 +60,3 @@ export function createFormattedComponent(name) {
     Component.displayName = DisplayName[name];
     return Component;
 }
-//# sourceMappingURL=createFormattedComponent.js.map

package/lib/src/components/createIntl.js

@@ -61,4 +61,3 @@ export var createIntl = function (_a, cache) {
         // @ts-expect-error fix this
         $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };
-//# sourceMappingURL=createIntl.js.map

package/lib/src/components/dateTimeRange.js

@@ -13,4 +13,3 @@ var FormattedDateTimeRange = function (props) {
 };
 FormattedDateTimeRange.displayName = 'FormattedDateTimeRange';
 export default FormattedDateTimeRange;
-//# sourceMappingURL=dateTimeRange.js.map

package/lib/src/components/injectIntl.js

@@ -33,4 +33,3 @@ export default function injectIntl(WrappedComponent, options) {
     }
     return hoistNonReactStatics(WithIntl, WrappedComponent);
 }
-//# sourceMappingURL=injectIntl.js.map

package/lib/src/components/message.js

@@ -33,4 +33,3 @@ FormattedMessage.displayName = 'FormattedMessage';
 var MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);
 MemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';
 export default MemoizedFormattedMessage;
-//# sourceMappingURL=message.js.map

package/lib/src/components/plural.js

@@ -21,4 +21,3 @@ var FormattedPlural = function (props) {
 };
 FormattedPlural.displayName = 'FormattedPlural';
 export default FormattedPlural;
-//# sourceMappingURL=plural.js.map

package/lib/src/components/provider.d.ts

@@ -19,7 +19,7 @@ interface State {
 }
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "onError" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

package/lib/src/components/provider.js

@@ -57,4 +57,3 @@ var IntlProvider = /** @class */ (function (_super) {
     return IntlProvider;
 }(React.PureComponent));
 export default IntlProvider;
-//# sourceMappingURL=provider.js.map

package/lib/src/components/relative.js

@@ -123,4 +123,3 @@ var FormattedRelativeTime = function (_a) {
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
 export default FormattedRelativeTime;
-//# sourceMappingURL=relative.js.map

package/lib/src/components/useIntl.js

@@ -6,4 +6,3 @@ export default function useIntl() {
     invariantIntlContext(intl);
     return intl;
 }
-//# sourceMappingURL=useIntl.js.map

package/lib/src/types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=types.js.map

package/lib/src/utils.js

@@ -41,4 +41,3 @@ export function shallowEqual(objA, objB) {
     }
     return true;
 }
-//# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intl",
-  "version": "6.8.8",
+  "version": "7.0.0",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
   "keywords": [
     "intl",
@@ -115,7 +115,7 @@
     "zouxuoz <zouxuoz@gmail.com>"
   ],
   "license": "BSD-3-Clause",
-  "homepage": "https://formatjs.io/docs/react-intl",
+  "homepage": "https://formatjs.github.io/docs/react-intl",
   "bugs": {
     "url": "https://github.com/formatjs/formatjs/issues"
   },
@@ -132,20 +132,14 @@
     "@types/react": "16 || 17 || 18",
     "hoist-non-react-statics": "3",
     "tslib": "2",
-    "@formatjs/intl-listformat": "7.7.4",
-    "@formatjs/icu-messageformat-parser": "2.9.3",
-    "intl-messageformat": "10.7.6",
-    "@formatjs/ecma402-abstract": "2.2.3",
-    "@formatjs/intl": "2.10.14",
-    "@formatjs/intl-displaynames": "6.8.4"
-  },
-  "devDependencies": {
-    "@formatjs/intl-numberformat": "8.14.4",
-    "@formatjs/intl-relativetimeformat": "11.4.4"
+    "intl-messageformat": "10.7.7",
+    "@formatjs/intl": "3.0.0",
+    "@formatjs/icu-messageformat-parser": "2.9.4",
+    "@formatjs/ecma402-abstract": "2.2.4"
   },
   "peerDependencies": {
     "react": "^16.6.0 || 17 || 18",
-    "typescript": "^4.7 || 5"
+    "typescript": "5"
   },
   "peerDependenciesMeta": {
     "typescript": {

package/react-intl.iife.js

@@ -4133,7 +4133,7 @@ var ReactIntl = (() => {
       messageDescriptor = { id: "" };
     }
     var msgId = messageDescriptor.id, defaultMessage = messageDescriptor.defaultMessage;
-    invariant(!!msgId, "[@formatjs/intl] An `id` must be provided to format a message. You can either:\n1. Configure your build toolchain with [babel-plugin-formatjs](https://formatjs.io/docs/tooling/babel-plugin)\nor [@formatjs/ts-transformer](https://formatjs.io/docs/tooling/ts-transformer) OR\n2. Configure your `eslint` config to include [eslint-plugin-formatjs](https://formatjs.io/docs/tooling/linter#enforce-id)\nto autofix this issue");
+    invariant(!!msgId, "[@formatjs/intl] An `id` must be provided to format a message. You can either:\n1. Configure your build toolchain with [babel-plugin-formatjs](https://formatjs.github.io/docs/tooling/babel-plugin)\nor [@formatjs/ts-transformer](https://formatjs.github.io/docs/tooling/ts-transformer) OR\n2. Configure your `eslint` config to include [eslint-plugin-formatjs](https://formatjs.github.io/docs/tooling/linter#enforce-id)\nto autofix this issue");
     var id = String(msgId);
     var message = (
       // In case messages is Object.create(null)
@@ -4491,7 +4491,7 @@ var ReactIntl = (() => {
   }
   function verifyConfigMessages(config) {
     if (config.onWarn && config.defaultRichTextElements && messagesContainString(config.messages || {})) {
-      config.onWarn('[@formatjs/intl] "defaultRichTextElements" was specified but "message" was not pre-compiled. \nPlease consider using "@formatjs/cli" to pre-compile your messages for performance.\nFor more details see https://formatjs.io/docs/getting-started/message-distribution');
+      config.onWarn('[@formatjs/intl] "defaultRichTextElements" was specified but "message" was not pre-compiled. \nPlease consider using "@formatjs/cli" to pre-compile your messages for performance.\nFor more details see https://formatjs.github.io/docs/getting-started/message-distribution');
     }
   }
   function createIntl(config, cache) {
@@ -4500,13 +4500,13 @@ var ReactIntl = (() => {
     var locale = resolvedConfig.locale, defaultLocale = resolvedConfig.defaultLocale, onError = resolvedConfig.onError;
     if (!locale) {
       if (onError) {
-        onError(new InvalidConfigError('"locale" was not configured, using "'.concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl/api#intlshape for more details')));
+        onError(new InvalidConfigError('"locale" was not configured, using "'.concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl/api#intlshape for more details')));
       }
       resolvedConfig.locale = resolvedConfig.defaultLocale || "en";
     } else if (!Intl.NumberFormat.supportedLocalesOf(locale).length && onError) {
-      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.NumberFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details')));
+      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.NumberFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl#runtime-requirements for more details')));
     } else if (!Intl.DateTimeFormat.supportedLocalesOf(locale).length && onError) {
-      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.DateTimeFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.io/docs/react-intl#runtime-requirements for more details')));
+      onError(new MissingDataError('Missing locale data for locale: "'.concat(locale, '" in Intl.DateTimeFormat. Using default locale: "').concat(defaultLocale, '" as fallback. See https://formatjs.github.io/docs/react-intl#runtime-requirements for more details')));
     }
     verifyConfigMessages(resolvedConfig);
     return __assign(__assign({}, resolvedConfig), {
@@ -4670,9 +4670,6 @@ var ReactIntl = (() => {
     return Component;
   }
 
-  // packages/react-intl/src/components/provider.tsx
-  var React6 = __toESM(window.React);
-
   // packages/react-intl/src/components/createIntl.ts
   var React5 = __toESM(window.React);
   function assignUniqueKeysToFormatXMLElementFnArgument(values) {
@@ -4733,7 +4730,80 @@ var ReactIntl = (() => {
     });
   };
 
+  // packages/react-intl/src/components/dateTimeRange.tsx
+  var React6 = __toESM(window.React);
+  var FormattedDateTimeRange = (props) => {
+    const intl = useIntl();
+    const _a2 = props, { from, to, children } = _a2, formatProps = __objRest(_a2, ["from", "to", "children"]);
+    const formattedValue = intl.formatDateTimeRange(from, to, formatProps);
+    if (typeof children === "function") {
+      return children(formattedValue);
+    }
+    const Text = intl.textComponent || React6.Fragment;
+    return React6.createElement(Text, null, formattedValue);
+  };
+  FormattedDateTimeRange.displayName = "FormattedDateTimeRange";
+  var dateTimeRange_default = FormattedDateTimeRange;
+
+  // packages/react-intl/src/components/message.tsx
+  var React7 = __toESM(window.React);
+  function areEqual(prevProps, nextProps) {
+    const _a2 = prevProps, { values } = _a2, otherProps = __objRest(_a2, ["values"]);
+    const _b = nextProps, { values: nextValues } = _b, nextOtherProps = __objRest(_b, ["values"]);
+    return shallowEqual(nextValues, values) && shallowEqual(otherProps, nextOtherProps);
+  }
+  function FormattedMessage(props) {
+    const intl = useIntl();
+    const { formatMessage: formatMessage3, textComponent: Text = React7.Fragment } = intl;
+    const {
+      id,
+      description,
+      defaultMessage,
+      values,
+      children,
+      tagName: Component = Text,
+      ignoreTag
+    } = props;
+    const descriptor = { id, description, defaultMessage };
+    let nodes = formatMessage3(descriptor, values, {
+      ignoreTag
+    });
+    if (typeof children === "function") {
+      return children(Array.isArray(nodes) ? nodes : [nodes]);
+    }
+    if (Component) {
+      return React7.createElement(Component, null, React7.Children.toArray(nodes));
+    }
+    return React7.createElement(React7.Fragment, null, nodes);
+  }
+  FormattedMessage.displayName = "FormattedMessage";
+  var MemoizedFormattedMessage = React7.memo(
+    FormattedMessage,
+    areEqual
+  );
+  MemoizedFormattedMessage.displayName = "MemoizedFormattedMessage";
+  var message_default = MemoizedFormattedMessage;
+
+  // packages/react-intl/src/components/plural.tsx
+  var React8 = __toESM(window.React);
+  var FormattedPlural = (props) => {
+    const { formatPlural: formatPlural2, textComponent: Text } = useIntl();
+    const { value, other, children } = props;
+    const pluralCategory = formatPlural2(value, props);
+    const formattedPlural = props[pluralCategory] || other;
+    if (typeof children === "function") {
+      return children(formattedPlural);
+    }
+    if (Text) {
+      return React8.createElement(Text, null, formattedPlural);
+    }
+    return formattedPlural;
+  };
+  FormattedPlural.displayName = "FormattedPlural";
+  var plural_default = FormattedPlural;
+
   // packages/react-intl/src/components/provider.tsx
+  var React9 = __toESM(window.React);
   function processIntlConfig(config) {
     return {
       locale: config.locale,
@@ -4750,7 +4820,7 @@ var ReactIntl = (() => {
       defaultRichTextElements: config.defaultRichTextElements
     };
   }
-  var IntlProvider2 = class extends React6.PureComponent {
+  var IntlProvider2 = class extends React9.PureComponent {
     constructor() {
       super(...arguments);
       __publicField(this, "cache", createIntlCache());
@@ -4772,14 +4842,14 @@ var ReactIntl = (() => {
     }
     render() {
       invariantIntlContext(this.state.intl);
-      return React6.createElement(Provider, { value: this.state.intl }, this.props.children);
+      return React9.createElement(Provider, { value: this.state.intl }, this.props.children);
     }
   };
   __publicField(IntlProvider2, "displayName", "IntlProvider");
   __publicField(IntlProvider2, "defaultProps", DEFAULT_INTL_CONFIG2);
 
   // packages/react-intl/src/components/relative.tsx
-  var React7 = __toESM(window.React);
+  var React10 = __toESM(window.React);
   var MINUTE = 60;
   var HOUR = 60 * 60;
   var DAY = 60 * 60 * 24;
@@ -4837,9 +4907,9 @@ var ReactIntl = (() => {
       return children(formattedRelativeTime);
     }
     if (Text) {
-      return React7.createElement(Text, null, formattedRelativeTime);
+      return React10.createElement(Text, null, formattedRelativeTime);
     }
-    return React7.createElement(React7.Fragment, null, formattedRelativeTime);
+    return React10.createElement(React10.Fragment, null, formattedRelativeTime);
   };
   var FormattedRelativeTime = (_a2) => {
     var _b = _a2, {
@@ -4855,9 +4925,9 @@ var ReactIntl = (() => {
       !updateIntervalInSeconds || !!(updateIntervalInSeconds && canIncrement(unit)),
       "Cannot schedule update with unit longer than hour"
     );
-    const [prevUnit, setPrevUnit] = React7.useState();
-    const [prevValue, setPrevValue] = React7.useState(0);
-    const [currentValueInSeconds, setCurrentValueInSeconds] = React7.useState(0);
+    const [prevUnit, setPrevUnit] = React10.useState();
+    const [prevValue, setPrevValue] = React10.useState(0);
+    const [currentValueInSeconds, setCurrentValueInSeconds] = React10.useState(0);
     let updateTimer;
     if (unit !== prevUnit || value !== prevValue) {
       setPrevValue(value || 0);
@@ -4866,7 +4936,7 @@ var ReactIntl = (() => {
         canIncrement(unit) ? valueToSeconds(value, unit) : 0
       );
     }
-    React7.useEffect(() => {
+    React10.useEffect(() => {
       function clearUpdateTimer() {
         clearTimeout(updateTimer);
       }
@@ -4901,7 +4971,7 @@ var ReactIntl = (() => {
       const unitDuration = getDurationInSeconds(currentUnit);
       currentValue = Math.round(currentValueInSeconds / unitDuration);
     }
-    return React7.createElement(
+    return React10.createElement(
       SimpleFormattedRelativeTime,
       __spreadValues({
         value: currentValue,
@@ -4912,78 +4982,6 @@ var ReactIntl = (() => {
   FormattedRelativeTime.displayName = "FormattedRelativeTime";
   var relative_default = FormattedRelativeTime;
 
-  // packages/react-intl/src/components/plural.tsx
-  var React8 = __toESM(window.React);
-  var FormattedPlural = (props) => {
-    const { formatPlural: formatPlural2, textComponent: Text } = useIntl();
-    const { value, other, children } = props;
-    const pluralCategory = formatPlural2(value, props);
-    const formattedPlural = props[pluralCategory] || other;
-    if (typeof children === "function") {
-      return children(formattedPlural);
-    }
-    if (Text) {
-      return React8.createElement(Text, null, formattedPlural);
-    }
-    return formattedPlural;
-  };
-  FormattedPlural.displayName = "FormattedPlural";
-  var plural_default = FormattedPlural;
-
-  // packages/react-intl/src/components/message.tsx
-  var React9 = __toESM(window.React);
-  function areEqual(prevProps, nextProps) {
-    const _a2 = prevProps, { values } = _a2, otherProps = __objRest(_a2, ["values"]);
-    const _b = nextProps, { values: nextValues } = _b, nextOtherProps = __objRest(_b, ["values"]);
-    return shallowEqual(nextValues, values) && shallowEqual(otherProps, nextOtherProps);
-  }
-  function FormattedMessage(props) {
-    const intl = useIntl();
-    const { formatMessage: formatMessage3, textComponent: Text = React9.Fragment } = intl;
-    const {
-      id,
-      description,
-      defaultMessage,
-      values,
-      children,
-      tagName: Component = Text,
-      ignoreTag
-    } = props;
-    const descriptor = { id, description, defaultMessage };
-    let nodes = formatMessage3(descriptor, values, {
-      ignoreTag
-    });
-    if (typeof children === "function") {
-      return children(Array.isArray(nodes) ? nodes : [nodes]);
-    }
-    if (Component) {
-      return React9.createElement(Component, null, React9.Children.toArray(nodes));
-    }
-    return React9.createElement(React9.Fragment, null, nodes);
-  }
-  FormattedMessage.displayName = "FormattedMessage";
-  var MemoizedFormattedMessage = React9.memo(
-    FormattedMessage,
-    areEqual
-  );
-  MemoizedFormattedMessage.displayName = "MemoizedFormattedMessage";
-  var message_default = MemoizedFormattedMessage;
-
-  // packages/react-intl/src/components/dateTimeRange.tsx
-  var React10 = __toESM(window.React);
-  var FormattedDateTimeRange = (props) => {
-    const intl = useIntl();
-    const _a2 = props, { from, to, children } = _a2, formatProps = __objRest(_a2, ["from", "to", "children"]);
-    const formattedValue = intl.formatDateTimeRange(from, to, formatProps);
-    if (typeof children === "function") {
-      return children(formattedValue);
-    }
-    const Text = intl.textComponent || React10.Fragment;
-    return React10.createElement(Text, null, formattedValue);
-  };
-  FormattedDateTimeRange.displayName = "FormattedDateTimeRange";
-  var dateTimeRange_default = FormattedDateTimeRange;
-
   // packages/react-intl/index.ts
   function defineMessages(msgs) {
     return msgs;

package/src/components/createFormattedComponent.d.ts

@@ -1,7 +1,6 @@
+import { FormatDateOptions, FormatDisplayNameOptions, FormatListOptions, FormatNumberOptions } from '@formatjs/intl';
 import * as React from 'react';
-import { FormatDateOptions, FormatNumberOptions, FormatListOptions, FormatDisplayNameOptions } from '@formatjs/intl';
 import { IntlShape } from '../types';
-import { Part } from '@formatjs/intl-listformat';
 type Formatter = {
     formatDate: FormatDateOptions;
     formatTime: FormatDateOptions;
@@ -15,7 +14,7 @@ export declare const FormattedNumberParts: React.FC<Formatter['formatNumber'] &
 }>;
 export declare const FormattedListParts: React.FC<Formatter['formatList'] & {
     value: Parameters<IntlShape['formatList']>[0];
-    children(val: Part[]): React.ReactElement | null;
+    children(val: ReturnType<Intl.ListFormat['formatToParts']>): React.ReactElement | null;
 }>;
 export declare function createFormattedDateTimePartsComponent<Name extends 'formatDate' | 'formatTime'>(name: Name): React.FC<Formatter[Name] & {
     value: Parameters<IntlShape[Name]>[0];

package/src/components/createFormattedComponent.js

@@ -67,4 +67,3 @@ function createFormattedComponent(name) {
     Component.displayName = DisplayName[name];
     return Component;
 }
-//# sourceMappingURL=createFormattedComponent.js.map

package/src/components/createIntl.js

@@ -65,4 +65,3 @@ var createIntl = function (_a, cache) {
         $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };
 exports.createIntl = createIntl;
-//# sourceMappingURL=createIntl.js.map

package/src/components/dateTimeRange.js

@@ -15,4 +15,3 @@ var FormattedDateTimeRange = function (props) {
 };
 FormattedDateTimeRange.displayName = 'FormattedDateTimeRange';
 exports.default = FormattedDateTimeRange;
-//# sourceMappingURL=dateTimeRange.js.map

package/src/components/injectIntl.js

@@ -37,4 +37,3 @@ function injectIntl(WrappedComponent, options) {
     }
     return (0, hoist_non_react_statics_1.default)(WithIntl, WrappedComponent);
 }
-//# sourceMappingURL=injectIntl.js.map

package/src/components/message.js

@@ -35,4 +35,3 @@ FormattedMessage.displayName = 'FormattedMessage';
 var MemoizedFormattedMessage = React.memo(FormattedMessage, areEqual);
 MemoizedFormattedMessage.displayName = 'MemoizedFormattedMessage';
 exports.default = MemoizedFormattedMessage;
-//# sourceMappingURL=message.js.map

package/src/components/plural.js

@@ -24,4 +24,3 @@ var FormattedPlural = function (props) {
 };
 FormattedPlural.displayName = 'FormattedPlural';
 exports.default = FormattedPlural;
-//# sourceMappingURL=plural.js.map

package/src/components/provider.d.ts

@@ -19,7 +19,7 @@ interface State {
 }
 export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
     static displayName: string;
-    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "onError" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "textComponent">;
+    static defaultProps: Pick<import("../types").ResolvedIntlConfig, "timeZone" | "fallbackOnEmptyString" | "formats" | "messages" | "defaultLocale" | "defaultFormats" | "onError" | "textComponent">;
     private cache;
     state: State;
     static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;

package/src/components/provider.js

@@ -59,4 +59,3 @@ var IntlProvider = /** @class */ (function (_super) {
     return IntlProvider;
 }(React.PureComponent));
 exports.default = IntlProvider;
-//# sourceMappingURL=provider.js.map

package/src/components/relative.js

@@ -125,4 +125,3 @@ var FormattedRelativeTime = function (_a) {
 };
 FormattedRelativeTime.displayName = 'FormattedRelativeTime';
 exports.default = FormattedRelativeTime;
-//# sourceMappingURL=relative.js.map

package/src/components/useIntl.js

@@ -10,4 +10,3 @@ function useIntl() {
     (0, utils_1.invariantIntlContext)(intl);
     return intl;
 }
-//# sourceMappingURL=useIntl.js.map

package/src/types.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/src/utils.js

@@ -47,4 +47,3 @@ function shallowEqual(objA, objB) {
     }
     return true;
 }
-//# sourceMappingURL=utils.js.map