@trycourier/courier-react 8.0.7-beta → 8.0.8-beta

package/dist/index.mjs

@@ -1,10 +1,6 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import React, { version, useRef, useEffect } from "react";
+import React, { useRef, useEffect } from "react";
 import require$$1 from "object-assign";
-import { flushSync } from "react-dom";
-import { createRoot } from "react-dom/client";
+import ReactDOM, { flushSync } from "react-dom";
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -1106,12 +1102,12 @@ const _Courier = class _Courier2 {
 };
 __publicField$1(_Courier, "instance");
 let Courier = _Courier;
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __defProp22 = Object.defineProperty;
-var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField22 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
 const CourierColors = {
   black: {
     500: "#171717",
@@ -1183,8 +1179,8 @@ const addSystemThemeModeListener = (callback) => {
 class CourierSystemThemeElement extends HTMLElement {
   constructor() {
     super();
-    __publicField22(this, "_currentSystemTheme");
-    __publicField22(this, "_systemThemeCleanup");
+    __publicField2(this, "_currentSystemTheme");
+    __publicField2(this, "_systemThemeCleanup");
     this._currentSystemTheme = getSystemThemeMode();
     this._systemThemeCleanup = addSystemThemeModeListener((mode) => {
       this._currentSystemTheme = mode;
@@ -1234,8 +1230,8 @@ const CourierButtonVariants = {
 class CourierButton extends CourierSystemThemeElement {
   constructor(props) {
     super();
-    __publicField22(this, "_button");
-    __publicField22(this, "_style");
+    __publicField2(this, "_button");
+    __publicField2(this, "_style");
     const shadow = this.attachShadow({ mode: "open" });
     this._button = document.createElement("button");
     this._button.setAttribute("part", "button");
@@ -1359,10 +1355,10 @@ const CourierIconSVGs = {
 class CourierIcon extends HTMLElement {
   constructor(color, svg) {
     super();
-    __publicField22(this, "_color");
-    __publicField22(this, "_svg");
-    __publicField22(this, "_iconContainer");
-    __publicField22(this, "_style");
+    __publicField2(this, "_color");
+    __publicField2(this, "_svg");
+    __publicField2(this, "_iconContainer");
+    __publicField2(this, "_style");
     this._color = color ?? CourierColors.black[500];
     this._svg = svg;
     const shadow = this.attachShadow({ mode: "open" });
@@ -1413,7 +1409,7 @@ if (!customElements.get("courier-icon")) {
 class CourierLink extends HTMLElement {
   constructor() {
     super();
-    __publicField22(this, "link");
+    __publicField2(this, "link");
     const shadow = this.attachShadow({ mode: "open" });
     this.link = document.createElement("a");
     this.link.setAttribute("part", "link");
@@ -1561,7 +1557,7 @@ class CourierLink extends HTMLElement {
     }
   }
 }
-__publicField22(CourierLink, "observedAttributes", [
+__publicField2(CourierLink, "observedAttributes", [
   "href",
   "variant",
   "disabled",
@@ -1578,7 +1574,7 @@ if (!customElements.get("courier-link")) {
 class CourierElement extends CourierSystemThemeElement {
   constructor() {
     super();
-    __publicField22(this, "shadow");
+    __publicField2(this, "shadow");
     this.shadow = this.attachShadow({ mode: "open" });
   }
   // Build the element with a factory function
@@ -1605,11 +1601,11 @@ class CourierElement extends CourierSystemThemeElement {
 class CourierInfoState extends CourierElement {
   constructor(props) {
     super();
-    __publicField22(this, "_props");
-    __publicField22(this, "_title");
-    __publicField22(this, "_button");
-    __publicField22(this, "_style");
-    __publicField22(this, "_buttonClickCallback", null);
+    __publicField2(this, "_props");
+    __publicField2(this, "_title");
+    __publicField2(this, "_button");
+    __publicField2(this, "_style");
+    __publicField2(this, "_buttonClickCallback", null);
     this._props = props;
   }
   defaultElement() {
@@ -1686,15 +1682,15 @@ if (!customElements.get("courier-info-state")) {
 class CourierIconButton extends HTMLElement {
   constructor(svg, color, backgroundColor, hoverBackgroundColor, activeBackgroundColor, borderRadius, height, width) {
     super();
-    __publicField22(this, "_backgroundColor");
-    __publicField22(this, "_hoverBackgroundColor");
-    __publicField22(this, "_activeBackgroundColor");
-    __publicField22(this, "_borderRadius");
-    __publicField22(this, "_height");
-    __publicField22(this, "_width");
-    __publicField22(this, "_style");
-    __publicField22(this, "_button");
-    __publicField22(this, "_icon");
+    __publicField2(this, "_backgroundColor");
+    __publicField2(this, "_hoverBackgroundColor");
+    __publicField2(this, "_activeBackgroundColor");
+    __publicField2(this, "_borderRadius");
+    __publicField2(this, "_height");
+    __publicField2(this, "_width");
+    __publicField2(this, "_style");
+    __publicField2(this, "_button");
+    __publicField2(this, "_icon");
     this._borderRadius = borderRadius;
     this._backgroundColor = backgroundColor;
     this._hoverBackgroundColor = hoverBackgroundColor;
@@ -1839,9 +1835,9 @@ function getMessageTime(message) {
 class CourierListItemActionMenu extends HTMLElement {
   constructor(theme2) {
     super();
-    __publicField2(this, "_theme");
-    __publicField2(this, "_options", []);
-    __publicField2(this, "_style");
+    __publicField(this, "_theme");
+    __publicField(this, "_options", []);
+    __publicField(this, "_style");
     this._theme = theme2;
     const shadow = this.attachShadow({ mode: "open" });
     this._style = document.createElement("style");
@@ -1934,12 +1930,12 @@ if (!customElements.get("courier-list-item-menu")) {
 }
 const _CourierInboxDatastore = class _CourierInboxDatastore2 {
   constructor() {
-    __publicField2(this, "_inboxDataSet");
-    __publicField2(this, "_archiveDataSet");
-    __publicField2(this, "_dataStoreListeners", []);
-    __publicField2(this, "_unreadCount");
-    __publicField2(this, "isPaginatingInbox", false);
-    __publicField2(this, "isPaginatingArchive", false);
+    __publicField(this, "_inboxDataSet");
+    __publicField(this, "_archiveDataSet");
+    __publicField(this, "_dataStoreListeners", []);
+    __publicField(this, "_unreadCount");
+    __publicField(this, "isPaginatingInbox", false);
+    __publicField(this, "isPaginatingArchive", false);
   }
   static get shared() {
     if (!_CourierInboxDatastore2.instance) {
@@ -2621,27 +2617,27 @@ const _CourierInboxDatastore = class _CourierInboxDatastore2 {
     };
   }
 };
-__publicField2(_CourierInboxDatastore, "instance");
+__publicField(_CourierInboxDatastore, "instance");
 let CourierInboxDatastore = _CourierInboxDatastore;
 class CourierListItem extends HTMLElement {
   constructor(theme2) {
     super();
-    __publicField2(this, "_theme");
-    __publicField2(this, "_message", null);
-    __publicField2(this, "_feedType", "inbox");
-    __publicField2(this, "_isMobile", false);
-    __publicField2(this, "_titleElement");
-    __publicField2(this, "_subtitleElement");
-    __publicField2(this, "_timeElement");
-    __publicField2(this, "_style");
-    __publicField2(this, "_menu");
-    __publicField2(this, "_unreadIndicator");
-    __publicField2(this, "_actionsContainer");
-    __publicField2(this, "_longPressTimeout", null);
-    __publicField2(this, "_isLongPress", false);
-    __publicField2(this, "onItemClick", null);
-    __publicField2(this, "onItemLongPress", null);
-    __publicField2(this, "onItemActionClick", null);
+    __publicField(this, "_theme");
+    __publicField(this, "_message", null);
+    __publicField(this, "_feedType", "inbox");
+    __publicField(this, "_isMobile", false);
+    __publicField(this, "_titleElement");
+    __publicField(this, "_subtitleElement");
+    __publicField(this, "_timeElement");
+    __publicField(this, "_style");
+    __publicField(this, "_menu");
+    __publicField(this, "_unreadIndicator");
+    __publicField(this, "_actionsContainer");
+    __publicField(this, "_longPressTimeout", null);
+    __publicField(this, "_isLongPress", false);
+    __publicField(this, "onItemClick", null);
+    __publicField(this, "onItemLongPress", null);
+    __publicField(this, "onItemActionClick", null);
     this._theme = theme2;
     this._isMobile = "ontouchstart" in window;
     const shadow = this.attachShadow({ mode: "open" });
@@ -2999,7 +2995,7 @@ if (!customElements.get("courier-list-item")) {
 class CourierInboxSkeletonListItem extends HTMLElement {
   constructor(theme2, opacity) {
     super();
-    __publicField2(this, "_shadow");
+    __publicField(this, "_shadow");
     this._shadow = this.attachShadow({ mode: "open" });
     const style = document.createElement("style");
     style.textContent = this.getStyles(opacity);
@@ -3031,7 +3027,7 @@ if (!customElements.get("courier-inbox-skeleton-list-item")) {
 class CourierSkeletonAnimatedRow extends HTMLElement {
   constructor(theme2, widthPercent) {
     super();
-    __publicField2(this, "_shadow");
+    __publicField(this, "_shadow");
     this._shadow = this.attachShadow({ mode: "open" });
     const style = document.createElement("style");
     style.textContent = this.getStyles(theme2, widthPercent);
@@ -3089,7 +3085,7 @@ if (!customElements.get("courier-skeleton-animated-row")) {
 class CourierInboxSkeletonList extends CourierElement {
   constructor(theme2) {
     super();
-    __publicField2(this, "_theme");
+    __publicField(this, "_theme");
     this._theme = theme2;
   }
   defaultElement() {
@@ -3141,10 +3137,10 @@ if (!customElements.get("courier-inbox-skeleton-list")) {
 class CourierInboxPaginationListItem extends HTMLElement {
   constructor(props) {
     super();
-    __publicField2(this, "skeletonLoadingList");
-    __publicField2(this, "observer");
-    __publicField2(this, "customItem");
-    __publicField2(this, "onPaginationTrigger");
+    __publicField(this, "skeletonLoadingList");
+    __publicField(this, "observer");
+    __publicField(this, "customItem");
+    __publicField(this, "onPaginationTrigger");
     this.onPaginationTrigger = props.onPaginationTrigger;
     this.customItem = props.customItem;
     const shadow = this.attachShadow({ mode: "open" });
@@ -3193,22 +3189,22 @@ if (!customElements.get("courier-inbox-pagination-list-item")) {
 class CourierInboxList extends HTMLElement {
   constructor(props) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_messages", []);
-    __publicField2(this, "_feedType", "inbox");
-    __publicField2(this, "_isLoading", true);
-    __publicField2(this, "_error", null);
-    __publicField2(this, "_canPaginate", false);
-    __publicField2(this, "_onMessageClick", null);
-    __publicField2(this, "_onMessageActionClick", null);
-    __publicField2(this, "_onMessageLongPress", null);
-    __publicField2(this, "_onRefresh");
-    __publicField2(this, "_onPaginationTrigger");
-    __publicField2(this, "_listItemFactory");
-    __publicField2(this, "_paginationItemFactory");
-    __publicField2(this, "_loadingStateFactory");
-    __publicField2(this, "_emptyStateFactory");
-    __publicField2(this, "_errorStateFactory");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_messages", []);
+    __publicField(this, "_feedType", "inbox");
+    __publicField(this, "_isLoading", true);
+    __publicField(this, "_error", null);
+    __publicField(this, "_canPaginate", false);
+    __publicField(this, "_onMessageClick", null);
+    __publicField(this, "_onMessageActionClick", null);
+    __publicField(this, "_onMessageLongPress", null);
+    __publicField(this, "_onRefresh");
+    __publicField(this, "_onPaginationTrigger");
+    __publicField(this, "_listItemFactory");
+    __publicField(this, "_paginationItemFactory");
+    __publicField(this, "_loadingStateFactory");
+    __publicField(this, "_emptyStateFactory");
+    __publicField(this, "_errorStateFactory");
     this._themeSubscription = props.themeManager.subscribe((_) => {
       this.refreshTheme();
     });
@@ -3443,14 +3439,14 @@ if (!customElements.get("courier-inbox-list")) {
 class CourierInboxOptionMenuItem extends HTMLElement {
   constructor(props) {
     super();
-    __publicField2(this, "_option");
-    __publicField2(this, "_isSelected");
-    __publicField2(this, "_content");
-    __publicField2(this, "_itemIcon");
-    __publicField2(this, "_title");
-    __publicField2(this, "_selectionIcon");
-    __publicField2(this, "_style");
-    __publicField2(this, "_themeManager");
+    __publicField(this, "_option");
+    __publicField(this, "_isSelected");
+    __publicField(this, "_content");
+    __publicField(this, "_itemIcon");
+    __publicField(this, "_title");
+    __publicField(this, "_selectionIcon");
+    __publicField(this, "_style");
+    __publicField(this, "_themeManager");
     this._option = props.option;
     this._isSelected = props.isSelected;
     this._themeManager = props.themeManager;
@@ -3536,15 +3532,15 @@ if (!customElements.get("courier-inbox-filter-menu-item")) {
 class CourierInboxOptionMenu extends HTMLElement {
   constructor(themeManager, type, selectable, options, onMenuOpen) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_type");
-    __publicField2(this, "_selectedIndex", 0);
-    __publicField2(this, "_options");
-    __publicField2(this, "_selectable");
-    __publicField2(this, "_onMenuOpen");
-    __publicField2(this, "_menuButton");
-    __publicField2(this, "_menu");
-    __publicField2(this, "_style");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_type");
+    __publicField(this, "_selectedIndex", 0);
+    __publicField(this, "_options");
+    __publicField(this, "_selectable");
+    __publicField(this, "_onMenuOpen");
+    __publicField(this, "_menuButton");
+    __publicField(this, "_menu");
+    __publicField(this, "_style");
     this._type = type;
     this._selectable = selectable;
     this._options = options;
@@ -3665,11 +3661,11 @@ if (!customElements.get("courier-inbox-option-menu")) {
 class CourierUnreadCountBadge extends HTMLElement {
   constructor(props) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_location");
-    __publicField2(this, "_count", 0);
-    __publicField2(this, "_badge");
-    __publicField2(this, "_style");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_location");
+    __publicField(this, "_count", 0);
+    __publicField(this, "_badge");
+    __publicField(this, "_style");
     this._location = props.location;
     this._themeSubscription = props.themeBus.subscribe((_) => {
       this.refreshTheme(this._location);
@@ -3734,14 +3730,14 @@ if (!customElements.get("courier-unread-count-badge")) {
 class CourierInboxHeaderTitle extends HTMLElement {
   constructor(themeManager, option) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_option");
-    __publicField2(this, "_feedType");
-    __publicField2(this, "_titleElement");
-    __publicField2(this, "_iconElement");
-    __publicField2(this, "_unreadBadge");
-    __publicField2(this, "_container");
-    __publicField2(this, "_style");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_option");
+    __publicField(this, "_feedType");
+    __publicField(this, "_titleElement");
+    __publicField(this, "_iconElement");
+    __publicField(this, "_unreadBadge");
+    __publicField(this, "_container");
+    __publicField(this, "_style");
     this._option = option;
     const shadow = this.attachShadow({ mode: "open" });
     this._style = document.createElement("style");
@@ -3831,14 +3827,14 @@ if (!customElements.get("courier-inbox-header-title")) {
 class CourierInboxHeader extends CourierElement {
   constructor(props) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_feedType", "inbox");
-    __publicField2(this, "_unreadCount", 0);
-    __publicField2(this, "_titleSection");
-    __publicField2(this, "_filterMenu");
-    __publicField2(this, "_actionMenu");
-    __publicField2(this, "_style");
-    __publicField2(this, "_onFeedTypeChange");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_feedType", "inbox");
+    __publicField(this, "_unreadCount", 0);
+    __publicField(this, "_titleSection");
+    __publicField(this, "_filterMenu");
+    __publicField(this, "_actionMenu");
+    __publicField(this, "_style");
+    __publicField(this, "_onFeedTypeChange");
     this._themeSubscription = props.themeManager.subscribe((_) => {
       this.refreshTheme();
     });
@@ -4034,7 +4030,7 @@ if (!customElements.get("courier-inbox-header")) {
 }
 class CourierInboxDataStoreListener {
   constructor(events) {
-    __publicField2(this, "events");
+    __publicField(this, "events");
     this.events = events;
   }
   remove() {
@@ -4703,15 +4699,15 @@ const mergeTheme = (mode, theme2) => {
 };
 class CourierInboxThemeManager {
   constructor(initialTheme) {
-    __publicField2(this, "THEME_CHANGE_EVENT", "courier_inbox_theme_change");
-    __publicField2(this, "_theme");
-    __publicField2(this, "_lightTheme", defaultLightTheme);
-    __publicField2(this, "_darkTheme", defaultDarkTheme);
-    __publicField2(this, "_target");
-    __publicField2(this, "_subscriptions", []);
-    __publicField2(this, "_userMode");
-    __publicField2(this, "_systemMode");
-    __publicField2(this, "_systemThemeCleanup");
+    __publicField(this, "THEME_CHANGE_EVENT", "courier_inbox_theme_change");
+    __publicField(this, "_theme");
+    __publicField(this, "_lightTheme", defaultLightTheme);
+    __publicField(this, "_darkTheme", defaultDarkTheme);
+    __publicField(this, "_target");
+    __publicField(this, "_subscriptions", []);
+    __publicField(this, "_userMode");
+    __publicField(this, "_systemMode");
+    __publicField(this, "_systemThemeCleanup");
     this._theme = initialTheme;
     this._target = new EventTarget();
     this._userMode = "system";
@@ -4811,19 +4807,19 @@ let CourierInbox$1 = class CourierInbox extends HTMLElement {
   constructor(themeManager) {
     var _a;
     super();
-    __publicField2(this, "_currentFeed", "inbox");
-    __publicField2(this, "_themeManager");
-    __publicField2(this, "_shadow");
-    __publicField2(this, "_list");
-    __publicField2(this, "_datastoreListener");
-    __publicField2(this, "_authListener");
-    __publicField2(this, "_style");
-    __publicField2(this, "_header");
-    __publicField2(this, "_headerFactory");
-    __publicField2(this, "_onMessageClick");
-    __publicField2(this, "_onMessageActionClick");
-    __publicField2(this, "_onMessageLongPress");
-    __publicField2(this, "_defaultProps", {
+    __publicField(this, "_currentFeed", "inbox");
+    __publicField(this, "_themeManager");
+    __publicField(this, "_shadow");
+    __publicField(this, "_list");
+    __publicField(this, "_datastoreListener");
+    __publicField(this, "_authListener");
+    __publicField(this, "_style");
+    __publicField(this, "_header");
+    __publicField(this, "_headerFactory");
+    __publicField(this, "_onMessageClick");
+    __publicField(this, "_onMessageActionClick");
+    __publicField(this, "_onMessageLongPress");
+    __publicField(this, "_defaultProps", {
       title: "Inbox",
       icon: CourierIconSVGs.inbox,
       feedType: this._currentFeed,
@@ -5113,10 +5109,10 @@ if (!customElements.get("courier-inbox")) {
 class CourierInboxMenuButton extends CourierElement {
   constructor(themeBus) {
     super();
-    __publicField2(this, "_themeSubscription");
-    __publicField2(this, "_container");
-    __publicField2(this, "_triggerButton");
-    __publicField2(this, "_unreadCountBadge");
+    __publicField(this, "_themeSubscription");
+    __publicField(this, "_container");
+    __publicField(this, "_triggerButton");
+    __publicField(this, "_unreadCountBadge");
     this._themeSubscription = themeBus.subscribe((_) => {
       this.updateTheme();
     });
@@ -5179,20 +5175,20 @@ if (!customElements.get("courier-inbox-menu-button")) {
 let CourierInboxMenu$1 = class CourierInboxMenu extends HTMLElement {
   constructor() {
     super();
-    __publicField2(this, "_width", "440px");
-    __publicField2(this, "_height", "440px");
-    __publicField2(this, "_popupAlignment", "top-right");
-    __publicField2(this, "_top", "40px");
-    __publicField2(this, "_right", "0");
-    __publicField2(this, "_bottom", "40px");
-    __publicField2(this, "_left", "0");
-    __publicField2(this, "_themeManager", new CourierInboxThemeManager(defaultLightTheme));
-    __publicField2(this, "_triggerButton");
-    __publicField2(this, "_popup");
-    __publicField2(this, "_inbox");
-    __publicField2(this, "_style");
-    __publicField2(this, "_datastoreListener");
-    __publicField2(this, "_popupMenuButtonFactory");
+    __publicField(this, "_width", "440px");
+    __publicField(this, "_height", "440px");
+    __publicField(this, "_popupAlignment", "top-right");
+    __publicField(this, "_top", "40px");
+    __publicField(this, "_right", "0");
+    __publicField(this, "_bottom", "40px");
+    __publicField(this, "_left", "0");
+    __publicField(this, "_themeManager", new CourierInboxThemeManager(defaultLightTheme));
+    __publicField(this, "_triggerButton");
+    __publicField(this, "_popup");
+    __publicField(this, "_inbox");
+    __publicField(this, "_style");
+    __publicField(this, "_datastoreListener");
+    __publicField(this, "_popupMenuButtonFactory");
     const shadow = this.attachShadow({ mode: "open" });
     this._triggerButton = new CourierInboxMenuButton(this._themeManager);
     this._triggerButton.build(void 0);
@@ -6448,31 +6444,22 @@ function requireJsxRuntime() {
   return jsxRuntime.exports;
 }
 var jsxRuntimeExports = requireJsxRuntime();
-class ModernRenderer {
-  static render(node, container) {
-    flushSync(() => {
-      const root = createRoot(container);
-      root.render(node);
-    });
-  }
-}
-const _Renderer = class _Renderer {
-  static async render(node, container) {
-    if (_Renderer.reactVersion >= 18) {
-      ModernRenderer.render(node, container);
-    } else {
-      const { default: LegacyRenderer } = await import("./legacy-O6WN3SMx.mjs");
-      LegacyRenderer.render(node, container);
-    }
-  }
-};
-__publicField(_Renderer, "reactVersion", parseInt(version.split(".")[0]));
-let Renderer = _Renderer;
 function reactNodeToHTMLElement(node) {
   const container = document.createElement("div");
-  Renderer.render(node, container);
+  flushSync(() => {
+    render(node, container);
+  });
   return container;
 }
+function render(node, container) {
+  const createRoot = ReactDOM["createRoot"];
+  if (createRoot instanceof Function) {
+    const root = createRoot(container);
+    return root.render(node);
+  }
+  const render2 = ReactDOM["render"];
+  return render2(node, container);
+}
 const CourierInbox2 = (props) => {
   const inboxRef = useRef(null);
   useEffect(() => {