@appcorp/kismaa-web-ui 0.2.69 → 0.2.71

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.
Files changed (4) hide show
  1. package/organisms/navbar/logged-in-user-avatar.js +4 -3
  2. package/organisms/navbar/notification-item.js +5 -3
  3. package/organisms/navbar/props.js +2 -0
  4. package/package.json +1 -1
package/organisms/navbar/logged-in-user-avatar.js CHANGED
@@ -57,6 +57,7 @@ var react_2 = __importStar(require("react"));
57
57
  var link_1 = __importDefault(require("next/link"));
58
58
  var BellIcon_1 = __importDefault(require("@heroicons/react/24/outline/BellIcon"));
59
59
  var notification_item_1 = require("./notification-item");
60
+ var user_1 = require("@appcorp/kismaa-utils/api/type/user");
60
61
  var LoggedInUserAvatar = function (_a) {
61
62
  var _b, _c;
62
63
  var avatarClassName = _a.avatarClassName, loggedInUser = _a.loggedInUser, notificationItems = _a.notificationItems;
@@ -102,17 +103,17 @@ var LoggedInUserAvatar = function (_a) {
102
103
  (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.route) &&
103
104
  (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) &&
104
105
  !((_b = loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) === null || _b === void 0 ? void 0 : _b.length) && (react_2.default.createElement("div", { className: "flex flex-col items-end justify-center" },
105
- react_2.default.createElement(BellIcon_1.default, { className: "size-8" }),
106
+ loggedInUser.userType === user_1.USER_TYPE.PSYCHIC && (react_2.default.createElement(BellIcon_1.default, { className: "size-8" })),
106
107
  react_2.default.createElement(link_1.default, { href: loggedInUser.route }, (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.avatarUrl) ? (react_2.default.createElement(image_1.default, { alt: loggedInUser.firstName, className: avatarClassName, height: 40, src: loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.avatarUrl, width: 40 })) : (react_2.default.createElement(atoms_1.UserIcon, { className: avatarClassName }))))),
107
108
  (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems) && (loggedInUser === null || loggedInUser === void 0 ? void 0 : loggedInUser.menuItems.length) > 0 && (react_2.default.createElement("div", { className: "flex flex-row items-center justify-end gap-2" },
108
109
  react_2.default.createElement(react_1.Popover, { className: "relative" },
109
110
  react_2.default.createElement("div", { className: "flex flex-row items-center justify-center" },
110
111
  react_2.default.createElement(react_1.PopoverButton, { ref: setNotificationElement },
111
- react_2.default.createElement("div", null,
112
+ react_2.default.createElement(react_2.default.Fragment, null, loggedInUser.userType === user_1.USER_TYPE.PSYCHIC && (react_2.default.createElement("div", null,
112
113
  unReadNotifications.length > 0 && (react_2.default.createElement("span", { className: "relative flex size-3" },
113
114
  react_2.default.createElement("span", { className: "bg-primary absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" }),
114
115
  react_2.default.createElement("span", { className: "bg-primary relative inline-flex size-3 rounded-full" }))),
115
- react_2.default.createElement(BellIcon_1.default, { className: "stroke-primary size-7 h-full" })))),
116
+ react_2.default.createElement(BellIcon_1.default, { className: "stroke-primary size-7 h-full" })))))),
116
117
  react_2.default.createElement(react_1.PopoverPanel, __assign({ transition: true, className: "absolute left-1/2 z-10 mt-2 flex w-screen max-w-min -translate-x-1/2 bg-transparent px-4 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in", ref: setNotificationDropdown, style: notificationStyles.popper }, notificationAttributes.popper),
117
118
  react_2.default.createElement("div", { className: "w-86 shrink rounded-xl bg-white p-4 text-sm/6 font-semibold text-gray-900 shadow-lg outline-1 outline-gray-900/5 dark:bg-gray-800 dark:text-white dark:shadow-none dark:outline dark:-outline-offset-1 dark:outline-white/10" },
118
119
  notificationItems.length === 0 && (react_2.default.createElement("p", { className: "" }, "No new notifications")),
package/organisms/navbar/notification-item.js CHANGED
@@ -13,9 +13,11 @@ var NotificationItem = function (_a) {
13
13
  var formatter = function (value, unit) { return (react_1.default.createElement("p", { className: "text-xs font-normal text-gray-500" }, "".concat(value).concat(unit.charAt(0)))); };
14
14
  return (react_1.default.createElement("div", null,
15
15
  react_1.default.createElement("div", { className: "flex w-full flex-row items-center justify-between gap-2 p-2" },
16
- react_1.default.createElement(image_1.default, { alt: "avatar", className: avatarClassName, height: 40, src: misc_1.referenceAvatar, width: 40 }),
17
- react_1.default.createElement("p", { className: "text-xs font-normal text-gray-500 dark:text-gray-400" }, message),
18
- react_1.default.createElement("div", null,
16
+ react_1.default.createElement("div", { className: "basis-1/6" },
17
+ react_1.default.createElement(image_1.default, { alt: "avatar", className: avatarClassName, height: 40, src: misc_1.referenceAvatar, width: 40 })),
18
+ react_1.default.createElement("div", { className: "basis-4/6" },
19
+ react_1.default.createElement("p", { className: "text-xs font-normal text-gray-500 dark:text-gray-400" }, message)),
20
+ react_1.default.createElement("div", { className: "basis-1/6" },
19
21
  react_1.default.createElement(react_timeago_1.default, { date: time, formatter: formatter })))));
20
22
  };
21
23
  exports.NotificationItem = NotificationItem;
package/organisms/navbar/props.js CHANGED
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.navbarData = void 0;
4
4
  var props_1 = require("../mega-menu/props");
5
5
  var molecules_1 = require("../../molecules");
6
+ var user_1 = require("@appcorp/kismaa-utils/api/type/user");
6
7
  exports.navbarData = {
7
8
  homeLink: '/',
8
9
  navLinks: [
@@ -76,6 +77,7 @@ exports.navbarData = {
76
77
  firstName: 'Taimoor Khan',
77
78
  avatarUrl: '',
78
79
  route: '',
80
+ userType: user_1.USER_TYPE.PSYCHIC,
79
81
  menuItems: [
80
82
  {
81
83
  label: 'Menu Item 1',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.2.69",
3
+ "version": "0.2.71",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",