desk-kit 2.0.0 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = void 0;
|
|
7
|
+
var _react = require("react");
|
|
8
|
+
var _NotificationsNoneTwoTone = _interopRequireDefault(require("@mui/icons-material/NotificationsNoneTwoTone"));
|
|
9
|
+
var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
|
|
10
|
+
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
|
|
11
|
+
var _material = require("@mui/material");
|
|
12
|
+
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
13
|
+
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
|
14
|
+
var _UserContext = require("../../UserContext");
|
|
15
|
+
var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
|
|
16
|
+
var _moment = _interopRequireDefault(require("moment"));
|
|
17
|
+
var _styles = require("@mui/material/styles");
|
|
18
|
+
var _Forum = _interopRequireDefault(require("@mui/icons-material/Forum"));
|
|
19
|
+
var _http = require("../../config/http");
|
|
20
|
+
var _router = require("next/router");
|
|
21
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
22
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
23
|
+
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."); }
|
|
24
|
+
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; } }
|
|
25
|
+
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; }
|
|
26
|
+
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; } }
|
|
27
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
28
|
+
var LineText = (0, _styles.styled)(_material.Typography)(function (_ref) {
|
|
29
|
+
var theme = _ref.theme;
|
|
30
|
+
return {
|
|
31
|
+
display: "-webkit-box",
|
|
32
|
+
WebkitBoxOrient: "vertical",
|
|
33
|
+
overflow: "hidden",
|
|
34
|
+
WebkitLineClamp: 3,
|
|
35
|
+
textOverflow: "ellipsis",
|
|
36
|
+
// Optional: set a max width to ensure truncation works
|
|
37
|
+
maxWidth: "100%"
|
|
38
|
+
};
|
|
39
|
+
});
|
|
40
|
+
var NotificationItem = function NotificationItem(props) {
|
|
41
|
+
var _props$data = props.data,
|
|
42
|
+
_props$data$user = _props$data.user,
|
|
43
|
+
user = _props$data$user === void 0 ? {} : _props$data$user,
|
|
44
|
+
createdAt = _props$data.createdAt,
|
|
45
|
+
_props$data$message = _props$data.message,
|
|
46
|
+
message = _props$data$message === void 0 ? "" : _props$data$message,
|
|
47
|
+
read = _props$data.read;
|
|
48
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
49
|
+
className: "notification-item"
|
|
50
|
+
}, !read.active ? /*#__PURE__*/React.createElement("div", {
|
|
51
|
+
className: "notification-read"
|
|
52
|
+
}) : null, /*#__PURE__*/React.createElement(_Stack["default"], {
|
|
53
|
+
direction: "row",
|
|
54
|
+
spacing: 2,
|
|
55
|
+
p: 2,
|
|
56
|
+
sx: {
|
|
57
|
+
justifyContent: "center",
|
|
58
|
+
alignItems: "flex-start"
|
|
59
|
+
}
|
|
60
|
+
}, /*#__PURE__*/React.createElement(_material.Badge, {
|
|
61
|
+
overlap: "circular",
|
|
62
|
+
anchorOrigin: {
|
|
63
|
+
vertical: "bottom",
|
|
64
|
+
horizontal: "right"
|
|
65
|
+
},
|
|
66
|
+
badgeContent: /*#__PURE__*/React.createElement(_IconButton["default"], {
|
|
67
|
+
size: "small",
|
|
68
|
+
sx: {
|
|
69
|
+
backgroundColor: "#0568FD"
|
|
70
|
+
}
|
|
71
|
+
}, /*#__PURE__*/React.createElement(_Forum["default"], {
|
|
72
|
+
fontSize: "small",
|
|
73
|
+
sx: {
|
|
74
|
+
color: "white"
|
|
75
|
+
}
|
|
76
|
+
}))
|
|
77
|
+
}, /*#__PURE__*/React.createElement(_Avatar["default"], {
|
|
78
|
+
sx: {
|
|
79
|
+
width: 48,
|
|
80
|
+
height: 48
|
|
81
|
+
},
|
|
82
|
+
alt: "".concat(user.firstName, " ").concat(user.lastName),
|
|
83
|
+
src: user.image
|
|
84
|
+
}, "HO")), /*#__PURE__*/React.createElement("div", {
|
|
85
|
+
className: "notification-description"
|
|
86
|
+
}, /*#__PURE__*/React.createElement(LineText, {
|
|
87
|
+
variant: "body2"
|
|
88
|
+
}, message), /*#__PURE__*/React.createElement(_material.Typography, {
|
|
89
|
+
variant: "subtitle2"
|
|
90
|
+
}, (0, _moment["default"])(createdAt).calendar()))));
|
|
91
|
+
};
|
|
92
|
+
var Notifications = function Notifications(props) {
|
|
93
|
+
var router = (0, _router.useRouter)();
|
|
94
|
+
var _useUser = (0, _UserContext.useUser)(),
|
|
95
|
+
user = _useUser.user;
|
|
96
|
+
var _useState = (0, _react.useState)(null),
|
|
97
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
98
|
+
openApps = _useState2[0],
|
|
99
|
+
setOpenApps = _useState2[1];
|
|
100
|
+
var openApp = Boolean(openApps);
|
|
101
|
+
var _useState3 = (0, _react.useState)([]),
|
|
102
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
103
|
+
data = _useState4[0],
|
|
104
|
+
setData = _useState4[1];
|
|
105
|
+
var handleClick = function handleClick(event) {
|
|
106
|
+
setAnchorEl(event.currentTarget);
|
|
107
|
+
};
|
|
108
|
+
(0, _react.useEffect)(function () {
|
|
109
|
+
if (openApps) (0, _http.HTTP)("GET", "business/".concat(router.query.businessId, "/notifications"), {
|
|
110
|
+
page: 1,
|
|
111
|
+
per_page: 10
|
|
112
|
+
}).then(function (response) {
|
|
113
|
+
setData(response.data);
|
|
114
|
+
});
|
|
115
|
+
}, [openApps]);
|
|
116
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Tooltip["default"], {
|
|
117
|
+
title: "Notificaciones"
|
|
118
|
+
}, /*#__PURE__*/React.createElement(_material.Badge, {
|
|
119
|
+
badgeContent: user.unRead || 0,
|
|
120
|
+
color: "error"
|
|
121
|
+
}, /*#__PURE__*/React.createElement(_IconButton["default"], {
|
|
122
|
+
"aria-controls": openApp ? "apps-menu" : undefined,
|
|
123
|
+
"aria-haspopup": "true",
|
|
124
|
+
"aria-expanded": openApp ? "true" : undefined,
|
|
125
|
+
onClick: function onClick(event) {
|
|
126
|
+
return setOpenApps(event.currentTarget);
|
|
127
|
+
}
|
|
128
|
+
}, /*#__PURE__*/React.createElement(_NotificationsNoneTwoTone["default"], null)))), /*#__PURE__*/React.createElement(_Menu["default"], {
|
|
129
|
+
anchorEl: openApps,
|
|
130
|
+
id: "apps-menu",
|
|
131
|
+
open: openApp,
|
|
132
|
+
onClose: function onClose() {
|
|
133
|
+
return setOpenApps(null);
|
|
134
|
+
},
|
|
135
|
+
onClick: function onClick() {
|
|
136
|
+
return setOpenApps(false);
|
|
137
|
+
}
|
|
138
|
+
}, data.map(function (item) {
|
|
139
|
+
return /*#__PURE__*/React.createElement(NotificationItem, {
|
|
140
|
+
data: item,
|
|
141
|
+
key: item._id
|
|
142
|
+
});
|
|
143
|
+
}), /*#__PURE__*/React.createElement(_Stack["default"], {
|
|
144
|
+
direction: "row",
|
|
145
|
+
p: 1,
|
|
146
|
+
sx: {
|
|
147
|
+
width: 400,
|
|
148
|
+
justifyContent: "center",
|
|
149
|
+
alignItems: "center"
|
|
150
|
+
}
|
|
151
|
+
}, /*#__PURE__*/React.createElement(_material.Button, {
|
|
152
|
+
variant: "text"
|
|
153
|
+
}, "Ver todo"))));
|
|
154
|
+
};
|
|
155
|
+
var _default = exports["default"] = Notifications;
|
package/dist/config/http.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.cancelRequest = exports.api = exports.HTTP = void 0;
|
|
8
8
|
var _axios = _interopRequireDefault(require("axios"));
|
|
9
|
-
var _const = require("
|
|
9
|
+
var _const = require("./const");
|
|
10
10
|
var _nookies = require("nookies");
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
|
|
12
12
|
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; }
|