asab_webui_shell 25.1.8-alpha.0 → 25.1.9

package/dist/containers/Application.js

@@ -124,10 +124,6 @@ var Application = /*#__PURE__*/function (_Component) {
     _this.ReduxService.addReducer("sidebar", _reducer2["default"]);
     _this.ReduxService.addReducer("navigation", _reducer4["default"]);
     _this.ReduxService.addReducer("router", _reducer5["default"]);
-
-    // The application can provide a list of keys that should be automatically parsed as BigInt, when received from the server in Axios call
-    // This is important to preserve 64bit numbers from the server such as IP addresses, timestamps etc.
-    _this.JSONParseBigInt = new Set(props === null || props === void 0 ? void 0 : props.bigint);
     _this._handleKeyUp = _this._handleKeyUp.bind(_this);
     _this.state = {
       networking: 0,
@@ -341,10 +337,6 @@ var Application = /*#__PURE__*/function (_Component) {
         return undefined;
       }
       var axios = _axios["default"].create(_objectSpread(_objectSpread({}, props), {}, {
-        transformResponse: function transformResponse(res) {
-          return res;
-        },
-        // Disable implicit JSON parsing, we explicitly parse JSON in the interceptor ( https://stackoverflow.com/questions/41013082/disable-json-parsing-in-axios )
         baseURL: service_url
       }));
 
@@ -378,39 +370,9 @@ var Application = /*#__PURE__*/function (_Component) {
         return Promise.reject(error);
       });
 
-      // We want to remove the networking indicator when we receive the response
+      // We want to remove networking indicator when we recieve the response
       axios.interceptors.response.use(function (response) {
-        var _response$headers$con;
-        // Call the `popNetworkingIndicator` method to remove the networking indicator (e.g., loading spinner)
         that.popNetworkingIndicator();
-
-        // Check if the response content type is 'application/json' or starts with 'application/json'
-        if (response !== null && response !== void 0 && (_response$headers$con = response.headers['content-type']) !== null && _response$headers$con !== void 0 && _response$headers$con.startsWith('application/json')) {
-          // If the response is JSON, then parse it with respect to BigInt
-          // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse
-          try {
-            // Parse the response data using a custom reviver function
-            response.data = JSON.parse(response.data,
-            // Custom reviver function to handle BigInt values
-            function (key, value, context) {
-              // If there is no data in the JSONParseBigInt, return the value immediately
-              if (that.JSONParseBigInt.size === 0) {
-                return value;
-              }
-              // Check if the key is in the `JSONParseBigInt` set and the value is a number
-              if (that.JSONParseBigInt.has(key) && typeof value === 'number') {
-                // Convert the number to a BigInt
-                return BigInt(context.source);
-              }
-              // Return the original value if no conversion is needed
-              return value;
-            });
-          } catch (e) {
-            // Log any errors that occur during JSON parsing
-            console.error("Error in axios.interceptors.response", e);
-          }
-        }
-        // If the request was satisfied (application/json and presence of BigInt) return the modified object. If not, we return unchanged object
         return response;
       }, function (error) {
         that.popNetworkingIndicator();

package/dist/modules/auth/screens/InvitationScreen.js

@@ -27,6 +27,14 @@ function InvitationScreen(props) {
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     isInvitationSuccessful = _useState4[0],
     setIsInvitationSuccessful = _useState4[1];
+  var _useState5 = (0, _react.useState)(undefined),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    registrationUrl = _useState6[0],
+    setRegistrationUrl = _useState6[1];
+  var _useState7 = (0, _react.useState)(undefined),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    urlCopied = _useState8[0],
+    setUrlCopied = _useState8[1];
   var tenant = (0, _reactRedux.useSelector)(function (state) {
     var _state$tenant;
     return (_state$tenant = state.tenant) === null || _state$tenant === void 0 ? void 0 : _state$tenant.current;
@@ -36,6 +44,25 @@ function InvitationScreen(props) {
   var navigate = (0, _reactRouterDom.useNavigate)();
   var SeaCatAuthAPI = props.app.axiosCreate('seacat-auth');
 
+  // Copy registration URL if there is any
+  var copyRegistrationUrl = function copyRegistrationUrl() {
+    if (!registrationUrl) {
+      console.error('No registration URL to copy.');
+      return;
+    }
+    navigator.clipboard.writeText(registrationUrl).then(function () {
+      setUrlCopied(true);
+      var timeoutId = setTimeout(function () {
+        return setUrlCopied(false);
+      }, 3000);
+      return function () {
+        clearTimeout(timeoutId);
+      };
+    })["catch"](function (error) {
+      console.error('Failed to copy registration URL: ', error);
+    });
+  };
+
   // Validate email input
   var emailValidation = function emailValidation(e) {
     e.preventDefault();
@@ -45,7 +72,7 @@ function InvitationScreen(props) {
   // Send invitation to the specified email
   var sendInvitation = /*#__PURE__*/function () {
     var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(e) {
-      var body, _response$data, response;
+      var body, _response$data, _response$data2, response, _response$data3, _e$response, _e$response2;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -66,29 +93,57 @@ function InvitationScreen(props) {
           case 8:
             setIsInvitationSuccessful(true);
             setEmailValue('');
-            _context.next = 15;
+            if (response !== null && response !== void 0 && (_response$data2 = response.data) !== null && _response$data2 !== void 0 && _response$data2.registration_url) {
+              setRegistrationUrl(response === null || response === void 0 || (_response$data3 = response.data) === null || _response$data3 === void 0 ? void 0 : _response$data3.registration_url);
+            } else {
+              setRegistrationUrl(undefined);
+            }
+            _context.next = 17;
             break;
-          case 12:
-            _context.prev = 12;
+          case 13:
+            _context.prev = 13;
             _context.t0 = _context["catch"](2);
             setIsInvitationSuccessful(false);
-          case 15:
+            if (_context.t0 !== null && _context.t0 !== void 0 && (_e$response = _context.t0.response) !== null && _e$response !== void 0 && (_e$response = _e$response.data) !== null && _e$response !== void 0 && _e$response.registration_url) {
+              setRegistrationUrl(_context.t0 === null || _context.t0 === void 0 || (_e$response2 = _context.t0.response) === null || _e$response2 === void 0 || (_e$response2 = _e$response2.data) === null || _e$response2 === void 0 ? void 0 : _e$response2.registration_url);
+            } else {
+              setRegistrationUrl(undefined);
+            }
+          case 17:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 12]]);
+      }, _callee, null, [[2, 13]]);
     }));
     return function sendInvitation(_x) {
       return _ref.apply(this, arguments);
     };
   }();
 
+  // Component that displays the registration URL with a copy button
+  var CopyableRegistrationUrl = function CopyableRegistrationUrl(_ref2) {
+    var registrationUrl = _ref2.registrationUrl;
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, t('InvitationScreen|If you want to invite the user manually, message them the registration URL below:')), /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
+      readOnly: true,
+      value: registrationUrl
+    }), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
+      outline: true,
+      color: "primary",
+      className: "text-nowrap",
+      onClick: copyRegistrationUrl
+    }, /*#__PURE__*/_react["default"].createElement("i", {
+      className: urlCopied ? 'bi bi-clipboard-check pe-2' : 'bi bi-clipboard pe-2',
+      title: t('InvitationScreen|Copy to clipboard')
+    }), urlCopied ? t('InvitationScreen|Copied!') : t('InvitationScreen|Copy URL'))));
+  };
+
   // Display for successful invitation
   var SuccessfulInvitationCardBody = function SuccessfulInvitationCardBody() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation has been sent successfully')), /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation was sent successfully')), registrationUrl && /*#__PURE__*/_react["default"].createElement(CopyableRegistrationUrl, {
+      registrationUrl: registrationUrl
+    }), /*#__PURE__*/_react["default"].createElement("div", {
       className: "mt-2"
     }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-      block: true,
       onClick: function onClick() {
         return navigate('/auth/credentials');
       },
@@ -99,10 +154,11 @@ function InvitationScreen(props) {
 
   // Display for unsuccessful invitation
   var UnsuccessfulInvitationCardBody = function UnsuccessfulInvitationCardBody() {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation has not been sent')), /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, t('InvitationScreen|The user could not be invited')), /*#__PURE__*/_react["default"].createElement("div", {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("h6", null, t('InvitationScreen|Invitation was not sent')), registrationUrl ? /*#__PURE__*/_react["default"].createElement(CopyableRegistrationUrl, {
+      registrationUrl: registrationUrl
+    }) : /*#__PURE__*/_react["default"].createElement(_reactstrap.FormText, null, t('InvitationScreen|The user could not be invited')), /*#__PURE__*/_react["default"].createElement("div", {
       className: "mt-2"
     }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
-      block: true,
       onClick: function onClick() {
         return setIsInvitationSuccessful(undefined);
       },
@@ -132,7 +188,7 @@ function InvitationScreen(props) {
     className: "flex-fill"
   }, /*#__PURE__*/_react["default"].createElement("h3", null, /*#__PURE__*/_react["default"].createElement("i", {
     className: "bi bi-person-plus pe-2"
-  }), t('InvitationScreen|Invite other users')))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, null, t('InvitationScreen|Enter the email to invite a user')), /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react["default"].createElement("i", {
+  }), t('InvitationScreen|Invite other users')))), /*#__PURE__*/_react["default"].createElement(_reactstrap.CardBody, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.Label, null, t('InvitationScreen|Enter the user\'s email address')), /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroup, null, /*#__PURE__*/_react["default"].createElement(_reactstrap.InputGroupText, null, /*#__PURE__*/_react["default"].createElement("i", {
     className: "bi bi-envelope-at"
   })), /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
     name: "email",
@@ -157,5 +213,5 @@ function InvitationScreen(props) {
   }, "\xA0"), /*#__PURE__*/_react["default"].createElement(_reactstrap.Button, {
     color: "primary",
     disabled: emailValue === '' // Disable button if input is empty
-  }, t('InvitationScreen|Send'))))))));
+  }, t('InvitationScreen|Invite'))))))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "asab_webui_shell",
-  "version": "25.1.8-alpha.0",
+  "version": "25.1.9",
   "license": "BSD-3-Clause",
   "description": "TeskaLabs ASAB WebUI Shell Application",
   "contributors": [