dce-reactkit 3.6.4 → 3.6.6

package/dist/cjs/index.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
+var reactFontawesome = require('@fortawesome/react-fontawesome');
 var freeRegularSvgIcons = require('@fortawesome/free-regular-svg-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -78,6 +78,23 @@ var ReactKitErrorCode;
 })(ReactKitErrorCode || (ReactKitErrorCode = {}));
 var ReactKitErrorCode$1 = ReactKitErrorCode;
 
+/**
+ * Bootstrap variants
+ * @author Gabe Abrams
+ */
+var Variant;
+(function (Variant) {
+    Variant["Primary"] = "primary";
+    Variant["Secondary"] = "secondary";
+    Variant["Success"] = "success";
+    Variant["Warning"] = "warning";
+    Variant["Info"] = "info";
+    Variant["Danger"] = "danger";
+    Variant["Light"] = "light";
+    Variant["Dark"] = "dark";
+})(Variant || (Variant = {}));
+var Variant$1 = Variant;
+
 /**
  * Displays an error
  * @author Gabe Abrams
@@ -91,7 +108,7 @@ const ErrorBox = (props) => {
     /*------------------------------------------------------------------------*/
     var _a;
     /* -------------- Props ------------- */
-    const { error, title = 'An Error Occurred', onClose, } = props;
+    const { error, title = 'An Error Occurred', onClose, variant = Variant$1.Danger, icon = freeSolidSvgIcons.faExclamationTriangle, } = props;
     /*------------------------------------------------------------------------*/
     /* ------------------------------- Render ------------------------------- */
     /*------------------------------------------------------------------------*/
@@ -119,12 +136,12 @@ const ErrorBox = (props) => {
                 String((_a = error.code) !== null && _a !== void 0 ? _a : ReactKitErrorCode$1.NoCode).toUpperCase())));
     }
     // Main UI
-    return (React__default["default"].createElement("div", { className: "alert alert-danger text-center", style: {
+    return (React__default["default"].createElement("div", { className: `alert alert-${variant} text-center`, style: {
             maxWidth: '40rem',
             margin: 'auto',
         } },
         React__default["default"].createElement("h4", { className: "mb-1" },
-            React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: freeSolidSvgIcons.faExclamationTriangle, className: "me-2" }),
+            React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, className: "me-2" }),
             title),
         React__default["default"].createElement("div", null,
             errorText,
@@ -199,23 +216,6 @@ const waitMs = (ms = 0) => __awaiter(void 0, void 0, void 0, function* () {
     });
 });
 
-/**
- * Bootstrap variants
- * @author Gabe Abrams
- */
-var Variant;
-(function (Variant) {
-    Variant["Primary"] = "primary";
-    Variant["Secondary"] = "secondary";
-    Variant["Success"] = "success";
-    Variant["Warning"] = "warning";
-    Variant["Info"] = "info";
-    Variant["Danger"] = "danger";
-    Variant["Light"] = "light";
-    Variant["Dark"] = "dark";
-})(Variant || (Variant = {}));
-var Variant$1 = Variant;
-
 /**
  * Modal sizes
  * @author Gabe Abrams
@@ -1148,6 +1148,13 @@ const AppWrapper = (props) => {
         const error = (sessionHasExpired
             ? new ErrorWithCode(getSessionExpiredMessage(), ReactKitErrorCode$1.SessionExpired)
             : new ErrorWithCode((fatalErrorMessage !== null && fatalErrorMessage !== void 0 ? fatalErrorMessage : 'An unknown error has occurred. Please contact support.'), (fatalErrorCode !== null && fatalErrorCode !== void 0 ? fatalErrorCode : ReactKitErrorCode$1.NoCode)));
+        // Choose error box variant
+        let errorBoxVariant = Variant$1.Danger;
+        if (sessionHasExpired) {
+            errorBoxVariant = (isDarkModeOn()
+                ? Variant$1.Light
+                : Variant$1.Secondary);
+        }
         // Build error screen
         body = (React__default["default"].createElement("div", { style: {
                 display: 'block',
@@ -1160,7 +1167,7 @@ const AppWrapper = (props) => {
             } },
             React__default["default"].createElement(ErrorBox, { title: (sessionHasExpired
                     ? 'Session Expired'
-                    : fatalErrorTitle), error: error })));
+                    : fatalErrorTitle), error: error, variant: errorBoxVariant, icon: freeSolidSvgIcons.faHourglassEnd })));
     }
     /* --------------- App -------------- */
     if (!body) {