@webiny/app-security 5.24.0 → 5.25.0-beta.2

package/Security.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const Security: () => JSX.Element;
+import React from "react";
+export declare const Security: React.FC;

package/Security.js

@@ -1,8 +1,8 @@
 // Importing from `app-admin-core` and NOT from `app-admin`, to avoid circular dependency.
 // This can be resolved in a different way, by changing the location of `AppInstaller` component (currently in `app-admin`).
 // But this is a faster solution, as I'm really short on time :)
-import { Provider } from "@webiny/app-admin-core";
 import React from "react";
+import { Provider } from "@webiny/app-admin-core";
 import { SecurityProvider as ContextProvider } from "./contexts/Security";
 
 var SecurityProviderHOC = function SecurityProviderHOC(Component) {
@@ -13,6 +13,12 @@ var SecurityProviderHOC = function SecurityProviderHOC(Component) {
 };
 
 export var Security = function Security() {
+  /**
+   * TODO @ts-refactor somewhere down the line in Provider.
+   * Provider expects ComponentType and we are giving it the React.FC.
+   * It works, just the types are wrong.
+   */
+  // @ts-ignore
   return /*#__PURE__*/React.createElement(Provider, {
     hoc: SecurityProviderHOC
   });

package/Security.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Security.tsx"],"names":["React","Provider","SecurityProvider","ContextProvider","SecurityProviderHOC","Component","children","Security"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,wBAAzB;AACA,SAASC,gBAAgB,IAAIC,eAA7B;;AAEA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,SAAD,EAA6C;AACrE,SAAO,SAASH,gBAAT,OAAwC;AAAA,QAAZI,QAAY,QAAZA,QAAY;AAC3C,wBACI,oBAAC,eAAD,qBACI,oBAAC,SAAD,QAAYA,QAAZ,CADJ,CADJ;AAKH,GAND;AAOH,CARD;;AAUA,OAAO,IAAMC,QAAkB,GAAG,SAArBA,QAAqB,GAAM;AACpC;AACJ;AACA;AACA;AACA;AACI;AACA,sBAAO,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEH;AAAf,IAAP;AACH,CARM","sourcesContent":["// Importing from `app-admin-core` and NOT from `app-admin`, to avoid circular dependency.\n// This can be resolved in a different way, by changing the location of `AppInstaller` component (currently in `app-admin`).\n// But this is a faster solution, as I'm really short on time :)\nimport React from \"react\";\nimport { Provider } from \"@webiny/app-admin-core\";\nimport { SecurityProvider as ContextProvider } from \"./contexts/Security\";\n\nconst SecurityProviderHOC = (Component: React.FC<any>): React.FC<any> => {\n    return function SecurityProvider({ children }) {\n        return (\n            <ContextProvider>\n                <Component>{children}</Component>\n            </ContextProvider>\n        );\n    };\n};\n\nexport const Security: React.FC = () => {\n    /**\n     * TODO @ts-refactor somewhere down the line in Provider.\n     * Provider expects ComponentType and we are giving it the React.FC.\n     * It works, just the types are wrong.\n     */\n    // @ts-ignore\n    return <Provider hoc={SecurityProviderHOC} />;\n};\n"]}

package/components/HasPermission.d.ts

@@ -5,5 +5,5 @@ interface HasPermissionProps {
     name?: string;
     children: React.ReactNode;
 }
-export declare const HasPermission: ({ children, ...props }: HasPermissionProps) => JSX.Element;
+export declare const HasPermission: ({ children, ...props }: HasPermissionProps) => JSX.Element | null;
 export {};

package/components/HasPermission.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["HasPermission.tsx"],"names":["React","Fragment","useSecurity","HasPermission","children","props","getPermission","any","all","Error","name","permissions","map","hasPermission","some","p","Boolean","every"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,WAAT;AASA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,OAAgD;AAAA,MAA7CC,QAA6C,QAA7CA,QAA6C;AAAA,MAAhCC,KAAgC;;AACzE,qBAA0BH,WAAW,EAArC;AAAA,MAAQI,aAAR,gBAAQA,aAAR;;AAEA,MAAID,KAAK,CAACE,GAAN,IAAaF,KAAK,CAACG,GAAvB,EAA4B;AACxB,UAAM,IAAIC,KAAJ,yEAAN;AACH;;AAED,MAAIJ,KAAK,CAACK,IAAV,EAAgB;AACZ,WAAOJ,aAAa,CAACD,KAAK,CAACK,IAAP,CAAb,gBAA4B,oBAAC,QAAD,QAAWN,QAAX,CAA5B,GAA8D,IAArE;AACH;;AAED,MAAMO,WAAW,GAAG,6BAAKN,KAAK,CAACE,GAAN,IAAa,EAAlB,sBAA2BF,KAAK,CAACG,GAAN,IAAa,EAAxC,GAA6CI,GAA7C,CAAiD,UAAAF,IAAI;AAAA,WACrEJ,aAAa,CAACI,IAAD,CADwD;AAAA,GAArD,CAApB;AAIA,MAAMG,aAAa,GAAGR,KAAK,CAACE,GAAN,GAChBI,WAAW,CAACG,IAAZ,CAAiB,UAAAC,CAAC;AAAA,WAAIC,OAAO,CAACD,CAAD,CAAX;AAAA,GAAlB,CADgB,GAEhBJ,WAAW,CAACM,KAAZ,CAAkB,UAAAF,CAAC;AAAA,WAAIC,OAAO,CAACD,CAAD,CAAX;AAAA,GAAnB,CAFN;AAIA,SAAOF,aAAa,gBAAG,oBAAC,QAAD,QAAWT,QAAX,CAAH,GAAqC,IAAzD;AACH,CApBM","sourcesContent":["import React, { Fragment } from \"react\";\nimport { useSecurity } from \"~/hooks/useSecurity\";\n\ninterface HasPermissionProps {\n    any?: string[];\n    all?: string[];\n    name?: string;\n    children: React.ReactNode;\n}\n\nexport const HasPermission = ({ children, ...props }: HasPermissionProps) => {\n    const { getPermission } = useSecurity();\n\n    if (props.any && props.all) {\n        throw new Error(`You can use either \"any\" or \"all\", but not both at the same time.`);\n    }\n\n    if (props.name) {\n        return getPermission(props.name) ? <Fragment>{children}</Fragment> : null;\n    }\n\n    const permissions = [...(props.any || []), ...(props.all || [])].map(name =>\n        getPermission(name)\n    );\n\n    const hasPermission = props.any\n        ? permissions.some(p => Boolean(p))\n        : permissions.every(p => Boolean(p));\n\n    return hasPermission ? <Fragment>{children}</Fragment> : null;\n};\n"]}

package/components/SecureRoute.d.ts

@@ -1,6 +1,7 @@
-import * as React from "react";
-declare const _default: ({ children, permission }: {
-    children: any;
+import React from "react";
+interface SecureRouteProps {
+    children: React.ReactNode;
     permission?: string;
-}) => React.ReactElement;
+}
+declare const _default: ({ children, permission }: SecureRouteProps) => React.ReactElement | null;
 export default _default;

package/components/SecureRoute.js

@@ -9,7 +9,8 @@ export default (function (_ref) {
     return null;
   }
 
-  var identity = security.identity;
+  var identity = security.identity,
+      getPermission = security.getPermission;
 
   if (!identity) {
     return null;
@@ -18,7 +19,7 @@ export default (function (_ref) {
   var hasPermission = false;
 
   if (identity) {
-    hasPermission = permission ? Boolean(identity.getPermission(permission)) : true;
+    hasPermission = permission ? Boolean(getPermission(permission)) : true;
   }
 
   if (hasPermission) {

package/components/SecureRoute.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SecureRoute.tsx"],"names":["useSecurity","plugins","children","permission","security","identity","getPermission","hasPermission","Boolean","plugin","byName","render"],"mappings":"AACA,SAASA,WAAT;AAEA,SAASC,OAAT,QAAwB,iBAAxB;AAMA,gBAAe,gBAA2E;AAAA,MAAxEC,QAAwE,QAAxEA,QAAwE;AAAA,MAA9DC,UAA8D,QAA9DA,UAA8D;AACtF,MAAMC,QAAQ,GAAGJ,WAAW,EAA5B;;AAEA,MAAI,CAACI,QAAL,EAAe;AACX,WAAO,IAAP;AACH;;AAED,MAAQC,QAAR,GAAoCD,QAApC,CAAQC,QAAR;AAAA,MAAkBC,aAAlB,GAAoCF,QAApC,CAAkBE,aAAlB;;AAEA,MAAI,CAACD,QAAL,EAAe;AACX,WAAO,IAAP;AACH;;AAED,MAAIE,aAAa,GAAG,KAApB;;AACA,MAAIF,QAAJ,EAAc;AACVE,IAAAA,aAAa,GAAGJ,UAAU,GAAGK,OAAO,CAACF,aAAa,CAACH,UAAD,CAAd,CAAV,GAAwC,IAAlE;AACH;;AAED,MAAII,aAAJ,EAAmB;AACf,WAAOL,QAAP;AACH;;AAED,MAAMO,MAAM,GAAGR,OAAO,CAACS,MAAR,CAAuC,oBAAvC,CAAf;;AACA,MAAI,CAACD,MAAL,EAAa;AACT,WAAO,IAAP;AACH;;AAED,SAAOA,MAAM,CAACE,MAAP,EAAP;AACH,CA5BD","sourcesContent":["import React from \"react\";\nimport { useSecurity } from \"~/hooks/useSecurity\";\nimport { SecureRouteErrorPlugin } from \"~/types\";\nimport { plugins } from \"@webiny/plugins\";\n\ninterface SecureRouteProps {\n    children: React.ReactNode;\n    permission?: string;\n}\nexport default ({ children, permission }: SecureRouteProps): React.ReactElement | null => {\n    const security = useSecurity();\n\n    if (!security) {\n        return null;\n    }\n\n    const { identity, getPermission } = security;\n\n    if (!identity) {\n        return null;\n    }\n\n    let hasPermission = false;\n    if (identity) {\n        hasPermission = permission ? Boolean(getPermission(permission)) : true;\n    }\n\n    if (hasPermission) {\n        return children as unknown as React.ReactElement;\n    }\n\n    const plugin = plugins.byName<SecureRouteErrorPlugin>(\"secure-route-error\");\n    if (!plugin) {\n        return null;\n    }\n\n    return plugin.render();\n};\n"]}

package/components/SecureView.d.ts

@@ -2,11 +2,11 @@ import * as React from "react";
 import { SecurityPermission } from "../types";
 interface ChildrenRenderFunctionArgs<T extends SecurityPermission> {
     hasPermission: boolean;
-    permission: T;
+    permission: T | null;
 }
 interface Props<T extends SecurityPermission> {
     children: ((args: ChildrenRenderFunctionArgs<T>) => React.ReactElement) | React.ReactElement;
     permission?: string;
 }
-declare function SecureView<T extends SecurityPermission>({ children, permission }: Props<T>): React.ReactElement;
+declare function SecureView<T extends SecurityPermission>({ children, permission }: Props<T>): React.ReactElement | null;
 export default SecureView;

package/components/SecureView.js

@@ -5,13 +5,13 @@ function SecureView(_ref) {
       permission = _ref.permission;
 
   var _useSecurity = useSecurity(),
-      identity = _useSecurity.identity;
+      getPermission = _useSecurity.getPermission;
 
   var hasPermission = false;
   var matchedPermission = null;
 
-  if (identity) {
-    matchedPermission = identity.getPermission(permission);
+  if (permission) {
+    matchedPermission = getPermission(permission);
     hasPermission = Boolean(matchedPermission);
   }
 

package/components/SecureView.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SecureView.tsx"],"names":["useSecurity","SecureView","children","permission","getPermission","hasPermission","matchedPermission","Boolean"],"mappings":"AACA,SAASA,WAAT;;AAaA,SAASC,UAAT,OAGwC;AAAA,MAFpCC,QAEoC,QAFpCA,QAEoC;AAAA,MADpCC,UACoC,QADpCA,UACoC;;AACpC,qBAA0BH,WAAW,EAArC;AAAA,MAAQI,aAAR,gBAAQA,aAAR;;AAEA,MAAIC,aAAa,GAAG,KAApB;AACA,MAAIC,iBAA2B,GAAG,IAAlC;;AACA,MAAIH,UAAJ,EAAgB;AACZG,IAAAA,iBAAiB,GAAGF,aAAa,CAAID,UAAJ,CAAjC;AACAE,IAAAA,aAAa,GAAGE,OAAO,CAACD,iBAAD,CAAvB;AACH;;AAED,MAAI,OAAOJ,QAAP,KAAoB,UAAxB,EAAoC;AAChC,WAAOA,QAAQ,CAAC;AACZG,MAAAA,aAAa,EAAbA,aADY;AAEZF,MAAAA,UAAU,EAAEG;AAFA,KAAD,CAAf;AAIH;;AAED,SAAOD,aAAa,GAAGH,QAAH,GAAc,IAAlC;AACH;;AAED,eAAeD,UAAf","sourcesContent":["import * as React from \"react\";\nimport { useSecurity } from \"~/hooks/useSecurity\";\nimport { SecurityPermission } from \"~/types\";\n\ninterface ChildrenRenderFunctionArgs<T extends SecurityPermission> {\n    hasPermission: boolean;\n    permission: T | null;\n}\n\ninterface Props<T extends SecurityPermission> {\n    children: ((args: ChildrenRenderFunctionArgs<T>) => React.ReactElement) | React.ReactElement;\n    permission?: string;\n}\n\nfunction SecureView<T extends SecurityPermission>({\n    children,\n    permission\n}: Props<T>): React.ReactElement | null {\n    const { getPermission } = useSecurity();\n\n    let hasPermission = false;\n    let matchedPermission: T | null = null;\n    if (permission) {\n        matchedPermission = getPermission<T>(permission);\n        hasPermission = Boolean(matchedPermission);\n    }\n\n    if (typeof children === \"function\") {\n        return children({\n            hasPermission,\n            permission: matchedPermission\n        });\n    }\n\n    return hasPermission ? children : null;\n}\n\nexport default SecureView;\n"]}

package/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["default","SecureView","SecureRoute","HasPermission"],"mappings":"AAAA,SAASA,OAAO,IAAIC,UAApB;AACA,SAASD,OAAO,IAAIE,WAApB;AACA,SAASC,aAAT","sourcesContent":["export { default as SecureView } from \"./SecureView\";\nexport { default as SecureRoute } from \"./SecureRoute\";\nexport { HasPermission } from \"./HasPermission\";\n"]}

package/contexts/Security.d.ts

@@ -2,8 +2,8 @@ import React, { Dispatch, SetStateAction } from "react";
 import { SecurityIdentity, SecurityPermission } from "../types";
 export interface SecurityContext {
     identity: SecurityIdentity | null;
-    setIdentity: Dispatch<SetStateAction<SecurityIdentity>>;
-    getPermission<T extends SecurityPermission = SecurityPermission>(name: string): T;
+    setIdentity: Dispatch<SetStateAction<SecurityIdentity | null>>;
+    getPermission<T extends SecurityPermission = SecurityPermission>(name: string): T | null;
 }
 export declare const SecurityContext: React.Context<SecurityContext>;
 export declare const SecurityProvider: React.FC;

package/contexts/Security.js

@@ -2,7 +2,15 @@ import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import minimatch from "minimatch";
 import React, { useState, useMemo, useCallback } from "react";
-export var SecurityContext = /*#__PURE__*/React.createContext(null);
+export var SecurityContext = /*#__PURE__*/React.createContext({
+  identity: null,
+  setIdentity: function setIdentity() {
+    return void 0;
+  },
+  getPermission: function getPermission() {
+    return null;
+  }
+});
 export var SecurityProvider = function SecurityProvider(props) {
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),

package/contexts/Security.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Security.tsx"],"names":["minimatch","React","useState","useMemo","useCallback","SecurityContext","createContext","identity","setIdentity","getPermission","SecurityProvider","props","name","perms","permissions","exactMatch","find","p","value","children"],"mappings":";;AAAA,OAAOA,SAAP,MAAsB,WAAtB;AACA,OAAOC,KAAP,IAAgBC,QAAhB,EAA0BC,OAA1B,EAA6DC,WAA7D,QAAgF,OAAhF;AASA,OAAO,IAAMC,eAAe,gBAAGJ,KAAK,CAACK,aAAN,CAAqC;AAChEC,EAAAA,QAAQ,EAAE,IADsD;AAEhEC,EAAAA,WAAW,EAAE,uBAAM;AACf,WAAO,KAAK,CAAZ;AACH,GAJ+D;AAKhEC,EAAAA,aAAa,EAAE,yBAAM;AACjB,WAAO,IAAP;AACH;AAP+D,CAArC,CAAxB;AAUP,OAAO,IAAMC,gBAA0B,GAAG,SAA7BA,gBAA6B,CAAAC,KAAK,EAAI;AAC/C,kBAAgCT,QAAQ,CAA0B,IAA1B,CAAxC;AAAA;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AAEA,MAAMC,aAAa,GAAGL,WAAW,CAC7B,UAAoDQ,IAApD,EAA+E;AAC3E,QAAI,CAACL,QAAL,EAAe;AACX,aAAO,IAAP;AACH;;AAED,QAAMM,KAAK,GAAGN,QAAQ,CAACO,WAAT,IAAwB,EAAtC;AACA,QAAMC,UAAU,GAAGF,KAAK,CAACG,IAAN,CAAW,UAAAC,CAAC;AAAA,aAAIA,CAAC,CAACL,IAAF,KAAWA,IAAf;AAAA,KAAZ,CAAnB;;AACA,QAAIG,UAAJ,EAAgB;AACZ,aAAOA,UAAP;AACH,KAT0E,CAW3E;;;AACA,WAAOF,KAAK,CAACG,IAAN,CAAW,UAAAC,CAAC;AAAA,aAAIjB,SAAS,CAACY,IAAD,EAAOK,CAAC,CAACL,IAAT,CAAb;AAAA,KAAZ,CAAP;AACH,GAd4B,EAe7B,CAACL,QAAD,CAf6B,CAAjC;AAkBA,MAAMW,KAAK,GAAGf,OAAO,CAAC,YAAM;AACxB,WAAO;AACHI,MAAAA,QAAQ,EAAEA,QAAQ,mCAELA,QAFK;AAGR;AACAE,QAAAA,aAAa,EAAbA;AAJQ,WAMZ,IAPH;AAQHD,MAAAA,WAAW,EAAXA,WARG;AASHC,MAAAA,aAAa,EAAbA;AATG,KAAP;AAWH,GAZoB,EAYlB,CAACF,QAAD,CAZkB,CAArB;AAcA,sBAAO,oBAAC,eAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEW;AAAjC,KAAyCP,KAAK,CAACQ,QAA/C,CAAP;AACH,CApCM","sourcesContent":["import minimatch from \"minimatch\";\nimport React, { useState, useMemo, Dispatch, SetStateAction, useCallback } from \"react\";\nimport { SecurityIdentity, SecurityPermission } from \"~/types\";\n\nexport interface SecurityContext {\n    identity: SecurityIdentity | null;\n    setIdentity: Dispatch<SetStateAction<SecurityIdentity | null>>;\n    getPermission<T extends SecurityPermission = SecurityPermission>(name: string): T | null;\n}\n\nexport const SecurityContext = React.createContext<SecurityContext>({\n    identity: null,\n    setIdentity: () => {\n        return void 0;\n    },\n    getPermission: () => {\n        return null;\n    }\n});\n\nexport const SecurityProvider: React.FC = props => {\n    const [identity, setIdentity] = useState<SecurityIdentity | null>(null);\n\n    const getPermission = useCallback(\n        <T extends SecurityPermission = SecurityPermission>(name: string): T | null => {\n            if (!identity) {\n                return null;\n            }\n\n            const perms = identity.permissions || [];\n            const exactMatch = perms.find(p => p.name === name);\n            if (exactMatch) {\n                return exactMatch as T;\n            }\n\n            // Try matching using patterns\n            return perms.find(p => minimatch(name, p.name)) as any;\n        },\n        [identity]\n    );\n\n    const value = useMemo(() => {\n        return {\n            identity: identity\n                ? {\n                      ...identity,\n                      // For backwards compatibility, expose the `getPermission` method on the `identity` object.\n                      getPermission\n                  }\n                : null,\n            setIdentity,\n            getPermission\n        };\n    }, [identity]);\n\n    return <SecurityContext.Provider value={value}>{props.children}</SecurityContext.Provider>;\n};\n"]}

package/hooks/usePermission.d.ts

@@ -1,2 +1,2 @@
 import { SecurityPermission } from "../types";
-export declare function usePermission<T extends SecurityPermission = SecurityPermission>(name: string): T;
+export declare function usePermission<T extends SecurityPermission = SecurityPermission>(name: string): T | null;

package/hooks/usePermission.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["usePermission.ts"],"names":["useSecurity","usePermission","name","getPermission"],"mappings":"AAAA,SAASA,WAAT;AAGA,OAAO,SAASC,aAAT,CAA0EC,IAA1E,EAAwF;AAC3F,qBAA0BF,WAAW,EAArC;AAAA,MAAQG,aAAR,gBAAQA,aAAR;;AACA,SAAOA,aAAa,CAAID,IAAJ,CAApB;AACH","sourcesContent":["import { useSecurity } from \"~/hooks/useSecurity\";\nimport { SecurityPermission } from \"~/types\";\n\nexport function usePermission<T extends SecurityPermission = SecurityPermission>(name: string) {\n    const { getPermission } = useSecurity();\n    return getPermission<T>(name);\n}\n"]}

package/hooks/useSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useSecurity.ts"],"names":["useContext","SecurityContext","useSecurity"],"mappings":"AAAA,SAASA,UAAT,QAA2B,OAA3B;AACA,SAASC,eAAT;AAEA,OAAO,SAASC,WAAT,GAAuB;AAC1B,SAAOF,UAAU,CAACC,eAAD,CAAjB;AACH","sourcesContent":["import { useContext } from \"react\";\nimport { SecurityContext } from \"~/contexts/Security\";\n\nexport function useSecurity() {\n    return useContext(SecurityContext);\n}\n"]}

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":["SecurityContext"],"mappings":"AAAA;AACA;AACA,SAASA,eAAT;AACA;AACA;AACA","sourcesContent":["export * from \"./components\";\nexport * from \"./contexts/Security\";\nexport { SecurityContext } from \"./contexts/Security\";\nexport * from \"./hooks/useSecurity\";\nexport * from \"./hooks/usePermission\";\nexport * from \"./Security\";\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/app-security",
-	"version": "5.24.0",
+	"version": "5.25.0-beta.2",
 	"main": "index.js",
 	"repository": {
 		"type": "git",
@@ -13,10 +13,10 @@
 	],
 	"license": "MIT",
 	"dependencies": {
-		"@webiny/app": "5.24.0",
-		"@webiny/app-admin-core": "5.24.0",
-		"@webiny/plugins": "5.24.0",
-		"minimatch": "3.0.4",
+		"@webiny/app": "5.25.0-beta.2",
+		"@webiny/app-admin-core": "5.25.0-beta.2",
+		"@webiny/plugins": "5.25.0-beta.2",
+		"minimatch": "3.1.2",
 		"react": "16.14.0",
 		"react-dom": "16.14.0"
 	},
@@ -27,13 +27,13 @@
 		"@babel/preset-env": "^7.16.4",
 		"@babel/preset-react": "^7.16.0",
 		"@babel/preset-typescript": "^7.16.0",
-		"@webiny/cli": "^5.24.0",
-		"@webiny/project-utils": "^5.24.0",
+		"@webiny/cli": "^5.25.0-beta.2",
+		"@webiny/project-utils": "^5.25.0-beta.2",
 		"babel-plugin-emotion": "^9.2.8",
 		"babel-plugin-lodash": "^3.3.4",
 		"rimraf": "^3.0.2",
 		"ttypescript": "^1.5.12",
-		"typescript": "^4.1.3"
+		"typescript": "4.5.5"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -50,5 +50,5 @@
 			]
 		}
 	},
-	"gitHead": "be0cbfcaa9247c658c44179af7943cc5d6d71bc7"
+	"gitHead": "ed2f22976af47aea0b6b5d638f8afdc39951b014"
 }

package/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Plugin } from "@webiny/app/types";
 export declare type SecureRouteErrorPlugin = Plugin & {
     render(): React.ReactElement;
@@ -15,7 +14,25 @@ export interface SecurityIdentity {
     type: string;
     displayName: string;
     permissions?: SecurityPermission[];
+    /**
+     * TODO @ts-refactor @pavel
+     * Verify that login can be present in here.
+     */
+    login?: string;
+    /**
+     * TODO @ts-refactor @pavel
+     * Verify that profile can be present in here.
+     */
+    profile?: {
+        email?: string;
+        firstName?: string;
+        lastName?: string;
+        avatar?: {
+            src?: string;
+        };
+        gravatar?: string;
+    };
     logout(): void;
-    getPermission?<T extends SecurityPermission = SecurityPermission>(name: string): T;
+    getPermission?<T extends SecurityPermission = SecurityPermission>(name: string): T | null;
     [key: string]: any;
 }

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}