@ukpc-lib/react 0.12.1-dev.9 → 0.13.1-dev.1

package/dist/{index.esm2017-D13q7k3i.js → index.esm2017-I88kEk_g.js}

@@ -6,8 +6,8 @@ import bI from "axios";
 import wI from "moment";
 import { createTheme as xI, ThemeProvider as SI, Grid as TI, CircularProgress as CI, Tooltip as Ld, styled as EI, Switch as kI } from "@mui/material";
 import { useQuery as zv, useQueryClient as nT } from "react-query";
-import "@r2wc/react-to-web-component";
 import { Link as rT, useLocation as iT } from "react-router-dom";
+import "@r2wc/react-to-web-component";
 import { createPortal as Yv } from "react-dom";
 function DI(t, e) {
   for (var n = 0; n < e.length; n++) {
@@ -2146,13 +2146,24 @@ const A0 = (t) => {
 function fM(t, e) {
   var o, a, c, d, p, w, m, T, E;
   const n = t.config, r = ((a = (o = t.response) == null ? void 0 : o.data) == null ? void 0 : a.errorMessage) || ((d = (c = t.response) == null ? void 0 : c.data) == null ? void 0 : d.message), i = r === lM.TOKEN_EXPIRED;
-  return ((p = t.response) == null ? void 0 : p.status) === 401 && i && !n._retry ? Mg ? new Promise((I, A) => {
-    Bm.push({ resolve: I, reject: A });
-  }).then(() => da(n)).catch((I) => Promise.reject(I)) : (n._retry = !0, Mg = !0, da.post("/authentication/api/v1/auth/refresh-token", void 0, {
-    baseURL: window.env.AUTHEN_DOMAIN
-  }).then(() => (A0(null), da(n))).catch((I) => (A0(I), Promise.reject(I))).finally(() => {
-    Mg = !1;
-  })) : ((w = t.response) == null ? void 0 : w.status) === 401 && !i ? uM(window.env.AUTHEN_DOMAIN) : (((m = t.response) == null ? void 0 : m.status) === 403 ? (T = e == null ? void 0 : e.handle403) == null || T.call(e, t) : (!(e != null && e.disabledPushNotify) && Bp(fT(`${r || "Something went wrong!"}`)), (E = e == null ? void 0 : e.handleOtherError) == null || E.call(e, t)), r && t.response && t.response.data && (t.response.data.message = r), Promise.reject(t));
+  if (((p = t.response) == null ? void 0 : p.status) === 401 && i && !n._retry)
+    return Mg ? new Promise((I, A) => {
+      Bm.push({ resolve: I, reject: A });
+    }).then(() => da(n)).catch((I) => Promise.reject(I)) : (n._retry = !0, Mg = !0, da.post("/authentication/api/v1/auth/refresh-token", void 0, {
+      baseURL: window.env.AUTHEN_DOMAIN
+    }).then(() => (A0(null), da(n))).catch((I) => (A0(I), Promise.reject(I))).finally(() => {
+      Mg = !1;
+    }));
+  if (((w = t.response) == null ? void 0 : w.status) === 401 && !i) {
+    if (window.self !== window.top && window.top) {
+      console.log("401 - IFRAME");
+      const I = `${window.env.AUTHEN_DOMAIN || window.top.origin}/authentication/login`;
+      window.top.location.href = I;
+      return;
+    }
+    return uM(window.env.AUTHEN_DOMAIN);
+  }
+  return ((m = t.response) == null ? void 0 : m.status) === 403 ? (T = e == null ? void 0 : e.handle403) == null || T.call(e, t) : (!(e != null && e.disabledPushNotify) && Bp(fT(`${r || "Something went wrong!"}`)), (E = e == null ? void 0 : e.handleOtherError) == null || E.call(e, t)), r && t.response && t.response.data && (t.response.data.message = r), Promise.reject(t);
 }
 const LY = da.interceptors.response.use(
   (t) => t,
@@ -19300,7 +19311,7 @@ function UD({ ...t }) {
   var se, ue, He;
   const e = t.item, n = t.level || 0, r = !!((se = t.item.children) != null && se.length), i = `level-${n}`, o = (Ae, Me = i) => `${Ae} ${Me} `, [a, c] = tn(!1), [d, p] = tn(e.isFavorite || !1), w = un(), m = un();
   m != null && m.current && ((ue = m == null ? void 0 : m.current) == null ? void 0 : ue.scrollWidth) > ((He = m == null ? void 0 : m.current) == null ? void 0 : He.clientWidth);
-  const T = window.location.origin, E = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, I = window.location.pathname.split("/")[1], A = E.pathname.split("/")[1], L = t.ssr || !T.includes("local") && T !== E.origin || A !== I, _ = r || n === 0 ? "div" : L ? "a" : rT, U = e.path || "#", G = n + 1, ne = r && a && n > 0, K = () => {
+  const T = window.location.origin, E = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, I = window.location.pathname.split("/")[1], A = E.pathname.split("/")[1], L = t.ssr || !T.includes("local") && T !== E.origin || A !== I, _ = r || n === 0 ? "div" : L ? "a" : rT, U = e.redirectUrl || e.path || "#", G = n + 1, ne = r && a && n > 0, K = () => {
     c(!0);
   }, le = () => {
     c(!1);
@@ -29699,7 +29710,7 @@ function ZD({ ...t }) {
   }, [t.item.isFavorite]);
   const _ = un(), U = un();
   U != null && U.current && ((We = U == null ? void 0 : U.current) == null ? void 0 : We.scrollWidth) > ((Qe = U == null ? void 0 : U.current) == null ? void 0 : Qe.clientWidth);
-  const G = window.location.origin, ne = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, K = window.location.pathname.split("/")[1], le = ne.pathname.split("/")[1], S = !t.isInternalApp || t.item.redirectUrl || t.ssr || !G.includes("local") && G !== ne.origin || le !== K, se = r ? "div" : S ? "a" : rT, ue = e.redirectUrl || e.path || "#", He = n + 1, Ae = r && o && E, Me = o || n === 0 ? void 0 : `${n + 0.25}rem`, $e = () => {
+  const G = window.location.origin, ne = e.path && e.path.includes("http") ? new URL(e.path) : { origin: "", pathname: "" }, K = window.location.pathname.split("/")[1], le = ne.pathname.split("/")[1], S = t.item.redirectUrl || t.ssr || !G.includes("local") && G !== ne.origin || le !== K, se = r ? "div" : !t.isInternalApp && S ? "a" : rT, ue = e.redirectUrl || e.path || "#", He = n + 1, Ae = r && o && E, Me = o || n === 0 ? void 0 : `${n + 0.25}rem`, $e = () => {
     I(!0);
   }, Ue = () => {
     I(!1);

package/dist/share/hooks/index.d.ts

@@ -1 +1,2 @@
 export * from './useGetPermission';
+export * from './useSyncRouter';

package/dist/share/hooks/useSyncRouter.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface Window {
+        MicrofeBridge?: any;
+        HostBridge?: any;
+    }
+}
+export declare const useSyncRouter: () => void;

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../index.esm2017-DIs_XI9p.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.setFavicon=e.setFavicon;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 r=require("../index.esm2017-CzVNnCiI.cjs"),h=require("axios"),a=require("react"),u=require("react-router-dom"),i=require("react/jsx-runtime");require("@r2wc/react-to-web-component");require("@mui/material");const l=o=>{const[s,t]=a.useState([]);return a.useEffect(()=>{h.get(`${o}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(e=>t(e.data)).catch(e=>{console.error("Getting user permission error:",e)})},[o]),s},m=()=>{const o=u.useNavigate(),s=u.useLocation();if(a.useEffect(()=>{const t={changeRoute:e=>{typeof e=="string"&&s.pathname+s.search+s.hash!==e&&o(e)}};window.MicrofeBridge=t},[o,s]),a.useEffect(()=>{var e,n;const t=s.pathname+s.search+s.hash;(n=(e=window.parent)==null?void 0:e.HostBridge)==null||n.childRouteChange(t)},[s]),window.self===window.top){console.log("useSyncRouter: Navigate to /app path"),window.location.href=window.location.href.replace(window.origin,`${window.origin}/app`);return}},c=o=>(s,t)=>{const e=l(o);return t?s.every(n=>e==null?void 0:e.includes(n)):s.some(n=>e==null?void 0:e.includes(n))},g=({baseUrl:o,accessWith:s,requireAll:t,children:e})=>c(o)(s,t)?i.jsx(i.Fragment,{children:e}):null,d=({accessWith:o,requireAll:s,baseUrl:t,unAuthorizedPath:e,children:n})=>c(t)(o,s)?i.jsx(i.Fragment,{children:n}):i.jsx(u.Navigate,{to:e,replace:!0});exports.AuthContext=r.AuthContext;exports.AuthProvider=r.AuthProvider;exports.ERROR_MESSAGE=r.ERROR_MESSAGE;exports.SaasThemeProvider=r.SaasThemeProvider;exports.TranslationProvider=r.TranslationProvider;exports.axiosInstance=r.axiosInstance;exports.color=r.color;exports.createCustomTheme=r.createCustomTheme;exports.handleErrorAxios=r.handleErrorAxios;exports.login=r.login;exports.logout=r.logout;exports.responseInterceptor=r.responseInterceptor;exports.search=r.search;exports.setFavicon=r.setFavicon;exports.translate=r.translate;exports.translationConfig=r.translationConfig;exports.useAuth=r.useAuth;exports.useCustomTranslation=r.useCustomTranslation;exports.useTheme=r.useTheme;exports.useTranslation=r.useTranslation$1;exports.HasPermission=g;exports.PermissionRoute=d;exports.getUseHasPermission=c;exports.useGetPermission=l;exports.useSyncRouter=m;

package/dist/share/index.js

@@ -1,61 +1,82 @@
-import { M as R, N as S, O as G, a0 as y, Y as F, a as H, c as I, Z as M, U as N, R as O, T as $, V as j, v as w, $ as U, t as V, W as X, b as Y, u as Z, g as _, X as b } from "../index.esm2017-D13q7k3i.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";
+import { M as E, N as M, O as N, a0 as B, Y as G, a as H, c as $, Z as F, U as I, R as O, T as j, V as L, v as U, $ as V, t as X, W as Y, b as Z, u as _, g as b, X as k } from "../index.esm2017-I88kEk_g.js";
+import c from "axios";
+import { useState as m, useEffect as n } from "react";
+import { useNavigate as h, useLocation as l, Navigate as g } from "react-router-dom";
+import { jsx as a, Fragment as i } from "react/jsx-runtime";
 import "@r2wc/react-to-web-component";
-import { Navigate as l } from "react-router-dom";
 import "@mui/material";
-const h = (e) => {
-  const [r, t] = m([]);
-  return c(() => {
-    u.get(`${e}/user-management/api/v1/users/my-account/permissions`, {
+const p = (o) => {
+  const [s, t] = m([]);
+  return n(() => {
+    c.get(`${o}/user-management/api/v1/users/my-account/permissions`, {
       withCredentials: !0
-    }).then((s) => t(s.data)).catch((s) => {
-      console.error("Getting user permission error:", s);
+    }).then((e) => t(e.data)).catch((e) => {
+      console.error("Getting user permission error:", e);
     });
-  }, [e]), r;
-}, i = (e) => (r, t) => {
-  const s = h(e);
-  return t ? r.every(
-    (o) => s == null ? void 0 : s.includes(o)
-  ) : r.some(
-    (o) => s == null ? void 0 : s.includes(o)
+  }, [o]), s;
+}, T = () => {
+  const o = h(), s = l();
+  if (n(() => {
+    const t = {
+      changeRoute: (e) => {
+        typeof e == "string" && s.pathname + s.search + s.hash !== e && o(e);
+      }
+    };
+    window.MicrofeBridge = t;
+  }, [o, s]), n(() => {
+    var e, r;
+    const t = s.pathname + s.search + s.hash;
+    (r = (e = window.parent) == null ? void 0 : e.HostBridge) == null || r.childRouteChange(t);
+  }, [s]), window.self === window.top) {
+    console.log("useSyncRouter: Navigate to /app path"), window.location.href = window.location.href.replace(
+      window.origin,
+      `${window.origin}/app`
+    );
+    return;
+  }
+}, u = (o) => (s, t) => {
+  const e = p(o);
+  return t ? s.every(
+    (r) => e == null ? void 0 : e.includes(r)
+  ) : s.some(
+    (r) => e == null ? void 0 : e.includes(r)
   );
-}, T = ({
-  baseUrl: e,
-  accessWith: r,
+}, C = ({
+  baseUrl: o,
+  accessWith: s,
   requireAll: t,
-  children: s
-}) => i(e)(r, t) ? /* @__PURE__ */ a(n, { children: s }) : null, A = ({
-  accessWith: e,
-  requireAll: r,
+  children: e
+}) => u(o)(s, t) ? /* @__PURE__ */ a(i, { children: e }) : null, S = ({
+  accessWith: o,
+  requireAll: s,
   baseUrl: t,
-  unAuthorizedPath: s,
-  children: o
-}) => i(t)(e, r) ? /* @__PURE__ */ a(n, { children: o }) : /* @__PURE__ */ a(l, { to: s, replace: !0 });
+  unAuthorizedPath: e,
+  children: r
+}) => u(t)(o, s) ? /* @__PURE__ */ a(i, { children: r }) : /* @__PURE__ */ a(g, { to: e, replace: !0 });
 export {
-  R as AuthContext,
-  S as AuthProvider,
-  G as ERROR_MESSAGE,
-  T as HasPermission,
-  A as PermissionRoute,
-  y as SaasThemeProvider,
-  F as TranslationProvider,
+  E as AuthContext,
+  M as AuthProvider,
+  N as ERROR_MESSAGE,
+  C as HasPermission,
+  S as PermissionRoute,
+  B as SaasThemeProvider,
+  G as TranslationProvider,
   H as axiosInstance,
-  I as color,
-  M as createCustomTheme,
-  i as getUseHasPermission,
-  N as handleErrorAxios,
+  $ as color,
+  F as createCustomTheme,
+  u as getUseHasPermission,
+  I as handleErrorAxios,
   O as login,
-  $ as logout,
-  j as responseInterceptor,
-  w as search,
-  U as setFavicon,
-  V as translate,
-  X as translationConfig,
-  Y as useAuth,
-  Z as useCustomTranslation,
-  h as useGetPermission,
-  _ as useTheme,
-  b as useTranslation
+  j as logout,
+  L as responseInterceptor,
+  U as search,
+  V as setFavicon,
+  X as translate,
+  Y as translationConfig,
+  Z as useAuth,
+  _ as useCustomTranslation,
+  p as useGetPermission,
+  T as useSyncRouter,
+  b as useTheme,
+  k as useTranslation
 };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@ukpc-lib/react",
     "private": false,
-    "version": "0.12.1-dev.9",
+    "version": "0.13.1-dev.1",
     "type": "module",
     "main": "./dist/",
     "module": "./dist/",

package/web-components-bundle/access-denied/index.js

@@ -1,5 +1,5 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { U as e } from "../index-T58UE-6b.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { U as e } from "../index-B2-j-GrO.js";
 export {
   e as UnauthorizedPage
 };

package/web-components-bundle/base-breadcrumbs/index.js

@@ -1,5 +1,5 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { aa as m } from "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { aa as m } from "../index-B8-7QZsi.js";
 export {
   m as BaseBreadcrumbs
 };

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

@@ -1,7 +1,7 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { F as i, u as m } from "../index-DSZn86FM.js";
-import "../index-BSe1av43.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { F as i, u as m } from "../index-CXQLVfRc.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B8-7QZsi.js";
 export {
   i as FavoriteMenu,
   m as updateFavoriteItems

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

@@ -1,7 +1,7 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { G as i } from "../index-DSZn86FM.js";
-import "../index-BSe1av43.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { G as i } from "../index-CXQLVfRc.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B8-7QZsi.js";
 export {
   i as GlobalMenu
 };

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

@@ -1,9 +1,9 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { L as n, T as s } from "../index-DSZn86FM.js";
-import "../index-BSe1av43.js";
-import "../index-T58UE-6b.js";
-import "../index-BziS9Had.js";
-import "../react-toastify.esm-CrTD7cpE.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { L as n, T as s } from "../index-CXQLVfRc.js";
+import "../index-Cx0zTfOC.js";
+import "../index-B2-j-GrO.js";
+import "../index-B8-7QZsi.js";
+import "../react-toastify.esm-Y1WvK90L.js";
 import "../toast-config/index.js";
 import "../toast-config-notification/index.js";
 export {

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

@@ -1,6 +1,6 @@
-import "../react-to-web-component-CXwKHjZr.js";
-import { H as e, g as m } from "../index-DSZn86FM.js";
-import "../index-BziS9Had.js";
+import "../react-to-web-component-D7SoYMky.js";
+import { H as e, g as m } from "../index-CXQLVfRc.js";
+import "../index-B8-7QZsi.js";
 export {
   e as HasPermission,
   m as getUseHasPermission

package/web-components-bundle/{index-T58UE-6b.js → index-B2-j-GrO.js}

@@ -1,4 +1,4 @@
-import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-CXwKHjZr.js";
+import { r as $, c as ce, g as Jt, s as Xt, j as E } from "./react-to-web-component-D7SoYMky.js";
 import { _ as Wt, a as Y } from "./setPrototypeOf-BVKdEITT.js";
 function Gt(i, e) {
   for (var t = 0; t < e.length; t++) {