@pnp/spfx-controls-react/lib-commonjs/controls/LivePersona/LivePersona.js

Reusable React controls for SharePoint Framework solutions

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LivePersona = void 0;
var tslib_1 = require("tslib");
var react_1 = require("react");
var sp_core_library_1 = require("@microsoft/sp-core-library");
var sp_loader_1 = require("@microsoft/sp-loader");
var LIVE_PERSONA_COMPONENT_ID = "914330ee-2df2-4f6e-a858-30c23a812408";
var LivePersona = function (props) {
    var _a = (0, react_1.useState)(false), isComponentLoaded = _a[0], setIsComponentLoaded = _a[1];
    var sharedLibrary = (0, react_1.useRef)(); // eslint-disable-line @typescript-eslint/no-explicit-any
    var upn = props.upn, template = props.template, disableHover = props.disableHover, serviceScope = props.serviceScope;
    (0, react_1.useEffect)(function () {
        (function () { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
            var _a, error_1;
            return tslib_1.__generator(this, function (_b) {
                switch (_b.label) {
                    case 0:
                        if (!!isComponentLoaded) return [3 /*break*/, 4];
                        _b.label = 1;
                    case 1:
                        _b.trys.push([1, 3, , 4]);
                        _a = sharedLibrary;
                        return [4 /*yield*/, sp_loader_1.SPComponentLoader.loadComponentById(LIVE_PERSONA_COMPONENT_ID)];
                    case 2:
                        _a.current = _b.sent();
                        setIsComponentLoaded(true);
                        return [3 /*break*/, 4];
                    case 3:
                        error_1 = _b.sent();
                        sp_core_library_1.Log.error("[LivePersona]", error_1, serviceScope);
                        return [3 /*break*/, 4];
                    case 4: return [2 /*return*/];
                }
            });
        }); })().then(function () { }).catch(function () { });
    }, []);
    var renderPersona = null;
    if (isComponentLoaded) {
        renderPersona = (0, react_1.createElement)(sharedLibrary.current.LivePersonaCard, {
            className: 'livePersonaCard',
            clientScenario: 'livePersonaCard',
            disableHover: disableHover,
            hostAppPersonaInfo: {
                PersonaType: 'User'
            },
            upn: upn,
            legacyUpn: upn,
            serviceScope: serviceScope,
        }, (0, react_1.createElement)("div", {}, template));
    }
    return renderPersona;
};
exports.LivePersona = LivePersona;
//# sourceMappingURL=LivePersona.js.map