@ukpc-lib/react 0.4.5 → 0.4.7

package/dist/{index.module-d6a0a578.js → index.module-62a8833c.js}

@@ -5356,7 +5356,6 @@ const Ap = {
     closeButton: N_,
     toastId: "notify",
     position: "top-right",
-    closeOnClick: !1,
     hideProgressBar: !0,
     containerId: "toastifyNotification",
     style: {

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.module-dfdd3688.cjs"),m=require("axios"),u=require("react"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");const l=require("react-router-dom");require("@mui/material");const c=s=>{const[t,o]=u.useState([]);return u.useEffect(()=>{m.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>o(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[s]),t},a=s=>(t,o)=>{const r=c(s);return o?t.every(n=>r==null?void 0:r.includes(n)):t.some(n=>r==null?void 0:r.includes(n))},h=({baseUrl:s,accessWith:t,requireAll:o,children:r})=>a(s)(t,o)?i.jsx(i.Fragment,{children:r}):null,P=({accessWith:s,requireAll:t,baseUrl:o,unAuthorizedPath:r,children:n})=>a(o)(s,t)?i.jsx(i.Fragment,{children:n}):i.jsx(l.Navigate,{to:r,replace:!0});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation$1;exports.HasPermission=h;exports.PermissionRoute=P;exports.getUseHasPermission=a;exports.useGetPermission=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.module-1f5dd982.cjs"),m=require("axios"),u=require("react"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");const l=require("react-router-dom");require("@mui/material");const c=s=>{const[t,o]=u.useState([]);return u.useEffect(()=>{m.get(`${s}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>o(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[s]),t},a=s=>(t,o)=>{const r=c(s);return o?t.every(n=>r==null?void 0:r.includes(n)):t.some(n=>r==null?void 0:r.includes(n))},h=({baseUrl:s,accessWith:t,requireAll:o,children:r})=>a(s)(t,o)?i.jsx(i.Fragment,{children:r}):null,P=({accessWith:s,requireAll:t,baseUrl:o,unAuthorizedPath:r,children:n})=>a(o)(s,t)?i.jsx(i.Fragment,{children:n}):i.jsx(l.Navigate,{to:r,replace:!0});exports.AuthContext=e.AuthContext;exports.AuthProvider=e.AuthProvider;exports.ERROR_MESSAGE=e.ERROR_MESSAGE;exports.SaasThemeProvider=e.SaasThemeProvider;exports.TranslationProvider=e.TranslationProvider;exports.axiosInstance=e.axiosInstance;exports.color=e.color;exports.createCustomTheme=e.createCustomTheme;exports.handleErrorAxios=e.handleErrorAxios;exports.login=e.login;exports.logout=e.logout;exports.responseInterceptor=e.responseInterceptor;exports.search=e.search;exports.translate=e.translate;exports.translationConfig=e.translationConfig;exports.useAuth=e.useAuth;exports.useCustomTranslation=e.useCustomTranslation;exports.useTheme=e.useTheme;exports.useTranslation=e.useTranslation$1;exports.HasPermission=h;exports.PermissionRoute=P;exports.getUseHasPermission=a;exports.useGetPermission=c;

package/dist/share/index.js

@@ -1,4 +1,4 @@
-import { J as R, K as S, M as G, Z as y, X as H, a as I, c as M, Y as N, R as O, N as j, O as w, T as F, t as J, V as K, U, u as V, e as X, n as Y, W as Z } from "../index.module-d6a0a578.js";
+import { J as R, K as S, M as G, Z as y, X as H, a as I, c as M, Y as N, R as O, N as j, O as w, T as F, t as J, V as K, U, u as V, e as X, n as Y, W as Z } from "../index.module-62a8833c.js";
 import u from "axios";
 import { useState as m, useEffect as c } from "react";
 import { jsx as a, Fragment as n } from "react/jsx-runtime";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ukpc-lib/react",
   "private": false,
-  "version": "0.4.5",
+  "version": "0.4.7",
   "type": "module",
   "main": "./dist/",
   "module": "./dist/",

package/web-components-bundle/global-menu/index.js

@@ -1,5 +1,5 @@
 import "../index-a8aaf6f3.js";
-import { G as e } from "../index-ebb92b47.js";
+import { G as e } from "../index-969731e4.js";
 export {
   e as GlobalMenu
 };

package/web-components-bundle/global-topbar/index.js

@@ -1,5 +1,5 @@
 import "../index-a8aaf6f3.js";
-import { T as a } from "../index-ebb92b47.js";
+import { T as a } from "../index-969731e4.js";
 export {
   a as TopBar
 };

package/web-components-bundle/has-permission/index.js

@@ -1,5 +1,5 @@
 import "../index-a8aaf6f3.js";
-import { H as o, g as r } from "../index-ebb92b47.js";
+import { H as o, g as r } from "../index-969731e4.js";
 export {
   o as HasPermission,
   r as getUseHasPermission

package/web-components-bundle/{index-ebb92b47.js → index-969731e4.js}

@@ -10413,10 +10413,7 @@ const iV = ({
   }, { setNotiData: v } = $.useContext(vo), x = s0({ baseUrl: t, notiPath: n, setNotiData: v }), k = async (B, F) => {
     try {
       const Y = n || `/notification-management/api/v1/notifications/${B}`, G = t + Y;
-      await gi.put(
-        G,
-        { isRead: F }
-      );
+      await gi.put(G, { isRead: F });
     } catch (Y) {
       console.log(Y), d({
         id: e.id,
@@ -10478,9 +10475,9 @@ const iV = ({
       /* @__PURE__ */ V.jsxs("div", { className: "notification-item__content-wrapper", children: [
         /* @__PURE__ */ V.jsxs("div", { className: "notification-item__content", children: [
           /* @__PURE__ */ V.jsx("p", { className: "notification-item__user-name", children: e.actorName }),
-          /* @__PURE__ */ V.jsxs("p", { children: [
+          /* @__PURE__ */ V.jsxs("a", { href: e == null ? void 0 : e.contextUrl, style: { cursor: "pointer" }, children: [
             `${e.message} `,
-            /* @__PURE__ */ V.jsx("span", { children: e == null ? void 0 : e.context })
+            /* @__PURE__ */ V.jsx("span", { className: "notification-item__context-link", children: e == null ? void 0 : e.context })
           ] }),
           (e == null ? void 0 : e.notificationType) === "deleteMultiple" && /* @__PURE__ */ V.jsxs(
             "button",
@@ -10818,7 +10815,7 @@ function $k({ children: e, styles: t = [], ...n }) {
   ] });
 }
 const lV = `.avatar-dropdown-item{padding:.5rem;font-size:.875rem;line-height:1.25rem;cursor:pointer;border-radius:.25rem}.avartarDropdownMenu{background-color:#fff;padding:.5rem;width:13rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:absolute;left:-10rem;top:3.2rem}.avartarDropdownMenu ul{list-style:none;padding-inline-start:0;margin-block-end:0}.navbar{display:flex;background:#292929;top:0;width:100%;padding-left:2.5rem;height:64px}.navbar-container{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;position:relative}.logo-container{height:100%;display:flex;align-items:center}.right-side-container{display:flex;flex-direction:row;align-items:center;text-align:center;margin-right:2.5rem;gap:1rem}.userContainer{display:flex;align-items:center;gap:.5rem}.languageDropdown{height:100%;padding:0 8px;display:flex;flex-direction:row;gap:8px;border-radius:3px;align-items:center;justify-content:center;height:41px;background-color:#ffffff1a;cursor:pointer;transition:background-color .2s ease-in-out}.languageDropdown:hover{background-color:#fff3}.userFullName{color:#fff;font-weight:400;font-size:.875rem;line-height:1.25rem;transition:width .3s}.userAvatar{width:2.5rem;height:2.5rem;-o-object-fit:cover;object-fit:cover;border-radius:9999px;border:2px solid #FFFFFF}#userAvatarNull{width:2.5rem;height:2.5rem;background:#DDDDDD;border-radius:100%;color:#fff;font-size:20px;font-weight:400;display:flex;align-items:center;justify-content:center}.relative{position:relative}.cursor-pointer{cursor:pointer}
-`, uV = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;cursor:pointer;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
+`, uV = `:root{--textPrimary: #292929;--textWhite: #fff;--primary500: #2E7D32;--grey100: #FAFAFA;--gray200: #EEEEEE;--gray600: #85858A;--link: #007BFF }.list-content{overflow-y:auto;overflow-x:hidden}.mark-all-read{text-align:right;color:#007bff;margin-bottom:12px;font-size:12px}.notification-items__wrapper{overflow:hidden}.notification-items__content{height:calc(100vh - 275px);overflow-x:hidden;overflow-y:auto;color:#292929}.notitification-item__container{display:flex;justify-content:space-between;padding:16px;border-bottom:#FAFAFA 1px solid;text-align:left;font-size:12px;position:relative;z-index:10;border-radius:4px;margin-bottom:8px}.notitification-item__container:hover{background-color:#fafafa}.notification-item__image-container{width:46px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;margin-right:16px}.notification-item__image-container img{width:100%;height:100%;text-align:center;-o-object-fit:cover;object-fit:cover;color:transparent;text-indent:10000px}.notification-item__content-wrapper{width:100%;display:flex;align-items:center;justify-content:space-between}.notification-item__context-link{color:#007bff}.notification-item__content{width:68%;padding-right:16px}.notification-item__user-name{margin-bottom:2px;font-size:14px}.notification-item__time{margin-right:15px;text-align:right}.notification-item__read-at{border-width:2px;border-style:solid;border-radius:50%;width:10px;height:10px;display:block;position:relative}.notification-item__read-at:before{position:absolute;top:-30px;right:0;width:91px;background-color:#85858a;color:#fff;border-radius:4px;font-size:10px;text-align:center;padding:4px;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.39,.575,.565,1)}.notification-item__read-at:hover:before{opacity:1;visibility:visible}.notification-item__read-at.read:before{content:"Mark as unread"}.notification-item__read-at.unread:before{content:"Mark as read"}.notification-item__read-at.read{border-color:#eee}.notification-item__read-at.unread{border-color:#2e7d32;background-color:#2e7d32}.list-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:block}
 `, cV = `._subscription-diaglog_1bysb_2{position:fixed;width:100vw;height:100vh;top:0;left:0;background-color:#0006;z-index:10000;display:flex;align-items:center;justify-content:center}._subscription-container_1bysb_15{width:610px;height:222px;border-radius:8px;padding:32px 24px 40px;background:#fff;color:#292929}._subscription-title_1bysb_25{font-size:20px;font-weight:500;text-align:center;color:#292929}._subscription-title_1bysb_25,._subscription-text_1bysb_34{margin-bottom:24px}._subscription-btn__container_1bysb_38{display:flex;justify-content:space-between;align-items:center}._btn-success_1bysb_44,._btn-cancel_1bysb_45{width:150px;height:40px;display:flex;align-items:center;justify-content:center;padding:8px;color:#292929;border-radius:1px;transition:background-color .25s cubic-bezier(.4,0,.2,1) 0ms,box-shadow .25s cubic-bezier(.4,0,.2,1) 0ms,border-color .25s cubic-bezier(.4,0,.2,1) 0ms,color .25s cubic-bezier(.4,0,.2,1) 0ms}._btn-cancel_1bysb_45{background-color:#ddd}._btn-cancel_1bysb_45:hover{background-color:#c5c5c5}._btn-success_1bysb_44{background-color:#93d500}._btn-success_1bysb_44:hover{background-color:#2e7d32}
 `, fV = `._notification-massage_container_ql4az_1{background:#fff;padding:0 64px 0 84px;border-radius:8px;font-family:TT Firs Neue Trl,sans-serif}._notification-massage_container_ql4az_1:before{position:absolute;content:"";width:48px;height:48px;background:url(https://ukpcsaprod.blob.core.windows.net/saas/notification-icon.svg) no-repeat center/100%;top:12px;left:24px}._notification-name_ql4az_18{font-weight:500;font-size:14px}._notification-message_service_ql4az_23{font-size:12px}._notification-message_button-close_ql4az_27{position:absolute;top:12px;right:24px;width:24px;height:24px}
 `;
@@ -12070,7 +12067,6 @@ const fU = {
     closeButton: dU,
     toastId: "notify",
     position: "top-right",
-    closeOnClick: !1,
     hideProgressBar: !0,
     containerId: "toastifyNotification",
     style: {
@@ -23163,41 +23159,57 @@ const jT = (e) => {
   const [t, n] = $.useState({
     actorName: "",
     message: "",
-    context: ""
+    context: "",
+    contextUrl: ""
   });
   console.log(t);
   const { setNotiData: r } = $.useContext(vo);
   function i() {
-    return /* @__PURE__ */ V.jsx("div", { className: wf["notification-massage_container"], children: /* @__PURE__ */ V.jsxs("div", { className: wf["notification-massage_content"], children: [
-      /* @__PURE__ */ V.jsx("h6", { className: wf["notification-name"], children: t == null ? void 0 : t.actorName }),
-      /* @__PURE__ */ V.jsxs("div", { className: wf["notification-message_service"], children: [
-        /* @__PURE__ */ V.jsxs("span", { children: [
-          `${t == null ? void 0 : t.message} `,
-          " "
-        ] }),
-        /* @__PURE__ */ V.jsx("span", { children: t == null ? void 0 : t.context })
-      ] })
-    ] }) });
+    return /* @__PURE__ */ V.jsx(
+      "a",
+      {
+        className: wf["notification-massage_container"],
+        href: t == null ? void 0 : t.contextUrl,
+        style: { width: "100%", display: "block" },
+        children: /* @__PURE__ */ V.jsxs(
+          "div",
+          {
+            className: wf["notification-massage_content"],
+            children: [
+              /* @__PURE__ */ V.jsx("h6", { className: wf["notification-name"], children: t == null ? void 0 : t.actorName }),
+              /* @__PURE__ */ V.jsxs("div", { className: wf["notification-message_service"], children: [
+                /* @__PURE__ */ V.jsxs("span", { children: [
+                  `${t == null ? void 0 : t.message} `,
+                  " "
+                ] }),
+                /* @__PURE__ */ V.jsx("span", { children: t == null ? void 0 : t.context })
+              ] })
+            ]
+          }
+        )
+      }
+    );
   }
   return $.useEffect(() => {
-    t && Notification.permission === "granted" && (t.actorName || t.message || t.context) && hU(/* @__PURE__ */ V.jsx(i, {}));
+    t && Notification.permission === "granted" && (t.actorName || t.message || t.context || t.contextUrl) && hU(/* @__PURE__ */ V.jsx(i, {}));
   }, [t]), $.useEffect(() => {
     Notification.permission === "granted" && jT(e);
   }, [Notification.permission]), $.useEffect(() => {
     yY(r);
   }, []), vY(e).then((s) => {
-    var a, c, d;
+    var a, c, d, p;
     console.log("aaa", s), n({
       actorName: (a = s == null ? void 0 : s.data) == null ? void 0 : a.actorName,
       message: (c = s == null ? void 0 : s.data) == null ? void 0 : c.message,
-      context: (d = s == null ? void 0 : s.data) == null ? void 0 : d.context
-    }), r((p) => {
-      var m;
+      context: (d = s == null ? void 0 : s.data) == null ? void 0 : d.context,
+      contextUrl: (p = s == null ? void 0 : s.data) == null ? void 0 : p.contextUrl
+    }), r((m) => {
+      var v;
       return {
-        ...p,
+        ...m,
         unread: {
-          ...p.unread,
-          total: ((m = p.unread) == null ? void 0 : m.total) + 1
+          ...m.unread,
+          total: ((v = m.unread) == null ? void 0 : v.total) + 1
         }
       };
     });