@xyo-network/react-error 2.64.0 → 2.64.2

package/dist/browser/components/ErrorBoundary/ThrownErrorBoundary.js

@@ -1,13 +1,59 @@
-import { jsx } from "react/jsx-runtime";
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
 import { ModuleErrorSchema } from "@xyo-network/payload-model";
 import { Component } from "react";
-import { ErrorRender } from "../ErrorRender";
-class ThrownErrorBoundary extends Component {
+
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  if (error) {
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
+  } else {
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
+  }
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
   state = {
     xyoError: void 0
   };
   static getDerivedStateFromError(error) {
-    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) };
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
   }
   static normalizeError(error) {
     return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
@@ -28,11 +74,11 @@ class ThrownErrorBoundary extends Component {
       if (errorComponent) {
         return errorComponent(xyoError);
       }
-      return /* @__PURE__ */ jsx(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
     }
     return children;
   }
-}
+};
 export {
   ThrownErrorBoundary
 };

package/dist/browser/components/ErrorBoundary/ThrownErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  public override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  public static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n    ) as ModuleError\n  }\n\n  public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  public override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n    }\n\n    return children\n  }\n}\n"],"mappings":"AAoDa;AApDb,SAAsB,yBAAyB;AAC/C,SAAS,iBAAuC;AAGhD,SAAS,mBAAmB;AAcrB,MAAM,4BAA4B,UAA8D;AAAA,EACrF,QAAkC;AAAA,IAChD,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,UAAU,oBAAoB,eAAe,KAAK,EAAE;AAAA,EAC/E;AAAA,EAEA,OAAc,eAAe,OAAyC;AACpE,WACG,MAAsB,WAAW,oBAAoB,QAAQ,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE;AAAA,EAEnI;AAAA,EAEgB,kBAAkB,OAAc,WAAsB;AACpE,UAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,aAAS,MAAM,KAAK;AAEpB,YAAQ,MAAM,UAAU,UAAU,SAAS;AAC3C,QAAI,SAAS;AACX,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEgB,SAAS;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,cAAc,eAAe,IAAI,KAAK;AACxD,QAAI,UAAU;AACZ,UAAI,gBAAgB;AAClB,eAAO,eAAe,QAAQ;AAAA,MAChC;AACA,aAAO,oBAAC,eAAY,OAAO,UAAU,cAAc,GAAG,YAAY,aAAa;AAAA,IACjF;AAEA,WAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../../../src/components/ErrorRender/ErrorAlert.tsx","../../../../src/components/ErrorRender/Render.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  public override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  public static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n    ) as ModuleError\n  }\n\n  public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  public override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n"],"mappings":";AAAA,SAAsB,yBAAyB;AAC/C,SAAS,iBAAuC;;;ACDhD,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;AC/BA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AA+BhB,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;;;AFWa,gBAAAC,YAAA;AAlCN,IAAM,sBAAN,MAAM,6BAA4B,UAA8D;AAAA,EACrF,QAAkC;AAAA,IAChD,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,UAAU,qBAAoB,eAAe,KAAK,EAAE;AAAA,EAC/E;AAAA,EAEA,OAAc,eAAe,OAAyC;AACpE,WACG,MAAsB,WAAW,oBAAoB,QAAQ,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE;AAAA,EAEnI;AAAA,EAEgB,kBAAkB,OAAc,WAAsB;AACpE,UAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,aAAS,MAAM,KAAK;AAEpB,YAAQ,MAAM,UAAU,UAAU,SAAS;AAC3C,QAAI,SAAS;AACX,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEgB,SAAS;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,cAAc,eAAe,IAAI,KAAK;AACxD,QAAI,UAAU;AACZ,UAAI,gBAAgB;AAClB,eAAO,eAAe,QAAQ;AAAA,MAChC;AACA,aAAO,gBAAAA,KAAC,eAAY,OAAO,UAAU,cAAc,GAAG,YAAY,aAAa;AAAA,IACjF;AAEA,WAAO;AAAA,EACT;AACF;","names":["jsx","jsx"]}

package/dist/browser/components/ErrorBoundary/index.js

@@ -1,2 +1,85 @@
-export * from "./ThrownErrorBoundary";
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import { Component } from "react";
+
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  if (error) {
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
+  } else {
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
+  }
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { rethrow, rollbar } = this.props;
+    const { xyoError } = this.state;
+    rollbar?.error(error);
+    console.error("Error:", xyoError, errorInfo);
+    if (rethrow) {
+      throw error;
+    }
+  }
+  render() {
+    const { xyoError } = this.state;
+    const { children, boundaryName, errorComponent } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+export {
+  ThrownErrorBoundary
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/ErrorBoundary/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorBoundary/index.ts"],"sourcesContent":["export * from './ThrownErrorBoundary'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../../../src/components/ErrorRender/ErrorAlert.tsx","../../../../src/components/ErrorRender/Render.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  public override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  public static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n    ) as ModuleError\n  }\n\n  public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  public override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n"],"mappings":";AAAA,SAAsB,yBAAyB;AAC/C,SAAS,iBAAuC;;;ACDhD,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;AC/BA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AA+BhB,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;;;AFWa,gBAAAC,YAAA;AAlCN,IAAM,sBAAN,MAAM,6BAA4B,UAA8D;AAAA,EACrF,QAAkC;AAAA,IAChD,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,UAAU,qBAAoB,eAAe,KAAK,EAAE;AAAA,EAC/E;AAAA,EAEA,OAAc,eAAe,OAAyC;AACpE,WACG,MAAsB,WAAW,oBAAoB,QAAQ,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE;AAAA,EAEnI;AAAA,EAEgB,kBAAkB,OAAc,WAAsB;AACpE,UAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,aAAS,MAAM,KAAK;AAEpB,YAAQ,MAAM,UAAU,UAAU,SAAS;AAC3C,QAAI,SAAS;AACX,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEgB,SAAS;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,cAAc,eAAe,IAAI,KAAK;AACxD,QAAI,UAAU;AACZ,UAAI,gBAAgB;AAClB,eAAO,eAAe,QAAQ;AAAA,MAChC;AACA,aAAO,gBAAAA,KAAC,eAAY,OAAO,UAAU,cAAc,GAAG,YAAY,aAAa;AAAA,IACjF;AAEA,WAAO;AAAA,EACT;AACF;","names":["jsx","jsx"]}

package/dist/browser/components/ErrorRender/ErrorAlert.js

@@ -1,8 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/ErrorRender/ErrorAlert.tsx
 import { ExitToApp as ExitIcon } from "@mui/icons-material";
 import { Alert, AlertTitle, Typography } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
-const ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
   return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
     /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
     errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,

package/dist/browser/components/ErrorRender/ErrorAlert.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorRender/ErrorAlert.tsx"],"sourcesContent":["import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n"],"mappings":"AAaI,SACE,KADF;AAbJ,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AASlB,MAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/ErrorRender/ErrorAlert.tsx"],"sourcesContent":["import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n"],"mappings":";AAAA,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;","names":[]}

package/dist/browser/components/ErrorRender/Render.js

@@ -1,9 +1,26 @@
-import { Fragment, jsx } from "react/jsx-runtime";
+// src/components/ErrorRender/Render.tsx
 import { FlexCol } from "@xylabs/react-flexbox";
 import { useEffect } from "react";
 import { useLocation } from "react-router-dom";
-import { ErrorAlert } from "./ErrorAlert";
-const ErrorRender = ({
+
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
   onCancel,
   error,
   noErrorDisplay = false,
@@ -21,9 +38,9 @@ const ErrorRender = ({
     };
   }, [location]);
   if (error) {
-    return /* @__PURE__ */ jsx(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx(ErrorAlert, { error, errorContext, onCancel }) }) });
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
   } else {
-    return /* @__PURE__ */ jsx(Fragment, { children }) ?? null;
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
   }
 };
 export {

package/dist/browser/components/ErrorRender/Render.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorRender/Render.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n"],"mappings":"AAiCY,SAMD,UANC;AAjCZ,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAGpB,MAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,oBAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,oBAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,8BAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gCAAG,UAAS,KAAO;AAAA,EAC5B;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/components/ErrorRender/Render.tsx","../../../../src/components/ErrorRender/ErrorAlert.tsx"],"sourcesContent":["import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n"],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;;;ACF5B,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;ADEY,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;","names":["jsx"]}

package/dist/browser/components/ErrorRender/index.js

@@ -1,4 +1,48 @@
-export * from "./ErrorAlert";
-export * from "./Props";
-export * from "./Render";
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  if (error) {
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
+  } else {
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
+  }
+};
+export {
+  ErrorAlert,
+  ErrorRender
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/ErrorRender/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ErrorRender/index.ts"],"sourcesContent":["export * from './ErrorAlert'\nexport * from './Props'\nexport * from './Render'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/ErrorRender/ErrorAlert.tsx","../../../../src/components/ErrorRender/Render.tsx"],"sourcesContent":["import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n"],"mappings":";AAAA,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;AC/BA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AA+BhB,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;","names":["jsx"]}

package/dist/browser/components/index.js

@@ -1,3 +1,87 @@
-export * from "./ErrorBoundary";
-export * from "./ErrorRender";
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import { Component } from "react";
+
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  if (error) {
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
+  } else {
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
+  }
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { rethrow, rollbar } = this.props;
+    const { xyoError } = this.state;
+    rollbar?.error(error);
+    console.error("Error:", xyoError, errorInfo);
+    if (rethrow) {
+      throw error;
+    }
+  }
+  render() {
+    const { xyoError } = this.state;
+    const { children, boundaryName, errorComponent } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+export {
+  ErrorAlert,
+  ErrorRender,
+  ThrownErrorBoundary
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from './ErrorBoundary'\nexport * from './ErrorRender'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx","../../../src/components/ErrorRender/ErrorAlert.tsx","../../../src/components/ErrorRender/Render.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  public override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  public static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n    ) as ModuleError\n  }\n\n  public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  public override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n"],"mappings":";AAAA,SAAsB,yBAAyB;AAC/C,SAAS,iBAAuC;;;ACDhD,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;AC/BA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AA+BhB,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;;;AFWa,gBAAAC,YAAA;AAlCN,IAAM,sBAAN,MAAM,6BAA4B,UAA8D;AAAA,EACrF,QAAkC;AAAA,IAChD,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,UAAU,qBAAoB,eAAe,KAAK,EAAE;AAAA,EAC/E;AAAA,EAEA,OAAc,eAAe,OAAyC;AACpE,WACG,MAAsB,WAAW,oBAAoB,QAAQ,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE;AAAA,EAEnI;AAAA,EAEgB,kBAAkB,OAAc,WAAsB;AACpE,UAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,aAAS,MAAM,KAAK;AAEpB,YAAQ,MAAM,UAAU,UAAU,SAAS;AAC3C,QAAI,SAAS;AACX,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEgB,SAAS;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,cAAc,eAAe,IAAI,KAAK;AACxD,QAAI,UAAU;AACZ,UAAI,gBAAgB;AAClB,eAAO,eAAe,QAAQ;AAAA,MAChC;AACA,aAAO,gBAAAA,KAAC,eAAY,OAAO,UAAU,cAAc,GAAG,YAAY,aAAa;AAAA,IACjF;AAEA,WAAO;AAAA,EACT;AACF;","names":["jsx","jsx"]}

package/dist/browser/contexts/ErrorReporter/Context.js

@@ -1,5 +1,6 @@
+// src/contexts/ErrorReporter/Context.ts
 import { createContext } from "react";
-const ErrorReporterContext = createContext({});
+var ErrorReporterContext = createContext({});
 export {
   ErrorReporterContext
 };

package/dist/browser/contexts/ErrorReporter/Context.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/ErrorReporter/Context.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n"],"mappings":"AAAA,SAAS,qBAAqB;AAIvB,MAAM,uBAAuB,cAAyC,CAAC,CAAC;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/ErrorReporter/Context.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n"],"mappings":";AAAA,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;","names":[]}

package/dist/browser/contexts/ErrorReporter/Provider.js

@@ -1,7 +1,13 @@
-import { jsx } from "react/jsx-runtime";
+// src/contexts/ErrorReporter/Provider.tsx
 import { useEffect, useState } from "react";
-import { ErrorReporterContext } from "./Context";
-const ErrorReporterProvider = ({ children, rollbar }) => {
+
+// src/contexts/ErrorReporter/Context.ts
+import { createContext } from "react";
+var ErrorReporterContext = createContext({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+var ErrorReporterProvider = ({ children, rollbar }) => {
   const [rollbarInstance, setRollBarInstance] = useState();
   useEffect(() => {
     if (rollbarInstance) {

package/dist/browser/contexts/ErrorReporter/Provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/ErrorReporter/Provider.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n"],"mappings":"AAmBS;AAlBT,SAAS,WAAW,gBAAgB;AAGpC,SAAS,4BAA4B;AAMrC,MAAM,wBAA4E,CAAC,EAAE,UAAU,QAAQ,MAAM;AAC3G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAEhE,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,yBAAmB,eAAe;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,SAAO,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,GAAI,UAAS;AACtE;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/ErrorReporter/Provider.tsx","../../../../src/contexts/ErrorReporter/Context.ts"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;;;ACDpC,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;;;ADetE;AATT,IAAM,wBAA4E,CAAC,EAAE,UAAU,QAAQ,MAAM;AAC3G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAEhE,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,yBAAmB,eAAe;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,SAAO,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,GAAI,UAAS;AACtE;","names":[]}

package/dist/browser/contexts/ErrorReporter/index.js

@@ -1,4 +1,33 @@
-export * from "./Provider";
-export * from "./State";
-export * from "./useRollbar";
+// src/contexts/ErrorReporter/Provider.tsx
+import { useEffect, useState } from "react";
+
+// src/contexts/ErrorReporter/Context.ts
+import { createContext } from "react";
+var ErrorReporterContext = createContext({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = useState();
+  useEffect(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ jsx(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+import { useContext } from "react";
+var useRollbar = () => {
+  const context = useContext(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
+export {
+  ErrorReporterProvider,
+  useRollbar
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/contexts/ErrorReporter/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/ErrorReporter/index.ts"],"sourcesContent":["export * from './Provider'\nexport * from './State'\nexport * from './useRollbar'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/ErrorReporter/Provider.tsx","../../../../src/contexts/ErrorReporter/Context.ts","../../../../src/contexts/ErrorReporter/useRollbar.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;;;ACDpC,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;;;ADetE;AATT,IAAM,wBAA4E,CAAC,EAAE,UAAU,QAAQ,MAAM;AAC3G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAEhE,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,yBAAmB,eAAe;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,SAAO,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,GAAI,UAAS;AACtE;;;AEpBA,SAAS,kBAAkB;AAI3B,IAAM,aAAa,MAAM;AACvB,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,YAAQ,KAAK,uDAAuD;AAAA,EACtE;AAEA,SAAO,WAAW,CAAC;AACrB;","names":[]}

package/dist/browser/contexts/ErrorReporter/useRollbar.js

@@ -1,6 +1,12 @@
+// src/contexts/ErrorReporter/useRollbar.tsx
 import { useContext } from "react";
-import { ErrorReporterContext } from "./Context";
-const useRollbar = () => {
+
+// src/contexts/ErrorReporter/Context.ts
+import { createContext } from "react";
+var ErrorReporterContext = createContext({});
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+var useRollbar = () => {
   const context = useContext(ErrorReporterContext);
   if (context === void 0) {
     console.warn("useRollbar must be used within a ErrorReporterContext");

package/dist/browser/contexts/ErrorReporter/useRollbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/contexts/ErrorReporter/useRollbar.tsx"],"sourcesContent":["import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":"AAAA,SAAS,kBAAkB;AAE3B,SAAS,4BAA4B;AAErC,MAAM,aAAa,MAAM;AACvB,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,YAAQ,KAAK,uDAAuD;AAAA,EACtE;AAEA,SAAO,WAAW,CAAC;AACrB;","names":[]}
+{"version":3,"sources":["../../../../src/contexts/ErrorReporter/useRollbar.tsx","../../../../src/contexts/ErrorReporter/Context.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n"],"mappings":";AAAA,SAAS,kBAAkB;;;ACA3B,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;;;ADA/E,IAAM,aAAa,MAAM;AACvB,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,YAAQ,KAAK,uDAAuD;AAAA,EACtE;AAEA,SAAO,WAAW,CAAC;AACrB;","names":[]}

package/dist/browser/contexts/index.js

@@ -1,2 +1,33 @@
-export * from "./ErrorReporter";
+// src/contexts/ErrorReporter/Provider.tsx
+import { useEffect, useState } from "react";
+
+// src/contexts/ErrorReporter/Context.ts
+import { createContext } from "react";
+var ErrorReporterContext = createContext({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+import { jsx } from "react/jsx-runtime";
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = useState();
+  useEffect(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ jsx(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+import { useContext } from "react";
+var useRollbar = () => {
+  const context = useContext(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
+export {
+  ErrorReporterProvider,
+  useRollbar
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/contexts/index.ts"],"sourcesContent":["export * from './ErrorReporter'\n"],"mappings":"AAAA,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/contexts/ErrorReporter/Provider.tsx","../../../src/contexts/ErrorReporter/Context.ts","../../../src/contexts/ErrorReporter/useRollbar.tsx"],"sourcesContent":["import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":";AACA,SAAS,WAAW,gBAAgB;;;ACDpC,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;;;ADetE;AATT,IAAM,wBAA4E,CAAC,EAAE,UAAU,QAAQ,MAAM;AAC3G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAEhE,YAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,yBAAmB,eAAe;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,SAAO,oBAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,GAAI,UAAS;AACtE;;;AEpBA,SAAS,kBAAkB;AAI3B,IAAM,aAAa,MAAM;AACvB,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,YAAQ,KAAK,uDAAuD;AAAA,EACtE;AAEA,SAAO,WAAW,CAAC;AACrB;","names":[]}

package/dist/browser/index.js

@@ -1,3 +1,118 @@
-export * from "./components";
-export * from "./contexts";
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { ModuleErrorSchema } from "@xyo-network/payload-model";
+import { Component } from "react";
+
+// src/components/ErrorRender/ErrorAlert.tsx
+import { ExitToApp as ExitIcon } from "@mui/icons-material";
+import { Alert, AlertTitle, Typography } from "@mui/material";
+import { ButtonEx } from "@xylabs/react-button";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ErrorAlert = ({ onCancel, error, errorContext, ...props }) => {
+  return /* @__PURE__ */ jsxs(Alert, { severity: "error", ...props, children: [
+    /* @__PURE__ */ jsx(AlertTitle, { children: "Whoops! Something went wrong" }),
+    errorContext ? /* @__PURE__ */ jsx(Typography, { variant: "caption", my: 0.5, lineHeight: "1", display: "block", children: errorContext }) : null,
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", mr: 0.5, fontWeight: "bold", children: "Error:" }),
+    /* @__PURE__ */ jsx(Typography, { variant: "caption", children: error?.message }),
+    onCancel ? /* @__PURE__ */ jsx(ButtonEx, { variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 }, children: /* @__PURE__ */ jsx(ExitIcon, { fontSize: "small" }) }) : null
+  ] });
+};
+
+// src/components/ErrorRender/Render.tsx
+import { FlexCol } from "@xylabs/react-flexbox";
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+import { Fragment, jsx as jsx2 } from "react/jsx-runtime";
+var ErrorRender = ({
+  onCancel,
+  error,
+  noErrorDisplay = false,
+  customError = null,
+  children,
+  errorContext,
+  ...props
+}) => {
+  const location = useLocation();
+  useEffect(() => {
+    location.state = {
+      from: {
+        pathname: window.location.pathname
+      }
+    };
+  }, [location]);
+  if (error) {
+    return /* @__PURE__ */ jsx2(FlexCol, { alignItems: "stretch", ...props, children: noErrorDisplay ? customError : /* @__PURE__ */ jsx2(FlexCol, { alignItems: "center", ...props, children: /* @__PURE__ */ jsx2(ErrorAlert, { error, errorContext, onCancel }) }) });
+  } else {
+    return /* @__PURE__ */ jsx2(Fragment, { children }) ?? null;
+  }
+};
+
+// src/components/ErrorBoundary/ThrownErrorBoundary.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ThrownErrorBoundary = class _ThrownErrorBoundary extends Component {
+  state = {
+    xyoError: void 0
+  };
+  static getDerivedStateFromError(error) {
+    return { hasError: true, xyoError: _ThrownErrorBoundary.normalizeError(error) };
+  }
+  static normalizeError(error) {
+    return error.schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] };
+  }
+  componentDidCatch(error, errorInfo) {
+    const { rethrow, rollbar } = this.props;
+    const { xyoError } = this.state;
+    rollbar?.error(error);
+    console.error("Error:", xyoError, errorInfo);
+    if (rethrow) {
+      throw error;
+    }
+  }
+  render() {
+    const { xyoError } = this.state;
+    const { children, boundaryName, errorComponent } = this.props;
+    if (xyoError) {
+      if (errorComponent) {
+        return errorComponent(xyoError);
+      }
+      return /* @__PURE__ */ jsx3(ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+    }
+    return children;
+  }
+};
+
+// src/contexts/ErrorReporter/Provider.tsx
+import { useEffect as useEffect2, useState } from "react";
+
+// src/contexts/ErrorReporter/Context.ts
+import { createContext } from "react";
+var ErrorReporterContext = createContext({});
+
+// src/contexts/ErrorReporter/Provider.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var ErrorReporterProvider = ({ children, rollbar }) => {
+  const [rollbarInstance, setRollBarInstance] = useState();
+  useEffect2(() => {
+    if (rollbarInstance) {
+      setRollBarInstance(rollbarInstance);
+    }
+  }, [rollbar, rollbarInstance]);
+  return /* @__PURE__ */ jsx4(ErrorReporterContext.Provider, { value: { rollbar }, children });
+};
+
+// src/contexts/ErrorReporter/useRollbar.tsx
+import { useContext } from "react";
+var useRollbar = () => {
+  const context = useContext(ErrorReporterContext);
+  if (context === void 0) {
+    console.warn("useRollbar must be used within a ErrorReporterContext");
+  }
+  return context ?? {};
+};
+export {
+  ErrorAlert,
+  ErrorRender,
+  ErrorReporterProvider,
+  ThrownErrorBoundary,
+  useRollbar
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["export * from './components'\nexport * from './contexts'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../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/useRollbar.tsx"],"sourcesContent":["import { ModuleError, ModuleErrorSchema } from '@xyo-network/payload-model'\nimport { Component, ErrorInfo, ReactNode } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorRender } from '../ErrorRender'\n\nexport interface ThrownErrorBoundaryProps {\n  boundaryName?: string\n  children: ReactNode\n  errorComponent?: (e: ModuleError, boundaryName?: string) => ReactNode\n  rethrow?: boolean\n  rollbar?: Rollbar\n}\n\nexport interface ThrownErrorBoundaryState {\n  xyoError?: ModuleError\n}\n\nexport class ThrownErrorBoundary extends Component<ThrownErrorBoundaryProps, ThrownErrorBoundaryState> {\n  public override state: ThrownErrorBoundaryState = {\n    xyoError: undefined,\n  }\n\n  static getDerivedStateFromError(error: Error) {\n    return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) } as ThrownErrorBoundaryState\n  }\n\n  public static normalizeError(error: Error | ModuleError): ModuleError {\n    return (\n      (error as ModuleError).schema === ModuleErrorSchema ? error : { message: error.message, schema: ModuleErrorSchema, sources: [] }\n    ) as ModuleError\n  }\n\n  public override componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { rethrow, rollbar } = this.props\n    const { xyoError } = this.state\n\n    rollbar?.error(error)\n\n    console.error('Error:', xyoError, errorInfo)\n    if (rethrow) {\n      throw error\n    }\n  }\n\n  public override render() {\n    const { xyoError } = this.state\n    const { children, boundaryName, errorComponent } = this.props\n    if (xyoError) {\n      if (errorComponent) {\n        return errorComponent(xyoError)\n      }\n      return <ErrorRender error={xyoError} errorContext={`${boundaryName} Boundary`} />\n    }\n\n    return children\n  }\n}\n","import { ExitToApp as ExitIcon } from '@mui/icons-material'\nimport { Alert, AlertProps, AlertTitle, Typography } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ModuleError } from '@xyo-network/payload-model'\n\nexport interface ErrorAlertProps extends AlertProps {\n  error?: ModuleError | Error\n  errorContext?: string\n  onCancel?: () => void\n}\n\nexport const ErrorAlert: React.FC<ErrorAlertProps> = ({ onCancel, error, errorContext, ...props }) => {\n  return (\n    <Alert severity=\"error\" {...props}>\n      <AlertTitle>Whoops! Something went wrong</AlertTitle>\n      {errorContext ? (\n        <Typography variant=\"caption\" my={0.5} lineHeight=\"1\" display=\"block\">\n          {errorContext}\n        </Typography>\n      ) : null}\n      <Typography variant=\"caption\" mr={0.5} fontWeight=\"bold\">\n        Error:\n      </Typography>\n      <Typography variant=\"caption\">{error?.message}</Typography>\n      {onCancel ? (\n        <ButtonEx variant=\"outlined\" size=\"small\" onClick={onCancel} position=\"absolute\" style={{ right: 8, top: 8 }}>\n          <ExitIcon fontSize=\"small\" />\n        </ButtonEx>\n      ) : null}\n    </Alert>\n  )\n}\n","import { FlexCol } from '@xylabs/react-flexbox'\nimport { useEffect } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport { ErrorAlert } from './ErrorAlert'\nimport { ErrorRenderProps } from './Props'\n\nexport const ErrorRender: React.FC<ErrorRenderProps> = ({\n  onCancel,\n  error,\n  noErrorDisplay = false,\n  customError = null,\n  children,\n  errorContext,\n  ...props\n}) => {\n  const location = useLocation()\n  useEffect(() => {\n    // ensure we end up at the same place we are now after logging in\n    location.state = {\n      from: {\n        pathname: window.location.pathname,\n      },\n    }\n  }, [location])\n\n  if (error) {\n    return (\n      <FlexCol alignItems=\"stretch\" {...props}>\n        {noErrorDisplay ? (\n          customError\n        ) : (\n          <FlexCol alignItems=\"center\" {...props}>\n            <ErrorAlert error={error} errorContext={errorContext} onCancel={onCancel} />\n          </FlexCol>\n        )}\n      </FlexCol>\n    )\n  } else {\n    return <>{children}</> ?? null\n  }\n}\n","import { WithChildren } from '@xylabs/react-shared'\nimport { useEffect, useState } from 'react'\nimport Rollbar from 'rollbar'\n\nimport { ErrorReporterContext } from './Context'\n\nexport interface ErrorReporterProviderProps {\n  rollbar: Rollbar\n}\n\nconst ErrorReporterProvider: React.FC<WithChildren<ErrorReporterProviderProps>> = ({ children, rollbar }) => {\n  const [rollbarInstance, setRollBarInstance] = useState<Rollbar>()\n\n  useEffect(() => {\n    if (rollbarInstance) {\n      setRollBarInstance(rollbarInstance)\n    }\n  }, [rollbar, rollbarInstance])\n\n  return <ErrorReporterContext.Provider value={{ rollbar }}>{children}</ErrorReporterContext.Provider>\n}\n\nexport { ErrorReporterProvider }\n","import { createContext } from 'react'\n\nimport { ErrorReporterContextState } from './State'\n\nexport const ErrorReporterContext = createContext<ErrorReporterContextState>({})\n","import { useContext } from 'react'\n\nimport { ErrorReporterContext } from './Context'\n\nconst useRollbar = () => {\n  const context = useContext(ErrorReporterContext)\n  if (context === undefined) {\n    console.warn('useRollbar must be used within a ErrorReporterContext')\n  }\n\n  return context ?? {}\n}\n\nexport { useRollbar }\n"],"mappings":";AAAA,SAAsB,yBAAyB;AAC/C,SAAS,iBAAuC;;;ACDhD,SAAS,aAAa,gBAAgB;AACtC,SAAS,OAAmB,YAAY,kBAAkB;AAC1D,SAAS,gBAAgB;AAWrB,SACE,KADF;AAFG,IAAM,aAAwC,CAAC,EAAE,UAAU,OAAO,cAAc,GAAG,MAAM,MAAM;AACpG,SACE,qBAAC,SAAM,UAAS,SAAS,GAAG,OAC1B;AAAA,wBAAC,cAAW,0CAA4B;AAAA,IACvC,eACC,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,KAAI,SAAQ,SAC3D,wBACH,IACE;AAAA,IACJ,oBAAC,cAAW,SAAQ,WAAU,IAAI,KAAK,YAAW,QAAO,oBAEzD;AAAA,IACA,oBAAC,cAAW,SAAQ,WAAW,iBAAO,SAAQ;AAAA,IAC7C,WACC,oBAAC,YAAS,SAAQ,YAAW,MAAK,SAAQ,SAAS,UAAU,UAAS,YAAW,OAAO,EAAE,OAAO,GAAG,KAAK,EAAE,GACzG,8BAAC,YAAS,UAAS,SAAQ,GAC7B,IACE;AAAA,KACN;AAEJ;;;AC/BA,SAAS,eAAe;AACxB,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AA+BhB,SAMD,UANC,OAAAA,YAAA;AA1BL,IAAM,cAA0C,CAAC;AAAA,EACtD;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,WAAW,YAAY;AAC7B,YAAU,MAAM;AAEd,aAAS,QAAQ;AAAA,MACf,MAAM;AAAA,QACJ,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,MAAI,OAAO;AACT,WACE,gBAAAA,KAAC,WAAQ,YAAW,WAAW,GAAG,OAC/B,2BACC,cAEA,gBAAAA,KAAC,WAAQ,YAAW,UAAU,GAAG,OAC/B,0BAAAA,KAAC,cAAW,OAAc,cAA4B,UAAoB,GAC5E,GAEJ;AAAA,EAEJ,OAAO;AACL,WAAO,gBAAAA,KAAA,YAAG,UAAS,KAAO;AAAA,EAC5B;AACF;;;AFWa,gBAAAC,YAAA;AAlCN,IAAM,sBAAN,MAAM,6BAA4B,UAA8D;AAAA,EACrF,QAAkC;AAAA,IAChD,UAAU;AAAA,EACZ;AAAA,EAEA,OAAO,yBAAyB,OAAc;AAC5C,WAAO,EAAE,UAAU,MAAM,UAAU,qBAAoB,eAAe,KAAK,EAAE;AAAA,EAC/E;AAAA,EAEA,OAAc,eAAe,OAAyC;AACpE,WACG,MAAsB,WAAW,oBAAoB,QAAQ,EAAE,SAAS,MAAM,SAAS,QAAQ,mBAAmB,SAAS,CAAC,EAAE;AAAA,EAEnI;AAAA,EAEgB,kBAAkB,OAAc,WAAsB;AACpE,UAAM,EAAE,SAAS,QAAQ,IAAI,KAAK;AAClC,UAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,aAAS,MAAM,KAAK;AAEpB,YAAQ,MAAM,UAAU,UAAU,SAAS;AAC3C,QAAI,SAAS;AACX,YAAM;AAAA,IACR;AAAA,EACF;AAAA,EAEgB,SAAS;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,UAAU,cAAc,eAAe,IAAI,KAAK;AACxD,QAAI,UAAU;AACZ,UAAI,gBAAgB;AAClB,eAAO,eAAe,QAAQ;AAAA,MAChC;AACA,aAAO,gBAAAA,KAAC,eAAY,OAAO,UAAU,cAAc,GAAG,YAAY,aAAa;AAAA,IACjF;AAEA,WAAO;AAAA,EACT;AACF;;;AGxDA,SAAS,aAAAC,YAAW,gBAAgB;;;ACDpC,SAAS,qBAAqB;AAIvB,IAAM,uBAAuB,cAAyC,CAAC,CAAC;;;ADetE,gBAAAC,YAAA;AATT,IAAM,wBAA4E,CAAC,EAAE,UAAU,QAAQ,MAAM;AAC3G,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAkB;AAEhE,EAAAC,WAAU,MAAM;AACd,QAAI,iBAAiB;AACnB,yBAAmB,eAAe;AAAA,IACpC;AAAA,EACF,GAAG,CAAC,SAAS,eAAe,CAAC;AAE7B,SAAO,gBAAAD,KAAC,qBAAqB,UAArB,EAA8B,OAAO,EAAE,QAAQ,GAAI,UAAS;AACtE;;;AEpBA,SAAS,kBAAkB;AAI3B,IAAM,aAAa,MAAM;AACvB,QAAM,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACzB,YAAQ,KAAK,uDAAuD;AAAA,EACtE;AAEA,SAAO,WAAW,CAAC;AACrB;","names":["jsx","jsx","useEffect","jsx","useEffect"]}

package/dist/docs.json

@@ -194,7 +194,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 20,
 							"character": 18,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L20"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L20"
 						}
 					],
 					"type": {
@@ -223,7 +223,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 34,
 							"character": 18,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L34"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L34"
 						}
 					],
 					"signatures": [
@@ -238,7 +238,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 									"line": 34,
 									"character": 2,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L34"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L34"
 								}
 							],
 							"parameters": [
@@ -306,7 +306,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 46,
 							"character": 18,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L46"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L46"
 						}
 					],
 					"signatures": [
@@ -321,7 +321,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 									"line": 46,
 									"character": 2,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L46"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L46"
 								}
 							],
 							"type": {
@@ -406,7 +406,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 24,
 							"character": 9,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L24"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L24"
 						}
 					],
 					"signatures": [
@@ -421,7 +421,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 									"line": 24,
 									"character": 2,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L24"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L24"
 								}
 							],
 							"parameters": [
@@ -465,7 +465,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 28,
 							"character": 16,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L28"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L28"
 						}
 					],
 					"signatures": [
@@ -480,7 +480,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 									"line": 28,
 									"character": 2,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L28"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L28"
 								}
 							],
 							"parameters": [
@@ -618,7 +618,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 					"line": 19,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L19"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L19"
 				}
 			],
 			"extendedTypes": [
@@ -668,7 +668,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L7"
 						}
 					],
 					"type": {
@@ -739,7 +739,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L8"
 						}
 					],
 					"type": {
@@ -760,7 +760,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
 						}
 					],
 					"type": {
@@ -776,7 +776,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 									"line": 9,
 									"character": 13,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
 								}
 							],
 							"signatures": [
@@ -791,7 +791,7 @@
 											"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 											"line": 9,
 											"character": 13,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L9"
 										}
 									],
 									"type": {
@@ -819,7 +819,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 					"line": 6,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L6"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L6"
 				}
 			],
 			"extendedTypes": [
@@ -5544,7 +5544,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 6,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L6"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L6"
 						}
 					],
 					"type": {
@@ -5855,7 +5855,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 7,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L7"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L7"
 						}
 					],
 					"type": {
@@ -5926,7 +5926,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L8"
 						}
 					],
 					"type": {
@@ -16111,7 +16111,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L9"
 						}
 					],
 					"type": {
@@ -16132,7 +16132,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L10"
 						}
 					],
 					"type": {
@@ -16153,7 +16153,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
 						}
 					],
 					"type": {
@@ -16169,7 +16169,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 									"line": 11,
 									"character": 13,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
 								}
 							],
 							"signatures": [
@@ -16184,7 +16184,7 @@
 											"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 											"line": 11,
 											"character": 13,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L11"
 										}
 									],
 									"type": {
@@ -22634,7 +22634,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Props.ts",
 					"line": 5,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Props.ts#L5"
 				}
 			],
 			"extendedTypes": [
@@ -22669,7 +22669,7 @@
 							"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts",
 							"line": 4,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts#L4"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts#L4"
 						}
 					],
 					"type": {
@@ -22696,7 +22696,7 @@
 					"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts",
 					"line": 3,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts#L3"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/State.ts#L3"
 				}
 			]
 		},
@@ -22718,7 +22718,7 @@
 							"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L8"
 						}
 					],
 					"type": {
@@ -22745,7 +22745,7 @@
 					"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L7"
 				}
 			]
 		},
@@ -22769,7 +22769,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 8,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L8"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L8"
 						}
 					],
 					"type": {
@@ -22788,7 +22788,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 9,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L9"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L9"
 						}
 					],
 					"type": {
@@ -22815,7 +22815,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 10,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
 						}
 					],
 					"type": {
@@ -22831,7 +22831,7 @@
 									"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 									"line": 10,
 									"character": 19,
-									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
+									"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
 								}
 							],
 							"signatures": [
@@ -22846,7 +22846,7 @@
 											"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 											"line": 10,
 											"character": 19,
-											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
+											"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L10"
 										}
 									],
 									"parameters": [
@@ -22939,7 +22939,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 11,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L11"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L11"
 						}
 					],
 					"type": {
@@ -22960,7 +22960,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 12,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L12"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L12"
 						}
 					],
 					"type": {
@@ -22991,7 +22991,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 					"line": 7,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L7"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L7"
 				}
 			]
 		},
@@ -23015,7 +23015,7 @@
 							"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 							"line": 16,
 							"character": 2,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L16"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L16"
 						}
 					],
 					"type": {
@@ -23073,7 +23073,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx",
 					"line": 15,
 					"character": 17,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L15"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorBoundary/ThrownErrorBoundary.tsx#L15"
 				}
 			]
 		},
@@ -23088,7 +23088,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx",
 					"line": 12,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L12"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/ErrorAlert.tsx#L12"
 				}
 			],
 			"signatures": [
@@ -23176,7 +23176,7 @@
 					"fileName": "packages/sdk/packages/error/src/components/ErrorRender/Render.tsx",
 					"line": 8,
 					"character": 13,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/components/ErrorRender/Render.tsx#L8"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/components/ErrorRender/Render.tsx#L8"
 				}
 			],
 			"signatures": [
@@ -23264,7 +23264,7 @@
 					"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx",
 					"line": 11,
 					"character": 6,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L11"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/Provider.tsx#L11"
 				}
 			],
 			"signatures": [
@@ -23363,7 +23363,7 @@
 					"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx",
 					"line": 5,
 					"character": 6,
-					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx#L5"
+					"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx#L5"
 				}
 			],
 			"signatures": [
@@ -23378,7 +23378,7 @@
 							"fileName": "packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx",
 							"line": 5,
 							"character": 19,
-							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/d3056af66/packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx#L5"
+							"url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/blob/feff6b161/packages/sdk/packages/error/src/contexts/ErrorReporter/useRollbar.tsx#L5"
 						}
 					],
 					"type": {

package/package.json

@@ -10,10 +10,10 @@
     "url": "https://github.com/XYOracleNetwork/sdk-xyo-react-js/issues"
   },
   "dependencies": {
-    "@xylabs/react-button": "^3.0.5",
-    "@xylabs/react-flexbox": "^3.0.5",
-    "@xylabs/react-shared": "^3.0.5",
-    "@xyo-network/payload-model": "^2.75.3"
+    "@xylabs/react-button": "^3.0.6",
+    "@xylabs/react-flexbox": "^3.0.6",
+    "@xylabs/react-shared": "^3.0.6",
+    "@xyo-network/payload-model": "^2.75.4"
   },
   "peerDependencies": {
     "@mui/icons-material": "^5",
@@ -26,8 +26,8 @@
   },
   "devDependencies": {
     "@storybook/react": "^7.4.5",
-    "@xylabs/ts-scripts-yarn3": "^3.0.78",
-    "@xylabs/tsconfig-react": "^3.0.78",
+    "@xylabs/ts-scripts-yarn3": "^3.0.79",
+    "@xylabs/tsconfig-react": "^3.0.79",
     "typescript": "^5.2.2"
   },
   "peerDependenciesMeta": {
@@ -86,6 +86,6 @@
   },
   "sideEffects": false,
   "types": "dist/browser/index.d.ts",
-  "version": "2.64.0",
+  "version": "2.64.2",
   "type": "module"
 }