@wavemaker-ai/react-runtime 1.0.0-rc.312 → 1.0.0-rc.317

package/components/dialogs/login-dialog/index.js

@@ -1,370 +1,308 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.WmLoginDialog = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _withBaseWrapper = require("@wavemaker-ai/react-runtime/higherOrder/withBaseWrapper");
-var _dialogHeader = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-header");
-var _dialogContent = require("@wavemaker-ai/react-runtime/components/dialogs/dialog-content");
-var _dialogs = require("@wavemaker-ai/react-runtime/components/dialogs");
-var _message = require("@wavemaker-ai/react-runtime/components/basic/message");
-var _withDialogWrapper = _interopRequireDefault(require("../withDialogWrapper"));
-var _dialogBody = require("../dialog-body");
-var _formUtils = require("@wavemaker-ai/react-runtime/utils/form-utils");
-var _excluded = ["name", "isopen", "title", "iconclass", "errormessage", "eventsource", "onSubmit", "onOpened", "onClose", "onSuccess", "onError", "logintext", "canceltext", "close", "children", "invokeEventCallback", "appLocale", "listener"];
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
-var __jsx = _react["default"].createElement;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-// Constants
-var DEFAULT_CLASS = "app-dialog modal-dialog app-login-dialog dialog-view";
-var FORM_SETUP_TIMEOUT = 100;
-var WmLoginDialog = function WmLoginDialog(props) {
-  var _listener$Widgets;
-  var name = props.name,
-    _props$isopen = props.isopen,
-    isopen = _props$isopen === void 0 ? false : _props$isopen,
-    _props$title = props.title,
-    title = _props$title === void 0 ? "Login" : _props$title,
-    _props$iconclass = props.iconclass,
-    iconclass = _props$iconclass === void 0 ? "wi wi-user" : _props$iconclass,
-    errormessage = props.errormessage,
-    eventsource = props.eventsource,
-    onSubmit = props.onSubmit,
-    onOpened = props.onOpened,
-    onClose = props.onClose,
-    onSuccess = props.onSuccess,
-    onError = props.onError,
-    _props$logintext = props.logintext,
-    logintext = _props$logintext === void 0 ? "Login" : _props$logintext,
-    _props$canceltext = props.canceltext,
-    canceltext = _props$canceltext === void 0 ? "Cancel" : _props$canceltext,
-    close = props.close,
-    children = props.children,
-    invokeEventCallback = props.invokeEventCallback,
-    appLocale = props.appLocale,
-    listener = props.listener,
-    rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var _useState = (0, _react.useState)({
-      type: "",
-      caption: "",
-      show: false
-    }),
-    loginMessage = _useState[0],
-    setLoginMessage = _useState[1];
-  var _useState2 = (0, _react.useState)(false),
-    isSubmitting = _useState2[0],
-    setIsSubmitting = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    isFormReady = _useState3[0],
-    setIsFormReady = _useState3[1];
-  var messageRef = (0, _react.useRef)(null);
-  var widgetRef = (0, _react.useRef)(null);
-  var formRef = (0, _react.useRef)(null);
-
-  // Widget reference
-  var dialogWidget = listener === null || listener === void 0 || (_listener$Widgets = listener.Widgets) === null || _listener$Widgets === void 0 ? void 0 : _listener$Widgets[name];
-  var hideMsg = (0, _react.useCallback)(function () {
-    setLoginMessage({
-      type: "",
-      caption: "",
-      show: false
-    });
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useRef, useCallback } from "react";
+import clsx from "clsx";
+import { withBaseWrapper } from "../../../higherOrder/withBaseWrapper";
+import { WmDialogHeader } from "../dialog-header";
+import { WmDialogContent } from "../dialog-content";
+import { WmDialog } from "..";
+import { WmMessageWithoutWrapper } from "../../basic/message";
+import BaseDialog from "../withDialogWrapper";
+import { WmDialogBody } from "../dialog-body";
+import {
+  getFormData,
+  invokeFormEvent,
+  loginErrorMessage
+} from "../../../utils/form-utils";
+const DEFAULT_CLASS = "app-dialog modal-dialog app-login-dialog dialog-view";
+const FORM_SETUP_TIMEOUT = 100;
+const WmLoginDialog = (props) => {
+  var _b;
+  const _a = props, {
+    name,
+    isopen = false,
+    title = "Login",
+    iconclass = "wi wi-user",
+    errormessage,
+    eventsource,
+    onSubmit,
+    onOpened,
+    onClose,
+    onSuccess,
+    onError,
+    logintext = "Login",
+    canceltext = "Cancel",
+    close,
+    children,
+    invokeEventCallback,
+    appLocale,
+    listener
+  } = _a, rest = __objRest(_a, [
+    "name",
+    "isopen",
+    "title",
+    "iconclass",
+    "errormessage",
+    "eventsource",
+    "onSubmit",
+    "onOpened",
+    "onClose",
+    "onSuccess",
+    "onError",
+    "logintext",
+    "canceltext",
+    "close",
+    "children",
+    "invokeEventCallback",
+    "appLocale",
+    "listener"
+  ]);
+  const [loginMessage, setLoginMessage] = useState({
+    type: "",
+    caption: "",
+    show: false
+  });
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [isFormReady, setIsFormReady] = useState(false);
+  const messageRef = useRef(null);
+  const widgetRef = useRef(null);
+  const formRef = useRef(null);
+  const dialogWidget = (_b = listener == null ? void 0 : listener.Widgets) == null ? void 0 : _b[name];
+  const hideMsg = useCallback(() => {
+    setLoginMessage({ type: "", caption: "", show: false });
   }, []);
-  var showMessage = (0, _react.useCallback)(function (caption, type) {
-    var message = {
-      type: type,
-      caption: caption,
-      show: true
-    };
+  const showMessage = useCallback((caption, type) => {
+    const message = { type, caption, show: true };
     setLoginMessage(message);
   }, []);
-  var handleMessageClose = (0, _react.useCallback)(function () {
-    setLoginMessage(function (prev) {
-      return _objectSpread(_objectSpread({}, prev), {}, {
-        show: false
-      });
-    });
+  const handleMessageClose = useCallback(() => {
+    setLoginMessage((prev) => __spreadProps(__spreadValues({}, prev), { show: false }));
   }, []);
-
-  // Validation helpers
-  var validateCredentials = (0, _react.useCallback)(function (formData) {
-    if (!formData.isValid) {
-      var _formRef$current, _formRef$current$vali;
-      (_formRef$current = formRef.current) === null || _formRef$current === void 0 || (_formRef$current$vali = _formRef$current.validateForm) === null || _formRef$current$vali === void 0 || _formRef$current$vali.call(_formRef$current);
-      return false;
+  const validateCredentials = useCallback(
+    (formData) => {
+      var _a2, _b2;
+      if (!formData.isValid) {
+        (_b2 = (_a2 = formRef.current) == null ? void 0 : _a2.validateForm) == null ? void 0 : _b2.call(_a2);
+        return false;
+      }
+      if (!formData.values["j_username"] || !formData.values["j_password"]) {
+        showMessage("Please enter username and password", "error");
+        return false;
+      }
+      return true;
+    },
+    [showMessage]
+  );
+  const doLogin = useCallback(async () => {
+    var _a2, _b2;
+    if (isSubmitting || !eventsource || !formRef.current) {
+      return;
     }
-    if (!formData.values["j_username"] || !formData.values["j_password"]) {
-      showMessage("Please enter username and password", "error");
-      return false;
+    const formData = getFormData(formRef);
+    if (!validateCredentials(formData)) {
+      return;
     }
-    return true;
-  }, [showMessage]);
-
-  // Main login logic
-  var doLogin = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
-    var _formRef$current$clea, _formRef$current2;
-    var formData, beforeSubmitResult, params;
-    return _regenerator["default"].wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          if (!(isSubmitting || !eventsource || !formRef.current)) {
-            _context3.next = 2;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 2:
-          formData = (0, _formUtils.getFormData)(formRef);
-          if (validateCredentials(formData)) {
-            _context3.next = 5;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 5:
-          _context3.next = 7;
-          return (0, _formUtils.invokeFormEvent)(formRef, listener, "onBeforeSubmit", new Event("beforeSubmit"), formData);
-        case 7:
-          beforeSubmitResult = _context3.sent;
-          if (!(beforeSubmitResult === false)) {
-            _context3.next = 10;
-            break;
-          }
-          return _context3.abrupt("return");
-        case 10:
-          setIsSubmitting(true);
-          showMessage("Loading...", "loading");
-          (_formRef$current$clea = (_formRef$current2 = formRef.current).clearErrors) === null || _formRef$current$clea === void 0 || _formRef$current$clea.call(_formRef$current2);
-          params = {
-            formData: formData.values
-          };
-          eventsource.invoke(params, /*#__PURE__*/function () {
-            var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-              return _regenerator["default"].wrap(function _callee$(_context) {
-                while (1) switch (_context.prev = _context.next) {
-                  case 0:
-                    setIsSubmitting(false);
-                    hideMsg();
-
-                    // Invoke onSuccess event through form
-                    _context.next = 4;
-                    return (0, _formUtils.invokeFormEvent)(formRef, listener, "onSuccess", new Event("onSuccess"), formData);
-                  case 4:
-                    invokeEventCallback === null || invokeEventCallback === void 0 || invokeEventCallback("success");
-                    onSuccess === null || onSuccess === void 0 || onSuccess(new Event("success"), dialogWidget);
-                    close === null || close === void 0 || close();
-                  case 7:
-                  case "end":
-                    return _context.stop();
-                }
-              }, _callee);
-            }));
-            return function (_x) {
-              return _ref2.apply(this, arguments);
-            };
-          }(),
-          /*#__PURE__*/
-          // Error callback
-          function () {
-            var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(error) {
-              return _regenerator["default"].wrap(function _callee2$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
-                  case 0:
-                    setIsSubmitting(false);
-                    showMessage((0, _formUtils.loginErrorMessage)(error, appLocale, errormessage), "error");
-
-                    // Invoke onError event through form
-                    _context2.next = 4;
-                    return (0, _formUtils.invokeFormEvent)(formRef, listener, "onError", new Event("onError"), formData);
-                  case 4:
-                    invokeEventCallback === null || invokeEventCallback === void 0 || invokeEventCallback("error");
-                    onError === null || onError === void 0 || onError(new Event("error"), dialogWidget);
-                  case 6:
-                  case "end":
-                    return _context2.stop();
-                }
-              }, _callee2);
-            }));
-            return function (_x2) {
-              return _ref3.apply(this, arguments);
-            };
-          }());
-
-          // Invoke onSubmit event
-          _context3.next = 17;
-          return (0, _formUtils.invokeFormEvent)(formRef, listener, "onSubmit", new Event("submit"), formData);
-        case 17:
-        case "end":
-          return _context3.stop();
+    const beforeSubmitResult = await invokeFormEvent(
+      formRef,
+      listener,
+      "onBeforeSubmit",
+      new Event("beforeSubmit"),
+      formData
+    );
+    if (beforeSubmitResult === false) {
+      return;
+    }
+    setIsSubmitting(true);
+    showMessage("Loading...", "loading");
+    (_b2 = (_a2 = formRef.current).clearErrors) == null ? void 0 : _b2.call(_a2);
+    const params = {
+      formData: formData.values
+    };
+    eventsource.invoke(
+      params,
+      async (data) => {
+        setIsSubmitting(false);
+        hideMsg();
+        await invokeFormEvent(formRef, listener, "onSuccess", new Event("onSuccess"), formData);
+        invokeEventCallback == null ? void 0 : invokeEventCallback("success");
+        onSuccess == null ? void 0 : onSuccess(new Event("success"), dialogWidget);
+        close == null ? void 0 : close();
+      },
+      // Error callback
+      async (error) => {
+        setIsSubmitting(false);
+        showMessage(loginErrorMessage(error, appLocale, errormessage), "error");
+        await invokeFormEvent(formRef, listener, "onError", new Event("onError"), formData);
+        invokeEventCallback == null ? void 0 : invokeEventCallback("error");
+        onError == null ? void 0 : onError(new Event("error"), dialogWidget);
       }
-    }, _callee3);
-  })), [isSubmitting, eventsource, validateCredentials, showMessage, hideMsg, invokeEventCallback, onSuccess, onError, errormessage, appLocale]);
-
-  // Form setup effect
-  (0, _react.useEffect)(function () {
+    );
+    await invokeFormEvent(formRef, listener, "onSubmit", new Event("submit"), formData);
+  }, [
+    isSubmitting,
+    eventsource,
+    validateCredentials,
+    showMessage,
+    hideMsg,
+    invokeEventCallback,
+    onSuccess,
+    onError,
+    errormessage,
+    appLocale
+  ]);
+  useEffect(() => {
     if (!isopen) {
       setIsFormReady(false);
       return;
     }
-
-    // Setup form reference with timeout to allow DOM rendering
-    var setupTimeout = setTimeout(function () {
-      var container = widgetRef.current;
+    const setupTimeout = setTimeout(() => {
+      const container = widgetRef.current;
       if (!container) return;
-
-      // Find form element
-      var formElement = container.querySelector("form") || container.querySelector('[role="form"]');
+      const formElement = container.querySelector("form") || container.querySelector('[role="form"]');
       if (formElement) {
         formRef.current = formElement;
         setIsFormReady(true);
       }
     }, FORM_SETUP_TIMEOUT);
-    return function () {
-      return clearTimeout(setupTimeout);
-    };
+    return () => clearTimeout(setupTimeout);
   }, [isopen]);
-
-  // Form event handlers
-  var handleFormSubmit = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(e) {
-      return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
-          case 0:
-            e.preventDefault();
-            e.stopPropagation();
-            if (!onSubmit) {
-              _context4.next = 6;
-              break;
-            }
-            onSubmit(e.nativeEvent, dialogWidget);
-            _context4.next = 8;
-            break;
-          case 6:
-            _context4.next = 8;
-            return doLogin();
-          case 8:
-          case "end":
-            return _context4.stop();
-        }
-      }, _callee4);
-    }));
-    return function (_x3) {
-      return _ref4.apply(this, arguments);
-    };
-  }(), [onSubmit, doLogin]);
-  var handleKeyPress = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(e) {
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            if (!(e.key === "Enter" && isFormReady)) {
-              _context5.next = 5;
-              break;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-            _context5.next = 5;
-            return doLogin();
-          case 5:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function (_x4) {
-      return _ref5.apply(this, arguments);
-    };
-  }(), [doLogin, isFormReady]);
-  var handleLoginButtonClick = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(e) {
-      var target, dataRole, _target$parentElement, container, hasContainerSubmitEvent, hasButtonClickEvent, hasButtonTapEvent;
-      return _regenerator["default"].wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
-          case 0:
-            target = e.target;
-            dataRole = "";
-            if (target.tagName === "BUTTON") {
-              dataRole = target.getAttribute("data-role") || "";
-            } else if (target.tagName === "SPAN") {
-              dataRole = ((_target$parentElement = target.parentElement) === null || _target$parentElement === void 0 ? void 0 : _target$parentElement.getAttribute("data-role")) || "";
-              target = target.parentElement;
-            }
-            if (!(dataRole.toLowerCase() === "loginbutton")) {
-              _context6.next = 13;
-              break;
-            }
-            e.preventDefault();
-            e.stopPropagation();
-            container = widgetRef.current;
-            hasContainerSubmitEvent = container === null || container === void 0 ? void 0 : container.hasAttribute("submit.event");
-            hasButtonClickEvent = target.hasAttribute("click.event");
-            hasButtonTapEvent = target.hasAttribute("tap.event");
-            if (!(!hasContainerSubmitEvent && !hasButtonClickEvent && !hasButtonTapEvent)) {
-              _context6.next = 13;
-              break;
-            }
-            _context6.next = 13;
-            return doLogin();
-          case 13:
-          case "end":
-            return _context6.stop();
+  const handleFormSubmit = useCallback(
+    async (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (onSubmit) {
+        onSubmit(e.nativeEvent, dialogWidget);
+      } else {
+        await doLogin();
+      }
+    },
+    [onSubmit, doLogin]
+  );
+  const handleKeyPress = useCallback(
+    async (e) => {
+      if (e.key === "Enter" && isFormReady) {
+        e.preventDefault();
+        e.stopPropagation();
+        await doLogin();
+      }
+    },
+    [doLogin, isFormReady]
+  );
+  const handleLoginButtonClick = useCallback(
+    async (e) => {
+      var _a2;
+      let target = e.target;
+      let dataRole = "";
+      if (target.tagName === "BUTTON") {
+        dataRole = target.getAttribute("data-role") || "";
+      } else if (target.tagName === "SPAN") {
+        dataRole = ((_a2 = target.parentElement) == null ? void 0 : _a2.getAttribute("data-role")) || "";
+        target = target.parentElement;
+      }
+      if (dataRole.toLowerCase() === "loginbutton") {
+        e.preventDefault();
+        e.stopPropagation();
+        const container = widgetRef.current;
+        const hasContainerSubmitEvent = container == null ? void 0 : container.hasAttribute("submit.event");
+        const hasButtonClickEvent = target.hasAttribute("click.event");
+        const hasButtonTapEvent = target.hasAttribute("tap.event");
+        if (!hasContainerSubmitEvent && !hasButtonClickEvent && !hasButtonTapEvent) {
+          await doLogin();
         }
-      }, _callee6);
-    }));
-    return function (_x5) {
-      return _ref6.apply(this, arguments);
-    };
-  }(), [doLogin]);
-
-  // Early return if dialog is not open
+      }
+    },
+    [doLogin]
+  );
   if (!isopen) {
     return null;
   }
-  return __jsx(_dialogs.WmDialog, {
-    open: isopen,
-    onClose: close !== null && close !== void 0 ? close : function () {},
-    className: (0, _clsx["default"])(DEFAULT_CLASS, props.className),
-    closable: props.closable,
-    sheet: props.sheet,
-    name: props.name || "",
-    listener: listener
-  }, __jsx(_dialogContent.WmDialogContent, {
-    name: "".concat(name, "_content"),
-    listener: listener
-  }, __jsx(_dialogHeader.WmDialogHeader, {
-    name: "login-dialog-".concat(title),
-    listener: listener,
-    titleid: "login-dialog-".concat(title),
-    heading: title,
-    iconclass: iconclass,
-    onClose: close !== null && close !== void 0 ? close : function () {}
-  }), __jsx(_dialogBody.WmDialogBody, {
-    name: "".concat(name, "_body"),
-    listener: listener
-  }, __jsx("div", {
-    ref: widgetRef,
-    className: "login-dialog-content",
-    onSubmit: handleFormSubmit,
-    onKeyPress: handleKeyPress,
-    onClick: handleLoginButtonClick
-  }, __jsx(_message.WmMessageWithoutWrapper, {
-    ref: messageRef,
-    className: "app-login-message",
-    name: "LoginMessage",
-    type: loginMessage.type || "info",
-    caption: loginMessage.caption,
-    open: loginMessage.show,
-    close: handleMessageClose,
-    listener: listener
-  }), children))));
+  return /* @__PURE__ */ jsx(
+    WmDialog,
+    {
+      open: isopen,
+      onClose: close != null ? close : (() => {
+      }),
+      className: clsx(DEFAULT_CLASS, props.className),
+      closable: props.closable,
+      sheet: props.sheet,
+      name: props.name || "",
+      listener,
+      children: /* @__PURE__ */ jsxs(WmDialogContent, { name: `${name}_content`, listener, children: [
+        /* @__PURE__ */ jsx(
+          WmDialogHeader,
+          {
+            name: `login-dialog-${title}`,
+            listener,
+            titleid: `login-dialog-${title}`,
+            heading: title,
+            iconclass,
+            onClose: close != null ? close : (() => {
+            })
+          }
+        ),
+        /* @__PURE__ */ jsx(WmDialogBody, { name: `${name}_body`, listener, children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: widgetRef,
+            className: "login-dialog-content",
+            onSubmit: handleFormSubmit,
+            onKeyPress: handleKeyPress,
+            onClick: handleLoginButtonClick,
+            children: [
+              /* @__PURE__ */ jsx(
+                WmMessageWithoutWrapper,
+                {
+                  ref: messageRef,
+                  className: "app-login-message",
+                  name: "LoginMessage",
+                  type: loginMessage.type || "info",
+                  caption: loginMessage.caption,
+                  open: loginMessage.show,
+                  close: handleMessageClose,
+                  listener
+                }
+              ),
+              children
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+};
+const WmLoginDialogStandalone = BaseDialog(WmLoginDialog);
+var login_dialog_default = BaseDialog(withBaseWrapper(WmLoginDialog));
+export {
+  WmLoginDialogStandalone as WmLoginDialog,
+  login_dialog_default as default
 };
-var WmLoginDialogStandalone = exports.WmLoginDialog = (0, _withDialogWrapper["default"])(WmLoginDialog);
-var _default = exports["default"] = (0, _withDialogWrapper["default"])((0, _withBaseWrapper.withBaseWrapper)(WmLoginDialog));