@admin-layout/client 1.0.3-alpha.207 → 1.0.3-alpha.211

package/lib/components/ApplicationErrorHandlerCommon.d.ts

@@ -1,14 +1,22 @@
 import { ReactElement, ReactNode } from 'react';
 import "reflect-metadata";
 /**
- *
  * An HOC that will render components using SLOT-FILL in case of
  * backendError else it will render the Component Passed
- *
  */
 interface ApplicationErrorHandlerCommonProps {
     plugins: Record<string, any>;
     children: ReactNode;
 }
-export declare const ApplicationErrorHandlerCommon: (FallbackComponent: any) => ({ plugins, children }: ApplicationErrorHandlerCommonProps) => ReactElement;
+/**
+ * ApplicationErrorSlot is needed for mobile. Since for mobile
+ * we import Slot from @common-stack/react-mobile. The default
+ * Slot under RenderApplicationErrorSlot works for browser
+ * both ant and chakra
+ *
+ * @param FallbackComponent ReactNode
+ * @param [ApplicationErrorSlot] ReactNode
+ * @returns ReactNode
+ */
+export declare const ApplicationErrorHandlerCommon: (FallbackComponent: any, ApplicationErrorSlot?: any) => ({ plugins, children }: ApplicationErrorHandlerCommonProps) => ReactElement;
 export {};

package/lib/constants/error.d.ts

@@ -0,0 +1,10 @@
+export declare type BACKEND_ERROR = '@platform/BACKEND_ERROR';
+export declare const BACKEND_ERROR: BACKEND_ERROR;
+export declare type DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
+export declare const DISMISS_APPLICATION_ERROR: DISMISS_APPLICATION_ERROR;
+export declare type CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
+export declare const CLEAR_APPLICATION_ERRORS: CLEAR_APPLICATION_ERRORS;
+export declare type RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
+export declare const RESTORE_APPLICATION_ERRORS: RESTORE_APPLICATION_ERRORS;
+export declare type LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
+export declare const LOG_APPLICATION_ERROR: LOG_APPLICATION_ERROR;

package/lib/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './constants';
+export * from './error';

package/lib/graphql/index.d.ts

@@ -0,0 +1 @@
+export * from './link';

package/lib/graphql/link/error-link.d.ts

@@ -0,0 +1,13 @@
+import { ApolloLink } from '@apollo/client';
+import { interfaces } from 'inversify';
+declare type IGetErrorLink = (container: interfaces.Container) => ApolloLink;
+interface IErrorLink {
+    getErrorLink: IGetErrorLink;
+}
+export declare class ErrorLink implements IErrorLink {
+    idToken: string;
+    dispatchErrorAction(container: interfaces.Container, error: any): void;
+    getErrorLink(container: interfaces.Container): ApolloLink;
+}
+export declare const errorReduxLink: (container: interfaces.Container) => ApolloLink;
+export {};

package/lib/graphql/link/index.d.ts

@@ -0,0 +1 @@
+export * from './error-link';

package/lib/index.d.ts

@@ -3,3 +3,4 @@ export * from './constants';
 export * from './redux';
 export * from './utils';
 export * from './components';
+export * from './graphql';

package/lib/index.js

@@ -146,16 +146,29 @@ const react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 const react_redux_1 = __webpack_require__(/*! react-redux */ "react-redux");
 __webpack_require__(/*! reflect-metadata */ "reflect-metadata");
 const components_1 = __webpack_require__(/*! @workbench-stack/components */ "@workbench-stack/components");
-const constants_1 = __webpack_require__(/*! ../constants/constants */ "./src/constants/constants.ts");
-const platform_client_1 = __webpack_require__(/*! @adminide-stack/platform-client */ "@adminide-stack/platform-client");
-const ApplicationErrorHandlerCommon = (FallbackComponent) => ({ plugins, children }) => {
+const constants_1 = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+const selectors_1 = __webpack_require__(/*! ../redux/selectors */ "./src/redux/selectors/index.ts");
+/**
+ * ApplicationErrorSlot is needed for mobile. Since for mobile
+ * we import Slot from @common-stack/react-mobile. The default
+ * Slot under RenderApplicationErrorSlot works for browser
+ * both ant and chakra
+ *
+ * @param FallbackComponent ReactNode
+ * @param [ApplicationErrorSlot] ReactNode
+ * @returns ReactNode
+ */
+const ApplicationErrorHandlerCommon = (FallbackComponent, ApplicationErrorSlot = undefined) => ({ plugins, children }) => {
     const applicationErrors = react_redux_1.useSelector((state) => state === null || state === void 0 ? void 0 : state.applicationErrors);
-    const errors = applicationErrors.filter((error) => !!plugins.find((plugin) => { var _a; return plugin.name === ((_a = (error === null || error === void 0 ? void 0 : error.payload).extensions) === null || _a === void 0 ? void 0 : _a.pluginName); }));
-    const backendError = react_redux_1.useSelector(platform_client_1.backendErrorSelector);
+    const errors = applicationErrors.filter((error) => !!plugins.find((plugin) => plugin.name === (error === null || error === void 0 ? void 0 : error.pluginName)));
+    const backendError = react_redux_1.useSelector(selectors_1.backendErrorSelector);
+    const RenderApplicationErrorSlot = (props) => {
+        return !!ApplicationErrorSlot ? react_1.default.createElement(ApplicationErrorSlot, Object.assign({}, props)) : react_1.default.createElement(components_1.Slot, Object.assign({}, props));
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !!backendError && react_1.default.createElement(FallbackComponent, { error: backendError }),
         !!(errors === null || errors === void 0 ? void 0 : errors.length)
-            ? react_1.default.createElement(components_1.Slot, { name: constants_1.APPLICATION_ERROR_SLOT_FILL, fillProps: { active: true, applicationErrors: errors } })
+            ? react_1.default.createElement(RenderApplicationErrorSlot, { name: constants_1.APPLICATION_ERROR_SLOT_FILL, fillProps: { active: true, applicationErrors: errors } })
             : children));
 };
 exports.ApplicationErrorHandlerCommon = ApplicationErrorHandlerCommon;
@@ -325,6 +338,26 @@ exports.CHANGE_LANGUAGE = 'language/changeLanguage';
 exports.APPLICATION_ERROR_SLOT_FILL = "APPLICATION_ERROR_SLOT_FILL";
 
 
+/***/ }),
+
+/***/ "./src/constants/error.ts":
+/*!********************************!*\
+  !*** ./src/constants/error.ts ***!
+  \********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOG_APPLICATION_ERROR = exports.RESTORE_APPLICATION_ERRORS = exports.CLEAR_APPLICATION_ERRORS = exports.DISMISS_APPLICATION_ERROR = exports.BACKEND_ERROR = void 0;
+exports.BACKEND_ERROR = '@platform/BACKEND_ERROR';
+exports.DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
+exports.CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
+exports.RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
+exports.LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
+
+
 /***/ }),
 
 /***/ "./src/constants/index.ts":
@@ -348,6 +381,122 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(__webpack_require__(/*! ./constants */ "./src/constants/constants.ts"), exports);
+__exportStar(__webpack_require__(/*! ./error */ "./src/constants/error.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/graphql/index.ts":
+/*!******************************!*\
+  !*** ./src/graphql/index.ts ***!
+  \******************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(/*! ./link */ "./src/graphql/link/index.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/graphql/link/error-link.ts":
+/*!****************************************!*\
+  !*** ./src/graphql/link/error-link.ts ***!
+  \****************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.errorReduxLink = exports.ErrorLink = void 0;
+const error_1 = __webpack_require__(/*! @apollo/client/link/error */ "@apollo/client/link/error");
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+const serialize_error_1 = __webpack_require__(/*! serialize-error */ "serialize-error");
+class ErrorLink {
+    dispatchErrorAction(container, error) {
+        var _a, _b;
+        const reduxStore = container.get('ReduxStore');
+        let action = {
+            type: (_a = error === null || error === void 0 ? void 0 : error.extensions) === null || _a === void 0 ? void 0 : _a.actionName,
+            payload: (_b = error === null || error === void 0 ? void 0 : error.extensions) === null || _b === void 0 ? void 0 : _b.payload
+        };
+        if (!(action === null || action === void 0 ? void 0 : action.type)) {
+            action = {
+                type: constants_1.LOG_APPLICATION_ERROR,
+                payload: {
+                    type: constants_1.BACKEND_ERROR,
+                    payload: serialize_error_1.serializeError(error)
+                }
+            };
+        }
+        reduxStore.dispatch(action);
+    }
+    getErrorLink(container) {
+        return error_1.onError(err => {
+            var _a, _b;
+            const { networkError, graphQLErrors, operation, forward } = err;
+            if (graphQLErrors === null || graphQLErrors === void 0 ? void 0 : graphQLErrors.length) {
+                graphQLErrors.forEach((error) => {
+                    this.dispatchErrorAction(container, error);
+                });
+            }
+            if (networkError) {
+                const serverErrors = (_b = (_a = networkError) === null || _a === void 0 ? void 0 : _a.result) === null || _b === void 0 ? void 0 : _b.errors;
+                if (serverErrors === null || serverErrors === void 0 ? void 0 : serverErrors.length) {
+                    serverErrors.map((error) => {
+                        this.dispatchErrorAction(container, error);
+                    });
+                }
+                else {
+                    this.dispatchErrorAction(container, networkError);
+                }
+            }
+        });
+    }
+}
+exports.ErrorLink = ErrorLink;
+const errorReduxLink = (container) => {
+    return new ErrorLink().getErrorLink(container);
+};
+exports.errorReduxLink = errorReduxLink;
+
+
+/***/ }),
+
+/***/ "./src/graphql/link/index.ts":
+/*!***********************************!*\
+  !*** ./src/graphql/link/index.ts ***!
+  \***********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(/*! ./error-link */ "./src/graphql/link/error-link.ts"), exports);
 
 
 /***/ }),
@@ -377,6 +526,7 @@ __exportStar(__webpack_require__(/*! ./constants */ "./src/constants/index.ts"),
 __exportStar(__webpack_require__(/*! ./redux */ "./src/redux/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./utils */ "./src/utils/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./components */ "./src/components/index.tsx"), exports);
+__exportStar(__webpack_require__(/*! ./graphql */ "./src/graphql/index.ts"), exports);
 
 
 /***/ }),
@@ -393,6 +543,20 @@ __exportStar(__webpack_require__(/*! ./components */ "./src/components/index.tsx
 Object.defineProperty(exports, "__esModule", { value: true });
 
 
+/***/ }),
+
+/***/ "./src/interfaces/error-state.ts":
+/*!***************************************!*\
+  !*** ./src/interfaces/error-state.ts ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+
+
 /***/ }),
 
 /***/ "./src/interfaces/generated/generated-models.ts":
@@ -655,6 +819,7 @@ __exportStar(__webpack_require__(/*! ./generated */ "./src/interfaces/generated/
 __exportStar(__webpack_require__(/*! ./default-settings */ "./src/interfaces/default-settings.ts"), exports);
 __exportStar(__webpack_require__(/*! ./pure-settings */ "./src/interfaces/pure-settings.ts"), exports);
 __exportStar(__webpack_require__(/*! ./typings */ "./src/interfaces/typings.ts"), exports);
+__exportStar(__webpack_require__(/*! ./error-state */ "./src/interfaces/error-state.ts"), exports);
 
 
 /***/ }),
@@ -685,6 +850,71 @@ Object.defineProperty(exports, "__esModule", { value: true });
 Object.defineProperty(exports, "__esModule", { value: true });
 
 
+/***/ }),
+
+/***/ "./src/redux/actions/error-actions.ts":
+/*!********************************************!*\
+  !*** ./src/redux/actions/error-actions.ts ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restoreApplicationError = exports.dismissApplicationError = exports.setApplicationError = void 0;
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+const setApplicationError = (payload) => {
+    return ({
+        type: constants_1.LOG_APPLICATION_ERROR,
+        payload,
+    });
+};
+exports.setApplicationError = setApplicationError;
+function dismissApplicationError(dismissByType) {
+    return {
+        type: constants_1.DISMISS_APPLICATION_ERROR,
+        payload: {
+            dismissByType
+        }
+    };
+}
+exports.dismissApplicationError = dismissApplicationError;
+const restoreApplicationError = (payload) => {
+    return ({
+        type: constants_1.RESTORE_APPLICATION_ERRORS,
+        payload,
+    });
+};
+exports.restoreApplicationError = restoreApplicationError;
+
+
+/***/ }),
+
+/***/ "./src/redux/actions/index.ts":
+/*!************************************!*\
+  !*** ./src/redux/actions/index.ts ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// export * from './settings-action';
+__exportStar(__webpack_require__(/*! ./error-actions */ "./src/redux/actions/error-actions.ts"), exports);
+
+
 /***/ }),
 
 /***/ "./src/redux/index.ts":
@@ -707,8 +937,99 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// export * from './actions';
+__exportStar(__webpack_require__(/*! ./actions */ "./src/redux/actions/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./settings */ "./src/redux/settings.ts"), exports);
+__exportStar(__webpack_require__(/*! ./reducers */ "./src/redux/reducers/index.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/redux/reducers/error.ts":
+/*!*************************************!*\
+  !*** ./src/redux/reducers/error.ts ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationErrors = exports.initialErrorsState = void 0;
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+exports.initialErrorsState = [];
+function applicationErrors(errorState = exports.initialErrorsState, action) {
+    switch (action === null || action === void 0 ? void 0 : action.type) {
+        case constants_1.LOG_APPLICATION_ERROR: {
+            const { type: errorType, payload, pluginName, displayable = true } = (action === null || action === void 0 ? void 0 : action.payload) || {};
+            const nextState = [...errorState];
+            nextState.push({
+                type: errorType,
+                displayable,
+                payload,
+                pluginName,
+                date: new Date(Date.now()).toUTCString(),
+            });
+            return nextState;
+        }
+        case constants_1.DISMISS_APPLICATION_ERROR: {
+            const { dismissByType } = action === null || action === void 0 ? void 0 : action.payload;
+            let nextState = [...errorState];
+            nextState = nextState.filter(({ type }) => dismissByType !== type);
+            return nextState;
+        }
+        case constants_1.CLEAR_APPLICATION_ERRORS: {
+            return [];
+        }
+        case constants_1.RESTORE_APPLICATION_ERRORS:
+            return action.payload;
+        default:
+            return errorState;
+    }
+}
+exports.applicationErrors = applicationErrors;
+
+
+/***/ }),
+
+/***/ "./src/redux/reducers/index.ts":
+/*!*************************************!*\
+  !*** ./src/redux/reducers/index.ts ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(/*! ./error */ "./src/redux/reducers/error.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/redux/selectors/index.ts":
+/*!**************************************!*\
+  !*** ./src/redux/selectors/index.ts ***!
+  \**************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backendErrorSelector = void 0;
+const reselect_1 = __webpack_require__(/*! reselect */ "reselect");
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+exports.backendErrorSelector = reselect_1.createSelector((state) => state.applicationErrors, (applicationErrors) => applicationErrors.find((error) => error.type === constants_1.BACKEND_ERROR));
 
 
 /***/ }),
@@ -816,25 +1137,25 @@ exports.getMenuSeparation = getMenuSeparation;
 
 /***/ }),
 
-/***/ "@adminide-stack/platform-client":
-/*!**************************************************!*\
-  !*** external "@adminide-stack/platform-client" ***!
-  \**************************************************/
+/***/ "@apollo/client":
+/*!*********************************!*\
+  !*** external "@apollo/client" ***!
+  \*********************************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = require("@adminide-stack/platform-client");
+module.exports = require("@apollo/client");
 
 /***/ }),
 
-/***/ "@apollo/client":
-/*!*********************************!*\
-  !*** external "@apollo/client" ***!
-  \*********************************/
+/***/ "@apollo/client/link/error":
+/*!********************************************!*\
+  !*** external "@apollo/client/link/error" ***!
+  \********************************************/
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = require("@apollo/client");
+module.exports = require("@apollo/client/link/error");
 
 /***/ }),
 
@@ -902,6 +1223,28 @@ module.exports = require("react-redux");
 
 module.exports = require("reflect-metadata");
 
+/***/ }),
+
+/***/ "reselect":
+/*!***************************!*\
+  !*** external "reselect" ***!
+  \***************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("reselect");
+
+/***/ }),
+
+/***/ "serialize-error":
+/*!**********************************!*\
+  !*** external "serialize-error" ***!
+  \**********************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("serialize-error");
+
 /***/ })
 
 /******/ });