react-intl 8.1.4 → 8.2.0

package/index.d.ts

@@ -2,8 +2,8 @@ import { type NumberFormatOptions } from "@formatjs/ecma402-abstract";
 import { type CustomFormatConfig, type FormatDateOptions, type FormatTimeOptions, type MessageDescriptor } from "@formatjs/intl";
 import * as React from "react";
 import { createIntl } from "./src/components/createIntl.js";
+import { Context as IntlContext, Provider as RawIntlProvider } from "./src/components/context.js";
 import FormattedDateTimeRange from "./src/components/dateTimeRange.js";
-import injectIntl, { Context as IntlContext, Provider as RawIntlProvider, type WithIntlProps, type WrappedComponentProps } from "./src/components/injectIntl.js";
 import FormattedMessage from "./src/components/message.js";
 import FormattedPlural from "./src/components/plural.js";
 import IntlProvider from "./src/components/provider.js";
@@ -12,7 +12,7 @@ import useIntl from "./src/components/useIntl.js";
 import { type IntlShape } from "./src/types.js";
 export { createIntlCache, type CustomFormatConfig, type CustomFormats, type FormatDateOptions, type FormatDisplayNameOptions, type FormatListOptions, type FormatNumberOptions, type FormatPluralOptions, type FormatRelativeTimeOptions, type Formatters, type IntlCache, type IntlFormatters, InvalidConfigError, type MessageDescriptor, MessageFormatError, MissingDataError, MissingTranslationError, IntlError as ReactIntlError, IntlErrorCode as ReactIntlErrorCode, UnsupportedFormatterError } from "@formatjs/intl";
 export { type IntlConfig, type IntlShape, type ResolvedIntlConfig } from "./src/types.js";
-export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, injectIntl, IntlContext, IntlProvider, RawIntlProvider, useIntl, type WithIntlProps, type WrappedComponentProps };
+export { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, useIntl };
 export declare function defineMessages<
 	K extends keyof any,
 	T = MessageDescriptor,

package/index.js

@@ -1,3 +1,4 @@
+"use client";
 /*
 * Copyright 2015, Yahoo Inc.
 * Copyrights licensed under the New BSD License.
@@ -8,8 +9,8 @@ import "@formatjs/intl";
 import * as React from "react";
 import { createFormattedComponent, createFormattedDateTimePartsComponent } from "./src/components/createFormattedComponent.js";
 import { createIntl } from "./src/components/createIntl.js";
+import { Context as IntlContext, Provider as RawIntlProvider } from "./src/components/context.js";
 import FormattedDateTimeRange from "./src/components/dateTimeRange.js";
-import injectIntl, { Context as IntlContext, Provider as RawIntlProvider } from "./src/components/injectIntl.js";
 import FormattedMessage from "./src/components/message.js";
 import FormattedPlural from "./src/components/plural.js";
 import IntlProvider from "./src/components/provider.js";
@@ -17,7 +18,7 @@ import FormattedRelativeTime from "./src/components/relative.js";
 import useIntl from "./src/components/useIntl.js";
 import "./src/types.js";
 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 { createIntl, FormattedDateTimeRange, FormattedMessage, FormattedPlural, FormattedRelativeTime, IntlContext, IntlProvider, RawIntlProvider, useIntl };
 export function defineMessages(msgs) {
 	return msgs;
 }

package/package.json

@@ -1,23 +1,21 @@
 {
   "name": "react-intl",
   "description": "Internationalize React apps. This library provides React components and an API to format dates, numbers, and strings, including pluralization and handling translations.",
-  "version": "8.1.4",
+  "version": "8.2.0",
   "license": "BSD-3-Clause",
   "author": "Eric Ferraiuolo <edf@ericf.me>",
   "type": "module",
   "sideEffects": false,
   "types": "index.d.ts",
   "exports": {
-    ".": "./index.js"
+    ".": "./index.js",
+    "./server": "./server.js"
   },
   "dependencies": {
-    "@types/hoist-non-react-statics": "^3.3.1",
-    "hoist-non-react-statics": "^3.3.2",
-    "tslib": "^2.8.1",
-    "@formatjs/ecma402-abstract": "3.1.1",
-    "@formatjs/intl": "4.1.2",
-    "@formatjs/icu-messageformat-parser": "3.5.1",
-    "intl-messageformat": "11.1.2"
+    "@formatjs/ecma402-abstract": "3.1.2",
+    "@formatjs/intl": "4.1.3",
+    "@formatjs/icu-messageformat-parser": "3.5.2",
+    "intl-messageformat": "11.1.3"
   },
   "peerDependencies": {
     "@types/react": "19",

package/react-intl.iife.js

@@ -1,3 +1,4 @@
+"use client";
 var ReactIntl = (() => {
   var __create = Object.create;
   var __defProp = Object.defineProperty;
@@ -41,9 +42,6 @@ var ReactIntl = (() => {
       }
     return target;
   };
-  var __commonJS = (cb, mod2) => function __require2() {
-    return mod2 || (0, cb[__getOwnPropNames(cb)[0]])((mod2 = { exports: {} }).exports, mod2), mod2.exports;
-  };
   var __export = (target, all) => {
     for (var name in all)
       __defProp(target, name, { get: all[name], enumerable: true });
@@ -70,261 +68,6 @@ var ReactIntl = (() => {
     return value;
   };
 
-  // node_modules/.aspect_rules_js/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js
-  var require_react_is_development = __commonJS({
-    "node_modules/.aspect_rules_js/react-is@16.13.1/node_modules/react-is/cjs/react-is.development.js"(exports) {
-      "use strict";
-      if (true) {
-        (function() {
-          "use strict";
-          var hasSymbol = typeof Symbol === "function" && Symbol.for;
-          var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
-          var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
-          var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
-          var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
-          var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
-          var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
-          var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
-          var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
-          var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
-          var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
-          var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
-          var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
-          var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
-          var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
-          var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
-          var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
-          var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
-          var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
-          function isValidElementType(type) {
-            return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-            type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
-          }
-          function typeOf(object) {
-            if (typeof object === "object" && object !== null) {
-              var $$typeof = object.$$typeof;
-              switch ($$typeof) {
-                case REACT_ELEMENT_TYPE:
-                  var type = object.type;
-                  switch (type) {
-                    case REACT_ASYNC_MODE_TYPE:
-                    case REACT_CONCURRENT_MODE_TYPE:
-                    case REACT_FRAGMENT_TYPE:
-                    case REACT_PROFILER_TYPE:
-                    case REACT_STRICT_MODE_TYPE:
-                    case REACT_SUSPENSE_TYPE:
-                      return type;
-                    default:
-                      var $$typeofType = type && type.$$typeof;
-                      switch ($$typeofType) {
-                        case REACT_CONTEXT_TYPE:
-                        case REACT_FORWARD_REF_TYPE:
-                        case REACT_LAZY_TYPE:
-                        case REACT_MEMO_TYPE:
-                        case REACT_PROVIDER_TYPE:
-                          return $$typeofType;
-                        default:
-                          return $$typeof;
-                      }
-                  }
-                case REACT_PORTAL_TYPE:
-                  return $$typeof;
-              }
-            }
-            return void 0;
-          }
-          var AsyncMode = REACT_ASYNC_MODE_TYPE;
-          var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
-          var ContextConsumer = REACT_CONTEXT_TYPE;
-          var ContextProvider = REACT_PROVIDER_TYPE;
-          var Element = REACT_ELEMENT_TYPE;
-          var ForwardRef = REACT_FORWARD_REF_TYPE;
-          var Fragment6 = REACT_FRAGMENT_TYPE;
-          var Lazy = REACT_LAZY_TYPE;
-          var Memo = REACT_MEMO_TYPE;
-          var Portal = REACT_PORTAL_TYPE;
-          var Profiler = REACT_PROFILER_TYPE;
-          var StrictMode = REACT_STRICT_MODE_TYPE;
-          var Suspense = REACT_SUSPENSE_TYPE;
-          var hasWarnedAboutDeprecatedIsAsyncMode = false;
-          function isAsyncMode(object) {
-            {
-              if (!hasWarnedAboutDeprecatedIsAsyncMode) {
-                hasWarnedAboutDeprecatedIsAsyncMode = true;
-                console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
-              }
-            }
-            return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
-          }
-          function isConcurrentMode(object) {
-            return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
-          }
-          function isContextConsumer(object) {
-            return typeOf(object) === REACT_CONTEXT_TYPE;
-          }
-          function isContextProvider(object) {
-            return typeOf(object) === REACT_PROVIDER_TYPE;
-          }
-          function isElement(object) {
-            return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-          }
-          function isForwardRef(object) {
-            return typeOf(object) === REACT_FORWARD_REF_TYPE;
-          }
-          function isFragment(object) {
-            return typeOf(object) === REACT_FRAGMENT_TYPE;
-          }
-          function isLazy(object) {
-            return typeOf(object) === REACT_LAZY_TYPE;
-          }
-          function isMemo(object) {
-            return typeOf(object) === REACT_MEMO_TYPE;
-          }
-          function isPortal(object) {
-            return typeOf(object) === REACT_PORTAL_TYPE;
-          }
-          function isProfiler(object) {
-            return typeOf(object) === REACT_PROFILER_TYPE;
-          }
-          function isStrictMode(object) {
-            return typeOf(object) === REACT_STRICT_MODE_TYPE;
-          }
-          function isSuspense(object) {
-            return typeOf(object) === REACT_SUSPENSE_TYPE;
-          }
-          exports.AsyncMode = AsyncMode;
-          exports.ConcurrentMode = ConcurrentMode;
-          exports.ContextConsumer = ContextConsumer;
-          exports.ContextProvider = ContextProvider;
-          exports.Element = Element;
-          exports.ForwardRef = ForwardRef;
-          exports.Fragment = Fragment6;
-          exports.Lazy = Lazy;
-          exports.Memo = Memo;
-          exports.Portal = Portal;
-          exports.Profiler = Profiler;
-          exports.StrictMode = StrictMode;
-          exports.Suspense = Suspense;
-          exports.isAsyncMode = isAsyncMode;
-          exports.isConcurrentMode = isConcurrentMode;
-          exports.isContextConsumer = isContextConsumer;
-          exports.isContextProvider = isContextProvider;
-          exports.isElement = isElement;
-          exports.isForwardRef = isForwardRef;
-          exports.isFragment = isFragment;
-          exports.isLazy = isLazy;
-          exports.isMemo = isMemo;
-          exports.isPortal = isPortal;
-          exports.isProfiler = isProfiler;
-          exports.isStrictMode = isStrictMode;
-          exports.isSuspense = isSuspense;
-          exports.isValidElementType = isValidElementType;
-          exports.typeOf = typeOf;
-        })();
-      }
-    }
-  });
-
-  // node_modules/.aspect_rules_js/react-is@16.13.1/node_modules/react-is/index.js
-  var require_react_is = __commonJS({
-    "node_modules/.aspect_rules_js/react-is@16.13.1/node_modules/react-is/index.js"(exports, module) {
-      "use strict";
-      if (false) {
-        module.exports = null;
-      } else {
-        module.exports = require_react_is_development();
-      }
-    }
-  });
-
-  // node_modules/.aspect_rules_js/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
-  var require_hoist_non_react_statics_cjs = __commonJS({
-    "node_modules/.aspect_rules_js/hoist-non-react-statics@3.3.2/node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports, module) {
-      "use strict";
-      var reactIs = require_react_is();
-      var REACT_STATICS = {
-        childContextTypes: true,
-        contextType: true,
-        contextTypes: true,
-        defaultProps: true,
-        displayName: true,
-        getDefaultProps: true,
-        getDerivedStateFromError: true,
-        getDerivedStateFromProps: true,
-        mixins: true,
-        propTypes: true,
-        type: true
-      };
-      var KNOWN_STATICS = {
-        name: true,
-        length: true,
-        prototype: true,
-        caller: true,
-        callee: true,
-        arguments: true,
-        arity: true
-      };
-      var FORWARD_REF_STATICS = {
-        "$$typeof": true,
-        render: true,
-        defaultProps: true,
-        displayName: true,
-        propTypes: true
-      };
-      var MEMO_STATICS = {
-        "$$typeof": true,
-        compare: true,
-        defaultProps: true,
-        displayName: true,
-        propTypes: true,
-        type: true
-      };
-      var TYPE_STATICS = {};
-      TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
-      TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
-      function getStatics(component) {
-        if (reactIs.isMemo(component)) {
-          return MEMO_STATICS;
-        }
-        return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
-      }
-      var defineProperty2 = Object.defineProperty;
-      var getOwnPropertyNames = Object.getOwnPropertyNames;
-      var getOwnPropertySymbols = Object.getOwnPropertySymbols;
-      var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
-      var getPrototypeOf = Object.getPrototypeOf;
-      var objectPrototype = Object.prototype;
-      function hoistNonReactStatics2(targetComponent, sourceComponent, blacklist) {
-        if (typeof sourceComponent !== "string") {
-          if (objectPrototype) {
-            var inheritedComponent = getPrototypeOf(sourceComponent);
-            if (inheritedComponent && inheritedComponent !== objectPrototype) {
-              hoistNonReactStatics2(targetComponent, inheritedComponent, blacklist);
-            }
-          }
-          var keys = getOwnPropertyNames(sourceComponent);
-          if (getOwnPropertySymbols) {
-            keys = keys.concat(getOwnPropertySymbols(sourceComponent));
-          }
-          var targetStatics = getStatics(targetComponent);
-          var sourceStatics = getStatics(sourceComponent);
-          for (var i = 0; i < keys.length; ++i) {
-            var key = keys[i];
-            if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
-              var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
-              try {
-                defineProperty2(targetComponent, key, descriptor);
-              } catch (e) {
-              }
-            }
-          }
-        }
-        return targetComponent;
-      }
-      module.exports = hoistNonReactStatics2;
-    }
-  });
-
   // packages/react-intl/index.ts
   var react_intl_exports = {};
   __export(react_intl_exports, {
@@ -341,8 +84,8 @@ var ReactIntl = (() => {
     FormattedRelativeTime: () => relative_default,
     FormattedTime: () => FormattedTime,
     FormattedTimeParts: () => FormattedTimeParts,
-    IntlContext: () => Context,
-    IntlProvider: () => IntlProvider2,
+    IntlContext: () => IntlContext,
+    IntlProvider: () => provider_default,
     InvalidConfigError: () => InvalidConfigError,
     MessageFormatError: () => MessageFormatError,
     MissingDataError: () => MissingDataError,
@@ -355,7 +98,6 @@ var ReactIntl = (() => {
     createIntlCache: () => createIntlCache,
     defineMessage: () => defineMessage,
     defineMessages: () => defineMessages,
-    injectIntl: () => injectIntl,
     useIntl: () => useIntl
   });
 
@@ -2103,10 +1845,10 @@ var ReactIntl = (() => {
   };
   var IDENTIFIER_PREFIX_RE = new RegExp("([^\\p{White_Space}\\p{Pattern_Syntax}]*)", "yu");
   function matchIdentifierAtIndex(s, index) {
-    var _a2;
+    var _a;
     IDENTIFIER_PREFIX_RE.lastIndex = index;
     const match = IDENTIFIER_PREFIX_RE.exec(s);
-    return (_a2 = match[1]) != null ? _a2 : "";
+    return (_a = match[1]) != null ? _a : "";
   }
   var Parser = class {
     constructor(message, options = {}) {
@@ -2414,7 +2156,7 @@ var ReactIntl = (() => {
       };
     }
     parseArgumentOptions(nestingLevel, expectingCloseTag, value, openingBracePosition) {
-      var _a2;
+      var _a;
       let typeStartPosition = this.clonePosition();
       let argType = this.parseIdentifierIfPossible().value;
       let typeEndPosition = this.clonePosition();
@@ -2495,7 +2237,7 @@ var ReactIntl = (() => {
               type: argType === "number" ? TYPE.number : argType === "date" ? TYPE.date : TYPE.time,
               value,
               location,
-              style: (_a2 = styleAndLocation == null ? void 0 : styleAndLocation.style) != null ? _a2 : null
+              style: (_a = styleAndLocation == null ? void 0 : styleAndLocation.style) != null ? _a : null
             },
             err: null
           };
@@ -8608,9 +8350,9 @@ var ReactIntl = (() => {
   // node_modules/.aspect_rules_js/@formatjs+intl-localematcher@0.0.0/node_modules/@formatjs/intl-localematcher/abstract/utils.js
   var PROCESSED_DATA;
   function processData() {
-    var _a2, _b;
+    var _a, _b;
     if (!PROCESSED_DATA) {
-      const paradigmLocales = (_b = (_a2 = data.supplemental.languageMatching["written-new"][0]) == null ? void 0 : _a2.paradigmLocales) == null ? void 0 : _b._locales.split(" ");
+      const paradigmLocales = (_b = (_a = data.supplemental.languageMatching["written-new"][0]) == null ? void 0 : _a.paradigmLocales) == null ? void 0 : _b._locales.split(" ");
       const matchVariables = data.supplemental.languageMatching["written-new"].slice(1, 5);
       const data2 = data.supplemental.languageMatching["written-new"].slice(5);
       const matches = data2.map((d) => {
@@ -9001,8 +8743,8 @@ Try polyfilling it using "@formatjs/intl-pluralrules"
       });
       __publicField(this, "formatToParts", (values) => formatToParts2(this.ast, this.locales, this.formatters, this.formats, values, void 0, this.message));
       __publicField(this, "resolvedOptions", () => {
-        var _a2;
-        return { locale: ((_a2 = this.resolvedLocale) == null ? void 0 : _a2.toString()) || Intl.NumberFormat.supportedLocalesOf(this.locales)[0] };
+        var _a;
+        return { locale: ((_a = this.resolvedLocale) == null ? void 0 : _a.toString()) || Intl.NumberFormat.supportedLocalesOf(this.locales)[0] };
       });
       __publicField(this, "getAst", () => this.ast);
       this.locales = locales;
@@ -9166,8 +8908,8 @@ Description: ${descriptor == null ? void 0 : descriptor.description}
   var MissingTranslationError = class extends IntlError {
     constructor(descriptor, locale) {
       super(IntlErrorCode.MISSING_TRANSLATION, `Missing message: "${descriptor.id}" for locale "${locale}", using ${descriptor.defaultMessage ? `default message (${typeof descriptor.defaultMessage === "string" ? descriptor.defaultMessage : descriptor.defaultMessage.map((e) => {
-        var _a2;
-        return (_a2 = e.value) != null ? _a2 : JSON.stringify(e);
+        var _a;
+        return (_a = e.value) != null ? _a : JSON.stringify(e);
       }).join()})` : "id"} as fallback.`);
       __publicField(this, "descriptor");
       this.descriptor = descriptor;
@@ -9710,53 +9452,16 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
     return true;
   }
 
-  // packages/react-intl/src/components/injectIntl.tsx
-  var hoistNonReactStaticsNs = __toESM(require_hoist_non_react_statics_cjs());
+  // packages/react-intl/src/components/context.ts
   var React2 = __toESM(window.React);
-  var _a;
-  var hoistNonReactStatics = (_a = hoistNonReactStaticsNs.default) != null ? _a : hoistNonReactStaticsNs;
-  function getDisplayName(Component) {
-    return Component.displayName || Component.name || "Component";
-  }
-  var IntlContext = typeof window !== "undefined" && !window.__REACT_INTL_BYPASS_GLOBAL_CONTEXT__ ? window.__REACT_INTL_CONTEXT__ || (window.__REACT_INTL_CONTEXT__ = React2.createContext(
+  var IntlContext = React2.createContext(
     null
-  )) : React2.createContext(null);
-  var { Consumer: IntlConsumer, Provider: IntlProvider } = IntlContext;
-  var Provider = IntlProvider;
-  var Context = IntlContext;
-  function injectIntl(WrappedComponent, options) {
-    const {
-      intlPropName = "intl",
-      forwardRef: forwardRef2 = false,
-      enforceContext = true
-    } = options || {};
-    const WithIntl = (props) => React2.createElement(IntlConsumer, null, (intl) => {
-      if (enforceContext) {
-        invariantIntlContext(intl);
-      }
-      const intlProp = { [intlPropName]: intl };
-      return React2.createElement(
-        WrappedComponent,
-        __spreadProps(__spreadValues(__spreadValues({}, props), intlProp), {
-          ref: forwardRef2 ? props.forwardedRef : null
-        })
-      );
-    });
-    WithIntl.displayName = `injectIntl(${getDisplayName(WrappedComponent)})`;
-    WithIntl.WrappedComponent = WrappedComponent;
-    if (forwardRef2) {
-      return hoistNonReactStatics(
-        // @ts-expect-error
-        React2.forwardRef((props, ref) => React2.createElement(WithIntl, __spreadProps(__spreadValues({}, props), { forwardedRef: ref }))),
-        WrappedComponent
-      );
-    }
-    return hoistNonReactStatics(WithIntl, WrappedComponent);
-  }
+  );
+  var Provider = IntlContext.Provider;
 
   // packages/react-intl/src/components/useIntl.ts
   function useIntl() {
-    const intl = React3.useContext(Context);
+    const intl = React3.useContext(IntlContext);
     invariantIntlContext(intl);
     return intl;
   }
@@ -9779,20 +9484,20 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
   })(DisplayNameParts || {});
   var FormattedNumberParts = (props) => {
     const intl = useIntl();
-    const _a2 = props, { value, children } = _a2, formatProps = __objRest(_a2, ["value", "children"]);
+    const _a = props, { value, children } = _a, formatProps = __objRest(_a, ["value", "children"]);
     return children(intl.formatNumberToParts(value, formatProps));
   };
   FormattedNumberParts.displayName = "FormattedNumberParts";
   var FormattedListParts = (props) => {
     const intl = useIntl();
-    const _a2 = props, { value, children } = _a2, formatProps = __objRest(_a2, ["value", "children"]);
+    const _a = props, { value, children } = _a, formatProps = __objRest(_a, ["value", "children"]);
     return children(intl.formatListToParts(value, formatProps));
   };
   FormattedNumberParts.displayName = "FormattedNumberParts";
   function createFormattedDateTimePartsComponent(name) {
     const ComponentParts = (props) => {
       const intl = useIntl();
-      const _a2 = props, { value, children } = _a2, formatProps = __objRest(_a2, ["value", "children"]);
+      const _a = props, { value, children } = _a, formatProps = __objRest(_a, ["value", "children"]);
       const date = typeof value === "string" ? new Date(value || 0) : value;
       const formattedParts = name === "formatDate" ? intl.formatDateToParts(date, formatProps) : intl.formatTimeToParts(date, formatProps);
       return children(formattedParts);
@@ -9803,7 +9508,7 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
   function createFormattedComponent(name) {
     const Component = (props) => {
       const intl = useIntl();
-      const _a2 = props, { value, children } = _a2, formatProps = __objRest(_a2, ["value", "children"]);
+      const _a = props, { value, children } = _a, formatProps = __objRest(_a, ["value", "children"]);
       const formattedValue = intl[name](value, formatProps);
       if (typeof children === "function") {
         return children(formattedValue);
@@ -9840,8 +9545,8 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
     }
     return chunks;
   };
-  var createIntl2 = (_a2, cache) => {
-    var _b = _a2, { defaultRichTextElements: rawDefaultRichTextElements } = _b, config2 = __objRest(_b, ["defaultRichTextElements"]);
+  var createIntl2 = (_a, cache) => {
+    var _b = _a, { defaultRichTextElements: rawDefaultRichTextElements } = _b, config2 = __objRest(_b, ["defaultRichTextElements"]);
     const defaultRichTextElements = assignUniqueKeysToFormatXMLElementFnArgument(
       rawDefaultRichTextElements
     );
@@ -9876,7 +9581,7 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
   var React5 = __toESM(window.React);
   var FormattedDateTimeRange = (props) => {
     const intl = useIntl();
-    const _a2 = props, { from, to, children } = _a2, formatProps = __objRest(_a2, ["from", "to", "children"]);
+    const _a = props, { from, to, children } = _a, formatProps = __objRest(_a, ["from", "to", "children"]);
     const formattedValue = intl.formatDateTimeRange(from, to, formatProps);
     if (typeof children === "function") {
       return children(formattedValue);
@@ -9890,7 +9595,7 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
   // packages/react-intl/src/components/message.tsx
   var React6 = __toESM(window.React);
   function areEqual(prevProps, nextProps) {
-    const _a2 = prevProps, { values } = _a2, otherProps = __objRest(_a2, ["values"]);
+    const _a = prevProps, { values } = _a, otherProps = __objRest(_a, ["values"]);
     const _b = nextProps, { values: nextValues } = _b, nextOtherProps = __objRest(_b, ["values"]);
     return shallowEqual(nextValues, values) && shallowEqual(otherProps, nextOtherProps);
   }
@@ -9962,33 +9667,27 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
       defaultRichTextElements: config2.defaultRichTextElements
     };
   }
-  var IntlProvider2 = class extends React8.PureComponent {
-    constructor() {
-      super(...arguments);
-      __publicField(this, "cache", createIntlCache());
-      __publicField(this, "state", {
-        cache: this.cache,
-        intl: createIntl2(processIntlConfig(this.props), this.cache),
-        prevConfig: processIntlConfig(this.props)
-      });
-    }
-    static getDerivedStateFromProps(props, { prevConfig, cache }) {
-      const config2 = processIntlConfig(props);
-      if (!shallowEqual(prevConfig, config2)) {
-        return {
-          intl: createIntl2(config2, cache),
-          prevConfig: config2
-        };
+  function IntlProviderImpl(props) {
+    const cacheRef = React8.useRef(createIntlCache());
+    const prevConfigRef = React8.useRef(void 0);
+    const intlRef = React8.useRef(void 0);
+    const filteredProps = {};
+    for (const key in props) {
+      if (props[key] !== void 0) {
+        filteredProps[key] = props[key];
       }
-      return null;
     }
-    render() {
-      invariantIntlContext(this.state.intl);
-      return React8.createElement(Provider, { value: this.state.intl }, this.props.children);
+    const config2 = processIntlConfig(__spreadValues(__spreadValues({}, DEFAULT_INTL_CONFIG2), filteredProps));
+    if (!prevConfigRef.current || !shallowEqual(prevConfigRef.current, config2)) {
+      prevConfigRef.current = config2;
+      intlRef.current = createIntl2(config2, cacheRef.current);
     }
-  };
-  __publicField(IntlProvider2, "displayName", "IntlProvider");
-  __publicField(IntlProvider2, "defaultProps", DEFAULT_INTL_CONFIG2);
+    invariantIntlContext(intlRef.current);
+    return React8.createElement(Provider, { value: intlRef.current }, props.children);
+  }
+  IntlProviderImpl.displayName = "IntlProvider";
+  var IntlProvider = IntlProviderImpl;
+  var provider_default = IntlProvider;
 
   // packages/react-intl/src/components/relative.tsx
   var React9 = __toESM(window.React);
@@ -10043,7 +9742,7 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
   }
   var SimpleFormattedRelativeTime = (props) => {
     const { formatRelativeTime: formatRelativeTime2, textComponent: Text } = useIntl();
-    const _a2 = props, { children, value, unit } = _a2, otherProps = __objRest(_a2, ["children", "value", "unit"]);
+    const _a = props, { children, value, unit } = _a, otherProps = __objRest(_a, ["children", "value", "unit"]);
     const formattedRelativeTime = formatRelativeTime2(value || 0, unit, otherProps);
     if (typeof children === "function") {
       return children(formattedRelativeTime);
@@ -10053,8 +9752,8 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
     }
     return React9.createElement(React9.Fragment, null, formattedRelativeTime);
   };
-  var FormattedRelativeTime = (_a2) => {
-    var _b = _a2, {
+  var FormattedRelativeTime = (_a) => {
+    var _b = _a, {
       value = 0,
       unit = "second",
       updateIntervalInSeconds
@@ -10142,16 +9841,6 @@ For more details see https://formatjs.github.io/docs/getting-started/message-dis
 })();
 /*! Bundled license information:
 
-react-is/cjs/react-is.development.js:
-  (** @license React v16.13.1
-   * react-is.development.js
-   *
-   * Copyright (c) Facebook, Inc. and its affiliates.
-   *
-   * This source code is licensed under the MIT license found in the
-   * LICENSE file in the root directory of this source tree.
-   *)
-
 decimal.js/decimal.mjs:
   (*!
    *  decimal.js v10.6.0

package/server.d.ts

@@ -0,0 +1,10 @@
+import { type MessageDescriptor } from "@formatjs/intl";
+export { createIntlCache, type IntlCache, type MessageDescriptor } from "@formatjs/intl";
+export { createIntl } from "./src/components/createIntl.js";
+export type { IntlConfig, IntlShape, ResolvedIntlConfig } from "./src/types.js";
+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;

package/server.js

@@ -0,0 +1,10 @@
+import "@formatjs/intl";
+export { createIntlCache } from "@formatjs/intl";
+export { createIntl } from "./src/components/createIntl.js";
+// Identity functions — duplicated here to avoid importing from "use client" index
+export function defineMessages(msgs) {
+	return msgs;
+}
+export function defineMessage(msg) {
+	return msg;
+}

package/src/components/context.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import { type IntlShape } from "../types.js";
+declare const IntlContext: React.Context<IntlShape>;
+declare const Provider: React.Provider<IntlShape>;
+export { Provider, IntlContext as Context };

package/src/components/context.js

@@ -0,0 +1,5 @@
+import * as React from "react";
+import "../types.js";
+const IntlContext = React.createContext(null);
+const Provider = IntlContext.Provider;
+export { Provider, IntlContext as Context };

package/src/components/provider.d.ts

@@ -1,28 +1,4 @@
-import { type IntlCache } from "@formatjs/intl";
 import * as React from "react";
-import type { IntlConfig, IntlShape } from "../types.js";
-import { type DefaultIntlConfig } from "../utils.js";
-interface State {
-	/**
-	* Explicit intl cache to prevent memory leaks
-	*/
-	cache: IntlCache;
-	/**
-	* Intl object we created
-	*/
-	intl?: IntlShape;
-	/**
-	* list of memoized config we care about.
-	* This is important since creating intl is
-	* very expensive
-	*/
-	prevConfig: IntlConfig;
-}
-export default class IntlProvider extends React.PureComponent<React.PropsWithChildren<IntlConfig>, State> {
-	static displayName: string;
-	static defaultProps: DefaultIntlConfig;
-	private cache;
-	state: State;
-	static getDerivedStateFromProps(props: Readonly<IntlConfig>, { prevConfig, cache }: State): Partial<State> | null;
-	render(): React.JSX.Element;
-}
+import type { IntlConfig } from "../types.js";
+declare const IntlProvider: React.FC<React.PropsWithChildren<IntlConfig>>;
+export default IntlProvider;

package/src/components/provider.js

@@ -7,7 +7,7 @@ import { createIntlCache } from "@formatjs/intl";
 import * as React from "react";
 import { DEFAULT_INTL_CONFIG, invariantIntlContext, shallowEqual } from "../utils.js";
 import { createIntl } from "./createIntl.js";
-import { Provider } from "./injectIntl.js";
+import { Provider } from "./context.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 function processIntlConfig(config) {
 	return {
@@ -25,30 +25,33 @@ function processIntlConfig(config) {
 		defaultRichTextElements: config.defaultRichTextElements
 	};
 }
-export default class IntlProvider extends React.PureComponent {
-	static displayName = "IntlProvider";
-	static defaultProps = DEFAULT_INTL_CONFIG;
-	cache = createIntlCache();
-	state = {
-		cache: this.cache,
-		intl: createIntl(processIntlConfig(this.props), this.cache),
-		prevConfig: processIntlConfig(this.props)
-	};
-	static getDerivedStateFromProps(props, { prevConfig, cache }) {
-		const config = processIntlConfig(props);
-		if (!shallowEqual(prevConfig, config)) {
-			return {
-				intl: createIntl(config, cache),
-				prevConfig: config
-			};
+function IntlProviderImpl(props) {
+	const cacheRef = React.useRef(createIntlCache());
+	const prevConfigRef = React.useRef(undefined);
+	const intlRef = React.useRef(undefined);
+	// Filter out undefined values from props so they don't override defaults.
+	// React's defaultProps treated `prop={undefined}` as "not provided"; we
+	// replicate that behaviour here after converting to a function component.
+	const filteredProps = {};
+	for (const key in props) {
+		if (props[key] !== undefined) {
+			filteredProps[key] = props[key];
 		}
-		return null;
 	}
-	render() {
-		invariantIntlContext(this.state.intl);
-		return /* @__PURE__ */ _jsx(Provider, {
-			value: this.state.intl,
-			children: this.props.children
-		});
+	const config = processIntlConfig({
+		...DEFAULT_INTL_CONFIG,
+		...filteredProps
+	});
+	if (!prevConfigRef.current || !shallowEqual(prevConfigRef.current, config)) {
+		prevConfigRef.current = config;
+		intlRef.current = createIntl(config, cacheRef.current);
 	}
+	invariantIntlContext(intlRef.current);
+	return /* @__PURE__ */ _jsx(Provider, {
+		value: intlRef.current,
+		children: props.children
+	});
 }
+IntlProviderImpl.displayName = "IntlProvider";
+const IntlProvider = IntlProviderImpl;
+export default IntlProvider;

package/src/components/useIntl.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import "../types.js";
 import { invariantIntlContext } from "../utils.js";
-import { Context } from "./injectIntl.js";
+import { Context } from "./context.js";
 export default function useIntl() {
 	const intl = React.useContext(Context);
 	invariantIntlContext(intl);

package/src/components/injectIntl.d.ts

@@ -1,50 +0,0 @@
-import * as React from "react";
-import { type IntlShape } from "../types.js";
-declare global {
-	interface Window {
-		/**
-		* Set this to `true` prior to mounting to bypass using a globally-exposed context.
-		*/
-		__REACT_INTL_BYPASS_GLOBAL_CONTEXT__: boolean | undefined;
-		__REACT_INTL_CONTEXT__: React.Context<IntlShape> | undefined;
-	}
-}
-export declare const Provider: React.Provider<IntlShape>;
-export declare const Context: React.Context<IntlShape>;
-export interface Opts<
-	IntlPropName extends string = "intl",
-	ForwardRef extends boolean = false
-> {
-	intlPropName?: IntlPropName;
-	forwardRef?: ForwardRef;
-	enforceContext?: boolean;
-}
-export type WrappedComponentProps<IntlPropName extends string = "intl"> = { [k in IntlPropName] : IntlShape };
-/**
-* Utility type to help deal with the fact that `Omit` doesn't play well with unions:
-* - https://github.com/microsoft/TypeScript/issues/31501
-* - https://github.com/microsoft/TypeScript/issues/28339
-*
-* @example
-*      DistributedOmit<X | Y, K>  -->  Omit<X, K> | Omit<Y, K>
-*/
-export type DistributedOmit<
-	T,
-	K extends PropertyKey
-> = T extends unknown ? Omit<T, K> : never;
-export type WithIntlProps<P> = DistributedOmit<P, keyof WrappedComponentProps> & {
-	forwardedRef?: React.Ref<any>;
-};
-export default function injectIntl<
-	IntlPropName extends string = "intl",
-	P extends WrappedComponentProps<IntlPropName> = WrappedComponentProps<any>
->(WrappedComponent: React.ComponentType<P>, options?: Opts<IntlPropName, false>): React.FC<WithIntlProps<P>> & {
-	WrappedComponent: React.ComponentType<P>;
-};
-export default function injectIntl<
-	IntlPropName extends string = "intl",
-	P extends WrappedComponentProps<IntlPropName> = WrappedComponentProps<any>,
-	T extends React.ComponentType<P> = any
->(WrappedComponent: React.ComponentType<P>, options?: Opts<IntlPropName, true>): React.ForwardRefExoticComponent<React.PropsWithoutRef<WithIntlProps<React.PropsWithChildren<P>>> & React.RefAttributes<T>> & {
-	WrappedComponent: React.ComponentType<P>;
-};

package/src/components/injectIntl.js

@@ -1,42 +0,0 @@
-import * as hoistNonReactStaticsNs from "hoist-non-react-statics";
-import * as React from "react";
-import "../types.js";
-import { invariantIntlContext } from "../utils.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const hoistNonReactStatics = hoistNonReactStaticsNs.default ?? hoistNonReactStaticsNs;
-function getDisplayName(Component) {
-	return Component.displayName || Component.name || "Component";
-}
-// This is primarily dealing with packaging systems where multiple copies of react-intl
-// might exist
-const IntlContext = typeof window !== "undefined" && !window.__REACT_INTL_BYPASS_GLOBAL_CONTEXT__ ? window.__REACT_INTL_CONTEXT__ || (window.__REACT_INTL_CONTEXT__ = React.createContext(null)) : React.createContext(null);
-const { Consumer: IntlConsumer, Provider: IntlProvider } = IntlContext;
-export const Provider = IntlProvider;
-export const Context = IntlContext;
-export default function injectIntl(WrappedComponent, options) {
-	const { intlPropName = "intl", forwardRef = false, enforceContext = true } = options || {};
-	const WithIntl = (props) => /* @__PURE__ */ _jsx(IntlConsumer, { children: (intl) => {
-		if (enforceContext) {
-			invariantIntlContext(intl);
-		}
-		const intlProp = { [intlPropName]: intl };
-		return /* @__PURE__ */ _jsx(WrappedComponent, {
-			...props,
-			...intlProp,
-			ref: forwardRef ? props.forwardedRef : null
-		});
-	} });
-	WithIntl.displayName = `injectIntl(${getDisplayName(WrappedComponent)})`;
-	WithIntl.WrappedComponent = WrappedComponent;
-	if (forwardRef) {
-		return hoistNonReactStatics(
-			// @ts-expect-error
-			React.forwardRef((props, ref) => /* @__PURE__ */ _jsx(WithIntl, {
-				...props,
-				forwardedRef: ref
-			})),
-			WrappedComponent
-		);
-	}
-	return hoistNonReactStatics(WithIntl, WrappedComponent);
-}