react-intl 7.0.0 → 7.0.1

package/index.d.ts

@@ -1,4 +1,3 @@
-import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
 import * as React from 'react';
 import { createIntl } from './src/components/createIntl';
@@ -22,7 +21,7 @@ export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & Custom
     value: string | number | Date | undefined;
     children?(formattedTime: string): React.ReactElement | null;
 }>;
-export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
+export declare const FormattedNumber: React.FC<Omit<Intl.NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;

package/lib/index.d.ts

@@ -1,4 +1,3 @@
-import { NumberFormatOptions } from '@formatjs/ecma402-abstract';
 import { CustomFormatConfig, FormatDateOptions, MessageDescriptor } from '@formatjs/intl';
 import * as React from 'react';
 import { createIntl } from './src/components/createIntl';
@@ -22,7 +21,7 @@ export declare const FormattedTime: React.FC<Intl.DateTimeFormatOptions & Custom
     value: string | number | Date | undefined;
     children?(formattedTime: string): React.ReactElement | null;
 }>;
-export declare const FormattedNumber: React.FC<Omit<NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
+export declare const FormattedNumber: React.FC<Omit<Intl.NumberFormatOptions, 'localeMatcher'> & CustomFormatConfig<'number'> & {
     value: number;
     children?(formattedNumber: string): React.ReactElement | null;
 }>;

package/lib/src/components/createIntl.js

@@ -5,9 +5,9 @@
  */
 import { __assign, __rest, __spreadArray } from "tslib";
 import { createIntl as coreCreateIntl, formatMessage as coreFormatMessage, } from '@formatjs/intl';
+import { isFormatXMLElementFn, } from 'intl-messageformat';
 import * as React from 'react';
 import { DEFAULT_INTL_CONFIG, assignUniqueKeysToParts } from '../utils';
-import { isFormatXMLElementFn, } from 'intl-messageformat';
 function assignUniqueKeysToFormatXMLElementFnArgument(values) {
     if (!values) {
         return values;
@@ -55,9 +55,5 @@ export var createIntl = function (_a, cache) {
         onError: coreIntl.onError,
         defaultRichTextElements: defaultRichTextElements,
     };
-    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
-        // @ts-expect-error fix this
-        coreIntl.formatters), 
-        // @ts-expect-error fix this
-        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
+    return __assign(__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, coreIntl.formatters), $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };

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

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { FormatDateOptions } from '@formatjs/intl';
-import { DateTimeFormat } from '@formatjs/ecma402-abstract';
+import * as React from 'react';
 interface Props extends FormatDateOptions {
-    from: Parameters<DateTimeFormat['formatRange']>[0];
-    to: Parameters<DateTimeFormat['formatRange']>[1];
+    from: Parameters<Intl.DateTimeFormat['formatRange']>[0];
+    to: Parameters<Intl.DateTimeFormat['formatRange']>[1];
     children?(value: React.ReactNode): React.ReactElement | null;
 }
 declare const FormattedDateTimeRange: React.FC<Props>;

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

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { RelativeTimeFormatSingularUnit } from '@formatjs/ecma402-abstract';
 import { FormatRelativeTimeOptions } from '@formatjs/intl';
 export interface Props extends FormatRelativeTimeOptions {
     value?: number;
-    unit?: RelativeTimeFormatSingularUnit;
+    unit?: Intl.RelativeTimeFormatUnit;
     updateIntervalInSeconds?: number;
     children?(value: string): React.ReactElement | null;
 }

package/lib/src/components/relative.js

@@ -5,7 +5,7 @@ import { __assign, __rest } from "tslib";
  * See the accompanying LICENSE file for terms.
  */
 import * as React from 'react';
-import { invariant, } from '@formatjs/ecma402-abstract';
+import { invariant } from '../utils';
 import useIntl from './useIntl';
 var MINUTE = 60;
 var HOUR = 60 * 60;

package/lib/src/utils.d.ts

@@ -1,6 +1,7 @@
-import { ResolvedIntlConfig } from './types';
-import * as React from 'react';
 import { FormatXMLElementFn } from 'intl-messageformat';
+import * as React from 'react';
+import { ResolvedIntlConfig } from './types';
+export declare function invariant(condition: boolean, message: string, Err?: any): asserts condition;
 export declare function invariantIntlContext(intl?: any): asserts intl;
 export declare const DEFAULT_INTL_CONFIG: Pick<ResolvedIntlConfig, 'fallbackOnEmptyString' | 'formats' | 'messages' | 'timeZone' | 'textComponent' | 'defaultLocale' | 'defaultFormats' | 'onError'>;
 /**

package/lib/src/utils.js

@@ -1,7 +1,12 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-import { invariant } from '@formatjs/ecma402-abstract';
 import { DEFAULT_INTL_CONFIG as CORE_DEFAULT_INTL_CONFIG } from '@formatjs/intl';
+export function invariant(condition, message, Err) {
+    if (Err === void 0) { Err = Error; }
+    if (!condition) {
+        throw new Err(message);
+    }
+}
 export function invariantIntlContext(intl) {
     invariant(intl, '[React Intl] Could not find required `intl` object. ' +
         '<IntlProvider> needs to exist in the component ancestry.');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-intl",
-  "version": "7.0.0",
+  "version": "7.0.1",
   "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",
@@ -133,9 +133,8 @@
     "hoist-non-react-statics": "3",
     "tslib": "2",
     "intl-messageformat": "10.7.7",
-    "@formatjs/intl": "3.0.0",
     "@formatjs/icu-messageformat-parser": "2.9.4",
-    "@formatjs/ecma402-abstract": "2.2.4"
+    "@formatjs/intl": "3.0.1"
   },
   "peerDependencies": {
     "react": "^16.6.0 || 17 || 18",

package/react-intl.iife.js

@@ -288,7 +288,7 @@ var ReactIntl = (() => {
         }
         return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
       }
-      var defineProperty2 = Object.defineProperty;
+      var defineProperty = Object.defineProperty;
       var getOwnPropertyNames = Object.getOwnPropertyNames;
       var getOwnPropertySymbols = Object.getOwnPropertySymbols;
       var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
@@ -313,7 +313,7 @@ var ReactIntl = (() => {
             if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
               var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
               try {
-                defineProperty2(targetComponent, key, descriptor);
+                defineProperty(targetComponent, key, descriptor);
               } catch (e) {
               }
             }
@@ -368,64 +368,6 @@ var ReactIntl = (() => {
   // packages/react-intl/src/utils.ts
   var React = __toESM(window.React);
 
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/262.js
-  var MINUTES_PER_HOUR = 60;
-  var SECONDS_PER_MINUTE = 60;
-  var MS_PER_SECOND = 1e3;
-  var MS_PER_MINUTE = MS_PER_SECOND * SECONDS_PER_MINUTE;
-  var MS_PER_HOUR = MS_PER_MINUTE * MINUTES_PER_HOUR;
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/IsSanctionedSimpleUnitIdentifier.js
-  var SANCTIONED_UNITS = [
-    "angle-degree",
-    "area-acre",
-    "area-hectare",
-    "concentr-percent",
-    "digital-bit",
-    "digital-byte",
-    "digital-gigabit",
-    "digital-gigabyte",
-    "digital-kilobit",
-    "digital-kilobyte",
-    "digital-megabit",
-    "digital-megabyte",
-    "digital-petabyte",
-    "digital-terabit",
-    "digital-terabyte",
-    "duration-day",
-    "duration-hour",
-    "duration-millisecond",
-    "duration-minute",
-    "duration-month",
-    "duration-second",
-    "duration-week",
-    "duration-year",
-    "length-centimeter",
-    "length-foot",
-    "length-inch",
-    "length-kilometer",
-    "length-meter",
-    "length-mile-scandinavian",
-    "length-mile",
-    "length-millimeter",
-    "length-yard",
-    "mass-gram",
-    "mass-kilogram",
-    "mass-ounce",
-    "mass-pound",
-    "mass-stone",
-    "temperature-celsius",
-    "temperature-fahrenheit",
-    "volume-fluid-ounce",
-    "volume-gallon",
-    "volume-liter",
-    "volume-milliliter"
-  ];
-  function removeUnitNamespace(unit) {
-    return unit.slice(unit.indexOf("-") + 1);
-  }
-  var SIMPLE_UNITS = SANCTIONED_UNITS.map(removeUnitNamespace);
-
   // node_modules/.aspect_rules_js/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs
   var extendStatics = function(d, b) {
     extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
@@ -549,95 +491,6 @@ var ReactIntl = (() => {
     monadic: strategyMonadic
   };
 
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/utils.js
-  function invariant(condition, message, Err) {
-    if (Err === void 0) {
-      Err = Error;
-    }
-    if (!condition) {
-      throw new Err(message);
-    }
-  }
-  var createMemoizedNumberFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.NumberFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedDateTimeFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.DateTimeFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedPluralRules = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.PluralRules).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedLocale = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.Locale).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-  var createMemoizedListFormat = memoize(function() {
-    var _a2;
-    var args = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-      args[_i] = arguments[_i];
-    }
-    return new ((_a2 = Intl.ListFormat).bind.apply(_a2, __spreadArray([void 0], args, false)))();
-  }, {
-    strategy: strategies.variadic
-  });
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/regex.generated.js
-  var S_UNICODE_REGEX = /[\$\+<->\^`\|~\xA2-\xA6\xA8\xA9\xAC\xAE-\xB1\xB4\xB8\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0384\u0385\u03F6\u0482\u058D-\u058F\u0606-\u0608\u060B\u060E\u060F\u06DE\u06E9\u06FD\u06FE\u07F6\u07FE\u07FF\u09F2\u09F3\u09FA\u09FB\u0AF1\u0B70\u0BF3-\u0BFA\u0C7F\u0D4F\u0D79\u0E3F\u0F01-\u0F03\u0F13\u0F15-\u0F17\u0F1A-\u0F1F\u0F34\u0F36\u0F38\u0FBE-\u0FC5\u0FC7-\u0FCC\u0FCE\u0FCF\u0FD5-\u0FD8\u109E\u109F\u1390-\u1399\u166D\u17DB\u1940\u19DE-\u19FF\u1B61-\u1B6A\u1B74-\u1B7C\u1FBD\u1FBF-\u1FC1\u1FCD-\u1FCF\u1FDD-\u1FDF\u1FED-\u1FEF\u1FFD\u1FFE\u2044\u2052\u207A-\u207C\u208A-\u208C\u20A0-\u20BF\u2100\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F\u218A\u218B\u2190-\u2307\u230C-\u2328\u232B-\u2426\u2440-\u244A\u249C-\u24E9\u2500-\u2767\u2794-\u27C4\u27C7-\u27E5\u27F0-\u2982\u2999-\u29D7\u29DC-\u29FB\u29FE-\u2B73\u2B76-\u2B95\u2B97-\u2BFF\u2CE5-\u2CEA\u2E50\u2E51\u2E80-\u2E99\u2E9B-\u2EF3\u2F00-\u2FD5\u2FF0-\u2FFB\u3004\u3012\u3013\u3020\u3036\u3037\u303E\u303F\u309B\u309C\u3190\u3191\u3196-\u319F\u31C0-\u31E3\u3200-\u321E\u322A-\u3247\u3250\u3260-\u327F\u328A-\u32B0\u32C0-\u33FF\u4DC0-\u4DFF\uA490-\uA4C6\uA700-\uA716\uA720\uA721\uA789\uA78A\uA828-\uA82B\uA836-\uA839\uAA77-\uAA79\uAB5B\uAB6A\uAB6B\uFB29\uFBB2-\uFBC1\uFDFC\uFDFD\uFE62\uFE64-\uFE66\uFE69\uFF04\uFF0B\uFF1C-\uFF1E\uFF3E\uFF40\uFF5C\uFF5E\uFFE0-\uFFE6\uFFE8-\uFFEE\uFFFC\uFFFD]|\uD800[\uDD37-\uDD3F\uDD79-\uDD89\uDD8C-\uDD8E\uDD90-\uDD9C\uDDA0\uDDD0-\uDDFC]|\uD802[\uDC77\uDC78\uDEC8]|\uD805\uDF3F|\uD807[\uDFD5-\uDFF1]|\uD81A[\uDF3C-\uDF3F\uDF45]|\uD82F\uDC9C|\uD834[\uDC00-\uDCF5\uDD00-\uDD26\uDD29-\uDD64\uDD6A-\uDD6C\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDDE8\uDE00-\uDE41\uDE45\uDF00-\uDF56]|\uD835[\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85\uDE86]|\uD838[\uDD4F\uDEFF]|\uD83B[\uDCAC\uDCB0\uDD2E\uDEF0\uDEF1]|\uD83C[\uDC00-\uDC2B\uDC30-\uDC93\uDCA0-\uDCAE\uDCB1-\uDCBF\uDCC1-\uDCCF\uDCD1-\uDCF5\uDD0D-\uDDAD\uDDE6-\uDE02\uDE10-\uDE3B\uDE40-\uDE48\uDE50\uDE51\uDE60-\uDE65\uDF00-\uDFFF]|\uD83D[\uDC00-\uDED7\uDEE0-\uDEEC\uDEF0-\uDEFC\uDF00-\uDF73\uDF80-\uDFD8\uDFE0-\uDFEB]|\uD83E[\uDC00-\uDC0B\uDC10-\uDC47\uDC50-\uDC59\uDC60-\uDC87\uDC90-\uDCAD\uDCB0\uDCB1\uDD00-\uDD78\uDD7A-\uDDCB\uDDCD-\uDE53\uDE60-\uDE6D\uDE70-\uDE74\uDE78-\uDE7A\uDE80-\uDE86\uDE90-\uDEA8\uDEB0-\uDEB6\uDEC0-\uDEC2\uDED0-\uDED6\uDF00-\uDF92\uDF94-\uDFCA]/;
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/NumberFormat/format_to_parts.js
-  var CARET_S_UNICODE_REGEX = new RegExp("^".concat(S_UNICODE_REGEX.source));
-  var S_DOLLAR_UNICODE_REGEX = new RegExp("".concat(S_UNICODE_REGEX.source, "$"));
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/data.js
-  var MissingLocaleDataError = (
-    /** @class */
-    function(_super) {
-      __extends(MissingLocaleDataError2, _super);
-      function MissingLocaleDataError2() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.type = "MISSING_LOCALE_DATA";
-        return _this;
-      }
-      return MissingLocaleDataError2;
-    }(Error)
-  );
-
-  // node_modules/.aspect_rules_js/@formatjs+ecma402-abstract@0.0.0/node_modules/@formatjs/ecma402-abstract/lib/types/date-time.js
-  var RangePatternType;
-  (function(RangePatternType2) {
-    RangePatternType2["startRange"] = "startRange";
-    RangePatternType2["shared"] = "shared";
-    RangePatternType2["endRange"] = "endRange";
-  })(RangePatternType || (RangePatternType = {}));
-
   // node_modules/.aspect_rules_js/@formatjs+icu-messageformat-parser@0.0.0/node_modules/@formatjs/icu-messageformat-parser/lib/error.js
   var ErrorKind;
   (function(ErrorKind2) {
@@ -3512,7 +3365,7 @@ var ReactIntl = (() => {
   function isFormatXMLElementFn(el) {
     return typeof el === "function";
   }
-  function formatToParts2(els, locales, formatters, formats, values, currentPluralValue, originalMessage) {
+  function formatToParts(els, locales, formatters, formats, values, currentPluralValue, originalMessage) {
     if (els.length === 1 && isLiteralElement(els[0])) {
       return [
         {
@@ -3588,7 +3441,7 @@ var ReactIntl = (() => {
         if (!isFormatXMLElementFn(formatFn)) {
           throw new InvalidValueTypeError(value_1, "function", originalMessage);
         }
-        var parts = formatToParts2(children, locales, formatters, formats, values, currentPluralValue);
+        var parts = formatToParts(children, locales, formatters, formats, values, currentPluralValue);
         var chunks = formatFn(parts.map(function(p) {
           return p.value;
         }));
@@ -3607,7 +3460,7 @@ var ReactIntl = (() => {
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
-        result.push.apply(result, formatToParts2(opt.value, locales, formatters, formats, values));
+        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values));
         continue;
       }
       if (isPluralElement(el)) {
@@ -3622,7 +3475,7 @@ var ReactIntl = (() => {
         if (!opt) {
           throw new InvalidValueError(el.value, value, Object.keys(el.options), originalMessage);
         }
-        result.push.apply(result, formatToParts2(opt.value, locales, formatters, formats, values, value - (el.offset || 0)));
+        result.push.apply(result, formatToParts(opt.value, locales, formatters, formats, values, value - (el.offset || 0)));
         continue;
       }
     }
@@ -3738,7 +3591,7 @@ var ReactIntl = (() => {
           return result;
         };
         this.formatToParts = function(values) {
-          return formatToParts2(_this.ast, _this.locales, _this.formatters, _this.formats, values, void 0, _this.message);
+          return formatToParts(_this.ast, _this.locales, _this.formatters, _this.formats, values, void 0, _this.message);
         };
         this.resolvedOptions = function() {
           var _a3;
@@ -3950,6 +3803,14 @@ var ReactIntl = (() => {
   );
 
   // node_modules/.aspect_rules_js/@formatjs+intl@0.0.0/node_modules/@formatjs/intl/lib/src/utils.js
+  function invariant(condition, message, Err) {
+    if (Err === void 0) {
+      Err = Error;
+    }
+    if (!condition) {
+      throw new Err(message);
+    }
+  }
   function filterProps(props, allowlist, defaults) {
     if (defaults === void 0) {
       defaults = {};
@@ -4446,9 +4307,13 @@ var ReactIntl = (() => {
     "unitDisplay",
     "numberingSystem",
     // ES2023 NumberFormat
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "trailingZeroDisplay",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingPriority",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingIncrement",
+    // @ts-expect-error: TypeScript doesn't know about this yet
     "roundingMode"
   ];
   function getFormatter3(_a2, getNumberFormat, options) {
@@ -4509,30 +4374,17 @@ var ReactIntl = (() => {
       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), {
-      formatters,
-      formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat),
-      formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat),
-      formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat),
-      formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatDateTimeRange: formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat),
-      formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules),
-      // @ts-expect-error TODO: will get to this later
-      formatMessage: formatMessage.bind(null, resolvedConfig, formatters),
-      // @ts-expect-error TODO: will get to this later
-      $t: formatMessage.bind(null, resolvedConfig, formatters),
-      formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat),
-      formatListToParts: formatListToParts.bind(null, resolvedConfig, formatters.getListFormat),
-      formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames)
-    });
+    return __assign(__assign({}, resolvedConfig), { formatters, formatNumber: formatNumber.bind(null, resolvedConfig, formatters.getNumberFormat), formatNumberToParts: formatNumberToParts.bind(null, resolvedConfig, formatters.getNumberFormat), formatRelativeTime: formatRelativeTime.bind(null, resolvedConfig, formatters.getRelativeTimeFormat), formatDate: formatDate.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateToParts: formatDateToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTime: formatTime.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatDateTimeRange: formatDateTimeRange.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatTimeToParts: formatTimeToParts.bind(null, resolvedConfig, formatters.getDateTimeFormat), formatPlural: formatPlural.bind(null, resolvedConfig, formatters.getPluralRules), formatMessage: formatMessage.bind(null, resolvedConfig, formatters), $t: formatMessage.bind(null, resolvedConfig, formatters), formatList: formatList.bind(null, resolvedConfig, formatters.getListFormat), formatListToParts: formatListToParts.bind(null, resolvedConfig, formatters.getListFormat), formatDisplayName: formatDisplayName.bind(null, resolvedConfig, formatters.getDisplayNames) });
   }
 
   // packages/react-intl/src/utils.ts
+  function invariant2(condition, message, Err = Error) {
+    if (!condition) {
+      throw new Err(message);
+    }
+  }
   function invariantIntlContext(intl) {
-    invariant(
+    invariant2(
       intl,
       "[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry."
     );
@@ -4722,10 +4574,8 @@ var ReactIntl = (() => {
       formatMessage: formatMessage2.bind(
         null,
         resolvedConfig,
-        // @ts-expect-error fix this
         coreIntl.formatters
       ),
-      // @ts-expect-error fix this
       $t: formatMessage2.bind(null, resolvedConfig, coreIntl.formatters)
     });
   };
@@ -4921,7 +4771,7 @@ var ReactIntl = (() => {
       "unit",
       "updateIntervalInSeconds"
     ]);
-    invariant(
+    invariant2(
       !updateIntervalInSeconds || !!(updateIntervalInSeconds && canIncrement(unit)),
       "Cannot schedule update with unit longer than hour"
     );

package/src/components/createIntl.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.createIntl = void 0;
 var tslib_1 = require("tslib");
 var intl_1 = require("@formatjs/intl");
+var intl_messageformat_1 = require("intl-messageformat");
 var React = tslib_1.__importStar(require("react"));
 var utils_1 = require("../utils");
-var intl_messageformat_1 = require("intl-messageformat");
 function assignUniqueKeysToFormatXMLElementFnArgument(values) {
     if (!values) {
         return values;
@@ -58,10 +58,6 @@ var createIntl = function (_a, cache) {
         onError: coreIntl.onError,
         defaultRichTextElements: defaultRichTextElements,
     };
-    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, 
-        // @ts-expect-error fix this
-        coreIntl.formatters), 
-        // @ts-expect-error fix this
-        $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
+    return tslib_1.__assign(tslib_1.__assign({}, coreIntl), { formatMessage: formatMessage.bind(null, resolvedConfig, coreIntl.formatters), $t: formatMessage.bind(null, resolvedConfig, coreIntl.formatters) });
 };
 exports.createIntl = createIntl;

package/src/components/dateTimeRange.d.ts

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import { FormatDateOptions } from '@formatjs/intl';
-import { DateTimeFormat } from '@formatjs/ecma402-abstract';
+import * as React from 'react';
 interface Props extends FormatDateOptions {
-    from: Parameters<DateTimeFormat['formatRange']>[0];
-    to: Parameters<DateTimeFormat['formatRange']>[1];
+    from: Parameters<Intl.DateTimeFormat['formatRange']>[0];
+    to: Parameters<Intl.DateTimeFormat['formatRange']>[1];
     children?(value: React.ReactNode): React.ReactElement | null;
 }
 declare const FormattedDateTimeRange: React.FC<Props>;

package/src/components/relative.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { RelativeTimeFormatSingularUnit } from '@formatjs/ecma402-abstract';
 import { FormatRelativeTimeOptions } from '@formatjs/intl';
 export interface Props extends FormatRelativeTimeOptions {
     value?: number;
-    unit?: RelativeTimeFormatSingularUnit;
+    unit?: Intl.RelativeTimeFormatUnit;
     updateIntervalInSeconds?: number;
     children?(value: string): React.ReactElement | null;
 }

package/src/components/relative.js

@@ -7,7 +7,7 @@ var tslib_1 = require("tslib");
  * See the accompanying LICENSE file for terms.
  */
 var React = tslib_1.__importStar(require("react"));
-var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
+var utils_1 = require("../utils");
 var useIntl_1 = tslib_1.__importDefault(require("./useIntl"));
 var MINUTE = 60;
 var HOUR = 60 * 60;
@@ -73,7 +73,7 @@ var SimpleFormattedRelativeTime = function (props) {
 };
 var FormattedRelativeTime = function (_a) {
     var _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.unit, unit = _c === void 0 ? 'second' : _c, updateIntervalInSeconds = _a.updateIntervalInSeconds, otherProps = tslib_1.__rest(_a, ["value", "unit", "updateIntervalInSeconds"]);
-    (0, ecma402_abstract_1.invariant)(!updateIntervalInSeconds ||
+    (0, utils_1.invariant)(!updateIntervalInSeconds ||
         !!(updateIntervalInSeconds && canIncrement(unit)), 'Cannot schedule update with unit longer than hour');
     var _d = React.useState(), prevUnit = _d[0], setPrevUnit = _d[1];
     var _e = React.useState(0), prevValue = _e[0], setPrevValue = _e[1];

package/src/utils.d.ts

@@ -1,6 +1,7 @@
-import { ResolvedIntlConfig } from './types';
-import * as React from 'react';
 import { FormatXMLElementFn } from 'intl-messageformat';
+import * as React from 'react';
+import { ResolvedIntlConfig } from './types';
+export declare function invariant(condition: boolean, message: string, Err?: any): asserts condition;
 export declare function invariantIntlContext(intl?: any): asserts intl;
 export declare const DEFAULT_INTL_CONFIG: Pick<ResolvedIntlConfig, 'fallbackOnEmptyString' | 'formats' | 'messages' | 'timeZone' | 'textComponent' | 'defaultLocale' | 'defaultFormats' | 'onError'>;
 /**

package/src/utils.js

@@ -1,15 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DEFAULT_INTL_CONFIG = void 0;
+exports.invariant = invariant;
 exports.invariantIntlContext = invariantIntlContext;
 exports.assignUniqueKeysToParts = assignUniqueKeysToParts;
 exports.shallowEqual = shallowEqual;
 var tslib_1 = require("tslib");
 var React = tslib_1.__importStar(require("react"));
-var ecma402_abstract_1 = require("@formatjs/ecma402-abstract");
 var intl_1 = require("@formatjs/intl");
+function invariant(condition, message, Err) {
+    if (Err === void 0) { Err = Error; }
+    if (!condition) {
+        throw new Err(message);
+    }
+}
 function invariantIntlContext(intl) {
-    (0, ecma402_abstract_1.invariant)(intl, '[React Intl] Could not find required `intl` object. ' +
+    invariant(intl, '[React Intl] Could not find required `intl` object. ' +
         '<IntlProvider> needs to exist in the component ancestry.');
 }
 exports.DEFAULT_INTL_CONFIG = tslib_1.__assign(tslib_1.__assign({}, intl_1.DEFAULT_INTL_CONFIG), { textComponent: React.Fragment });