@bigbinary/neeto-commons-frontend 2.0.123 → 2.0.125

package/react-utils.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { ComponentType, ElementType, ReactNode } from "react";
 import { RouteProps } from "react-router-dom";
 import { Notice } from "@honeybadger-io/js/dist/server/types/core/types";
 import { History } from "history";
@@ -47,8 +47,9 @@ import { UseQueryOptions, UseQueryResult, UseMutationOptions, UseMutationResult
  *
 */
 export const HoneybadgerErrorBoundary: React.FC<{
-  ErrorComponent?: React.ReactNode | React.ComponentType<any>;
+  ErrorComponent?: ReactNode | ComponentType | ElementType;
   filterErrors?: (error: Notice) => boolean;
+  children?: ReactNode;
 }>;
 /**
  *

package/react-utils.js

@@ -67,7 +67,7 @@ var FallbackComponent = function FallbackComponent() {
     style: "h2",
     weight: "semibold"
   }, t("neetoCommons.fallbackComponent.somethingWentWrong")), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "mb-8 text-gray-600",
+    className: "neeto-ui-text-gray-600 mb-8",
     component: "p",
     style: "body1",
     weight: "normal"
@@ -76,14 +76,12 @@ var FallbackComponent = function FallbackComponent() {
     components: {
       reloading: /*#__PURE__*/React__default.createElement(Button, {
         style: "link",
-        label: t("neetoCommons.fallbackComponent.reloadingButtonLabel"),
         onClick: function onClick() {
           return window.location.reload();
         }
       }),
       contactus: /*#__PURE__*/React__default.createElement(Button, {
         style: "link",
-        label: t("neetoCommons.fallbackComponent.contactusButtonLabel"),
         onClick: function onClick() {
           var _window$NeetoChat, _window$NeetoChat$con, _window$NeetoChat2, _window$NeetoChat2$co;
           (_window$NeetoChat = window.NeetoChat) === null || _window$NeetoChat === void 0 ? void 0 : (_window$NeetoChat$con = _window$NeetoChat.contextualHelp) === null || _window$NeetoChat$con === void 0 ? void 0 : _window$NeetoChat$con.maximizeWidget();
@@ -93,7 +91,9 @@ var FallbackComponent = function FallbackComponent() {
     }
   }))));
 };
-var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError)/;
+var ignorableErrorsRegex = /(window\.requestAnimationFrame|ResizeObserver|ChunkLoadError|window\.webkit\.messageHandlers)/;
+
+/** @type {import("neetocommons/react-utils").HoneybadgerErrorBoundary} */
 var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
   var children = _ref.children,
     _ref$ErrorComponent = _ref.ErrorComponent,
@@ -101,7 +101,7 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
     _ref$filterErrors = _ref.filterErrors,
     filterErrors = _ref$filterErrors === void 0 ? undefined : _ref$filterErrors;
   Honeybadger.beforeNotify(function (notice) {
-    if (ignorableErrorsRegex.test(notice.message) || notice.stack.includes("chrome-extension://")) {
+    if (notice && (ignorableErrorsRegex.test(notice.message) || notice.stack.includes("chrome-extension://"))) {
       return false;
     }
     return filterErrors === null || filterErrors === void 0 ? void 0 : filterErrors(notice);
@@ -116,14 +116,10 @@ var HoneybadgerErrorBoundary = function HoneybadgerErrorBoundary(_ref) {
     breadcrumbsEnabled: true,
     projectRoot: "webpack:///./"
   });
-  return (
-    /*#__PURE__*/
-    // @ts-ignore
-    React__default.createElement(HoneybadgerErrorBoundary$1, {
-      ErrorComponent: ErrorComponent,
-      honeybadger: honeybadger
-    }, children)
-  );
+  return /*#__PURE__*/React__default.createElement(HoneybadgerErrorBoundary$1, {
+    ErrorComponent: ErrorComponent,
+    honeybadger: honeybadger
+  }, children);
 };
 
 function _objectWithoutPropertiesLoose(source, excluded) {