@xyo-network/react-error 2.62.3 → 2.63.1

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThrownErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const payload_model_1 = require("@xyo-network/payload-model");
+const react_1 = require("react");
+const ErrorRender_1 = require("../ErrorRender");
+class ThrownErrorBoundary extends react_1.Component {
+    constructor() {
+        super(...arguments);
+        this.state = {
+            xyoError: undefined,
+        };
+    }
+    static getDerivedStateFromError(error) {
+        return { hasError: true, xyoError: ThrownErrorBoundary.normalizeError(error) };
+    }
+    static normalizeError(error) {
+        return (error.schema === payload_model_1.ModuleErrorSchema ? error : { message: error.message, schema: payload_model_1.ModuleErrorSchema, sources: [] });
+    }
+    componentDidCatch(error, errorInfo) {
+        const { rethrow, rollbar } = this.props;
+        const { xyoError } = this.state;
+        rollbar === null || rollbar === void 0 ? void 0 : 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 (0, jsx_runtime_1.jsx)(ErrorRender_1.ErrorRender, { error: xyoError, errorContext: `${boundaryName} Boundary` });
+        }
+        return children;
+    }
+}
+exports.ThrownErrorBoundary = ThrownErrorBoundary;
+//# sourceMappingURL=ThrownErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ThrownErrorBoundary.js","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/ThrownErrorBoundary.tsx"],"names":[],"mappings":";;;;AAAA,8DAA2E;AAC3E,iCAAuD;AAGvD,gDAA4C;AAc5C,MAAa,mBAAoB,SAAQ,iBAA6D;IAAtG;;QACkB,UAAK,GAA6B;YAChD,QAAQ,EAAE,SAAS;SACpB,CAAA;IAoCH,CAAC;IAlCC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,CAAC,cAAc,CAAC,KAAK,CAAC,EAA8B,CAAA;IAC5G,CAAC;IAEM,MAAM,CAAC,cAAc,CAAC,KAA0B;QACrD,OAAO,CACJ,KAAqB,CAAC,MAAM,KAAK,iCAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,iCAAiB,EAAE,OAAO,EAAE,EAAE,EAAE,CAClH,CAAA;IAClB,CAAC;IAEe,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QACvC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAE/B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,KAAK,CAAC,CAAA;QAErB,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAA;QAC5C,IAAI,OAAO,EAAE;YACX,MAAM,KAAK,CAAA;SACZ;IACH,CAAC;IAEe,MAAM;QACpB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC/B,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,KAAK,CAAA;QAC7D,IAAI,QAAQ,EAAE;YACZ,IAAI,cAAc,EAAE;gBAClB,OAAO,cAAc,CAAC,QAAQ,CAAC,CAAA;aAChC;YACD,OAAO,uBAAC,yBAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,WAAW,GAAI,CAAA;SAClF;QAED,OAAO,QAAQ,CAAA;IACjB,CAAC;CACF;AAvCD,kDAuCC"}

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ThrownErrorBoundary"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorBoundary/index.ts"],"names":[],"mappings":";;;AAAA,gEAAqC"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorAlert = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ExitToApp_1 = tslib_1.__importDefault(require("@mui/icons-material/ExitToApp"));
+const material_1 = require("@mui/material");
+const react_button_1 = require("@xylabs/react-button");
+const ErrorAlert = (_a) => {
+    var { onCancel, error, errorContext } = _a, props = tslib_1.__rest(_a, ["onCancel", "error", "errorContext"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Alert, Object.assign({ severity: "error" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.AlertTitle, { children: "Whoops! Something went wrong" }), errorContext ? ((0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", my: 0.5, lineHeight: "1", display: "block" }, { children: errorContext }))) : null, (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption", mr: 0.5, fontWeight: "bold" }, { children: "Error:" })), (0, jsx_runtime_1.jsx)(material_1.Typography, Object.assign({ variant: "caption" }, { children: error === null || error === void 0 ? void 0 : error.message })), onCancel ? ((0, jsx_runtime_1.jsx)(react_button_1.ButtonEx, Object.assign({ variant: "outlined", size: "small", onClick: onCancel, position: "absolute", style: { right: 8, top: 8 } }, { children: (0, jsx_runtime_1.jsx)(ExitToApp_1.default, { fontSize: "small" }) }))) : null] })));
+};
+exports.ErrorAlert = ErrorAlert;
+//# sourceMappingURL=ErrorAlert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorAlert.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/ErrorAlert.tsx"],"names":[],"mappings":";;;;;AAAA,sFAAoD;AACpD,4CAAyE;AACzE,uDAA+C;AASxC,MAAM,UAAU,GAA8B,CAAC,EAA2C,EAAE,EAAE;QAA/C,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAzC,qCAA2C,CAAF;IAC7F,OAAO,CACL,wBAAC,gBAAK,kBAAC,QAAQ,EAAC,OAAO,IAAK,KAAK,eAC/B,uBAAC,qBAAU,+CAA0C,EACpD,YAAY,CAAC,CAAC,CAAC,CACd,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,gBAClE,YAAY,IACF,CACd,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,EAAC,EAAE,EAAE,GAAG,EAAE,UAAU,EAAC,MAAM,4BAE3C,EACb,uBAAC,qBAAU,kBAAC,OAAO,EAAC,SAAS,gBAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,IAAc,EAC1D,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,uBAAQ,kBAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,gBAC1G,uBAAC,mBAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IACpB,CACZ,CAAC,CAAC,CAAC,IAAI,KACF,CACT,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}

package/dist/cjs/components/ErrorRender/Props.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Props.js.map

package/dist/cjs/components/ErrorRender/Props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Props.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Props.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorRender = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const react_1 = require("react");
+const react_router_dom_1 = require("react-router-dom");
+const ErrorAlert_1 = require("./ErrorAlert");
+const ErrorRender = (_a) => {
+    var _b;
+    var { onCancel, error, noErrorDisplay = false, customError = null, children, errorContext } = _a, props = tslib_1.__rest(_a, ["onCancel", "error", "noErrorDisplay", "customError", "children", "errorContext"]);
+    const location = (0, react_router_dom_1.useLocation)();
+    (0, react_1.useEffect)(() => {
+        // ensure we end up at the same place we are now after logging in
+        location.state = {
+            from: {
+                pathname: window.location.pathname,
+            },
+        };
+    }, [location]);
+    if (error) {
+        return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "stretch" }, props, { children: noErrorDisplay ? (customError) : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexCol, Object.assign({ alignItems: "center" }, props, { children: (0, jsx_runtime_1.jsx)(ErrorAlert_1.ErrorAlert, { error: error, errorContext: errorContext, onCancel: onCancel }) }))) })));
+    }
+    else {
+        return (_b = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })) !== null && _b !== void 0 ? _b : null;
+    }
+};
+exports.ErrorRender = ErrorRender;
+//# sourceMappingURL=Render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Render.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/Render.tsx"],"names":[],"mappings":";;;;;AAAA,yDAA+C;AAC/C,iCAAiC;AACjC,uDAA8C;AAE9C,6CAAyC;AAGlC,MAAM,WAAW,GAA+B,CAAC,EAQvD,EAAE,EAAE;;QARmD,EACtD,QAAQ,EACR,KAAK,EACL,cAAc,GAAG,KAAK,EACtB,WAAW,GAAG,IAAI,EAClB,QAAQ,EACR,YAAY,OAEb,EADI,KAAK,sBAP8C,kFAQvD,CADS;IAER,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAA;IAC9B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,QAAQ,CAAC,KAAK,GAAG;YACf,IAAI,EAAE;gBACJ,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ;aACnC;SACF,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,KAAK,EAAE;QACT,OAAO,CACL,uBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,cACpC,cAAc,CAAC,CAAC,CAAC,CAChB,WAAW,CACZ,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAO,kBAAC,UAAU,EAAC,QAAQ,IAAK,KAAK,cACpC,uBAAC,uBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,GAAI,IACpE,CACX,IACO,CACX,CAAA;KACF;SAAM;QACL,OAAO,MAAA,2DAAG,QAAQ,GAAI,mCAAI,IAAI,CAAA;KAC/B;AACH,CAAC,CAAA;AAlCY,QAAA,WAAW,eAkCvB"}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ErrorAlert"), exports);
+tslib_1.__exportStar(require("./Props"), exports);
+tslib_1.__exportStar(require("./Render"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ErrorRender/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,kDAAuB;AACvB,mDAAwB"}

package/dist/cjs/components/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ErrorBoundary"), exports);
+tslib_1.__exportStar(require("./ErrorRender"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,wDAA6B"}

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorReporterContext = void 0;
+const react_1 = require("react");
+exports.ErrorReporterContext = (0, react_1.createContext)({});
+//# sourceMappingURL=Context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/Context.ts"],"names":[],"mappings":";;;AAAA,iCAAqC;AAIxB,QAAA,oBAAoB,GAAG,IAAA,qBAAa,EAA4B,EAAE,CAAC,CAAA"}

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorReporterProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const ErrorReporterProvider = ({ children, rollbar }) => {
+    const [rollbarInstance, setRollBarInstance] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        if (rollbarInstance) {
+            setRollBarInstance(rollbarInstance);
+        }
+    }, [rollbar, rollbarInstance]);
+    return (0, jsx_runtime_1.jsx)(Context_1.ErrorReporterContext.Provider, Object.assign({ value: { rollbar } }, { children: children }));
+};
+exports.ErrorReporterProvider = ErrorReporterProvider;
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/Provider.tsx"],"names":[],"mappings":";;;;AACA,iCAA2C;AAG3C,uCAAgD;AAMhD,MAAM,qBAAqB,GAAuD,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAC1G,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,GAAW,CAAA;IAEjE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE;YACnB,kBAAkB,CAAC,eAAe,CAAC,CAAA;SACpC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC,CAAA;IAE9B,OAAO,uBAAC,8BAAoB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,OAAO,EAAE,gBAAG,QAAQ,IAAiC,CAAA;AACtG,CAAC,CAAA;AAEQ,sDAAqB"}

package/dist/cjs/contexts/ErrorReporter/State.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/ErrorReporter/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/State.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Provider"), exports);
+tslib_1.__exportStar(require("./State"), exports);
+tslib_1.__exportStar(require("./useRollbar"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,kDAAuB;AACvB,uDAA4B"}

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRollbar = void 0;
+const react_1 = require("react");
+const Context_1 = require("./Context");
+const useRollbar = () => {
+    const context = (0, react_1.useContext)(Context_1.ErrorReporterContext);
+    if (context === undefined) {
+        console.warn('useRollbar must be used within a ErrorReporterContext');
+    }
+    return context !== null && context !== void 0 ? context : {};
+};
+exports.useRollbar = useRollbar;
+//# sourceMappingURL=useRollbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRollbar.js","sourceRoot":"","sources":["../../../../src/contexts/ErrorReporter/useRollbar.tsx"],"names":[],"mappings":";;;AAAA,iCAAkC;AAElC,uCAAgD;AAEhD,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,8BAAoB,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,OAAO,CAAC,IAAI,CAAC,uDAAuD,CAAC,CAAA;KACtE;IAED,OAAO,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,EAAE,CAAA;AACtB,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/cjs/contexts/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ErrorReporter"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B"}

package/dist/cjs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./contexts"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,qDAA0B"}