mgwdev-m365-components 0.0.2 → 0.0.3

package/lib/components/search/M365Search.js

@@ -0,0 +1,69 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from "react";
+import { useGraph } from "../../context";
+import { GraphSearchPagedDataProvider } from "mgwdev-m365-helpers";
+import { Input, Spinner, makeStyles, shorthands, tokens } from "@fluentui/react-components";
+import { Search20Regular } from "@fluentui/react-icons";
+import { defaultSelectFields } from "./SearchDefaults";
+import { DefaultDocumentCard } from "./DefaultDocumentCard";
+var useSearchStyles = makeStyles({
+    wrapper: {},
+    searchInput: {},
+    searchResults: __assign({ display: "flex", flexWrap: "wrap", flexDirection: "row" }, shorthands.gap(tokens.spacingHorizontalL, tokens.spacingVerticalL)),
+});
+export var M365Search = function (props) {
+    var _a, _b;
+    var graphClient = useGraph().graphClient;
+    var classNames = useSearchStyles();
+    var searchClient = React.useMemo(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var provider = new GraphSearchPagedDataProvider(graphClient, [(_b = (_a = props.dataProviderProps) === null || _a === void 0 ? void 0 : _a.entityType) !== null && _b !== void 0 ? _b : "listItem"], ((_c = props.dataProviderProps) === null || _c === void 0 ? void 0 : _c.selectFields) || defaultSelectFields);
+        provider.queryTemplate = (_d = props.dataProviderProps) === null || _d === void 0 ? void 0 : _d.queryTemplate;
+        provider.pageSize = (_e = props.dataProviderProps) === null || _e === void 0 ? void 0 : _e.pageSize;
+        provider.setRefiners((_f = props.dataProviderProps) === null || _f === void 0 ? void 0 : _f.aggregations);
+        provider.setQuery((_h = (_g = props.dataProviderProps) === null || _g === void 0 ? void 0 : _g.initialQuery) !== null && _h !== void 0 ? _h : "");
+        return provider;
+    }, [graphClient, props.dataProviderProps]);
+    var _c = React.useState(true), loading = _c[0], setLoading = _c[1];
+    var _d = React.useState((_b = (_a = props.dataProviderProps) === null || _a === void 0 ? void 0 : _a.initialQuery) !== null && _b !== void 0 ? _b : ""), query = _d[0], setQuery = _d[1];
+    var _e = React.useState([]), results = _e[0], setResults = _e[1];
+    var _f = React.useState(undefined), error = _f[0], setError = _f[1];
+    React.useEffect(function () {
+        searchClient.setQuery(query);
+        setLoading(true);
+        searchClient.getData().then(function (data) {
+            setResults(data);
+            setError(undefined);
+        }).catch(function (error) {
+            setError(error.message);
+        }).finally(function () {
+            setLoading(false);
+        });
+    }, [query]);
+    var renderSearchInput = function () {
+        if (props === null || props === void 0 ? void 0 : props.searchInputComponent) {
+            return React.createElement(props.searchInputComponent, { onSearch: function (query) { setQuery(query); } });
+        }
+        return React.createElement(Input, { contentBefore: React.createElement(Search20Regular, null), placeholder: "Search", value: query, onChange: function (e) { setQuery(e.target.value); } });
+    };
+    return (React.createElement("div", null,
+        React.createElement("div", null, renderSearchInput()),
+        React.createElement("div", null,
+            loading && React.createElement(Spinner, { label: "Loading..." }),
+            !loading && error && React.createElement("div", null,
+                "Error: ",
+                error)),
+        React.createElement("div", { className: classNames.searchResults }, results.map(function (result, index) {
+            return React.createElement("div", { key: index }, (props === null || props === void 0 ? void 0 : props.onResultRendering) ? props.onResultRendering(result) : React.createElement(DefaultDocumentCard, { document: result }));
+        }))));
+};

package/lib/components/search/SearchDefaults.d.ts

@@ -0,0 +1 @@
+export declare const defaultSelectFields: string[];

package/lib/components/search/SearchDefaults.js

@@ -0,0 +1,17 @@
+export var defaultSelectFields = [
+    "Title",
+    "Path",
+    "Description",
+    "ListItemId",
+    "IdentityListItemId",
+    "IdentityListId",
+    "IdentitySiteCollectionId",
+    "IdentityWebId",
+    "LastModifiedTime",
+    "ViewsLifeTime",
+    "ViewsRecent",
+    "owstaxidmetadataalltagsinfo",
+    "DriveId",
+    "Author",
+    "AuthorOwsUser",
+];

package/lib/components/search/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./M365Search";
+export * from "./SearchDefaults";

package/lib/components/search/index.js

@@ -0,0 +1,2 @@
+export * from "./M365Search";
+export * from "./SearchDefaults";

package/{dist → lib}/context/AuthenticationContext.d.ts

@@ -1,13 +1,11 @@
-import { IAuthenticationService, IMsalAuthenticationConfig } from "mgwdev-m365-helpers";
-import * as React from "react";
-export interface IAuthenticationContextProps {
-    authProvider: IAuthenticationService;
-}
-export interface IAuthenticationContextProviderProps extends React.PropsWithChildren<{}> {
-    authProvider?: IAuthenticationService;
-    authProviderFactory?: () => Promise<IAuthenticationService>;
-    msalAuthConfig?: IMsalAuthenticationConfig;
-}
-export declare const AuthenticationContext: React.Context<IAuthenticationContextProps>;
-export declare const useAuthentication: () => IAuthenticationContextProps;
-export declare const AuthenticationContextProvider: (props: IAuthenticationContextProviderProps) => React.JSX.Element;
+import { IAuthenticationService } from "mgwdev-m365-helpers";
+import * as React from "react";
+export interface IAuthenticationContextProps {
+    authProvider: IAuthenticationService;
+}
+export interface IAuthenticationContextProviderProps extends React.PropsWithChildren<{}> {
+    authProvider?: IAuthenticationService;
+}
+export declare const AuthenticationContext: React.Context<IAuthenticationContextProps>;
+export declare const useAuthentication: () => IAuthenticationContextProps;
+export declare const AuthenticationContextProvider: (props: IAuthenticationContextProviderProps) => React.JSX.Element;

package/lib/context/AuthenticationContext.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import * as React from "react";
+export var AuthenticationContext = React.createContext({
+    authProvider: {
+        getAccessToken: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+            throw new Error("No auth provider available");
+        }); }); }
+    }
+});
+export var useAuthentication = function () { return React.useContext(AuthenticationContext); };
+export var AuthenticationContextProvider = function (props) {
+    return (React.createElement(AuthenticationContext.Provider, { value: {
+            authProvider: props.authProvider
+        } }, props.children));
+};

package/lib/context/DataverseContext.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export interface IDataverseContextProps {
+    dataverseClient: IHttpClient;
+    dataverseResource?: string;
+}
+export interface IDataverseContextProviderProps extends React.PropsWithChildren<{}> {
+    dataverseResource: string;
+    dataverseClient?: IHttpClient;
+}
+export declare const DataverseContext: React.Context<IDataverseContextProps>;
+export declare const useDataverse: () => IDataverseContextProps;
+export declare const DataverseContextProvider: (props: IDataverseContextProviderProps) => React.JSX.Element;

package/lib/context/DataverseContext.js

@@ -0,0 +1,29 @@
+import * as React from "react";
+import { useAuthentication } from "./AuthenticationContext";
+import { AuthHttpClient, FetchHttpClient } from "mgwdev-m365-helpers";
+export var DataverseContext = React.createContext({
+    dataverseClient: new FetchHttpClient()
+});
+export var useDataverse = function () { return React.useContext(DataverseContext); };
+export var DataverseContextProvider = function (props) {
+    var authProvider = useAuthentication().authProvider;
+    var getDataverseClient = function () {
+        if (props.dataverseClient) {
+            return props.dataverseClient;
+        }
+        else if (authProvider) {
+            var authHttpClient = new AuthHttpClient(authProvider, new FetchHttpClient());
+            authHttpClient.resourceUri = props.dataverseResource;
+            return authHttpClient;
+        }
+        return undefined;
+    };
+    var _a = React.useState(getDataverseClient()), dataverseClient = _a[0], setDataverseClient = _a[1];
+    React.useEffect(function () {
+        setDataverseClient(getDataverseClient());
+    }, [props.dataverseClient, authProvider]);
+    return (dataverseClient && React.createElement(DataverseContext.Provider, { value: {
+            dataverseClient: dataverseClient,
+            dataverseResource: props.dataverseResource
+        } }, props.children));
+};

package/{dist → lib}/context/GraphContext.d.ts

@@ -1,11 +1,11 @@
-import * as React from "react";
-import { IHttpClient } from "mgwdev-m365-helpers";
-export interface IGraphContextProps {
-    graphClient: IHttpClient;
-}
-export interface IGraphContextProviderProps extends React.PropsWithChildren<{}> {
-    graphClient?: IHttpClient;
-}
-export declare const GraphContext: React.Context<IGraphContextProps>;
-export declare const useGraph: () => IGraphContextProps;
-export declare const GraphContextProvider: (props: IGraphContextProviderProps) => React.JSX.Element;
+import * as React from "react";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export interface IGraphContextProps {
+    graphClient: IHttpClient;
+}
+export interface IGraphContextProviderProps extends React.PropsWithChildren<{}> {
+    graphClient?: IHttpClient;
+}
+export declare const GraphContext: React.Context<IGraphContextProps>;
+export declare const useGraph: () => IGraphContextProps;
+export declare const GraphContextProvider: (props: IGraphContextProviderProps) => React.JSX.Element;

package/lib/context/GraphContext.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { useAuthentication } from "./AuthenticationContext";
+import { AuthHttpClient, BatchGraphClient, FetchHttpClient } from "mgwdev-m365-helpers";
+export var GraphContext = React.createContext({
+    graphClient: new FetchHttpClient()
+});
+export var useGraph = function () { return React.useContext(GraphContext); };
+export var GraphContextProvider = function (props) {
+    var authProvider = useAuthentication().authProvider;
+    var getGraphClient = function () {
+        if (props.graphClient) {
+            return props.graphClient;
+        }
+        else if (authProvider) {
+            return new BatchGraphClient(new AuthHttpClient(authProvider, new FetchHttpClient()));
+        }
+        return undefined;
+    };
+    var _a = React.useState(getGraphClient()), graphClient = _a[0], setGraphClient = _a[1];
+    React.useEffect(function () {
+        setGraphClient(getGraphClient());
+    }, [props.graphClient, authProvider]);
+    return (graphClient && React.createElement(GraphContext.Provider, { value: {
+            graphClient: graphClient
+        } }, props.children));
+};

package/{dist → lib}/context/SPContext.d.ts

@@ -1,13 +1,13 @@
-import * as React from "react";
-import { IHttpClient } from "mgwdev-m365-helpers";
-export interface ISPContextProps {
-    siteUrl: string;
-    spClient: IHttpClient;
-}
-export interface ISPContextProviderProps extends React.PropsWithChildren<{}> {
-    siteUrl: string;
-    spClient?: IHttpClient;
-}
-export declare const SPContext: React.Context<ISPContextProps>;
-export declare const useSP: () => ISPContextProps;
-export declare const SPContextProvider: (props: ISPContextProviderProps) => React.JSX.Element;
+import * as React from "react";
+import { IHttpClient } from "mgwdev-m365-helpers";
+export interface ISPContextProps {
+    spClient: IHttpClient;
+    siteUrl: string;
+}
+export interface ISPContextProviderProps extends React.PropsWithChildren<{}> {
+    spClient?: IHttpClient;
+    siteUrl: string;
+}
+export declare const SPContext: React.Context<ISPContextProps>;
+export declare const useSP: () => ISPContextProps;
+export declare const SPContextProvider: (props: ISPContextProviderProps) => React.JSX.Element;

package/lib/context/SPContext.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { useAuthentication } from "./AuthenticationContext";
+import { AuthHttpClient, FetchHttpClient } from "mgwdev-m365-helpers";
+export var SPContext = React.createContext({
+    spClient: new FetchHttpClient(),
+    siteUrl: ""
+});
+export var useSP = function () { return React.useContext(SPContext); };
+export var SPContextProvider = function (props) {
+    var authProvider = useAuthentication().authProvider;
+    var getSPClient = function () {
+        if (props.spClient) {
+            return props.spClient;
+        }
+        else if (authProvider) {
+            var authClient = new AuthHttpClient(authProvider, new FetchHttpClient());
+            authClient.resourceUri = new URL(props.siteUrl).origin;
+            return authClient;
+        }
+        return undefined;
+    };
+    var _a = React.useState(getSPClient()), spClient = _a[0], setSPClient = _a[1];
+    React.useEffect(function () {
+        setSPClient(getSPClient());
+    }, [props.spClient, authProvider]);
+    return (spClient && React.createElement(SPContext.Provider, { value: {
+            spClient: spClient,
+            siteUrl: props.siteUrl
+        } }, props.children));
+};

package/{dist → lib}/context/index.d.ts

@@ -1,3 +1,4 @@
-export * from "./AuthenticationContext";
-export * from "./GraphContext";
-export * from "./SPContext";
+export * from "./AuthenticationContext";
+export * from "./GraphContext";
+export * from "./SPContext";
+export * from "./DataverseContext";

package/lib/context/index.js

@@ -0,0 +1,4 @@
+export * from "./AuthenticationContext";
+export * from "./GraphContext";
+export * from "./SPContext";
+export * from "./DataverseContext";

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./context";
+export * from "./components";

package/lib/index.js

@@ -0,0 +1,2 @@
+export * from "./context";
+export * from "./components";

package/{dist → lib}/main.d.ts

@@ -1 +1 @@
-export {};
+export {};

package/lib/main.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import { FluentProvider, teamsLightTheme } from '@fluentui/react-components';
+import App from './App';
+ReactDOM.createRoot(document.getElementById('root')).render(React.createElement(FluentProvider, { theme: teamsLightTheme },
+    React.createElement(App, null)));

package/lib/model/IEntityWithIdAndDisplayName.d.ts

@@ -0,0 +1,4 @@
+export interface IEntityWithIdAndDisplayName {
+    id: string;
+    displayName: string;
+}

package/lib/model/IEntityWithIdAndDisplayName.js

@@ -0,0 +1 @@
+export {};

package/lib/model/ISearchResult.d.ts

@@ -0,0 +1,19 @@
+export interface IGraphSearchResult<T> {
+    fields: T;
+}
+export interface IDocumentSearchResult {
+    title: string;
+    path: string;
+    author: string;
+    description: string;
+    listItemId: string;
+    identityListItemId: string;
+    identityListId: string;
+    identitySiteCollectionId: string;
+    identityWebId: string;
+    lastModifiedTime: string;
+    viewsLifeTime: string;
+    viewsRecent: string;
+    owstaxidmetadataalltagsinfo: string;
+    driveId: string;
+}

package/lib/model/ISearchResult.js

@@ -0,0 +1 @@
+export {};

package/lib/model/index.d.ts

@@ -0,0 +1 @@
+export * from "./ISearchResult";

package/lib/model/index.js

@@ -0,0 +1 @@
+export * from "./ISearchResult";

package/lib/model/infra/ICacheEntry.d.ts

@@ -0,0 +1,4 @@
+export interface ICacheEntry<T> {
+    data: T;
+    expiration: number;
+}

package/lib/model/infra/ICacheEntry.js

@@ -0,0 +1 @@
+export {};

package/lib/service-worker/sw.d.ts

@@ -0,0 +1,3 @@
+/// <reference lib="webworker" />
+declare const _default: any;
+export default _default;

package/lib/service-worker/sw.js

@@ -0,0 +1,20 @@
+/// <reference lib="webworker" />
+self.addEventListener("notificationclick", function (event) {
+    event.notification.close();
+    if (event.action === "open") {
+        //@ts-ignore
+        clients.openWindow(event.notification.data.url);
+    }
+}, false);
+self.addEventListener('install', function (event) {
+    console.log('Service worker installed');
+    self.skipWaiting();
+});
+self.addEventListener('activate', function (event) {
+    console.log('Service worker activated');
+    self.clients.claim();
+});
+self.addEventListener("periodicsync", function (event) {
+    console.log("periodicsync", event);
+});
+export default self;

package/lib/services/PersonaService.d.ts

@@ -0,0 +1,12 @@
+import { IHttpClient } from "mgwdev-m365-helpers/lib/dal/http/IHttpClient";
+import { ICacheService } from "mgwdev-m365-helpers/lib/services/cache";
+import { IUser } from "mgwdev-m365-helpers";
+export declare class PersonaService {
+    protected graphClient: IHttpClient;
+    updatePresence?: boolean;
+    storageService: ICacheService;
+    protected key: string;
+    cacheExpiration: number;
+    constructor(graphClient: IHttpClient, updatePresence?: boolean);
+    getUser(id?: string, size?: "48x48" | "64x64" | "96x96" | "120x120" | "240x240"): Promise<IUser>;
+}

package/lib/services/PersonaService.js

@@ -0,0 +1,134 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { LocalStorageCacheService } from "mgwdev-m365-helpers/lib/services/cache";
+import { queueRequest } from "mgwdev-m365-helpers/lib/utils/FunctionUtils";
+var PersonaService = /** @class */ (function () {
+    function PersonaService(graphClient, updatePresence) {
+        this.graphClient = graphClient;
+        this.updatePresence = updatePresence;
+        this.key = "persona-cache-";
+        this.cacheExpiration = 1000 * 60 * 60 * 4;
+        this.storageService = new LocalStorageCacheService();
+    }
+    PersonaService.prototype.getUser = function (id, size) {
+        if (size === void 0) { size = "48x48"; }
+        return __awaiter(this, void 0, void 0, function () {
+            var userId, userQuery_1, userRequest, userResult, userCache, user, userQuery, _a, userInfoRequest, userPhotoRequest, presenceInfo, _b, userResult, photo, presence, presenceInfo, presence;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        userId = id;
+                        if (!(id && id.indexOf("@") > -1)) return [3 /*break*/, 3];
+                        userQuery_1 = "/users/".concat(id, "?$select=id");
+                        return [4 /*yield*/, this.graphClient.get(userQuery_1)];
+                    case 1:
+                        userRequest = _c.sent();
+                        if (userRequest.status === 404) {
+                            return [2 /*return*/, null];
+                        }
+                        return [4 /*yield*/, userRequest.json()];
+                    case 2:
+                        userResult = _c.sent();
+                        userId = userResult.id;
+                        _c.label = 3;
+                    case 3:
+                        userCache = this.storageService.get(this.key + id);
+                        user = userCache === null || userCache === void 0 ? void 0 : userCache.data;
+                        userQuery = userId ? "/users/".concat(userId) : "/me";
+                        if (!(!user || userCache.expiration < new Date().getTime())) return [3 /*break*/, 6];
+                        return [4 /*yield*/, Promise.all([
+                                this.graphClient.get(userQuery + "?$select=id,displayName,mail,jobTitle,department,officeLocation,mobilePhone,businessPhones,userPrincipalName,usageLocation"),
+                                this.graphClient.get(userQuery + "/photos/".concat(size, "/$value")),
+                                this.graphClient.get(userQuery + "/presence"),
+                            ])];
+                    case 4:
+                        _a = _c.sent(), userInfoRequest = _a[0], userPhotoRequest = _a[1], presenceInfo = _a[2];
+                        return [4 /*yield*/, Promise.all([
+                                userInfoRequest.json(),
+                                userPhotoRequest.text(),
+                                presenceInfo.json(),
+                            ])];
+                    case 5:
+                        _b = _c.sent(), userResult = _b[0], photo = _b[1], presence = _b[2];
+                        user = __assign(__assign({}, userResult), { photo: "data:image/png;base64,".concat(photo.replace('"', "").replace('"', "")), presence: presence });
+                        this.storageService.set(this.key + id, {
+                            data: user,
+                            expiration: new Date().getTime() + this.cacheExpiration
+                        });
+                        return [3 /*break*/, 9];
+                    case 6:
+                        if (!this.updatePresence) return [3 /*break*/, 9];
+                        return [4 /*yield*/, this.graphClient.get(userQuery + "/presence")];
+                    case 7:
+                        presenceInfo = _c.sent();
+                        return [4 /*yield*/, presenceInfo.json()];
+                    case 8:
+                        presence = _c.sent();
+                        user = __assign(__assign({}, user), { presence: presence });
+                        this.storageService.set(this.key + id, {
+                            data: user,
+                            expiration: new Date().getTime() + this.cacheExpiration
+                        });
+                        _c.label = 9;
+                    case 9: return [2 /*return*/, user];
+                }
+            });
+        });
+    };
+    __decorate([
+        queueRequest("getUser-{0}")
+    ], PersonaService.prototype, "getUser", null);
+    return PersonaService;
+}());
+export { PersonaService };

package/lib/utils/FileUtils.d.ts

@@ -0,0 +1,29 @@
+export declare const DOCICONURL_XLSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xlsx.png";
+export declare const DOCICONURL_DOCX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/docx.png";
+export declare const DOCICONURL_PPTX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pptx.png";
+export declare const DOCICONURL_MPPX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/mpp.png";
+export declare const DOCICONURL_PHOTO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/photo.png";
+export declare const DOCICONURL_PDF = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pdf.png";
+export declare const DOCICONURL_TXT = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/txt.png";
+export declare const DOCICONURL_EMAIL = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/email.png";
+export declare const DOCICONURL_CSV = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/csv.png";
+export declare const DOCICONURL_ONE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/one.png";
+export declare const DOCICONURL_VSDX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vsdx.png";
+export declare const DOCICONURL_VSSX = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/vssx.png";
+export declare const DOCICONURL_PUB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/pub.png";
+export declare const DOCICONURL_ACCDB = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/accdb.png";
+export declare const DOCICONURL_ZIP = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/zip.png";
+export declare const DOCICONURL_GENERIC = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/genericfile.png";
+export declare const DOCICONURL_CODE = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/code.png";
+export declare const DOCICONURL_HTML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/html.png";
+export declare const DOCICONURL_XML = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/xml.png";
+export declare const DOCICONURL_SPO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/spo.png";
+export declare const DOCICONURL_VIDEO = "https://static2.sharepointonline.com/files/fabric/assets/item-types/32/video.png";
+export default class FileUtils {
+    /**
+     * GetFileImageUrl
+     */
+    static getFileImageUrl(_file: string): string;
+    static getShortName: (name: string) => string;
+    static isOndrive: (name: string) => Promise<boolean>;
+}