dce-reactkit 3.7.32 → 3.7.34

package/dist/esm/index.js

@@ -13336,6 +13336,7 @@ const MultiSwitch = (props) => {
 
     .MultiSwitch-icon {
       font-size: ${iconFontSize}rems !important;
+      color: white;
     }
 
     .MultiSwitch-option-button {
@@ -13362,7 +13363,7 @@ const MultiSwitch = (props) => {
     }
 
     .MultiSwitch-option-button-hovered {
-      background-color: #eee !important;
+      background-color: #545454 !important;
     }
 
     .MultiSwitch-option-text {
@@ -13372,6 +13373,12 @@ const MultiSwitch = (props) => {
       white-space: nowrap;
       width: 100%;
       text-align: center !important;
+
+      color: white !important;
+    }
+
+    .MultiSwitch-option-text-selected {
+      font-weight: bold;
     }
 
     .MultiSwitch-highlight-container {
@@ -13442,12 +13449,12 @@ const MultiSwitch = (props) => {
                     ? 'none'
                     : undefined),
             }, disabled: option.id === selectedOptionId },
-            React__default.createElement("div", { className: "MultiSelect-icon" },
+            React__default.createElement("div", { className: `MultiSwitch-icon MultiSwitch-icon-${isSelected ? 'selected' : ''}` },
                 React__default.createElement(FontAwesomeIcon, { icon: option.icon })),
-            React__default.createElement("div", { className: "MultiSwitch-option-text" }, option.label)));
+            React__default.createElement("div", { className: `MultiSwitch-option-text MultiSwitch-option-text-${isSelected ? 'selected' : ''}` }, option.label)));
     });
     // Highlight behind selected option
-    const highlight = (React__default.createElement("div", { className: "MultiSwitch-highlight bg-warning d-inline-block" }));
+    const highlight = (React__default.createElement("div", { className: "MultiSwitch-highlight bg-danger d-inline-block" }));
     return (React__default.createElement("div", { className: "MultiSwitch-outer-box alert alert-dark m-0" },
         React__default.createElement("style", null, style),
         React__default.createElement("div", { className: "MultiSwitch-options-container" }, optionElements),
@@ -14602,16 +14609,16 @@ const genRouteHandler = (opts) => {
                 const { timestamp, year, month, day, hour, minute, } = getTimeInfoInET();
                 // Main log info
                 const mainLogInfo = {
-                    id: `${launchInfo.userId}-${Date.now()}-${Math.floor(Math.random() * 100000)}-${Math.floor(Math.random() * 100000)}`,
-                    userFirstName: launchInfo.userFirstName,
-                    userLastName: launchInfo.userLastName,
-                    userEmail: launchInfo.userEmail,
-                    userId: launchInfo.userId,
-                    isLearner: !!launchInfo.isLearner,
-                    isAdmin: !!launchInfo.isAdmin,
-                    isTTM: !!launchInfo.isTTM,
-                    courseId: launchInfo.courseId,
-                    courseName: launchInfo.contextLabel,
+                    id: `${launchInfo ? 'unknown' : launchInfo.userId}-${Date.now()}-${Math.floor(Math.random() * 100000)}-${Math.floor(Math.random() * 100000)}`,
+                    userFirstName: (launchInfo ? 'unknown' : launchInfo.userFirstName),
+                    userLastName: (launchInfo ? 'unknown' : launchInfo.userLastName),
+                    userEmail: (launchInfo ? 'unknown' : launchInfo.userEmail),
+                    userId: (launchInfo ? 'unknown' : launchInfo.userId),
+                    isLearner: (launchInfo && !!launchInfo.isLearner),
+                    isAdmin: (launchInfo && !!launchInfo.isAdmin),
+                    isTTM: (launchInfo && !!launchInfo.isTTM),
+                    courseId: (launchInfo ? 'unknown' : launchInfo.courseId),
+                    courseName: (launchInfo ? 'unknown' : launchInfo.contextLabel),
                     browser,
                     device,
                     year,