desk-kit 2.0.0

package/dist/components/header/index.js

@@ -0,0 +1,372 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _headerModule = _interopRequireDefault(require("./header.module.css"));
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _material = require("@mui/material");
+var _Logout = _interopRequireDefault(require("@mui/icons-material/Logout"));
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _react = require("react");
+var _Apps = _interopRequireDefault(require("@mui/icons-material/Apps"));
+var _router = require("next/router");
+var _nookies = _interopRequireDefault(require("nookies"));
+var _image = _interopRequireDefault(require("next/image"));
+var _HomeTwoTone = _interopRequireDefault(require("@mui/icons-material/HomeTwoTone"));
+var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _Link = _interopRequireDefault(require("@mui/material/Link"));
+var _CurrencyExchangeTwoTone = _interopRequireDefault(require("@mui/icons-material/CurrencyExchangeTwoTone"));
+var _InfoTwoTone = _interopRequireDefault(require("@mui/icons-material/InfoTwoTone"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _LocalShippingSharp = _interopRequireDefault(require("@mui/icons-material/LocalShippingSharp"));
+var _StorefrontSharp = _interopRequireDefault(require("@mui/icons-material/StorefrontSharp"));
+var _PeopleAltTwoTone = _interopRequireDefault(require("@mui/icons-material/PeopleAltTwoTone"));
+var _Diversity3TwoTone = _interopRequireDefault(require("@mui/icons-material/Diversity3TwoTone"));
+var _ManageAccountsTwoTone = _interopRequireDefault(require("@mui/icons-material/ManageAccountsTwoTone"));
+var _ReceiptLongTwoTone = _interopRequireDefault(require("@mui/icons-material/ReceiptLongTwoTone"));
+var _WarehouseTwoTone = _interopRequireDefault(require("@mui/icons-material/WarehouseTwoTone"));
+var _RouteTwoTone = _interopRequireDefault(require("@mui/icons-material/RouteTwoTone"));
+var _UserContext = require("../../context/UserContext");
+var _Notifications = _interopRequireDefault(require("./Notifications"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var Header = function Header(props) {
+  var _useUser = (0, _UserContext.useUser)(),
+    user = _useUser.user;
+  var router = (0, _router.useRouter)();
+  var prefersDarkMode = (0, _material.useMediaQuery)("(prefers-color-scheme: dark)");
+  var _props$business = props.business,
+    business = _props$business === void 0 ? [] : _props$business,
+    _props$businessItem = props.businessItem,
+    businessItem = _props$businessItem === void 0 ? {} : _props$businessItem,
+    _props$sections = props.sections,
+    sections = _props$sections === void 0 ? [] : _props$sections;
+  var _useState = (0, _react.useState)(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    anchorEl = _useState2[0],
+    setAnchorEl = _useState2[1];
+  var open = Boolean(anchorEl);
+  var _useState3 = (0, _react.useState)(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    openApps = _useState4[0],
+    setOpenApps = _useState4[1];
+  var openApp = Boolean(openApps);
+  var handleClick = function handleClick(event) {
+    setAnchorEl(event.currentTarget);
+  };
+  var _signOut = function _signOut() {
+    _nookies["default"].destroy(undefined, "deskmanager.auth", {
+      path: "/"
+    });
+    window.location.href = "/";
+  };
+  var _getUrl = function _getUrl(domain) {
+    if (router.query.businessId) return "".concat(domain, "board/").concat(router.query.businessId);else return domain;
+  };
+  var handleClose = function handleClose(key) {
+    setAnchorEl(null);
+    if (key === "settings") window.location.href = process.env.NEXT_PUBLIC_ACCOUNT_DOMAIN;
+    if (key === "logout") _signOut();
+  };
+  var _href = function _href(item) {
+    router.push({
+      pathname: "/board/".concat(item._id),
+      query: {
+        page: 1,
+        per_page: 20,
+        orderBy: "createdAt",
+        order: "ASC"
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement("header", {
+    className: _headerModule["default"].main
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].nav
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].logo
+  }, /*#__PURE__*/React.createElement(_Link["default"], {
+    href: "/"
+  }, /*#__PURE__*/React.createElement(_image["default"], {
+    src: prefersDarkMode ? "/images/desk_mode_dark.png" : "/images/logo_desk.png",
+    width: 210,
+    height: 70
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].sections
+  }, /*#__PURE__*/React.createElement(_Breadcrumbs["default"], {
+    separator: "\u203A",
+    "aria-label": "breadcrumb"
+  }, /*#__PURE__*/React.createElement(_Link["default"], {
+    sx: {
+      display: "flex",
+      alignItems: "center"
+    },
+    underline: "hover",
+    color: "inherit",
+    href: "#"
+  }, /*#__PURE__*/React.createElement(_HomeTwoTone["default"], {
+    sx: {
+      mr: 0.5
+    },
+    fontSize: "inherit"
+  }), "Inicio"), sections.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(_Link["default"], {
+      key: item,
+      underline: "hover",
+      color: "inherit",
+      href: "#"
+    }, item);
+  })))), /*#__PURE__*/React.createElement(_Stack["default"], {
+    justifyContent: "center",
+    alignItems: "center",
+    direction: "row",
+    spacing: 1
+  }, /*#__PURE__*/React.createElement(_Stack["default"], {
+    justifyContent: "center",
+    alignItems: "center",
+    direction: "row",
+    spacing: 1
+  }, /*#__PURE__*/React.createElement(_Tooltip["default"], {
+    title: "Ayuda"
+  }, /*#__PURE__*/React.createElement("a", {
+    href: "https://help.deskmanager.app/",
+    target: "_new"
+  }, /*#__PURE__*/React.createElement(_IconButton["default"], null, /*#__PURE__*/React.createElement(_InfoTwoTone["default"], null)))), /*#__PURE__*/React.createElement(_Notifications["default"], null), /*#__PURE__*/React.createElement(_Tooltip["default"], {
+    title: "Aplicaciones"
+  }, /*#__PURE__*/React.createElement(_IconButton["default"], {
+    "aria-controls": openApp ? "apps-menu" : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": openApp ? "true" : undefined,
+    onClick: function onClick(event) {
+      return setOpenApps(event.currentTarget);
+    }
+  }, /*#__PURE__*/React.createElement(_Apps["default"], null)))), /*#__PURE__*/React.createElement(_Menu["default"], {
+    anchorEl: openApps,
+    id: "apps-menu",
+    open: openApp,
+    onClose: function onClose() {
+      return setOpenApps(null);
+    },
+    onClick: function onClick() {
+      return setOpenApps(false);
+    }
+  }, /*#__PURE__*/React.createElement(_Stack["default"], {
+    ml: 1,
+    mr: 1,
+    direction: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    spacing: 1
+  }, /*#__PURE__*/React.createElement("a", {
+    target: "_blank",
+    className: _headerModule["default"].app_item,
+    href: _getUrl(process.env.NEXT_PUBLIC_CLIENTS_DOMAIN)
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      backgroundColor: "#C72F37"
+    },
+    className: _headerModule["default"].app_icon
+  }, /*#__PURE__*/React.createElement(_PeopleAltTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Clientes")), /*#__PURE__*/React.createElement("a", {
+    target: "_blank",
+    className: _headerModule["default"].app_item,
+    href: _getUrl(process.env.NEXT_PUBLIC_FACTURACION_DOMAIN)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon,
+    style: {
+      backgroundColor: "#E04B2B"
+    }
+  }, /*#__PURE__*/React.createElement(_ReceiptLongTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Facturaci\xF3n")), /*#__PURE__*/React.createElement("a", {
+    target: "_blank",
+    className: _headerModule["default"].app_item,
+    href: _getUrl(process.env.NEXT_PUBLIC_PROVEEDORES_DOMAIN)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon,
+    style: {
+      backgroundColor: "#63BF4A"
+    }
+  }, /*#__PURE__*/React.createElement(_Diversity3TwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Proveedores"))), /*#__PURE__*/React.createElement(_Stack["default"], {
+    ml: 1,
+    mr: 1,
+    mt: 1,
+    direction: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    spacing: 1
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon
+  }, /*#__PURE__*/React.createElement(_WarehouseTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Almac\xE9n")), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon,
+    style: {
+      backgroundColor: "#2EEFEF"
+    }
+  }, /*#__PURE__*/React.createElement(_RouteTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Rutas")), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon,
+    style: {
+      backgroundColor: "#EAAD1C"
+    }
+  }, /*#__PURE__*/React.createElement(_StorefrontSharp["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Ventas"))), /*#__PURE__*/React.createElement(_Stack["default"], {
+    ml: 1,
+    mr: 1,
+    mt: 1,
+    direction: "row",
+    justifyContent: "center",
+    alignItems: "center",
+    spacing: 1
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon,
+    style: {
+      backgroundColor: "#523395"
+    }
+  }, /*#__PURE__*/React.createElement(_LocalShippingSharp["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Vehiculos")), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon
+  }, /*#__PURE__*/React.createElement(_CurrencyExchangeTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Contabilidad")), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_item
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].app_icon
+  }, /*#__PURE__*/React.createElement(_ManageAccountsTwoTone["default"], {
+    sx: {
+      color: "white"
+    }
+  })), /*#__PURE__*/React.createElement(_Typography["default"], {
+    mt: 1,
+    variant: "body2"
+  }, "Mi cuenta")))), /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].button_account
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: _headerModule["default"].button_account_name,
+    style: {
+      maxWidth: 200
+    }
+  }, /*#__PURE__*/React.createElement(_Typography["default"], {
+    noWrap: true,
+    className: "m-0 p-0",
+    mt: 0,
+    mb: 0,
+    variant: "subtitle1"
+  }, user.firstName, " ", user.lastName), /*#__PURE__*/React.createElement(_Typography["default"], {
+    noWrap: true,
+    className: "m-0 p-0",
+    mt: 0,
+    mb: 0,
+    variant: "subtitle2"
+  }, businessItem.name)), /*#__PURE__*/React.createElement(_IconButton["default"], {
+    size: "small",
+    "aria-controls": open ? "account-menu" : undefined,
+    "aria-haspopup": "true",
+    "aria-expanded": open ? "true" : undefined,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(_Avatar["default"], {
+    src: user.image,
+    title: "".concat(user.firstName, " ").concat(user.lastName)
+  })), /*#__PURE__*/React.createElement(_Menu["default"], {
+    anchorEl: anchorEl,
+    id: "account-menu",
+    open: open,
+    onClose: handleClose,
+    onClick: handleClose
+  }, business.map(function (item) {
+    return /*#__PURE__*/React.createElement(_MenuItem["default"], {
+      key: item._id,
+      onClick: function onClick() {
+        return _href(item);
+      }
+    }, /*#__PURE__*/React.createElement(_Avatar["default"], {
+      className: "mr-2"
+    }), item.name);
+  }), /*#__PURE__*/React.createElement(_Divider["default"], null), /*#__PURE__*/React.createElement(_MenuItem["default"], {
+    onClick: function onClick() {
+      return handleClose("settings");
+    }
+  }, /*#__PURE__*/React.createElement(_ListItemIcon["default"], null, /*#__PURE__*/React.createElement(_Settings["default"], {
+    fontSize: "small"
+  })), "Ajustes"), /*#__PURE__*/React.createElement(_MenuItem["default"], {
+    onClick: function onClick() {
+      return handleClose("logout");
+    }
+  }, /*#__PURE__*/React.createElement(_ListItemIcon["default"], null, /*#__PURE__*/React.createElement(_Logout["default"], {
+    fontSize: "small"
+  })), "Cerrar Sesi\xF3n"))))));
+};
+var _default = exports["default"] = Header;

package/dist/components/modal/ModaAction.js

@@ -0,0 +1,152 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = require("react");
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Close = _interopRequireDefault(require("@mui/icons-material/Close"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _notistack = require("notistack");
+var _UserContext = require("@/context/UserContext");
+var _reactPinInput = _interopRequireDefault(require("react-pin-input"));
+var _FormControl = _interopRequireDefault(require("@mui/material/FormControl"));
+var _FormLabel = _interopRequireDefault(require("@mui/material/FormLabel"));
+var _FormHelperText = _interopRequireDefault(require("@mui/material/FormHelperText"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var ModalAction = function ModalAction(props) {
+  var _user$twoFa;
+  var _useUser = (0, _UserContext.useUser)(),
+    user = _useUser.user;
+  var _useSnackbar = (0, _notistack.useSnackbar)(),
+    enqueueSnackbar = _useSnackbar.enqueueSnackbar;
+  var _props$visible = props.visible,
+    visible = _props$visible === void 0 ? false : _props$visible,
+    action = props.action,
+    onClose = props.onClose,
+    saveError = props.saveError;
+  var _props$data = props.data,
+    _props$data$title = _props$data.title,
+    title = _props$data$title === void 0 ? "Titulo" : _props$data$title,
+    _props$data$descripti = _props$data.description,
+    description = _props$data$descripti === void 0 ? "" : _props$data$descripti,
+    _props$data$confirmTe = _props$data.confirmText,
+    confirmText = _props$data$confirmTe === void 0 ? "Aceptar" : _props$data$confirmTe,
+    _props$data$cancelTex = _props$data.cancelText,
+    cancelText = _props$data$cancelTex === void 0 ? "Cancelar" : _props$data$cancelTex,
+    _props$data$confirmMe = _props$data.confirmMessage,
+    confirmMessage = _props$data$confirmMe === void 0 ? "La acción se realizo con exito" : _props$data$confirmMe;
+  var _useState = (0, _react.useState)(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    pinCode = _useState2[0],
+    setPinCode = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    loading = _useState4[0],
+    setLoading = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+  var handleClose = function handleClose() {
+    var data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    if (onClose && !loading) return onClose(data);
+  };
+  var _getError = function _getError(field) {
+    if (error !== null && error !== void 0 && error.fields && error !== null && error !== void 0 && error.fields[field]) return error.fields[field];
+    return false;
+  };
+  var _action = function _action() {
+    setLoading(true);
+    setError({});
+    action({
+      code: pinCode
+    }).then(function (response) {
+      enqueueSnackbar(props.data.confirmMessage, {
+        variant: "success"
+      });
+      setLoading(false);
+      handleClose(response);
+    })["catch"](function (err) {
+      setLoading(false);
+      setError(err);
+      enqueueSnackbar((err === null || err === void 0 ? void 0 : err.message) || "Error", {
+        variant: "error"
+      });
+      if (saveError) saveError(err);
+    });
+  };
+  return /*#__PURE__*/React.createElement(_Dialog["default"], {
+    fullWidth: true,
+    maxWidth: "sm",
+    onClose: function onClose() {
+      return handleClose(false);
+    },
+    "aria-labelledby": "customized-dialog-title",
+    open: visible
+  }, /*#__PURE__*/React.createElement(_DialogTitle["default"], {
+    sx: {
+      m: 0,
+      p: 2
+    },
+    id: "customized-dialog-title"
+  }, title), /*#__PURE__*/React.createElement(_IconButton["default"], {
+    "aria-label": "close",
+    onClick: function onClick() {
+      return handleClose(false);
+    },
+    sx: {
+      position: "absolute",
+      right: 8,
+      top: 8
+    }
+  }, /*#__PURE__*/React.createElement(_Close["default"], null)), /*#__PURE__*/React.createElement(_DialogContent["default"], null, /*#__PURE__*/React.createElement(_Typography["default"], {
+    gutterBottom: true
+  }, description), (_user$twoFa = user.twoFa) !== null && _user$twoFa !== void 0 && _user$twoFa.active ? /*#__PURE__*/React.createElement(_FormControl["default"], {
+    className: "mt-3",
+    error: _getError("code")
+  }, /*#__PURE__*/React.createElement(_FormLabel["default"], {
+    className: "mb-2"
+  }, "C\xF3digo de verificaci\xF3n"), /*#__PURE__*/React.createElement(_reactPinInput["default"], {
+    length: 6,
+    type: "numeric",
+    inputMode: "numeric",
+    onChange: function onChange(value, index) {
+      return setPinCode(value);
+    },
+    onComplete: function onComplete(value, index) {
+      return setPinCode(value);
+    },
+    value: pinCode,
+    inputStyle: {
+      borderColor: "rgba(0, 0, 0, 0.23)",
+      borderRadius: 5
+    }
+  }), /*#__PURE__*/React.createElement(_FormHelperText["default"], null, _getError("code"))) : null), /*#__PURE__*/React.createElement(_DialogActions["default"], null, /*#__PURE__*/React.createElement(_Button["default"], {
+    variant: "outlined",
+    onClick: function onClick() {
+      return handleClose(false);
+    }
+  }, cancelText), /*#__PURE__*/React.createElement(_Button["default"], {
+    autoFocus: true,
+    disabled: loading || user.twoFa.active && pinCode.length !== 6,
+    variant: "contained",
+    color: "error",
+    onClick: function onClick() {
+      return _action();
+    }
+  }, confirmText)));
+};
+var _default = exports["default"] = ModalAction;