@ukpc-lib/react 0.3.3 → 0.3.5

package/dist/share/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../index.module-be2c9027.cjs"),g=require("axios"),i=require("react/jsx-runtime"),p=require("react");require("moment");require("@r2wc/react-to-web-component");require("@mui/material");const f=require("react-router-dom");function R({config:n,pushError:o=r.pushError}){const t=g.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>s(e));async function s(e){var l,h,P,d;console.error("Error 🚨:",e);const a=e.config,u=(h=(l=e.response)==null?void 0:l.data)==null?void 0:h.errorMessage,m=u===r.ERROR_MESSAGE.TOKEN_EXPIRED;return((P=e.response)==null?void 0:P.status)===401?m&&!a._retry?(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>r.login(n.baseURL))):((!u||!m)&&r.login(n.baseURL),Promise.reject("Unauthorized! Please login again.")):(((d=e.response)==null?void 0:d.status)===403?o(r.t("errorMessage.403")):o(r.t(`${u}`)||"Something went wrong!"),Promise.reject(e.response.data))}return t}const T=n=>{const[o,t]=p.useState([]);return p.useEffect(()=>{g.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(s=>t(s.data)).catch(s=>{console.error("Getting user permission error:",s)})},[n]),o},c=n=>(o,t)=>{const s=T(n);return t?o.every(e=>s==null?void 0:s.includes(e)):o.some(e=>s==null?void 0:s.includes(e))},v=({baseUrl:n,accessWith:o,requireAll:t,children:s})=>c(n)(o,t)?i.jsx(i.Fragment,{children:s}):null,j=({accessWith:n,requireAll:o,baseUrl:t,unAuthorizedPath:s,children:e})=>c(t)(n,o)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:s,replace:!0});exports.AuthProvider=r.AuthProvider;exports.BrandThemeProvider=r.BrandThemeProvider;exports.TranslationProvider=r.TranslationProvider;exports.search=r.search;exports.translate=r.translate;exports.translationConfig=r.translationConfig;exports.useAuth=r.useAuth;exports.useBrandTheme=r.useBrandTheme;exports.useCustomTranslation=r.useCustomTranslation;exports.useTranslation=r.useTranslation$1;exports.HasPermission=v;exports.PermissionRoute=j;exports.getAxiosInstance=R;exports.getUseHasPermission=c;exports.useGetPermission=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../index.module-ad52e7aa.cjs"),d=require("axios"),i=require("react/jsx-runtime"),g=require("react");require("moment");require("@r2wc/react-to-web-component");require("@mui/material");const f=require("react-router-dom");function R({config:n,pushError:o=s.pushError}){const t=d.create(n);t.interceptors.request.use(async e=>(e.headers={Accept:"application/json","Content-Type":"application/json"},e),e=>Promise.reject(e)),t.interceptors.response.use(e=>e,async e=>r(e));async function r(e){var l,h,P,p;console.error("Error 🚨:",e);const a=e.config,u=(h=(l=e.response)==null?void 0:l.data)==null?void 0:h.errorMessage,m=u===s.ERROR_MESSAGE.TOKEN_EXPIRED;return((P=e.response)==null?void 0:P.status)===401?m&&!a._retry?(a._retry=!0,t.post("/authentication/api/v1/auth/refresh-token").then(()=>t(a)).catch(()=>s.login(n.baseURL))):((!u||!m)&&s.login(n.baseURL),Promise.reject("Unauthorized! Please login again.")):(((p=e.response)==null?void 0:p.status)===403?o(s.t("errorMessage.403")):o(s.t(`${u}`)||"Something went wrong!"),Promise.reject(e.response.data))}return t}const T=n=>{const[o,t]=g.useState([]);return g.useEffect(()=>{d.get(`${n}/user-management/api/v1/users/my-account/permissions`,{withCredentials:!0}).then(r=>t(r.data)).catch(r=>{console.error("Getting user permission error:",r)})},[n]),o},c=n=>(o,t)=>{const r=T(n);return t?o.every(e=>r==null?void 0:r.includes(e)):o.some(e=>r==null?void 0:r.includes(e))},v=({baseUrl:n,accessWith:o,requireAll:t,children:r})=>c(n)(o,t)?i.jsx(i.Fragment,{children:r}):null,j=({accessWith:n,requireAll:o,baseUrl:t,unAuthorizedPath:r,children:e})=>c(t)(n,o)?i.jsx(i.Fragment,{children:e}):i.jsx(f.Navigate,{to:r,replace:!0});exports.AuthProvider=s.AuthProvider;exports.SaasThemeProvider=s.SaasThemeProvider;exports.TranslationProvider=s.TranslationProvider;exports.color=s.color;exports.createCustomTheme=s.createCustomTheme;exports.search=s.search;exports.translate=s.translate;exports.translationConfig=s.translationConfig;exports.useAuth=s.useAuth;exports.useCustomTranslation=s.useCustomTranslation;exports.useTheme=s.useTheme;exports.useTranslation=s.useTranslation$1;exports.HasPermission=v;exports.PermissionRoute=j;exports.getAxiosInstance=R;exports.getUseHasPermission=c;exports.useGetPermission=T;

package/dist/share/index.d.ts

@@ -4,4 +4,4 @@ export * from './hooks';
 export * from './permissions';
 export * from './helpers';
 export * from './TranslationProvider';
-export * from './BrandThemeProvider';
+export * from '../theme';

package/dist/share/index.js

@@ -1,7 +1,7 @@
-import { B as l, E as f, p as E, F as R } from "../index.module-fcfb53fb.js";
-import { H as U, R as k, T as q, m as F, M as K, K as L, J as b, O as z, u as D, N as J } from "../index.module-fcfb53fb.js";
+import { E as l, F as f, p as E, H as R } from "../index.module-9e206368.js";
+import { J as k, V as q, T as F, c as K, R as L, n as b, N as z, M as D, K as J, u as V, U as X, O as $ } from "../index.module-9e206368.js";
 import P from "axios";
-import { jsx as i, Fragment as d } from "react/jsx-runtime";
+import { jsx as i, Fragment as g } from "react/jsx-runtime";
 import { useState as T, useEffect as v } from "react";
 import "moment";
 import "@r2wc/react-to-web-component";
@@ -39,7 +39,7 @@ const x = (t) => {
       console.error("Getting user permission error:", s);
     });
   }, [t]), n;
-}, g = (t) => (n, r) => {
+}, d = (t) => (n, r) => {
   const s = x(t);
   return r ? n.every(
     (e) => s == null ? void 0 : s.includes(e)
@@ -51,27 +51,29 @@ const x = (t) => {
   accessWith: n,
   requireAll: r,
   children: s
-}) => g(t)(n, r) ? /* @__PURE__ */ i(d, { children: s }) : null, I = ({
+}) => d(t)(n, r) ? /* @__PURE__ */ i(g, { children: s }) : null, I = ({
   accessWith: t,
   requireAll: n,
   baseUrl: r,
   unAuthorizedPath: s,
   children: e
-}) => g(r)(t, n) ? /* @__PURE__ */ i(d, { children: e }) : /* @__PURE__ */ i(y, { to: s, replace: !0 });
+}) => d(r)(t, n) ? /* @__PURE__ */ i(g, { children: e }) : /* @__PURE__ */ i(y, { to: s, replace: !0 });
 export {
-  U as AuthProvider,
-  k as BrandThemeProvider,
+  k as AuthProvider,
   H as HasPermission,
   I as PermissionRoute,
-  q as TranslationProvider,
+  q as SaasThemeProvider,
+  F as TranslationProvider,
+  K as color,
+  L as createCustomTheme,
   G as getAxiosInstance,
-  g as getUseHasPermission,
-  F as search,
-  K as translate,
-  L as translationConfig,
-  b as useAuth,
-  z as useBrandTheme,
-  D as useCustomTranslation,
+  d as getUseHasPermission,
+  b as search,
+  z as translate,
+  D as translationConfig,
+  J as useAuth,
+  V as useCustomTranslation,
   x as useGetPermission,
-  J as useTranslation
+  X as useTheme,
+  $ as useTranslation
 };

package/dist/theme/SaasThemeProvider.d.ts

@@ -1,2 +1,26 @@
+import { Theme } from '@mui/material';
 import { PropsWithChildren } from 'react';
-export declare const SaasThemeProvider: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+import { ColorsType } from './Colors';
+type B = {
+    url: string;
+    enabled: boolean;
+};
+export declare const useTheme: () => {
+    colors: ColorsType;
+    theme: Theme;
+    logo: any;
+    isFetching: boolean;
+};
+type P = {
+    brandTheme: B;
+    customTheme?: never;
+} | {
+    brandTheme?: never;
+    customTheme: Partial<Theme>;
+} | {
+    brandTheme?: never;
+    customTheme?: never;
+};
+export type BrandThemeProps = PropsWithChildren<P>;
+export declare const SaasThemeProvider: (props: BrandThemeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/theme/Theme.d.ts

@@ -17,5 +17,5 @@ declare module '@mui/material/Button' {
 type ThemeProps = {
     colors?: ColorsType;
 };
-export declare const createCustomTheme: ({ colors }: ThemeProps) => import("@mui/material").Theme;
+export declare const createCustomTheme: (props: ThemeProps) => import("@mui/material").Theme;
 export {};

package/dist/theme/index.d.ts

@@ -1,3 +1,3 @@
 export * from './Colors';
-export * from './SaasThemeProvider';
 export * from './Theme';
+export * from './SaasThemeProvider';

package/package.json

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-c311c558.cjs");exports.GlobalMenu=e.GlobalMenu;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-25f216cc.cjs");exports.GlobalMenu=e.GlobalMenu;

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

@@ -1,5 +1,5 @@
 import "../react-to-web-component-469d91d4.js";
-import { G as e } from "../index-feebf9bf.js";
+import { G as e } from "../index-c5021c14.js";
 export {
   e as GlobalMenu
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");require("../index-c311c558.cjs");const e=require("../index-ff7fd2be.cjs");require("../index-389a5bed.cjs");exports.TopBar=e.TopBar;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");require("../index-25f216cc.cjs");const e=require("../index-12495706.cjs");require("../index-389a5bed.cjs");exports.TopBar=e.TopBar;

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

@@ -1,6 +1,6 @@
 import "../react-to-web-component-469d91d4.js";
-import "../index-feebf9bf.js";
-import { T as i } from "../index-8081b070.js";
+import "../index-c5021c14.js";
+import { T as i } from "../index-21a54132.js";
 import "../index-bf404503.js";
 export {
   i as TopBar

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-ff7fd2be.cjs");require("../index-c311c558.cjs");require("../index-389a5bed.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../react-to-web-component-3847ebf5.cjs");const e=require("../index-12495706.cjs");require("../index-25f216cc.cjs");require("../index-389a5bed.cjs");exports.HasPermission=e.HasPermission;exports.getUseHasPermission=e.getUseHasPermission;

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

@@ -1,6 +1,6 @@
 import "../react-to-web-component-469d91d4.js";
-import { H as e, g as t } from "../index-8081b070.js";
-import "../index-feebf9bf.js";
+import { H as e, g as t } from "../index-21a54132.js";
+import "../index-c5021c14.js";
 import "../index-bf404503.js";
 export {
   e as HasPermission,

package/web-components-bundle/{index-ff7fd2be.cjs → index-12495706.cjs}

@@ -1,4 +1,4 @@
-"use strict";const D=require("./react-to-web-component-3847ebf5.cjs"),ce=require("./index-c311c558.cjs"),Iu=require("./index-389a5bed.cjs");function qg(e){var t,r,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=qg(e[t]))&&(s&&(s+=" "),s+=r)}else for(r in e)e[r]&&(s&&(s+=" "),s+=r);return s}function Zn(){for(var e,t,r=0,s="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=qg(e))&&(s&&(s+=" "),s+=t);return s}function ww({primaryColor:e="#009d4f"}){return D.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[D.jsxRuntimeExports.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const Sw=e=>{const{tabs:t}=e,r=s=>{e.setCurrentTab(s.target.id)};return D.jsxRuntimeExports.jsxs("div",{className:"tab-container",children:[D.jsxRuntimeExports.jsx("div",{style:{display:"flex",width:"100%",height:"50px",borderBottom:`1px solid ${ce.color.grey200}`},className:"tab-container__title",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("button",{id:s.id,disabled:e.currentTab===`${s.id}`,onClick:r,className:`tab-title ${e.currentTab===`${s.id}`?"is-active":""}`,children:s.tabTitle},o))}),D.jsxRuntimeExports.jsx("div",{className:"tab-content",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("div",{children:e.currentTab===`${s.id}`&&D.jsxRuntimeExports.jsx("div",{children:s.children})},o))})]})};//! moment.js
+"use strict";const D=require("./react-to-web-component-3847ebf5.cjs"),ce=require("./index-25f216cc.cjs"),Iu=require("./index-389a5bed.cjs");function qg(e){var t,r,s="";if(typeof e=="string"||typeof e=="number")s+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(r=qg(e[t]))&&(s&&(s+=" "),s+=r)}else for(r in e)e[r]&&(s&&(s+=" "),s+=r);return s}function Zn(){for(var e,t,r=0,s="",o=arguments.length;r<o;r++)(e=arguments[r])&&(t=qg(e))&&(s&&(s+=" "),s+=t);return s}function ww({primaryColor:e="#009d4f"}){return D.jsxRuntimeExports.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",children:[D.jsxRuntimeExports.jsx("path",{d:"M8.5 19.5H8C4 19.5 2 18.5 2 13.5V8.5C2 4.5 4 2.5 8 2.5H16C20 2.5 22 4.5 22 8.5V13.5C22 17.5 20 19.5 16 19.5H15.5C15.19 19.5 14.89 19.65 14.7 19.9L13.2 21.9C12.54 22.78 11.46 22.78 10.8 21.9L9.3 19.9C9.14 19.68 8.77 19.5 8.5 19.5Z",stroke:e,"stroke-width":"1.5","stroke-miterlimit":"10","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M15.9965 11.5H16.0054",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M11.9955 11.5H12.0045",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"}),D.jsxRuntimeExports.jsx("path",{d:"M7.99451 11.5H8.00349",stroke:e,"stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"})]})}const Sw=e=>{const{tabs:t}=e,r=s=>{e.setCurrentTab(s.target.id)};return D.jsxRuntimeExports.jsxs("div",{className:"tab-container",children:[D.jsxRuntimeExports.jsx("div",{style:{display:"flex",width:"100%",height:"50px",borderBottom:`1px solid ${ce.color.grey200}`},className:"tab-container__title",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("button",{id:s.id,disabled:e.currentTab===`${s.id}`,onClick:r,className:`tab-title ${e.currentTab===`${s.id}`?"is-active":""}`,children:s.tabTitle},o))}),D.jsxRuntimeExports.jsx("div",{className:"tab-content",children:t.map((s,o)=>D.jsxRuntimeExports.jsx("div",{children:e.currentTab===`${s.id}`&&D.jsxRuntimeExports.jsx("div",{children:s.children})},o))})]})};//! moment.js
 //! version : 2.30.1
 //! authors : Tim Wood, Iskren Chernev, Moment.js contributors
 //! license : MIT

package/web-components-bundle/{index-8081b070.js → index-21a54132.js}

@@ -1,5 +1,5 @@
 import { j as V, r as ee, R as Jp, g as _r, a as Js, c as ha, s as em, b as Ex, d as Ax } from "./react-to-web-component-469d91d4.js";
-import { c as rd, a as ns, p as rl, _ as Le, b as nr, d as Ix, o as Ox, e as Rx, n as Px, S as Nx, L as Lx } from "./index-feebf9bf.js";
+import { c as rd, a as ns, p as rl, _ as Le, b as nr, d as Ix, o as Ox, e as Rx, n as Px, S as Nx, L as Lx } from "./index-c5021c14.js";
 import { _ as $x, L as Qp, i as Fx } from "./index-bf404503.js";
 function tm(e) {
   var t, r, a = "";