@xyo-network/react-error 7.5.8 → 7.5.12

package/dist/browser/components/ErrorRender/Render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,wBAAgB,WAAW,CAAC,CAAC,GAAG,IAAI,EAAE,EACpC,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,WAAkB,EAClB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4BrB"}
+{"version":3,"file":"Render.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAElD,wBAAgB,WAAW,CAAC,CAAC,GAAG,IAAI,EAAE,EACpC,QAAQ,EACR,KAAK,EACL,cAAsB,EACtB,WAAkB,EAClB,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA6BrB"}

package/dist/browser/contexts/ErrorReporter/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,OAAO,MAAM,SAAS,CAAA;AAIlC,uDAAuD;AACvD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAA;CACjB;AACD,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAezF,CAAA"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/Provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAA;AAIlC,uDAAuD;AACvD,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,OAAO,CAAA;CACjB;AACD,uDAAuD;AACvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,CAiBzF,CAAA"}

package/dist/browser/index.mjs

@@ -1,24 +1,15 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/components/ErrorBoundary.tsx
 import { Typography } from "@mui/material";
 import { FlexCol } from "@xylabs/react-flexbox";
-import React, { Component } from "react";
+import { Component } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ErrorBoundary = class extends Component {
-  static {
-    __name(this, "ErrorBoundary");
-  }
   constructor(props) {
     super(props);
-    this.state = {
-      error: void 0
-    };
+    this.state = { error: void 0 };
   }
   static getDerivedStateFromError(error) {
-    return {
-      error
-    };
+    return { error };
   }
   componentDidCatch(error, errorInfo) {
     console.error(`${error}: ${errorInfo}`);
@@ -28,13 +19,19 @@ var ErrorBoundary = class extends Component {
       if (this.props.fallbackWithError) {
         return this.props.fallbackWithError(this.state.error);
       }
-      return this.props.fallback ?? /* @__PURE__ */ React.createElement(FlexCol, null, /* @__PURE__ */ React.createElement(Typography, {
-        variant: "h1"
-      }, "Something went wrong."), this.props.scope && /* @__PURE__ */ React.createElement(Typography, {
-        variant: "h2"
-      }, "[", this.props.scope, "]"), /* @__PURE__ */ React.createElement(Typography, {
-        variant: "body1"
-      }, "[", this.state.error?.message, "]"));
+      return this.props.fallback ?? /* @__PURE__ */ jsxs(FlexCol, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "h1", children: "Something went wrong." }),
+        this.props.scope && /* @__PURE__ */ jsxs(Typography, { variant: "h2", children: [
+          "[",
+          this.props.scope,
+          "]"
+        ] }),
+        /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
+          "[",
+          this.state.error?.message,
+          "]"
+        ] })
+      ] });
     }
     return this.props.children;
   }
@@ -42,96 +39,93 @@ var ErrorBoundary = class extends Component {
 
 // src/components/ErrorBoundary/ThrownErrorBoundary.tsx
 import { ThrownErrorBoundary as ThrownErrorBoundaryBase } from "@xylabs/react-error";
-import React2 from "react";
-var ThrownErrorBoundary = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React2.createElement(ThrownErrorBoundaryBase, props);
-}, "ThrownErrorBoundary");
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ThrownErrorBoundary = (props) => {
+  return /* @__PURE__ */ jsx2(ThrownErrorBoundaryBase, { ...props });
+};
 
 // src/components/ErrorRender/ErrorAlert.tsx
 import { ExitToApp as ExitIcon } from "@mui/icons-material";
-import { Alert, AlertTitle, Typography as Typography2 } from "@mui/material";
+import {
+  Alert,
+  AlertTitle,
+  Typography as Typography2
+} from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
-import React3 from "react";
-function ErrorAlert({ title = "Whoops! Something went wrong", onCancel, error = "An unknown error occurred", errorContext, scope, ...props }) {
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function ErrorAlert({
+  title = "Whoops! Something went wrong",
+  onCancel,
+  error = "An unknown error occurred",
+  errorContext,
+  scope,
+  ...props
+}) {
   const finalScope = scope ?? errorContext;
-  return /* @__PURE__ */ React3.createElement(Alert, {
-    severity: "error",
-    ...props
-  }, /* @__PURE__ */ React3.createElement(AlertTitle, null, title), finalScope ? /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(Typography2, {
-    variant: "caption",
-    mr: 0.5,
-    fontWeight: "bold"
-  }, "Scope:"), /* @__PURE__ */ React3.createElement(Typography2, {
-    variant: "caption"
-  }, finalScope)) : null, /* @__PURE__ */ React3.createElement("div", null, /* @__PURE__ */ React3.createElement(Typography2, {
-    variant: "caption",
-    mr: 0.5,
-    fontWeight: "bold"
-  }, "Error:"), /* @__PURE__ */ React3.createElement(Typography2, {
-    variant: "caption"
-  }, typeof error === "string" ? error : error?.message)), onCancel ? /* @__PURE__ */ React3.createElement(ButtonEx, {
-    variant: "outlined",
-    size: "small",
-    onClick: onCancel,
-    position: "absolute",
-    style: {
-      right: 8,
-      top: 8
-    }
-  }, /* @__PURE__ */ React3.createElement(ExitIcon, {
-    fontSize: "small"
-  })) : null);
+  return /* @__PURE__ */ jsxs2(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx3(AlertTitle, { children: title }),
+    finalScope ? /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx3(Typography2, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Scope:" }),
+      /* @__PURE__ */ jsx3(Typography2, { variant: "caption", children: finalScope })
+    ] }) : null,
+    /* @__PURE__ */ jsxs2("div", { children: [
+      /* @__PURE__ */ jsx3(Typography2, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+      /* @__PURE__ */ jsx3(Typography2, { variant: "caption", children: typeof error === "string" ? error : error?.message })
+    ] }),
+    onCancel ? /* @__PURE__ */ jsx3(
+      ButtonEx,
+      {
+        variant: "outlined",
+        size: "small",
+        onClick: onCancel,
+        position: "absolute",
+        style: { right: 8, top: 8 },
+        children: /* @__PURE__ */ jsx3(ExitIcon, { fontSize: "small" })
+      }
+    ) : null
+  ] });
 }
-__name(ErrorAlert, "ErrorAlert");
 
 // src/components/ErrorRender/Render.tsx
 import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
-import React4, { useEffect } from "react";
-function ErrorRender({ onCancel, error, noErrorDisplay = false, customError = null, children, errorContext, scope, useLocation, ...props }) {
+import { useEffect } from "react";
+import { Fragment, jsx as jsx4 } from "react/jsx-runtime";
+function ErrorRender({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  scope,
+  useLocation,
+  ...props
+}) {
   const location = useLocation?.();
   useEffect(() => {
     if (location) {
-      location.state = {
-        from: {
-          pathname: globalThis.location.pathname
-        }
-      };
+      location.state = { from: { pathname: globalThis.location.pathname } };
     }
-  }, [
-    location
-  ]);
+  }, [location]);
   useEffect(() => {
     if (error) {
       globalThis.rollbar?.error(error);
     }
-  }, [
-    error
-  ]);
-  return error ? /* @__PURE__ */ React4.createElement(FlexCol2, {
-    alignItems: "stretch",
-    ...props
-  }, noErrorDisplay ? customError : /* @__PURE__ */ React4.createElement(FlexCol2, {
-    alignItems: "center",
-    ...props
-  }, /* @__PURE__ */ React4.createElement(ErrorAlert, {
-    error,
-    errorContext,
-    onCancel,
-    scope
-  }))) : /* @__PURE__ */ React4.createElement(React4.Fragment, null, children);
+  }, [error]);
+  return error ? /* @__PURE__ */ jsx4(FlexCol2, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx4(FlexCol2, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx4(ErrorAlert, { error, errorContext, onCancel, scope }) }) }) : /* @__PURE__ */ jsx4(Fragment, { children });
 }
-__name(ErrorRender, "ErrorRender");
 
 // src/contexts/ErrorReporter/Provider.tsx
 import { useRollbar } from "@rollbar/react";
-import React5 from "react";
+import { useMemo } from "react";
 
 // src/contexts/ErrorReporter/Context.ts
 import { createContext } from "react";
 var ErrorReporterContext = createContext({});
 
 // src/contexts/ErrorReporter/Provider.tsx
-var ErrorReporterProvider = /* @__PURE__ */ __name(({ children, rollbar: rollbarProp }) => {
+import { jsx as jsx5 } from "react/jsx-runtime";
+var ErrorReporterProvider = ({ children, rollbar: rollbarProp }) => {
   let rollbarFromHook;
   try {
     rollbarFromHook = useRollbar();
@@ -141,22 +135,19 @@ var ErrorReporterProvider = /* @__PURE__ */ __name(({ children, rollbar: rollbar
   if (!rollbar) {
     throw new Error("ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider");
   }
-  return /* @__PURE__ */ React5.createElement(ErrorReporterContext, {
-    value: {
-      rollbar
-    }
-  }, children);
-}, "ErrorReporterProvider");
+  const value = useMemo(() => ({ rollbar }), [rollbar]);
+  return /* @__PURE__ */ jsx5(ErrorReporterContext, { value, children });
+};
 
 // src/contexts/ErrorReporter/useErrorReporter.tsx
 import { use } from "react";
-var useErrorReporter = /* @__PURE__ */ __name(() => {
+var useErrorReporter = () => {
   const context = use(ErrorReporterContext);
   if (context === void 0) {
     console.warn("useErrorReporter must be used within a ErrorReporterContext");
   }
   return context ?? {};
-}, "useErrorReporter");
+};
 export {
   ErrorAlert,
   ErrorBoundary,

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/ErrorBoundary.tsx","../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../src/components/ErrorRender/ErrorAlert.tsx","../../src/components/ErrorRender/Render.tsx","../../src/contexts/ErrorReporter/Provider.tsx","../../src/contexts/ErrorReporter/Context.ts","../../src/contexts/ErrorReporter/useErrorReporter.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ErrorInfo, ReactNode } from 'react'\nimport React, { Component } from 'react'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryProps {\n  children: ReactNode\n  // fallback as a static ReactNode value\n  fallback?: ReactNode\n  // fallback element that can receive the error as a prop\n  fallbackWithError?: (error: Error) => ReactNode\n  scope?: string\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryState {\n  error?: Error\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { error: undefined }\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(`${error}: ${errorInfo}`)\n  }\n\n  override render() {\n    if (this.state.error) {\n      if (this.props.fallbackWithError) {\n        return this.props.fallbackWithError(this.state.error)\n      }\n      return (\n        this.props.fallback ?? (\n          <FlexCol>\n            <Typography variant=\"h1\">Something went wrong.</Typography>\n            {this.props.scope && (\n              <Typography variant=\"h2\">\n                [\n                {this.props.scope}\n                ]\n              </Typography>\n            )}\n            <Typography variant=\"body1\">\n              [\n              {this.state.error?.message}\n              ]\n            </Typography>\n          </FlexCol>\n        )\n      )\n    }\n\n    return this.props.children\n  }\n}\n","import type { ThrownErrorBoundaryProps } from '@xylabs/react-error'\nimport { ThrownErrorBoundary as ThrownErrorBoundaryBase } from '@xylabs/react-error'\nimport type { ModuleError } from '@xyo-network/payload-model'\nimport type { FC } from 'react'\nimport React from 'react'\n\nexport const ThrownErrorBoundary: FC<ThrownErrorBoundaryProps<ModuleError>> = (props) => {\n  return <ThrownErrorBoundaryBase<ModuleError> {...props} />\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Typography,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React from 'react'\n\nexport interface ErrorAlertProps<T = void> extends AlertProps {\n  error?: T | Error | string\n  /** @deprecated use scope instead */\n  errorContext?: string\n  onCancel?: () => void\n  scope?: string\n}\n\nexport function ErrorAlert<T = void>({\n  title = 'Whoops! Something went wrong',\n  onCancel,\n  error = 'An unknown error occurred',\n  errorContext,\n  scope,\n  ...props\n}: Readonly<ErrorAlertProps<T>>) {\n  const finalScope = scope ?? errorContext\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>{title}</AlertTitle>\n      {finalScope\n        ? (\n            <div>\n              <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n                Scope:\n              </Typography>\n              <Typography variant=\"caption\">{finalScope}</Typography>\n            </div>\n          )\n        : null}\n      <div>\n        <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n          Error:\n        </Typography>\n        <Typography variant=\"caption\">{typeof error === 'string' ? error : (error as Error)?.message}</Typography>\n      </div>\n      {onCancel\n        ? (\n            <ButtonEx\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={onCancel}\n              position=\"absolute\"\n              style={{ right: 8, top: 8 }}\n            >\n              <ExitIcon fontSize=\"small\" />\n            </ButtonEx>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.tsx'\nimport type { ErrorRenderProps } from './Props.ts'\n\nexport function ErrorRender<T = void>({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  scope,\n  useLocation,\n  ...props\n}: ErrorRenderProps<T>) {\n  const location = useLocation?.()\n  useEffect(() => {\n    if (location) {\n      // ensure we end up at the same place we are now after logging in\n      location.state = { from: { pathname: globalThis.location.pathname } }\n    }\n  }, [location])\n\n  useEffect(() => {\n    if (error) {\n      globalThis.rollbar?.error(error)\n    }\n  }, [error])\n\n  return error\n    ? (\n        <FlexCol alignItems=\"stretch\" {...props}>\n          {noErrorDisplay\n            ? customError\n            : (\n                <FlexCol alignItems=\"center\" {...props}>\n                  <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n                </FlexCol>\n              )}\n        </FlexCol>\n      )\n    : <>{children}</>\n}\n","import { useRollbar } from '@rollbar/react'\nimport type { PropsWithChildren } from 'react'\nimport React from 'react'\nimport type Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterProvider: React.FC<PropsWithChildren<ErrorReporterProviderProps>> = ({ children, rollbar: rollbarProp }) => {\n  let rollbarFromHook: Rollbar | undefined\n  // safely call the hook\n  try {\n    // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks\n    rollbarFromHook = useRollbar()\n  } catch {}\n\n  const rollbar = rollbarProp ?? rollbarFromHook\n\n  if (!rollbar) {\n    throw new Error('ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider')\n  }\n\n  return <ErrorReporterContext value={{ rollbar }}>{children}</ErrorReporterContext>\n}\n","import { createContext } from 'react'\n\nimport type { ErrorReporterContextState } from './State.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { use } from 'react'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const useErrorReporter = () => {\n  const context = use(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useErrorReporter must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n"],"mappings":";;;;AAAA,SAASA,kBAAkB;AAC3B,SAASC,eAAe;AAExB,OAAOC,SAASC,iBAAiB;AAkB1B,IAAMC,gBAAN,cAA4BC,UAAAA;EArBnC,OAqBmCA;;;EACjC,YAAYC,OAA2B;AACrC,UAAMA,KAAAA;AACN,SAAKC,QAAQ;MAAEC,OAAOC;IAAU;EAClC;EAEA,OAAOC,yBAAyBF,OAAc;AAC5C,WAAO;MAAEA;IAAM;EACjB;EAESG,kBAAkBH,OAAcI,WAAsB;AAC7DC,YAAQL,MAAM,GAAGA,KAAAA,KAAUI,SAAAA,EAAW;EACxC;EAESE,SAAS;AAChB,QAAI,KAAKP,MAAMC,OAAO;AACpB,UAAI,KAAKF,MAAMS,mBAAmB;AAChC,eAAO,KAAKT,MAAMS,kBAAkB,KAAKR,MAAMC,KAAK;MACtD;AACA,aACE,KAAKF,MAAMU,YACT,sBAAA,cAACC,SAAAA,MACC,sBAAA,cAACC,YAAAA;QAAWC,SAAQ;SAAK,uBAAA,GACxB,KAAKb,MAAMc,SACV,sBAAA,cAACF,YAAAA;QAAWC,SAAQ;SAAK,KAEtB,KAAKb,MAAMc,OAAM,GAAA,GAItB,sBAAA,cAACF,YAAAA;QAAWC,SAAQ;SAAQ,KAEzB,KAAKZ,MAAMC,OAAOa,SAAQ,GAAA,CAAA;IAMrC;AAEA,WAAO,KAAKf,MAAMgB;EACpB;AACF;;;AC9DA,SAASC,uBAAuBC,+BAA+B;AAG/D,OAAOC,YAAW;AAEX,IAAMC,sBAAiE,wBAACC,UAAAA;AAC7E,SAAO,gBAAAC,OAAA,cAACC,yBAAyCF,KAAAA;AACnD,GAF8E;;;ACN9E,SAASG,aAAaC,gBAAgB;AAEtC,SACEC,OAAOC,YAAYC,cAAAA,mBACd;AACP,SAASC,gBAAgB;AACzB,OAAOC,YAAW;AAUX,SAASC,WAAqB,EACnCC,QAAQ,gCACRC,UACAC,QAAQ,6BACRC,cACAC,OACA,GAAGC,MAAAA,GAC0B;AAC7B,QAAMC,aAAaF,SAASD;AAC5B,SACE,gBAAAI,OAAA,cAACC,OAAAA;IAAMC,UAAS;IAAS,GAAGJ;KAC1B,gBAAAE,OAAA,cAACG,YAAAA,MAAYV,KAAAA,GACZM,aAEK,gBAAAC,OAAA,cAACI,OAAAA,MACC,gBAAAJ,OAAA,cAACK,aAAAA;IAAWC,SAAQ;IAAUC,IAAI;IAAKC,YAAW;KAAO,QAAA,GAGzD,gBAAAR,OAAA,cAACK,aAAAA;IAAWC,SAAQ;KAAWP,UAAAA,CAAAA,IAGnC,MACJ,gBAAAC,OAAA,cAACI,OAAAA,MACC,gBAAAJ,OAAA,cAACK,aAAAA;IAAWC,SAAQ;IAAUC,IAAI;IAAKC,YAAW;KAAO,QAAA,GAGzD,gBAAAR,OAAA,cAACK,aAAAA;IAAWC,SAAQ;KAAW,OAAOX,UAAU,WAAWA,QAASA,OAAiBc,OAAAA,CAAAA,GAEtFf,WAEK,gBAAAM,OAAA,cAACU,UAAAA;IACCJ,SAAQ;IACRK,MAAK;IACLC,SAASlB;IACTmB,UAAS;IACTC,OAAO;MAAEC,OAAO;MAAGC,KAAK;IAAE;KAE1B,gBAAAhB,OAAA,cAACiB,UAAAA;IAASC,UAAS;QAGvB,IAAA;AAGV;AA3CgB1B;;;AChBhB,SAAS2B,WAAAA,gBAAe;AACxB,OAAOC,UAASC,iBAAiB;AAK1B,SAASC,YAAsB,EACpCC,UACAC,OACAC,iBAAiB,OACjBC,cAAc,MACdC,UACAC,cACAC,OACAC,aACA,GAAGC,MAAAA,GACiB;AACpB,QAAMC,WAAWF,cAAAA;AACjBG,YAAU,MAAA;AACR,QAAID,UAAU;AAEZA,eAASE,QAAQ;QAAEC,MAAM;UAAEC,UAAUC,WAAWL,SAASI;QAAS;MAAE;IACtE;EACF,GAAG;IAACJ;GAAS;AAEbC,YAAU,MAAA;AACR,QAAIT,OAAO;AACTa,iBAAWC,SAASd,MAAMA,KAAAA;IAC5B;EACF,GAAG;IAACA;GAAM;AAEV,SAAOA,QAED,gBAAAe,OAAA,cAACC,UAAAA;IAAQC,YAAW;IAAW,GAAGV;KAC/BN,iBACGC,cAEE,gBAAAa,OAAA,cAACC,UAAAA;IAAQC,YAAW;IAAU,GAAGV;KAC/B,gBAAAQ,OAAA,cAACG,YAAAA;IAAWlB;IAAcI;IAA4BL;IAAoBM;SAKtF,gBAAAU,OAAA,cAAAA,OAAA,UAAA,MAAGZ,QAAAA;AACT;AAtCgBL;;;ACNhB,SAASqB,kBAAkB;AAE3B,OAAOC,YAAW;;;ACFlB,SAASC,qBAAqB;AAKvB,IAAMC,uBAAuBD,cAAyC,CAAC,CAAA;;;ADOvE,IAAME,wBAAiF,wBAAC,EAAEC,UAAUC,SAASC,YAAW,MAAE;AAC/H,MAAIC;AAEJ,MAAI;AAEFA,sBAAkBC,WAAAA;EACpB,QAAQ;EAAC;AAET,QAAMH,UAAUC,eAAeC;AAE/B,MAAI,CAACF,SAAS;AACZ,UAAM,IAAII,MAAM,gGAAA;EAClB;AAEA,SAAO,gBAAAC,OAAA,cAACC,sBAAAA;IAAqBC,OAAO;MAAEP;IAAQ;KAAID,QAAAA;AACpD,GAf8F;;;AEZ9F,SAASS,WAAW;AAKb,IAAMC,mBAAmB,6BAAA;AAC9B,QAAMC,UAAUC,IAAIC,oBAAAA;AACpB,MAAIF,YAAYG,QAAW;AACzBC,YAAQC,KAAK,6DAAA;EACf;AAEA,SAAOL,WAAW,CAAC;AACrB,GAPgC;","names":["Typography","FlexCol","React","Component","ErrorBoundary","Component","props","state","error","undefined","getDerivedStateFromError","componentDidCatch","errorInfo","console","render","fallbackWithError","fallback","FlexCol","Typography","variant","scope","message","children","ThrownErrorBoundary","ThrownErrorBoundaryBase","React","ThrownErrorBoundary","props","React","ThrownErrorBoundaryBase","ExitToApp","ExitIcon","Alert","AlertTitle","Typography","ButtonEx","React","ErrorAlert","title","onCancel","error","errorContext","scope","props","finalScope","React","Alert","severity","AlertTitle","div","Typography","variant","mr","fontWeight","message","ButtonEx","size","onClick","position","style","right","top","ExitIcon","fontSize","FlexCol","React","useEffect","ErrorRender","onCancel","error","noErrorDisplay","customError","children","errorContext","scope","useLocation","props","location","useEffect","state","from","pathname","globalThis","rollbar","React","FlexCol","alignItems","ErrorAlert","useRollbar","React","createContext","ErrorReporterContext","ErrorReporterProvider","children","rollbar","rollbarProp","rollbarFromHook","useRollbar","Error","React","ErrorReporterContext","value","use","useErrorReporter","context","use","ErrorReporterContext","undefined","console","warn"]}
+{"version":3,"sources":["../../src/components/ErrorBoundary.tsx","../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../src/components/ErrorRender/ErrorAlert.tsx","../../src/components/ErrorRender/Render.tsx","../../src/contexts/ErrorReporter/Provider.tsx","../../src/contexts/ErrorReporter/Context.ts","../../src/contexts/ErrorReporter/useErrorReporter.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { FlexCol } from '@xylabs/react-flexbox'\nimport type { ErrorInfo, ReactNode } from 'react'\nimport React, { Component } from 'react'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryProps {\n  children: ReactNode\n  // fallback as a static ReactNode value\n  fallback?: ReactNode\n  // fallback element that can receive the error as a prop\n  fallbackWithError?: (error: Error) => ReactNode\n  scope?: string\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorBoundaryState {\n  error?: Error\n}\n\n/** @deprecated use from @xylabs/react-error instead */\nexport class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { error: undefined }\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { error }\n  }\n\n  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error(`${error}: ${errorInfo}`)\n  }\n\n  override render() {\n    if (this.state.error) {\n      if (this.props.fallbackWithError) {\n        return this.props.fallbackWithError(this.state.error)\n      }\n      return (\n        this.props.fallback ?? (\n          <FlexCol>\n            <Typography variant=\"h1\">Something went wrong.</Typography>\n            {this.props.scope && (\n              <Typography variant=\"h2\">\n                [\n                {this.props.scope}\n                ]\n              </Typography>\n            )}\n            <Typography variant=\"body1\">\n              [\n              {this.state.error?.message}\n              ]\n            </Typography>\n          </FlexCol>\n        )\n      )\n    }\n\n    return this.props.children\n  }\n}\n","import type { ThrownErrorBoundaryProps } from '@xylabs/react-error'\nimport { ThrownErrorBoundary as ThrownErrorBoundaryBase } from '@xylabs/react-error'\nimport type { ModuleError } from '@xyo-network/payload-model'\nimport type { FC } from 'react'\nimport React from 'react'\n\nexport const ThrownErrorBoundary: FC<ThrownErrorBoundaryProps<ModuleError>> = (props) => {\n  return <ThrownErrorBoundaryBase<ModuleError> {...props} />\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport type { AlertProps } from '@mui/material'\nimport {\n  Alert, AlertTitle, Typography,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React from 'react'\n\nexport interface ErrorAlertProps<T = void> extends AlertProps {\n  error?: T | Error | string\n  /** @deprecated use scope instead */\n  errorContext?: string\n  onCancel?: () => void\n  scope?: string\n}\n\nexport function ErrorAlert<T = void>({\n  title = 'Whoops! Something went wrong',\n  onCancel,\n  error = 'An unknown error occurred',\n  errorContext,\n  scope,\n  ...props\n}: Readonly<ErrorAlertProps<T>>) {\n  const finalScope = scope ?? errorContext\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>{title}</AlertTitle>\n      {finalScope\n        ? (\n            <div>\n              <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n                Scope:\n              </Typography>\n              <Typography variant=\"caption\">{finalScope}</Typography>\n            </div>\n          )\n        : null}\n      <div>\n        <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n          Error:\n        </Typography>\n        <Typography variant=\"caption\">{typeof error === 'string' ? error : (error as Error)?.message}</Typography>\n      </div>\n      {onCancel\n        ? (\n            <ButtonEx\n              variant=\"outlined\"\n              size=\"small\"\n              onClick={onCancel}\n              position=\"absolute\"\n              style={{ right: 8, top: 8 }}\n            >\n              <ExitIcon fontSize=\"small\" />\n            </ButtonEx>\n          )\n        : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport React, { useEffect } from 'react'\n\nimport { ErrorAlert } from './ErrorAlert.tsx'\nimport type { ErrorRenderProps } from './Props.ts'\n\nexport function ErrorRender<T = void>({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  scope,\n  useLocation,\n  ...props\n}: ErrorRenderProps<T>) {\n  const location = useLocation?.()\n  useEffect(() => {\n    if (location) {\n      // ensure we end up at the same place we are now after logging in\n      // eslint-disable-next-line react-hooks/immutability\n      location.state = { from: { pathname: globalThis.location.pathname } }\n    }\n  }, [location])\n\n  useEffect(() => {\n    if (error) {\n      globalThis.rollbar?.error(error)\n    }\n  }, [error])\n\n  return error\n    ? (\n        <FlexCol alignItems=\"stretch\" {...props}>\n          {noErrorDisplay\n            ? customError\n            : (\n                <FlexCol alignItems=\"center\" {...props}>\n                  <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />\n                </FlexCol>\n              )}\n        </FlexCol>\n      )\n    : <>{children}</>\n}\n","import { useRollbar } from '@rollbar/react'\nimport type { PropsWithChildren } from 'react'\nimport React, { useMemo } from 'react'\nimport type Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterProvider: React.FC<PropsWithChildren<ErrorReporterProviderProps>> = ({ children, rollbar: rollbarProp }) => {\n  let rollbarFromHook: Rollbar | undefined\n  // safely call the hook\n  try {\n    // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks\n    rollbarFromHook = useRollbar()\n  } catch { /* safely ignore if rollbar hook not available */ }\n\n  const rollbar = rollbarProp ?? rollbarFromHook\n\n  if (!rollbar) {\n    throw new Error('ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider')\n  }\n\n  const value = useMemo(() => ({ rollbar }), [rollbar])\n\n  return <ErrorReporterContext value={value}>{children}</ErrorReporterContext>\n}\n","import { createContext } from 'react'\n\nimport type { ErrorReporterContextState } from './State.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { use } from 'react'\n\nimport { ErrorReporterContext } from './Context.ts'\n\n/** @deprecated use from @xylabs/react-error instead */\nexport const useErrorReporter = () => {\n  const context = use(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useErrorReporter must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n"],"mappings":"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","names":["jsx","Typography","jsx","jsxs","FlexCol","jsx","FlexCol","jsx"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xyo-network/react-error",
-  "version": "7.5.8",
+  "version": "7.5.12",
   "description": "Common React library for all XYO projects that use React",
   "keywords": [
     "xyo",
@@ -36,47 +36,85 @@
     },
     "./package.json": "./package.json"
   },
-  "module": "dist/browser/index.mjs",
-  "types": "dist/browser/index.d.ts",
   "files": [
     "dist",
-    "src"
+    "README.md"
   ],
-  "dependencies": {
-    "@rollbar/react": "~1.0.0",
-    "@xylabs/react-button": "~7.1.17",
-    "@xylabs/react-error": "~7.1.17",
-    "@xylabs/react-flexbox": "~7.1.17",
-    "@xyo-network/payload-model": "~5.3.17"
-  },
   "devDependencies": {
-    "@mui/icons-material": "~7.3.9",
-    "@mui/material": "~7.3.9",
-    "@storybook/react-vite": "~10.3.3",
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/api": "^1.9.1",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@rollbar/react": "~1.0.0",
+    "@storybook/react-vite": "~10.3.5",
+    "@types/node": "~25.6.0",
     "@types/react": "^19.2.14",
-    "@xylabs/ts-scripts-common": "~7.5.6",
-    "@xylabs/ts-scripts-yarn3": "~7.5.6",
-    "@xylabs/tsconfig": "~7.5.6",
-    "@xylabs/tsconfig-dom": "~7.5.6",
-    "@xylabs/tsconfig-react": "~7.5.6",
-    "prop-types": "~15.8.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-router-dom": "^7.13.2",
-    "rollbar": "~2.26.5",
-    "storybook": "~10.3.3",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-dialogs": "~7.1.20",
+    "@xylabs/react-error": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-promise": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/toolchain": "~7.11.9",
+    "@xylabs/tsconfig": "^7.11.9",
+    "@xylabs/tsconfig-dom": "^7.11.9",
+    "@xylabs/tsconfig-react": "~7.11.9",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "axios": "^1.15.2",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "esbuild": "~0.28.0",
+    "eslint": "^10.2.1",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "prop-types": "^15.8.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "rollbar": "~3.1.0",
+    "spark-md5": "~3.0.2",
+    "storybook": "^10.3.5",
     "typescript": "^5.9.3",
-    "vite": "~8.0.3",
+    "vite": "^8.0.10",
     "zod": "^4.3.6"
   },
   "peerDependencies": {
-    "@mui/icons-material": ">=6 <8",
-    "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19",
-    "react-router-dom": "^7",
-    "rollbar": "~2",
-    "zod": "^4"
+    "@mui/icons-material": "^7.3.10",
+    "@mui/material": "^7.3.10",
+    "@opentelemetry/sdk-trace-base": "^2.7.0",
+    "@rollbar/react": "~1.0.0",
+    "@xylabs/react-async-effect": "~7.1.20",
+    "@xylabs/react-button": "~7.1.20",
+    "@xylabs/react-error": "~7.1.20",
+    "@xylabs/react-flexbox": "~7.1.20",
+    "@xylabs/react-quick-tip-button": "~7.1.20",
+    "@xylabs/sdk-js": "^5.0.100",
+    "@xylabs/zod": "~5.0.100",
+    "@xyo-network/payload-model": "^5.5.1",
+    "async-mutex": "^0.5.0",
+    "bn.js": "^5.2.3",
+    "bowser": "^2.14.1",
+    "buffer": "^6.0.3",
+    "chalk": "^5.6.2",
+    "ethers": "^6.16.0",
+    "fast-deep-equal": "~3.1.3",
+    "js-cookie": "~3.0.5",
+    "pako": "^2.1.0",
+    "prop-types": "^15.8.1",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
+    "react-router-dom": "^7.14.2",
+    "rollbar": "~3.1.0",
+    "spark-md5": "~3.0.2",
+    "zod": "^4.3.6"
   },
   "peerDependenciesMeta": {
     "rollbar": {
@@ -87,4 +125,4 @@
     "access": "public"
   },
   "docs": "dist/docs.json"
-}
+}

package/src/components/ErrorBoundary/ThrownErrorBoundary.stories.tsx

@@ -1,51 +0,0 @@
-import { Alert, Button } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { ThrownErrorBoundary } from './ThrownErrorBoundary.tsx'
-
-const StorybookEntry: Meta = {
-  component: ThrownErrorBoundary,
-  title: 'auth-service/ApiBoundary/ThrownErrorBoundary',
-}
-
-const Thrower: React.FC = () => {
-  const [shouldThrow, setShouldThrow] = React.useState(false)
-  if (shouldThrow) {
-    throw new Error('Test Error')
-  }
-  return (
-    <Button onClick={() => {
-      setShouldThrow(true)
-    }}
-    >
-      Throw Error
-    </Button>
-  )
-}
-
-const Template: StoryFn<typeof ThrownErrorBoundary> = ({ errorComponent }) => {
-  return (
-    <ThrownErrorBoundary errorComponent={errorComponent} boundaryName="StoryBook">
-      <Alert severity="info">Use React Dev Tools to trigger and error within the boundary</Alert>
-      <Thrower />
-    </ThrownErrorBoundary>
-  )
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const CustomErrorComponent = Template.bind({})
-CustomErrorComponent.args = {
-  errorComponent: e => (
-    <Alert severity="error">
-      Using Custom Error Component with error:
-      {e.message}
-    </Alert>
-  ),
-}
-
-export { CustomErrorComponent, Default }
-
-export default StorybookEntry

package/src/components/ErrorBoundary/ThrownErrorBoundary.tsx

@@ -1,9 +0,0 @@
-import type { ThrownErrorBoundaryProps } from '@xylabs/react-error'
-import { ThrownErrorBoundary as ThrownErrorBoundaryBase } from '@xylabs/react-error'
-import type { ModuleError } from '@xyo-network/payload-model'
-import type { FC } from 'react'
-import React from 'react'
-
-export const ThrownErrorBoundary: FC<ThrownErrorBoundaryProps<ModuleError>> = (props) => {
-  return <ThrownErrorBoundaryBase<ModuleError> {...props} />
-}

package/src/components/ErrorBoundary/ThrownErrorBoundaryBase.tsx

@@ -1,78 +0,0 @@
-import { useRollbar } from '@rollbar/react'
-import type { ErrorInfo, ReactNode } from 'react'
-import React, { Component } from 'react'
-import type Rollbar from 'rollbar'
-
-import { useErrorReporter } from '../../contexts/index.ts'
-import { ErrorRender } from '../ErrorRender/index.ts'
-
-/** @deprecated use from @xylabs/react-error instead */
-export type ErrorEx<T = void> = T extends void ? Error : T | Error
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ThrownErrorBoundaryProps<T = void> {
-  boundaryName?: string
-  children: ReactNode
-  errorComponent?: (e: ErrorEx<T>, boundaryName?: string) => ReactNode
-  rethrow?: boolean
-  rollbar?: Rollbar
-  scope?: string
-  title?: string
-}
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ThrownErrorBoundaryState<T = void> {
-  errorEx?: ErrorEx<T>
-}
-
-class ThrownErrorBoundaryInner<T> extends Component<ThrownErrorBoundaryProps<T>, ThrownErrorBoundaryState<T>> {
-  override state: ThrownErrorBoundaryState<T> = { errorEx: undefined }
-
-  static getDerivedStateFromError<T = void>(error: ErrorEx<T>) {
-    return { hasError: true, xyoError: ThrownErrorBoundaryInner.normalizeError<T>(error) } as ThrownErrorBoundaryState<T>
-  }
-
-  static normalizeError<T>(_error: ErrorEx<T>): T {
-    throw new Error('Method not implemented.')
-  }
-
-  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    const { rethrow, rollbar } = this.props
-    const { errorEx } = this.state
-
-    rollbar?.error(error)
-
-    console.error('Error:', errorEx, errorInfo)
-    if (rethrow) {
-      throw error
-    }
-  }
-
-  override render() {
-    const { errorEx } = this.state
-    const {
-      children, boundaryName, errorComponent, scope, title,
-    } = this.props
-    if (errorEx) {
-      if (errorComponent) {
-        return errorComponent(errorEx)
-      }
-      return <ErrorRender<T> error={errorEx} errorContext={`${boundaryName} Boundary`} scope={scope} title={title} />
-    }
-
-    return children
-  }
-}
-
-// calling the hook outside of the component since only can be called in functional component
-/** @deprecated use from @xylabs/react-error instead */
-export function ThrownErrorBoundaryBase<T = void>({ rollbar, ...props }: Readonly<ThrownErrorBoundaryProps<T>>): React.JSX.Element {
-  const { rollbar: rollbarErrorReporter } = useErrorReporter()
-  let rollbarFromHook: Rollbar | undefined
-  // safely call the hook
-  try {
-    // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks
-    rollbarFromHook = useRollbar()
-  } catch {}
-  return <ThrownErrorBoundaryInner<T> rollbar={rollbar ?? rollbarErrorReporter ?? rollbarFromHook} {...props} />
-}

package/src/components/ErrorBoundary/index.ts

@@ -1 +0,0 @@
-export * from './ThrownErrorBoundary.tsx'

package/src/components/ErrorBoundary.tsx

@@ -1,64 +0,0 @@
-import { Typography } from '@mui/material'
-import { FlexCol } from '@xylabs/react-flexbox'
-import type { ErrorInfo, ReactNode } from 'react'
-import React, { Component } from 'react'
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ErrorBoundaryProps {
-  children: ReactNode
-  // fallback as a static ReactNode value
-  fallback?: ReactNode
-  // fallback element that can receive the error as a prop
-  fallbackWithError?: (error: Error) => ReactNode
-  scope?: string
-}
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ErrorBoundaryState {
-  error?: Error
-}
-
-/** @deprecated use from @xylabs/react-error instead */
-export class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-  constructor(props: ErrorBoundaryProps) {
-    super(props)
-    this.state = { error: undefined }
-  }
-
-  static getDerivedStateFromError(error: Error) {
-    return { error }
-  }
-
-  override componentDidCatch(error: Error, errorInfo: ErrorInfo) {
-    console.error(`${error}: ${errorInfo}`)
-  }
-
-  override render() {
-    if (this.state.error) {
-      if (this.props.fallbackWithError) {
-        return this.props.fallbackWithError(this.state.error)
-      }
-      return (
-        this.props.fallback ?? (
-          <FlexCol>
-            <Typography variant="h1">Something went wrong.</Typography>
-            {this.props.scope && (
-              <Typography variant="h2">
-                [
-                {this.props.scope}
-                ]
-              </Typography>
-            )}
-            <Typography variant="body1">
-              [
-              {this.state.error?.message}
-              ]
-            </Typography>
-          </FlexCol>
-        )
-      )
-    }
-
-    return this.props.children
-  }
-}

package/src/components/ErrorRender/ErrorAlert.stories.tsx

@@ -1,41 +0,0 @@
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-
-import { ErrorAlert } from './ErrorAlert.tsx'
-
-const StorybookEntry: Meta = {
-  argTypes: {},
-  component: ErrorAlert,
-  parameters: { docs: { page: null } },
-  title: 'error/ErrorAlert',
-}
-
-const Template: StoryFn<typeof ErrorAlert> = (props) => {
-  return <ErrorAlert {...props} />
-}
-
-const Default = Template.bind({})
-Default.args = {}
-
-const WithTitle = Template.bind({})
-WithTitle.args = { title: 'Oh No!' }
-
-const WithError = Template.bind({})
-WithError.args = { error: 'An error happened' }
-
-const WithScope = Template.bind({})
-WithScope.args = { scope: 'Storybook' }
-
-const WithErrorAndScope = Template.bind({})
-WithErrorAndScope.args = { error: 'An error happened', scope: 'Storybook' }
-
-const WithErrorAndScopeAndTitle = Template.bind({})
-WithErrorAndScopeAndTitle.args = {
-  error: 'An error happened', scope: 'Storybook', title: 'Oh No!',
-}
-
-export {
-  Default, WithError, WithErrorAndScope, WithErrorAndScopeAndTitle, WithScope, WithTitle,
-}
-
-export default StorybookEntry

package/src/components/ErrorRender/ErrorAlert.tsx

@@ -1,60 +0,0 @@
-import { ExitToApp as ExitIcon } from '@mui/icons-material'
-import type { AlertProps } from '@mui/material'
-import {
-  Alert, AlertTitle, Typography,
-} from '@mui/material'
-import { ButtonEx } from '@xylabs/react-button'
-import React from 'react'
-
-export interface ErrorAlertProps<T = void> extends AlertProps {
-  error?: T | Error | string
-  /** @deprecated use scope instead */
-  errorContext?: string
-  onCancel?: () => void
-  scope?: string
-}
-
-export function ErrorAlert<T = void>({
-  title = 'Whoops! Something went wrong',
-  onCancel,
-  error = 'An unknown error occurred',
-  errorContext,
-  scope,
-  ...props
-}: Readonly<ErrorAlertProps<T>>) {
-  const finalScope = scope ?? errorContext
-  return (
-    <Alert severity="error" {...props}>
-      <AlertTitle>{title}</AlertTitle>
-      {finalScope
-        ? (
-            <div>
-              <Typography variant="caption" mr={0.5} fontWeight="bold">
-                Scope:
-              </Typography>
-              <Typography variant="caption">{finalScope}</Typography>
-            </div>
-          )
-        : null}
-      <div>
-        <Typography variant="caption" mr={0.5} fontWeight="bold">
-          Error:
-        </Typography>
-        <Typography variant="caption">{typeof error === 'string' ? error : (error as Error)?.message}</Typography>
-      </div>
-      {onCancel
-        ? (
-            <ButtonEx
-              variant="outlined"
-              size="small"
-              onClick={onCancel}
-              position="absolute"
-              style={{ right: 8, top: 8 }}
-            >
-              <ExitIcon fontSize="small" />
-            </ButtonEx>
-          )
-        : null}
-    </Alert>
-  )
-}

package/src/components/ErrorRender/Props.ts

@@ -1,16 +0,0 @@
-import type { FlexBoxProps } from '@xylabs/react-flexbox'
-import type { ReactNode } from 'react'
-import type { Location } from 'react-router-dom'
-
-export type ErrorEx<T = void> = T extends void ? Error : T | Error
-
-export interface ErrorRenderProps<T = void> extends FlexBoxProps {
-  customError?: ReactNode
-  error?: ErrorEx<T>
-  errorContext?: string
-  noErrorDisplay?: boolean
-  noReAuth?: boolean
-  onCancel?: () => void
-  scope?: string
-  useLocation?: () => Location
-}

package/src/components/ErrorRender/Render.tsx

@@ -1,45 +0,0 @@
-import { FlexCol } from '@xylabs/react-flexbox'
-import React, { useEffect } from 'react'
-
-import { ErrorAlert } from './ErrorAlert.tsx'
-import type { ErrorRenderProps } from './Props.ts'
-
-export function ErrorRender<T = void>({
-  onCancel,
-  error,
-  noErrorDisplay = false,
-  customError = null,
-  children,
-  errorContext,
-  scope,
-  useLocation,
-  ...props
-}: ErrorRenderProps<T>) {
-  const location = useLocation?.()
-  useEffect(() => {
-    if (location) {
-      // ensure we end up at the same place we are now after logging in
-      location.state = { from: { pathname: globalThis.location.pathname } }
-    }
-  }, [location])
-
-  useEffect(() => {
-    if (error) {
-      globalThis.rollbar?.error(error)
-    }
-  }, [error])
-
-  return error
-    ? (
-        <FlexCol alignItems="stretch" {...props}>
-          {noErrorDisplay
-            ? customError
-            : (
-                <FlexCol alignItems="center" {...props}>
-                  <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} scope={scope} />
-                </FlexCol>
-              )}
-        </FlexCol>
-      )
-    : <>{children}</>
-}

package/src/components/ErrorRender/index.ts

@@ -1,3 +0,0 @@
-export * from './ErrorAlert.tsx'
-export * from './Props.ts'
-export * from './Render.tsx'

package/src/components/index.ts

@@ -1,3 +0,0 @@
-export * from './ErrorBoundary.tsx'
-export * from './ErrorBoundary/index.ts'
-export * from './ErrorRender/index.ts'

package/src/contexts/ErrorReporter/Context.ts

@@ -1,6 +0,0 @@
-import { createContext } from 'react'
-
-import type { ErrorReporterContextState } from './State.ts'
-
-/** @deprecated use from @xylabs/react-error instead */
-export const ErrorReporterContext = createContext<ErrorReporterContextState>({})

package/src/contexts/ErrorReporter/Provider.stories.tsx

@@ -1,43 +0,0 @@
-import { Typography } from '@mui/material'
-import type { Meta, StoryFn } from '@storybook/react-vite'
-import React from 'react'
-import Rollbar from 'rollbar'
-
-import { ErrorReporterProvider } from './Provider.tsx'
-import { useErrorReporter } from './useErrorReporter.tsx'
-
-const StorybookEntry = {
-  argTypes: {},
-  component: ErrorReporterProvider,
-  parameters: { docs: { page: null } },
-  title: 'auth-service/ErrorReporterProvider',
-} as Meta<typeof ErrorReporterProvider>
-
-const RollbarComponent = () => {
-  const { rollbar } = useErrorReporter()
-  const rollbarFound = typeof rollbar?.error === 'function'
-
-  return (
-    <Typography color={rollbarFound ? 'green' : 'red'}>
-      Rollbar instance
-      {rollbarFound ? '' : 'NOT'}
-      {' '}
-      found from context!
-    </Typography>
-  )
-}
-
-const Template: StoryFn<typeof ErrorReporterProvider> = () => {
-  const rollbar = new Rollbar()
-  return (
-    <ErrorReporterProvider rollbar={rollbar}>
-      <RollbarComponent />
-    </ErrorReporterProvider>
-  )
-}
-
-const Default = Template.bind({})
-
-export { Default }
-
-export default StorybookEntry

package/src/contexts/ErrorReporter/Provider.tsx

@@ -1,28 +0,0 @@
-import { useRollbar } from '@rollbar/react'
-import type { PropsWithChildren } from 'react'
-import React from 'react'
-import type Rollbar from 'rollbar'
-
-import { ErrorReporterContext } from './Context.ts'
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ErrorReporterProviderProps {
-  rollbar: Rollbar
-}
-/** @deprecated use from @xylabs/react-error instead */
-export const ErrorReporterProvider: React.FC<PropsWithChildren<ErrorReporterProviderProps>> = ({ children, rollbar: rollbarProp }) => {
-  let rollbarFromHook: Rollbar | undefined
-  // safely call the hook
-  try {
-    // eslint-disable-next-line react-x/rules-of-hooks, react-hooks/rules-of-hooks
-    rollbarFromHook = useRollbar()
-  } catch {}
-
-  const rollbar = rollbarProp ?? rollbarFromHook
-
-  if (!rollbar) {
-    throw new Error('ErrorReporterProvider unable to find a Rollbar instance either passed as prop or from Provider')
-  }
-
-  return <ErrorReporterContext value={{ rollbar }}>{children}</ErrorReporterContext>
-}

package/src/contexts/ErrorReporter/State.ts

@@ -1,6 +0,0 @@
-import type Rollbar from 'rollbar'
-
-/** @deprecated use from @xylabs/react-error instead */
-export interface ErrorReporterContextState {
-  rollbar?: Rollbar
-}

package/src/contexts/ErrorReporter/index.ts

@@ -1,3 +0,0 @@
-export * from './Provider.tsx'
-export * from './State.ts'
-export * from './useErrorReporter.tsx'

package/src/contexts/ErrorReporter/useErrorReporter.tsx

@@ -1,13 +0,0 @@
-import { use } from 'react'
-
-import { ErrorReporterContext } from './Context.ts'
-
-/** @deprecated use from @xylabs/react-error instead */
-export const useErrorReporter = () => {
-  const context = use(ErrorReporterContext)
-  if (context === undefined) {
-    console.warn('useErrorReporter must be used within a ErrorReporterContext')
-  }
-
-  return context ?? {}
-}

package/src/contexts/index.ts

@@ -1 +0,0 @@
-export * from './ErrorReporter/index.ts'

package/src/global.d.ts

@@ -1,5 +0,0 @@
-import type Rollbar from 'rollbar'
-
-declare global {
-  var rollbar: Rollbar
-}

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './components/index.ts'
-export * from './contexts/index.ts'