@livetiles/reach-components-react 0.3.104 → 0.3.105
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.esm2.js +5 -5
- package/index.umd.js +5 -5
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -50950,7 +50950,7 @@ function setMomentLocale(locale) {
|
|
|
50950
50950
|
// ORDER MATTERS - must always be the same as in the API
|
|
50951
50951
|
|
|
50952
50952
|
|
|
50953
|
-
var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos', 'searchEverywhere', 'zendesk', 'gettyImages']; // ########### WARNING #############
|
|
50953
|
+
var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos', 'searchEverywhere', 'zendesk', 'gettyImages', 'userLocationLookup']; // ########### WARNING #############
|
|
50954
50954
|
// ORDER MATTERS - must always be the same as in the API
|
|
50955
50955
|
|
|
50956
50956
|
var FeatureSet =
|
|
@@ -77736,7 +77736,7 @@ var addToUnscopables$3=addToUnscopables$2$1;addToUnscopables$3('flatMap');functi
|
|
|
77736
77736
|
loadFirstTwoPages();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77737
77737
|
},__spreadArray$1([pageSize],deps||[]));var currentPageItems=Object.keys(state.pages).flatMap(function(n){return state.pages[n];}).slice(currentPageIndex-pageSize,currentPageIndex);return {items:currentPageItems,isInitialLoading:isInitialLoading,isLoadingNextPage:isLoadingNextPage,error:error,getFirstPage:function(){return setCurrentPageIndex(pageSize);},getPrevPage:function(){return setCurrentPageIndex(currentPageIndex-pageSize);},getNextPage:getNextPage,isFirstPage:currentPageIndex===pageSize,isLastPage:currentPageIndex===lastFetchedPageIndex&&!state.hasNextPage,isEmpty:!isInitialLoading&&(currentPageItems===null||currentPageItems===void 0?void 0:currentPageItems.length)===0};function loadFirstTwoPages(){return __awaiter$1(this,void 0,void 0,function(){var page,e_1;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);return [4/*yield*/,handler(pageSize*2,null)];case 1:page=_a.sent();setState({pages:{0:page.items},paginationToken:page.paginationToken,hasNextPage:page.hasNextPage});if(page.items.length<=pageSize){setLastFetchedPageIndex(pageSize);setCurrentPageIndex(pageSize);}else {setLastFetchedPageIndex(pageSize*2);setCurrentPageIndex(pageSize);}return [3/*break*/,4];case 2:e_1=_a.sent();logger.error(e_1);setError(error);return [3/*break*/,4];case 3:setIsInitialLoading(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function loadNextPage(paginationToken){return __awaiter$1(this,void 0,void 0,function(){var page_1,pageKey_1,e_2;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);setIsLoadingNextPage(true);return [4/*yield*/,handler(pageSize,paginationToken)];case 1:page_1=_a.sent();pageKey_1=paginationToken;setState(function(prev){var _a;return {pages:update$2(prev.pages,(_a={},_a[pageKey_1]={$set:page_1.items},_a)),paginationToken:page_1.paginationToken,hasNextPage:page_1.hasNextPage};});return [3/*break*/,4];case 2:e_2=_a.sent();logger.error(e_2);setError(error);return [3/*break*/,4];case 3:setIsLoadingNextPage(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function getNextPage(){return __awaiter$1(this,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:// show the next page - already loaded
|
|
77738
77738
|
setCurrentPageIndex(currentPageIndex+pageSize);if(!(state.hasNextPage&¤tPageIndex===lastFetchedPageIndex-pageSize))return [3/*break*/,2];return [4/*yield*/,loadNextPage(state.paginationToken)];case 1:_a.sent();setLastFetchedPageIndex(lastFetchedPageIndex+pageSize);_a.label=2;case 2:return [2/*return*/];}});});}}_styled.p.withConfig({displayName:"PaginationStatus__AllLoadedStatus",componentId:"sc-ykj2ti-0"})(templateObject_1$a$2||(templateObject_1$a$2=__makeTemplateObject$1(["\n margin: 0;\n text-align: center;\n color: ",";\n"],["\n margin: 0;\n text-align: center;\n color: ",";\n"])),function(p){return p.theme.palette.neutralSecondary;});_styled.div.withConfig({displayName:"PaginationStatus__Host",componentId:"sc-ykj2ti-1"})(templateObject_2$8$2||(templateObject_2$8$2=__makeTemplateObject$1(["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"],["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"])),spacingXl);_styled.div.withConfig({displayName:"PaginationStatus__LoadStatusPlaceholder",componentId:"sc-ykj2ti-2"})(templateObject_3$7$2||(templateObject_3$7$2=__makeTemplateObject$1(["\n height: ","px;\n"],["\n height: ","px;\n"])),spacingM);var templateObject_1$a$2,templateObject_2$8$2,templateObject_3$7$2;var PullToRefreshContext=/*#__PURE__*/createContext(null);function refreshScripts(node){var scripts=node.querySelectorAll('script');for(var i=0;i<scripts.length;i++){var currentScript=scripts[i];var refreshedScript=document.createElement('script');refreshedScript.type='text/javascript';if(currentScript.src&¤tScript.src.length){refreshedScript.src=currentScript.src;}else {var scriptContent=document.createTextNode(currentScript.innerHTML);refreshedScript.appendChild(scriptContent);}var parent_1=scripts[i].parentElement;parent_1.insertBefore(refreshedScript,currentScript);parent_1.removeChild(currentScript);}}var ToolbarNoBorderDropdownStyles=css$2(templateObject_1$9$2||(templateObject_1$9$2=__makeTemplateObject$1(["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"],["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"])));var ToolbarDropdownStyles=css$2(templateObject_2$7$2||(templateObject_2$7$2=__makeTemplateObject$1(["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"],["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"])),ToolbarNoBorderDropdownStyles,minScreenSize.medium,spacingM);var ToolbarOptionStyles=css$2(templateObject_3$6$2||(templateObject_3$6$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"],["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var ToolbarGlobalDropdownStyles=css$2(templateObject_4$3$2||(templateObject_4$3$2=__makeTemplateObject$1(["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"],["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"])),maxScreenSize.medium);var templateObject_1$9$2,templateObject_2$7$2,templateObject_3$6$2,templateObject_4$3$2;var allChannelsKey='AllChannels';var bookmarksKey='Bookmarks';var manageChannelsKey='ManageChannels';var ToolbarChannelSelector=function ToolbarChannelSelector(_a){var getInitialSelectedKeyProp=_a.getInitialSelectedKey,bookmarkOption=_a.bookmarkOption,manageChannelsOption=_a.manageChannelsOption,allChannelsOption=_a.allChannelsOption,channelsOptions=_a.channelsOptions;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();var _b=useState$2(function(){return getInitialSelectedKey();}),selectedKey=_b[0],setSelectedKey=_b[1];return jsxs(Fragment,{children:[jsx$1(GlobalDropdownCalloutStyle$1,{},void 0),jsx$1(StyledDropdown$1,{options:dropDownOptions,onRenderOption:renderDropDownOption,selectedKey:selectedKey,onChange:handleOnChange,calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:ResponsiveMode.large,ariaLabel:formatMessage({id:'AriaLabel.toolbarChannelSelector'})},void 0)]},void 0);function renderDropDownOption(option){if(option.data.onSelected){return jsxs(OptionSpan$1,{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]},option.key);}return jsxs(DropdownNavLink,__assign$1({to:option.data.pathname,exact:option.data.exact,isActive:option.key===selectedKey?function(){return true;}:undefined},{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]}),option.key);}function getInitialSelectedKey(){return (getInitialSelectedKeyProp===null||getInitialSelectedKeyProp===void 0?void 0:getInitialSelectedKeyProp(dropDownOptions))||allChannelsKey;}function getOptions(){var options=[];if(allChannelsOption){options.push({key:allChannelsKey,text:formatMessage({id:'Channels.All'}),data:{pathname:allChannelsOption.to,iconName:'Org',exact:true,onSelected:allChannelsOption.onSelected}});}if(channelsOptions){var channelsToUse=(!channelsOptions.availableChannels?user.channels.filter(function(c){return c.isPinnedToNavigation;}):(channels||[]).filter(function(c){return channelsOptions.availableChannels.some(function(nameOrId){return c.id===nameOrId||c.name===nameOrId;});})).map(function(c){return c;});options=options.concat.apply(options,channelsToUse.map(function(c){return getChannelOption(c);}));}if(bookmarkOption){options.push({key:bookmarksKey,text:formatMessage({id:'Generic.bookmarks'}),data:{pathname:bookmarkOption.to,iconName:'DoubleBookmark',exact:true,onSelected:bookmarkOption.onSelected}});}if(manageChannelsOption){options.push({key:manageChannelsKey,text:formatMessage({id:'PageMenu.manageUserChannels'}),data:{pathname:manageChannelsOption.to,iconName:'CollapseMenu',exact:true,onSelected:manageChannelsOption.onSelected}});}return options;}function getChannelOption(channel){var _a;return {key:channel.id,text:getChannelDisplayName(channels,channel,user),data:{pathname:(_a=channelsOptions.to)===null||_a===void 0?void 0:_a.call(channelsOptions,channel),iconName:'Org',exact:false,channelName:channel.name,onSelected:channelsOptions.onSelected?function(){return channelsOptions.onSelected(channel);}:null}};}function handleOnChange(_,option){var _a,_b;setSelectedKey(option.key.toString());(_b=(_a=option.data)===null||_a===void 0?void 0:_a.onSelected)===null||_b===void 0?void 0:_b.call(_a);}};var GlobalDropdownCalloutStyle$1=createGlobalStyle(templateObject_1$8$2||(templateObject_1$8$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$1=_styled(Dropdown).withConfig({displayName:"ToolbarChannelSelector__StyledDropdown",componentId:"sc-fwvaya-0"})(templateObject_2$6$2||(templateObject_2$6$2=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var DropdownNavLink=_styled(NavLink).withConfig({displayName:"ToolbarChannelSelector__DropdownNavLink",componentId:"sc-fwvaya-1"})(templateObject_3$5$2||(templateObject_3$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarOptionStyles);var OptionSpan$1=_styled.span.withConfig({displayName:"ToolbarChannelSelector__OptionSpan",componentId:"sc-fwvaya-2"})(templateObject_4$2$2||(templateObject_4$2$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$8$2,templateObject_2$6$2,templateObject_3$5$2,templateObject_4$2$2;var ToolbarMarkAllNewsAsReadButton=function ToolbarMarkAllNewsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsx$1(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.News,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllEventsAsReadButton=function ToolbarMarkAllEventsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsx$1(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.Events,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllAsReadButton=function ToolbarMarkAllAsReadButton(_a){var itemType=_a.itemType,onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;var features=useFeatures();var clearUnreadItems=useClearUnreadItems(itemType,{onStarted:onMarkAsReadStarted,onFinished:onMarkAsReadFinished},unreadCount);if(!features.unreadTracking){return null;}return jsx$1(ToolbarIconButton,{tooltipResourceKey:"Generic.UnreadItems.markAllAsRead",onClick:clearUnreadItems,iconName:"Read",disabled:disabled,ariaLabelResourceKey:"Generic.UnreadItems.markAllAsRead","data-clear-unread-items":true},void 0);};var ToolbarManageButton=function ToolbarManageButton(_a){var onClick=_a.onClick,to=_a.to,disabled=_a.disabled;return jsx$1(ToolbarIconButton,{tooltipResourceKey:"Generic.showManageView",disabled:disabled,iconName:"edit",to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,onClick:onClick,"data-toolbar-manage-button":true,ariaLabelResourceKey:"AriaLabel.goToManageView"},void 0);};var ToolbarCloseButton=function ToolbarCloseButton(_a){var onClick=_a.onClick,to=_a.to;return jsx$1(ToolbarIconButton,{iconName:"Cancel",onClick:onClick,to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,tooltipResourceKey:"Generic.close",ariaLabelResourceKey:"Generic.close","data-toolbar-close-button":true},void 0);};var EventView;(function(EventView){EventView["UpcomingEvents"]="upcoming";EventView["MyBookedEvents"]="booked";EventView["PastEvents"]="past";})(EventView||(EventView={}));var ToolbarEventViewSelector=function ToolbarEventViewSelector(_a){var value=_a.value,onChange=_a.onChange,viewOptions=_a.viewOptions;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();return jsxs(Fragment,{children:[jsx$1(GlobalDropdownCalloutStyle,{},void 0),jsx$1(StyledDropdown$2,{options:dropDownOptions,onRenderOption:function(option){return jsxs(OptionSpan,{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]},option.key);},selectedKey:dropDownOptions.length>0?value||dropDownOptions[0].key:undefined,onChange:function(_,o){return onChange(o.key);},calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:ResponsiveMode.large,ariaLabel:formatMessage({id:'Events.chromelessDropdown'})},void 0)]},void 0);function getOptions(){var options=[];if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideUpcomingEventsView)){options.push({key:EventView.UpcomingEvents,text:formatMessage({id:'Events.upcoming'}),data:{iconName:'Event'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideMyBookedEventsView)){options.push({key:EventView.MyBookedEvents,text:formatMessage({id:'Events.myEvents'}),data:{iconName:'PrimaryCalendar'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hidePastEventsView)){options.push({key:EventView.PastEvents,text:formatMessage({id:'Events.pastEvents'}),data:{iconName:'RemoveEvent'}});}return options;}};var GlobalDropdownCalloutStyle=createGlobalStyle(templateObject_1$7$2||(templateObject_1$7$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$2=_styled(Dropdown).withConfig({displayName:"ToolbarEventViewSelector__StyledDropdown",componentId:"sc-ft0a2d-0"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var OptionSpan=_styled.span.withConfig({displayName:"ToolbarEventViewSelector__OptionSpan",componentId:"sc-ft0a2d-1"})(templateObject_3$4$2||(templateObject_3$4$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$7$2,templateObject_2$5$1,templateObject_3$4$2;function useAttachmentsApi(){var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {uploadImage:uploadImage,uploadFile:uploadFile,getFileUrl:getFileUrl,getImageUrl:getImageUrl,getChatMessageImageUrl:getChatMessageImageUrl};function uploadImage(basePath,subscriptionId,imageId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('image',file,file.name||"image."+lite.getExtension(file.type));return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/images/"+imageId,config)];}});});}function uploadFile(basePath,subscriptionId,fileId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('file',file);return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/files/"+fileId,config)];}});});}function getFileUrl(basePath,subscriptionId,item,fileId,token){token!==null&&token!==void 0?token:token=item.fileAccessToken;if(!token){return null;}return createApiUrl(basePath+"/attachments/"+item.attachmentContainerId+"/files/"+fileId,{subscriptionId:subscriptionId,access_token:token});}function getImageUrl(basePath,subscriptionId,item,imageId,width,height){return getImageInternal(basePath,subscriptionId,item.fileAccessToken,item.attachmentContainerId,imageId,width,height);}function getChatMessageImageUrl(basePath,subscriptionId,message,imageId,width,height){return getImageInternal(basePath,subscriptionId,message.fileAccessToken,message.attachmentContainerId,imageId,width,height);}function getImageInternal(basePath,subscriptionId,accessToken,attachmentContainerId,imageId,width,height){var url;if(width==null){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId;}else if(width==='default'){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/default";}else {url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/"+width+"/"+(height||'');}return createApiUrl(url,{subscriptionId:subscriptionId,access_token:accessToken});}},[onRequestToken,fetchFromApi,createApiUrl]);}function useLanguageApi(){var api=useApi();return useMemo(function(){var cachedLanguages=null;return {getAllLanguages:getAllLanguages,getAllLanguagesLocalized:getAllLanguagesLocalized,resolveActiveLanguages:resolveActiveLanguages,resolveUserLanguage:resolveUserLanguage};function getAllLanguages(){return cachedLanguages||(cachedLanguages=api.all('languages').getAll().then(function(result){return result.body().map(function(language){return language.data();});}));}function getAllLanguagesLocalized(intl){return __awaiter$1(this,void 0,void 0,function(){var ls;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:ls=_a.sent();return [2/*return*/,getLocalizedLanguages.apply(void 0,__spreadArray$1([intl],ls))];}});});}function resolveActiveLanguages(subscription){return __awaiter$1(this,void 0,void 0,function(){var allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return subscription.languages.find(function(al){return al.code===l.code;});})];}});});}function resolveUserLanguage(user){return __awaiter$1(this,void 0,void 0,function(){var activeLanguages,allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:activeLanguages=user.subscription.languages;return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return activeLanguages.find(function(al){return al.code===l.code;});})];}});});}},[api]);}createGlobalStyle(templateObject_1$6$2||(templateObject_1$6$2=__makeTemplateObject$1(["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"],["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"])));var templateObject_1$6$2;function useVideosApi(){var createApiUrl=useApiFactory().createApiUrl;return useMemo(function(){return {getVideoThumbnailUrl:getVideoThumbnailUrl,getBannerVideoThumbnailUrl:getBannerVideoThumbnailUrl};function getVideoThumbnailUrl(token,subscriptionId,videoSource,videoId){return createApiUrl("/videos/"+videoId+"/thumbnail",{access_token:token,subscriptionId:subscriptionId,videoSource:videoSource});}function getBannerVideoThumbnailUrl(token,itemId,subscriptionId,resourceType){return createApiUrl("/"+resourceType+"/"+itemId+"/videos/banner/thumbnail",{access_token:token,subscriptionId:subscriptionId});}},[createApiUrl]);}var UserAvatarUpdateTriggerAction=/** @class */function(){function UserAvatarUpdateTriggerAction(){this.type=UserAvatarUpdateTriggerAction.type;}UserAvatarUpdateTriggerAction.create=function(upn){var dispatch=new UserAvatarUpdateTriggerAction();dispatch.upn=upn;return dispatch;};UserAvatarUpdateTriggerAction.type='user_avatar_update';return UserAvatarUpdateTriggerAction;}();var Avatar=function Avatar(props){var features=useFeatures();var _a=useState$2(null),avatarUrl=_a[0],setAvatarUrl=_a[1];var getUserAvatarUrl=useAccountApi().getUserAvatarUrl;useListener(UserAvatarUpdateTriggerAction.type,function(action){if(action.upn===props.upn){loadAvatar(props.upn,props.tenantId);}return false;},[props.upn]);useEffect$1(function(){var subscription=loadAvatar(props.upn,props.tenantId);return function(){return subscription===null||subscription===void 0?void 0:subscription.unsubscribe();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77739
|
-
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsx$1(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled(Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsx$1(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled(Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled.div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsx$1(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsx$1(Fragment,{children:value.map(function(number,index){return jsx$1(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:jsx$1(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsx$1(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsx$1(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsx$1(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=css$2(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled.a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled(Link$4).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/createElement$a(component,{value:value});}return jsx$1(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxs(Fragment,{children:[!ignoredProperties.includes('department')&&jsx$1(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsx$1(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsx$1(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsx$1(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsx$1(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxs(Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsx$1(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsx$1(ErrorContainer$1,{children:upn?jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsx$1(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsx$1(Avatar,{upn:userInfo.userPrincipalName,size:PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxs(ContactCard,{children:[jsx$1(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsx$1(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsx$1(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled.div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled.div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled.div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled(Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=useRef$1(null);var user=useCurrentUser();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsx$1(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxs(Fragment,{children:[jsx$1(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsx$1(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsx$1(Callout,__assign$1({className:"persona-card-callout",directionalHint:DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsx$1(CalloutHost,{children:jsx$1(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled.div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled.div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled(ActionButton$1).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;var _path$2,_path2$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGenericError=function SvgGenericError(props){return/*#__PURE__*/React$d.createElement("svg",_extends$2$1({height:24,width:24,xmlns:"http://www.w3.org/2000/svg"},props),_path$2||(_path$2=/*#__PURE__*/React$d.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),_path2$2||(_path2$2=/*#__PURE__*/React$d.createElement("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"})));};var _path$1,_path2$1,_path3$1,_path4$1,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var Svg404=function Svg404(props){return/*#__PURE__*/React$d.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:1000,height:500,xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("linearGradient",{id:"404_svg__a",gradientUnits:"userSpaceOnUse",x1:594.738,y1:340.93,x2:608.738,y2:397.597},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#a3a3a3"}})),_path$1||(_path$1=/*#__PURE__*/React$d.createElement("path",{fill:"url(#404_svg__a)",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M882.59 268.468c21 32.432 1.741 59.432-13.259 63.072l-544.98 138.4-19.863-52"})),_path2$1||(_path2$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M309.589 459.468 108.158 144.484 615.943 80.06"})),_path3$1||(_path3$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M314.589 449.468 113.158 134.484 620.943 70.06"})),_path4$1||(_path4$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M319.589 439.468 118.158 124.484 625.943 60.06"})),_path5||(_path5=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468 123.158 114.484 630.943 50.06"})),_path6||(_path6=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468 128.158 104.484 635.943 40.06"})),_path7||(_path7=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M883.331 268.717 640.943 30.06 133.158 94.484l201.431 314.984"})),_path8||(_path8=/*#__PURE__*/React$d.createElement("path",{d:"m460.648 259.928-36.604 7.674L291.683 90.101l34.537-4.586z"})),_path9||(_path9=/*#__PURE__*/React$d.createElement("path",{d:"m401.208 182.809-163.089 28.484-69.033-104.912 37.759-5.013 52.715 76.977 122.712-20.106zM780.762 192.823l-27.785 5.824-147.145-150.26 26.932-3.576z"})),_path10||(_path10=/*#__PURE__*/React$d.createElement("path",{d:"m715.806 127.861-124.515 21.747-80.4-88.615 29.13-3.868 60.7 65.318 94.23-15.438zM563.239 237.975c-43.759 9.164-102.574-11.135-128.653-44.308l-45.591-57.995c-23.313-29.652-6.746-57.597 34.888-63.126 40.312-5.352 91.604 12.096 116.271 39.62l48.08 53.651c27.409 30.584 17.228 63.315-24.995 72.158zM441.853 93.878c-23.922 3.402-32.813 19.678-19.137 36.551l46.203 57.014c15.023 18.54 48.042 29.891 72.821 25.009 24.283-4.784 30.85-23.296 15.387-40.995l-47.628-54.522c-14.12-16.164-44.171-26.395-67.646-23.057zM527.416 340.863l-188.091 46.762-5.374-8.268 187.682-45.974zM707.02 296.212l-160.457 39.892-5.819-7.402 160.212-39.246zM861.95 257.694l-138.494 34.432-6.083-6.692 138.363-33.893zM515.896 325.966l-187.27 45.196-5.275-8.118 186.858-44.435zM694.942 282.752l-159.968 38.607-5.723-7.279 159.723-37.978zM849.57 245.433l-138.232 33.361-5.988-6.589 138.097-32.837zM504.568 311.314l-186.447 43.682-5.183-7.975 186.037-42.938zM683.051 269.501l-159.476 37.361-5.628-7.161 159.229-36.75zM837.369 233.348l-137.962 32.32-5.897-6.486 137.824-31.813zM493.428 296.907l-185.626 42.211-5.092-7.835 185.217-41.49zM671.344 256.452l-158.98 36.15-5.535-7.042 158.728-35.557zM825.344 221.436l-137.686 31.305-5.808-6.388 137.545-30.81z"})),_path11||(_path11=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M334.589 409.468c21 32.432-4.239 77.377-25 50"})),_path12||(_path12=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468c12.838 19.236-6.238 40-15 30"})),_path13||(_path13=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468c6 10-1.631 16-5 10"})));};var _path,_path2,_circle,_circle2,_circle3,_path3,_path4;function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var Svg403=function Svg403(props){return/*#__PURE__*/React$d.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",width:1000,height:700,xmlSpace:"preserve"},props),_path||(_path=/*#__PURE__*/React$d.createElement("path",{fill:"#CCC",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291.15 264.771 339.471 223h321.334l48.321 42.428"})),_path2||(_path2=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291 267h418v418H291z"})),_circle||(_circle=/*#__PURE__*/React$d.createElement("circle",{fill:"#E6E6E6",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:166.456})),/*#__PURE__*/React$d.createElement("linearGradient",{id:"403_svg__a",gradientUnits:"userSpaceOnUse",x1:500.439,y1:340.568,x2:500.439,y2:606.898},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#9e9e9e"}})),_circle2||(_circle2=/*#__PURE__*/React$d.createElement("circle",{fill:"url(#403_svg__a)",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,cx:500.439,cy:473.349,r:133.165})),_circle3||(_circle3=/*#__PURE__*/React$d.createElement("circle",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:106.532})),_path3||(_path3=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M623 251.979c-13.344 0-24-4.776-24-18.12v-70.332c0-55.126-44.713-99.974-100-99.974s-100 44.848-100 99.974v69.124c0 13.344-11.156 18.12-24.5 18.12s-24.5-4.776-24.5-18.12v-69.124c0-81.77 66.569-148.295 148.5-148.295 81.932 0 148.5 66.525 148.5 148.295v70.332c0 13.344-10.656 18.12-24 18.12z"})),_path4||(_path4=/*#__PURE__*/React$d.createElement("path",{fill:"none",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,d:"M500 308v33M334 474h34M500 641v-34M668 476h-34M382.008 356.022l23.917 23.917M382.862 590.929l23.917-23.918M617.767 591.782l-23.917-23.917M619.477 356.022l-23.918 23.917"})));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";})(ErrorType||(ErrorType={}));/**
|
|
77739
|
+
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsx$1(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled(Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsx$1(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled(Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled.div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsx$1(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsx$1(Fragment,{children:value.map(function(number,index){return jsx$1(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;var features=useFeatures();if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:features.userLocationLookup?jsx$1(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0):jsx$1(Fragment,{children:value},void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsx$1(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsx$1(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsx$1(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=css$2(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled.a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled(Link$4).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/createElement$a(component,{value:value});}return jsx$1(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxs(Fragment,{children:[!ignoredProperties.includes('department')&&jsx$1(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsx$1(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsx$1(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsx$1(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsx$1(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxs(Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsx$1(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsx$1(ErrorContainer$1,{children:upn?jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsx$1(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsx$1(Avatar,{upn:userInfo.userPrincipalName,size:PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxs(ContactCard,{children:[jsx$1(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsx$1(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsx$1(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled.div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled.div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled.div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled(Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=useRef$1(null);var user=useCurrentUser();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsx$1(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxs(Fragment,{children:[jsx$1(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsx$1(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsx$1(Callout,__assign$1({className:"persona-card-callout",directionalHint:DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsx$1(CalloutHost,{children:jsx$1(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled.div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled.div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled(ActionButton$1).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;var _path$2,_path2$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGenericError=function SvgGenericError(props){return/*#__PURE__*/React$d.createElement("svg",_extends$2$1({height:24,width:24,xmlns:"http://www.w3.org/2000/svg"},props),_path$2||(_path$2=/*#__PURE__*/React$d.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),_path2$2||(_path2$2=/*#__PURE__*/React$d.createElement("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"})));};var _path$1,_path2$1,_path3$1,_path4$1,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var Svg404=function Svg404(props){return/*#__PURE__*/React$d.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:1000,height:500,xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("linearGradient",{id:"404_svg__a",gradientUnits:"userSpaceOnUse",x1:594.738,y1:340.93,x2:608.738,y2:397.597},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#a3a3a3"}})),_path$1||(_path$1=/*#__PURE__*/React$d.createElement("path",{fill:"url(#404_svg__a)",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M882.59 268.468c21 32.432 1.741 59.432-13.259 63.072l-544.98 138.4-19.863-52"})),_path2$1||(_path2$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M309.589 459.468 108.158 144.484 615.943 80.06"})),_path3$1||(_path3$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M314.589 449.468 113.158 134.484 620.943 70.06"})),_path4$1||(_path4$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M319.589 439.468 118.158 124.484 625.943 60.06"})),_path5||(_path5=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468 123.158 114.484 630.943 50.06"})),_path6||(_path6=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468 128.158 104.484 635.943 40.06"})),_path7||(_path7=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M883.331 268.717 640.943 30.06 133.158 94.484l201.431 314.984"})),_path8||(_path8=/*#__PURE__*/React$d.createElement("path",{d:"m460.648 259.928-36.604 7.674L291.683 90.101l34.537-4.586z"})),_path9||(_path9=/*#__PURE__*/React$d.createElement("path",{d:"m401.208 182.809-163.089 28.484-69.033-104.912 37.759-5.013 52.715 76.977 122.712-20.106zM780.762 192.823l-27.785 5.824-147.145-150.26 26.932-3.576z"})),_path10||(_path10=/*#__PURE__*/React$d.createElement("path",{d:"m715.806 127.861-124.515 21.747-80.4-88.615 29.13-3.868 60.7 65.318 94.23-15.438zM563.239 237.975c-43.759 9.164-102.574-11.135-128.653-44.308l-45.591-57.995c-23.313-29.652-6.746-57.597 34.888-63.126 40.312-5.352 91.604 12.096 116.271 39.62l48.08 53.651c27.409 30.584 17.228 63.315-24.995 72.158zM441.853 93.878c-23.922 3.402-32.813 19.678-19.137 36.551l46.203 57.014c15.023 18.54 48.042 29.891 72.821 25.009 24.283-4.784 30.85-23.296 15.387-40.995l-47.628-54.522c-14.12-16.164-44.171-26.395-67.646-23.057zM527.416 340.863l-188.091 46.762-5.374-8.268 187.682-45.974zM707.02 296.212l-160.457 39.892-5.819-7.402 160.212-39.246zM861.95 257.694l-138.494 34.432-6.083-6.692 138.363-33.893zM515.896 325.966l-187.27 45.196-5.275-8.118 186.858-44.435zM694.942 282.752l-159.968 38.607-5.723-7.279 159.723-37.978zM849.57 245.433l-138.232 33.361-5.988-6.589 138.097-32.837zM504.568 311.314l-186.447 43.682-5.183-7.975 186.037-42.938zM683.051 269.501l-159.476 37.361-5.628-7.161 159.229-36.75zM837.369 233.348l-137.962 32.32-5.897-6.486 137.824-31.813zM493.428 296.907l-185.626 42.211-5.092-7.835 185.217-41.49zM671.344 256.452l-158.98 36.15-5.535-7.042 158.728-35.557zM825.344 221.436l-137.686 31.305-5.808-6.388 137.545-30.81z"})),_path11||(_path11=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M334.589 409.468c21 32.432-4.239 77.377-25 50"})),_path12||(_path12=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468c12.838 19.236-6.238 40-15 30"})),_path13||(_path13=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468c6 10-1.631 16-5 10"})));};var _path,_path2,_circle,_circle2,_circle3,_path3,_path4;function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var Svg403=function Svg403(props){return/*#__PURE__*/React$d.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",width:1000,height:700,xmlSpace:"preserve"},props),_path||(_path=/*#__PURE__*/React$d.createElement("path",{fill:"#CCC",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291.15 264.771 339.471 223h321.334l48.321 42.428"})),_path2||(_path2=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291 267h418v418H291z"})),_circle||(_circle=/*#__PURE__*/React$d.createElement("circle",{fill:"#E6E6E6",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:166.456})),/*#__PURE__*/React$d.createElement("linearGradient",{id:"403_svg__a",gradientUnits:"userSpaceOnUse",x1:500.439,y1:340.568,x2:500.439,y2:606.898},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#9e9e9e"}})),_circle2||(_circle2=/*#__PURE__*/React$d.createElement("circle",{fill:"url(#403_svg__a)",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,cx:500.439,cy:473.349,r:133.165})),_circle3||(_circle3=/*#__PURE__*/React$d.createElement("circle",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:106.532})),_path3||(_path3=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M623 251.979c-13.344 0-24-4.776-24-18.12v-70.332c0-55.126-44.713-99.974-100-99.974s-100 44.848-100 99.974v69.124c0 13.344-11.156 18.12-24.5 18.12s-24.5-4.776-24.5-18.12v-69.124c0-81.77 66.569-148.295 148.5-148.295 81.932 0 148.5 66.525 148.5 148.295v70.332c0 13.344-10.656 18.12-24 18.12z"})),_path4||(_path4=/*#__PURE__*/React$d.createElement("path",{fill:"none",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,d:"M500 308v33M334 474h34M500 641v-34M668 476h-34M382.008 356.022l23.917 23.917M382.862 590.929l23.917-23.918M617.767 591.782l-23.917-23.917M619.477 356.022l-23.918 23.917"})));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";})(ErrorType||(ErrorType={}));/**
|
|
77740
77740
|
* Large alert. Template for 404, 403 etc.
|
|
77741
77741
|
*/function PageAlert(props){return jsx$1(Host$B,__assign$1({"data-page-alert":true},{children:jsxs(Content$b,{children:[props.errorType&&jsx$1(SvgContainer,__assign$1({onClick:props.onClick},{children:props.errorType===ErrorType.GenericError?jsx$1(SvgGenericError,{},void 0):props.errorType===ErrorType.Error403?jsx$1(Svg403,{},void 0):jsx$1(Svg404,{},void 0)}),void 0),jsx$1(Text,{children:props.alertText},void 0),jsx$1(AdditionalContent,{children:props.children},void 0)]},void 0)}),void 0);}var Host$B=_styled.div.withConfig({displayName:"PageAlert__Host",componentId:"sc-gj7gx6-0"})(templateObject_1$2y||(templateObject_1$2y=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"],["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var Content$b=_styled.div.withConfig({displayName:"PageAlert__Content",componentId:"sc-gj7gx6-1"})(templateObject_2$1H||(templateObject_2$1H=__makeTemplateObject$1(["\n padding: 30px;\n text-align: center;\n"],["\n padding: 30px;\n text-align: center;\n"])));var SvgContainer=_styled.div.withConfig({displayName:"PageAlert__SvgContainer",componentId:"sc-gj7gx6-2"})(templateObject_3$1a||(templateObject_3$1a=__makeTemplateObject$1(["\n margin: 1rem auto;\n width: 100%;\n opacity: 0.7;\n\n > svg {\n height: auto;\n width: 10rem;\n }\n"],["\n margin: 1rem auto;\n width: 100%;\n opacity: 0.7;\n\n > svg {\n height: auto;\n width: 10rem;\n }\n"])));var Text=_styled.p.withConfig({displayName:"PageAlert__Text",componentId:"sc-gj7gx6-3"})(templateObject_4$Q||(templateObject_4$Q=__makeTemplateObject$1(["\n width: 200px;\n min-width: 100%;\n color: black;\n"],["\n width: 200px;\n min-width: 100%;\n color: black;\n"])));var AdditionalContent=_styled.div.withConfig({displayName:"PageAlert__AdditionalContent",componentId:"sc-gj7gx6-4"})(templateObject_5$G||(templateObject_5$G=__makeTemplateObject$1(["\n margin: auto;\n max-width: 400px;\n"],["\n margin: auto;\n max-width: 400px;\n"])));_styled.div.withConfig({displayName:"PageAlert__CenteredAlert",componentId:"sc-gj7gx6-5"})(templateObject_6$v||(templateObject_6$v=__makeTemplateObject$1(["\n display: flex;\n justify-content: space-around;\n"],["\n display: flex;\n justify-content: space-around;\n"])));var templateObject_1$2y,templateObject_2$1H,templateObject_3$1a,templateObject_4$Q,templateObject_5$G,templateObject_6$v;var propTypes$1={exports:{}};/*
|
|
77742
77742
|
object-assign
|
|
@@ -77959,9 +77959,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
|
|
|
77959
77959
|
}), void 0);
|
|
77960
77960
|
};
|
|
77961
77961
|
|
|
77962
|
-
var version$1 = "0.3.
|
|
77963
|
-
var buildId = "
|
|
77964
|
-
var commitId = "
|
|
77962
|
+
var version$1 = "0.3.105";
|
|
77963
|
+
var buildId = "103363";
|
|
77964
|
+
var commitId = "011d17d28039b1f3a1c14241628452bb3ca6b821";
|
|
77965
77965
|
var isCustomerBuild = false;
|
|
77966
77966
|
var buildInfo = {
|
|
77967
77967
|
version: version$1,
|
package/index.umd.js
CHANGED
|
@@ -50808,7 +50808,7 @@
|
|
|
50808
50808
|
// ORDER MATTERS - must always be the same as in the API
|
|
50809
50809
|
|
|
50810
50810
|
|
|
50811
|
-
var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos', 'searchEverywhere', 'zendesk', 'gettyImages']; // ########### WARNING #############
|
|
50811
|
+
var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos', 'searchEverywhere', 'zendesk', 'gettyImages', 'userLocationLookup']; // ########### WARNING #############
|
|
50812
50812
|
// ORDER MATTERS - must always be the same as in the API
|
|
50813
50813
|
|
|
50814
50814
|
var FeatureSet =
|
|
@@ -77594,7 +77594,7 @@
|
|
|
77594
77594
|
loadFirstTwoPages();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77595
77595
|
},__spreadArray$1([pageSize],deps||[]));var currentPageItems=Object.keys(state.pages).flatMap(function(n){return state.pages[n];}).slice(currentPageIndex-pageSize,currentPageIndex);return {items:currentPageItems,isInitialLoading:isInitialLoading,isLoadingNextPage:isLoadingNextPage,error:error,getFirstPage:function(){return setCurrentPageIndex(pageSize);},getPrevPage:function(){return setCurrentPageIndex(currentPageIndex-pageSize);},getNextPage:getNextPage,isFirstPage:currentPageIndex===pageSize,isLastPage:currentPageIndex===lastFetchedPageIndex&&!state.hasNextPage,isEmpty:!isInitialLoading&&(currentPageItems===null||currentPageItems===void 0?void 0:currentPageItems.length)===0};function loadFirstTwoPages(){return __awaiter$1(this,void 0,void 0,function(){var page,e_1;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);return [4/*yield*/,handler(pageSize*2,null)];case 1:page=_a.sent();setState({pages:{0:page.items},paginationToken:page.paginationToken,hasNextPage:page.hasNextPage});if(page.items.length<=pageSize){setLastFetchedPageIndex(pageSize);setCurrentPageIndex(pageSize);}else {setLastFetchedPageIndex(pageSize*2);setCurrentPageIndex(pageSize);}return [3/*break*/,4];case 2:e_1=_a.sent();logger.error(e_1);setError(error);return [3/*break*/,4];case 3:setIsInitialLoading(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function loadNextPage(paginationToken){return __awaiter$1(this,void 0,void 0,function(){var page_1,pageKey_1,e_2;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);setIsLoadingNextPage(true);return [4/*yield*/,handler(pageSize,paginationToken)];case 1:page_1=_a.sent();pageKey_1=paginationToken;setState(function(prev){var _a;return {pages:update$2(prev.pages,(_a={},_a[pageKey_1]={$set:page_1.items},_a)),paginationToken:page_1.paginationToken,hasNextPage:page_1.hasNextPage};});return [3/*break*/,4];case 2:e_2=_a.sent();logger.error(e_2);setError(error);return [3/*break*/,4];case 3:setIsLoadingNextPage(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function getNextPage(){return __awaiter$1(this,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:// show the next page - already loaded
|
|
77596
77596
|
setCurrentPageIndex(currentPageIndex+pageSize);if(!(state.hasNextPage&¤tPageIndex===lastFetchedPageIndex-pageSize))return [3/*break*/,2];return [4/*yield*/,loadNextPage(state.paginationToken)];case 1:_a.sent();setLastFetchedPageIndex(lastFetchedPageIndex+pageSize);_a.label=2;case 2:return [2/*return*/];}});});}}_styled__default["default"].p.withConfig({displayName:"PaginationStatus__AllLoadedStatus",componentId:"sc-ykj2ti-0"})(templateObject_1$a$2||(templateObject_1$a$2=__makeTemplateObject$1(["\n margin: 0;\n text-align: center;\n color: ",";\n"],["\n margin: 0;\n text-align: center;\n color: ",";\n"])),function(p){return p.theme.palette.neutralSecondary;});_styled__default["default"].div.withConfig({displayName:"PaginationStatus__Host",componentId:"sc-ykj2ti-1"})(templateObject_2$8$2||(templateObject_2$8$2=__makeTemplateObject$1(["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"],["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"])),spacingXl);_styled__default["default"].div.withConfig({displayName:"PaginationStatus__LoadStatusPlaceholder",componentId:"sc-ykj2ti-2"})(templateObject_3$7$2||(templateObject_3$7$2=__makeTemplateObject$1(["\n height: ","px;\n"],["\n height: ","px;\n"])),spacingM);var templateObject_1$a$2,templateObject_2$8$2,templateObject_3$7$2;var PullToRefreshContext=/*#__PURE__*/React$d.createContext(null);function refreshScripts(node){var scripts=node.querySelectorAll('script');for(var i=0;i<scripts.length;i++){var currentScript=scripts[i];var refreshedScript=document.createElement('script');refreshedScript.type='text/javascript';if(currentScript.src&¤tScript.src.length){refreshedScript.src=currentScript.src;}else {var scriptContent=document.createTextNode(currentScript.innerHTML);refreshedScript.appendChild(scriptContent);}var parent_1=scripts[i].parentElement;parent_1.insertBefore(refreshedScript,currentScript);parent_1.removeChild(currentScript);}}var ToolbarNoBorderDropdownStyles=_styled.css(templateObject_1$9$2||(templateObject_1$9$2=__makeTemplateObject$1(["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"],["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"])));var ToolbarDropdownStyles=_styled.css(templateObject_2$7$2||(templateObject_2$7$2=__makeTemplateObject$1(["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"],["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"])),ToolbarNoBorderDropdownStyles,minScreenSize.medium,spacingM);var ToolbarOptionStyles=_styled.css(templateObject_3$6$2||(templateObject_3$6$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"],["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var ToolbarGlobalDropdownStyles=_styled.css(templateObject_4$3$2||(templateObject_4$3$2=__makeTemplateObject$1(["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"],["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"])),maxScreenSize.medium);var templateObject_1$9$2,templateObject_2$7$2,templateObject_3$6$2,templateObject_4$3$2;var allChannelsKey='AllChannels';var bookmarksKey='Bookmarks';var manageChannelsKey='ManageChannels';var ToolbarChannelSelector=function ToolbarChannelSelector(_a){var getInitialSelectedKeyProp=_a.getInitialSelectedKey,bookmarkOption=_a.bookmarkOption,manageChannelsOption=_a.manageChannelsOption,allChannelsOption=_a.allChannelsOption,channelsOptions=_a.channelsOptions;var user=useCurrentUser();var channels=React$d.useContext(LazySubscriptionContext).channels;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();var _b=React$d.useState(function(){return getInitialSelectedKey();}),selectedKey=_b[0],setSelectedKey=_b[1];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GlobalDropdownCalloutStyle$1,{},void 0),jsxRuntime.jsx(StyledDropdown$1,{options:dropDownOptions,onRenderOption:renderDropDownOption,selectedKey:selectedKey,onChange:handleOnChange,calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:officeUiFabricReact.ResponsiveMode.large,ariaLabel:formatMessage({id:'AriaLabel.toolbarChannelSelector'})},void 0)]},void 0);function renderDropDownOption(option){if(option.data.onSelected){return jsxRuntime.jsxs(OptionSpan$1,{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:option.data.iconName},void 0),jsxRuntime.jsx("span",{children:option.text},void 0)]},option.key);}return jsxRuntime.jsxs(DropdownNavLink,__assign$1({to:option.data.pathname,exact:option.data.exact,isActive:option.key===selectedKey?function(){return true;}:undefined},{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:option.data.iconName},void 0),jsxRuntime.jsx("span",{children:option.text},void 0)]}),option.key);}function getInitialSelectedKey(){return (getInitialSelectedKeyProp===null||getInitialSelectedKeyProp===void 0?void 0:getInitialSelectedKeyProp(dropDownOptions))||allChannelsKey;}function getOptions(){var options=[];if(allChannelsOption){options.push({key:allChannelsKey,text:formatMessage({id:'Channels.All'}),data:{pathname:allChannelsOption.to,iconName:'Org',exact:true,onSelected:allChannelsOption.onSelected}});}if(channelsOptions){var channelsToUse=(!channelsOptions.availableChannels?user.channels.filter(function(c){return c.isPinnedToNavigation;}):(channels||[]).filter(function(c){return channelsOptions.availableChannels.some(function(nameOrId){return c.id===nameOrId||c.name===nameOrId;});})).map(function(c){return c;});options=options.concat.apply(options,channelsToUse.map(function(c){return getChannelOption(c);}));}if(bookmarkOption){options.push({key:bookmarksKey,text:formatMessage({id:'Generic.bookmarks'}),data:{pathname:bookmarkOption.to,iconName:'DoubleBookmark',exact:true,onSelected:bookmarkOption.onSelected}});}if(manageChannelsOption){options.push({key:manageChannelsKey,text:formatMessage({id:'PageMenu.manageUserChannels'}),data:{pathname:manageChannelsOption.to,iconName:'CollapseMenu',exact:true,onSelected:manageChannelsOption.onSelected}});}return options;}function getChannelOption(channel){var _a;return {key:channel.id,text:getChannelDisplayName(channels,channel,user),data:{pathname:(_a=channelsOptions.to)===null||_a===void 0?void 0:_a.call(channelsOptions,channel),iconName:'Org',exact:false,channelName:channel.name,onSelected:channelsOptions.onSelected?function(){return channelsOptions.onSelected(channel);}:null}};}function handleOnChange(_,option){var _a,_b;setSelectedKey(option.key.toString());(_b=(_a=option.data)===null||_a===void 0?void 0:_a.onSelected)===null||_b===void 0?void 0:_b.call(_a);}};var GlobalDropdownCalloutStyle$1=_styled.createGlobalStyle(templateObject_1$8$2||(templateObject_1$8$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$1=_styled__default["default"](Dropdown).withConfig({displayName:"ToolbarChannelSelector__StyledDropdown",componentId:"sc-fwvaya-0"})(templateObject_2$6$2||(templateObject_2$6$2=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var DropdownNavLink=_styled__default["default"](ReactRouterDom.NavLink).withConfig({displayName:"ToolbarChannelSelector__DropdownNavLink",componentId:"sc-fwvaya-1"})(templateObject_3$5$2||(templateObject_3$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarOptionStyles);var OptionSpan$1=_styled__default["default"].span.withConfig({displayName:"ToolbarChannelSelector__OptionSpan",componentId:"sc-fwvaya-2"})(templateObject_4$2$2||(templateObject_4$2$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$8$2,templateObject_2$6$2,templateObject_3$5$2,templateObject_4$2$2;var ToolbarMarkAllNewsAsReadButton=function ToolbarMarkAllNewsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsxRuntime.jsx(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.News,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllEventsAsReadButton=function ToolbarMarkAllEventsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsxRuntime.jsx(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.Events,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllAsReadButton=function ToolbarMarkAllAsReadButton(_a){var itemType=_a.itemType,onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;var features=useFeatures();var clearUnreadItems=useClearUnreadItems(itemType,{onStarted:onMarkAsReadStarted,onFinished:onMarkAsReadFinished},unreadCount);if(!features.unreadTracking){return null;}return jsxRuntime.jsx(ToolbarIconButton,{tooltipResourceKey:"Generic.UnreadItems.markAllAsRead",onClick:clearUnreadItems,iconName:"Read",disabled:disabled,ariaLabelResourceKey:"Generic.UnreadItems.markAllAsRead","data-clear-unread-items":true},void 0);};var ToolbarManageButton=function ToolbarManageButton(_a){var onClick=_a.onClick,to=_a.to,disabled=_a.disabled;return jsxRuntime.jsx(ToolbarIconButton,{tooltipResourceKey:"Generic.showManageView",disabled:disabled,iconName:"edit",to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,onClick:onClick,"data-toolbar-manage-button":true,ariaLabelResourceKey:"AriaLabel.goToManageView"},void 0);};var ToolbarCloseButton=function ToolbarCloseButton(_a){var onClick=_a.onClick,to=_a.to;return jsxRuntime.jsx(ToolbarIconButton,{iconName:"Cancel",onClick:onClick,to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,tooltipResourceKey:"Generic.close",ariaLabelResourceKey:"Generic.close","data-toolbar-close-button":true},void 0);};exports.EventView = void 0;(function(EventView){EventView["UpcomingEvents"]="upcoming";EventView["MyBookedEvents"]="booked";EventView["PastEvents"]="past";})(exports.EventView||(exports.EventView={}));var ToolbarEventViewSelector=function ToolbarEventViewSelector(_a){var value=_a.value,onChange=_a.onChange,viewOptions=_a.viewOptions;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(GlobalDropdownCalloutStyle,{},void 0),jsxRuntime.jsx(StyledDropdown$2,{options:dropDownOptions,onRenderOption:function(option){return jsxRuntime.jsxs(OptionSpan,{children:[jsxRuntime.jsx(officeUiFabricReact.Icon,{iconName:option.data.iconName},void 0),jsxRuntime.jsx("span",{children:option.text},void 0)]},option.key);},selectedKey:dropDownOptions.length>0?value||dropDownOptions[0].key:undefined,onChange:function(_,o){return onChange(o.key);},calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:officeUiFabricReact.ResponsiveMode.large,ariaLabel:formatMessage({id:'Events.chromelessDropdown'})},void 0)]},void 0);function getOptions(){var options=[];if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideUpcomingEventsView)){options.push({key:exports.EventView.UpcomingEvents,text:formatMessage({id:'Events.upcoming'}),data:{iconName:'Event'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideMyBookedEventsView)){options.push({key:exports.EventView.MyBookedEvents,text:formatMessage({id:'Events.myEvents'}),data:{iconName:'PrimaryCalendar'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hidePastEventsView)){options.push({key:exports.EventView.PastEvents,text:formatMessage({id:'Events.pastEvents'}),data:{iconName:'RemoveEvent'}});}return options;}};var GlobalDropdownCalloutStyle=_styled.createGlobalStyle(templateObject_1$7$2||(templateObject_1$7$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$2=_styled__default["default"](Dropdown).withConfig({displayName:"ToolbarEventViewSelector__StyledDropdown",componentId:"sc-ft0a2d-0"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var OptionSpan=_styled__default["default"].span.withConfig({displayName:"ToolbarEventViewSelector__OptionSpan",componentId:"sc-ft0a2d-1"})(templateObject_3$4$2||(templateObject_3$4$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$7$2,templateObject_2$5$1,templateObject_3$4$2;function useAttachmentsApi(){var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=React$d.useContext(AuthenticationContext).onRequestToken;return React$d.useMemo(function(){return {uploadImage:uploadImage,uploadFile:uploadFile,getFileUrl:getFileUrl,getImageUrl:getImageUrl,getChatMessageImageUrl:getChatMessageImageUrl};function uploadImage(basePath,subscriptionId,imageId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('image',file,file.name||"image."+lite.getExtension(file.type));return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/images/"+imageId,config)];}});});}function uploadFile(basePath,subscriptionId,fileId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('file',file);return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/files/"+fileId,config)];}});});}function getFileUrl(basePath,subscriptionId,item,fileId,token){token!==null&&token!==void 0?token:token=item.fileAccessToken;if(!token){return null;}return createApiUrl(basePath+"/attachments/"+item.attachmentContainerId+"/files/"+fileId,{subscriptionId:subscriptionId,access_token:token});}function getImageUrl(basePath,subscriptionId,item,imageId,width,height){return getImageInternal(basePath,subscriptionId,item.fileAccessToken,item.attachmentContainerId,imageId,width,height);}function getChatMessageImageUrl(basePath,subscriptionId,message,imageId,width,height){return getImageInternal(basePath,subscriptionId,message.fileAccessToken,message.attachmentContainerId,imageId,width,height);}function getImageInternal(basePath,subscriptionId,accessToken,attachmentContainerId,imageId,width,height){var url;if(width==null){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId;}else if(width==='default'){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/default";}else {url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/"+width+"/"+(height||'');}return createApiUrl(url,{subscriptionId:subscriptionId,access_token:accessToken});}},[onRequestToken,fetchFromApi,createApiUrl]);}function useLanguageApi(){var api=useApi();return React$d.useMemo(function(){var cachedLanguages=null;return {getAllLanguages:getAllLanguages,getAllLanguagesLocalized:getAllLanguagesLocalized,resolveActiveLanguages:resolveActiveLanguages,resolveUserLanguage:resolveUserLanguage};function getAllLanguages(){return cachedLanguages||(cachedLanguages=api.all('languages').getAll().then(function(result){return result.body().map(function(language){return language.data();});}));}function getAllLanguagesLocalized(intl){return __awaiter$1(this,void 0,void 0,function(){var ls;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:ls=_a.sent();return [2/*return*/,getLocalizedLanguages.apply(void 0,__spreadArray$1([intl],ls))];}});});}function resolveActiveLanguages(subscription){return __awaiter$1(this,void 0,void 0,function(){var allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return subscription.languages.find(function(al){return al.code===l.code;});})];}});});}function resolveUserLanguage(user){return __awaiter$1(this,void 0,void 0,function(){var activeLanguages,allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:activeLanguages=user.subscription.languages;return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return activeLanguages.find(function(al){return al.code===l.code;});})];}});});}},[api]);}_styled.createGlobalStyle(templateObject_1$6$2||(templateObject_1$6$2=__makeTemplateObject$1(["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"],["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"])));var templateObject_1$6$2;function useVideosApi(){var createApiUrl=useApiFactory().createApiUrl;return React$d.useMemo(function(){return {getVideoThumbnailUrl:getVideoThumbnailUrl,getBannerVideoThumbnailUrl:getBannerVideoThumbnailUrl};function getVideoThumbnailUrl(token,subscriptionId,videoSource,videoId){return createApiUrl("/videos/"+videoId+"/thumbnail",{access_token:token,subscriptionId:subscriptionId,videoSource:videoSource});}function getBannerVideoThumbnailUrl(token,itemId,subscriptionId,resourceType){return createApiUrl("/"+resourceType+"/"+itemId+"/videos/banner/thumbnail",{access_token:token,subscriptionId:subscriptionId});}},[createApiUrl]);}var UserAvatarUpdateTriggerAction=/** @class */function(){function UserAvatarUpdateTriggerAction(){this.type=UserAvatarUpdateTriggerAction.type;}UserAvatarUpdateTriggerAction.create=function(upn){var dispatch=new UserAvatarUpdateTriggerAction();dispatch.upn=upn;return dispatch;};UserAvatarUpdateTriggerAction.type='user_avatar_update';return UserAvatarUpdateTriggerAction;}();var Avatar=function Avatar(props){var features=useFeatures();var _a=React$d.useState(null),avatarUrl=_a[0],setAvatarUrl=_a[1];var getUserAvatarUrl=useAccountApi().getUserAvatarUrl;useListener(UserAvatarUpdateTriggerAction.type,function(action){if(action.upn===props.upn){loadAvatar(props.upn,props.tenantId);}return false;},[props.upn]);React$d.useEffect(function(){var subscription=loadAvatar(props.upn,props.tenantId);return function(){return subscription===null||subscription===void 0?void 0:subscription.unsubscribe();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77597
|
-
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsxRuntime.jsx(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled__default["default"](officeUiFabricReact.Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxRuntime.jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsxRuntime.jsx(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled__default["default"].div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:value.map(function(number,index){return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsxRuntime.jsx(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=_styled.css(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled__default["default"].a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/React$d.createElement(component,{value:value});}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ignoredProperties.includes('department')&&jsxRuntime.jsx(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsxRuntime.jsx(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsxRuntime.jsx(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsxRuntime.jsx(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsxRuntime.jsx(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsxRuntime.jsx(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsxRuntime.jsx(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsxRuntime.jsx(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsxRuntime.jsx(ErrorContainer$1,{children:upn?jsxRuntime.jsx(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsxRuntime.jsx(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxRuntime.jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsxRuntime.jsx(Avatar,{upn:userInfo.userPrincipalName,size:officeUiFabricReact.PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxRuntime.jsxs(ContactCard,{children:[jsxRuntime.jsx(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsxRuntime.jsx(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsxRuntime.jsx(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled__default["default"].div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled__default["default"].div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled__default["default"].div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled__default["default"](Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=React$d.useRef(null);var user=useCurrentUser();var _b=React$d.useState(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsxRuntime.jsx(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsxRuntime.jsx(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsxRuntime.jsx(Callout,__assign$1({className:"persona-card-callout",directionalHint:officeUiFabricReact.DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsxRuntime.jsx(CalloutHost,{children:jsxRuntime.jsx(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled__default["default"].div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled__default["default"].div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled__default["default"](officeUiFabricReact.ActionButton).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;var _path$2,_path2$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGenericError=function SvgGenericError(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$2$1({height:24,width:24,xmlns:"http://www.w3.org/2000/svg"},props),_path$2||(_path$2=/*#__PURE__*/React__namespace.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),_path2$2||(_path2$2=/*#__PURE__*/React__namespace.createElement("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"})));};var _path$1,_path2$1,_path3$1,_path4$1,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var Svg404=function Svg404(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:1000,height:500,xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("linearGradient",{id:"404_svg__a",gradientUnits:"userSpaceOnUse",x1:594.738,y1:340.93,x2:608.738,y2:397.597},/*#__PURE__*/React__namespace.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React__namespace.createElement("stop",{offset:1,style:{stopColor:"#a3a3a3"}})),_path$1||(_path$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"url(#404_svg__a)",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M882.59 268.468c21 32.432 1.741 59.432-13.259 63.072l-544.98 138.4-19.863-52"})),_path2$1||(_path2$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M309.589 459.468 108.158 144.484 615.943 80.06"})),_path3$1||(_path3$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M314.589 449.468 113.158 134.484 620.943 70.06"})),_path4$1||(_path4$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M319.589 439.468 118.158 124.484 625.943 60.06"})),_path5||(_path5=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468 123.158 114.484 630.943 50.06"})),_path6||(_path6=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468 128.158 104.484 635.943 40.06"})),_path7||(_path7=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M883.331 268.717 640.943 30.06 133.158 94.484l201.431 314.984"})),_path8||(_path8=/*#__PURE__*/React__namespace.createElement("path",{d:"m460.648 259.928-36.604 7.674L291.683 90.101l34.537-4.586z"})),_path9||(_path9=/*#__PURE__*/React__namespace.createElement("path",{d:"m401.208 182.809-163.089 28.484-69.033-104.912 37.759-5.013 52.715 76.977 122.712-20.106zM780.762 192.823l-27.785 5.824-147.145-150.26 26.932-3.576z"})),_path10||(_path10=/*#__PURE__*/React__namespace.createElement("path",{d:"m715.806 127.861-124.515 21.747-80.4-88.615 29.13-3.868 60.7 65.318 94.23-15.438zM563.239 237.975c-43.759 9.164-102.574-11.135-128.653-44.308l-45.591-57.995c-23.313-29.652-6.746-57.597 34.888-63.126 40.312-5.352 91.604 12.096 116.271 39.62l48.08 53.651c27.409 30.584 17.228 63.315-24.995 72.158zM441.853 93.878c-23.922 3.402-32.813 19.678-19.137 36.551l46.203 57.014c15.023 18.54 48.042 29.891 72.821 25.009 24.283-4.784 30.85-23.296 15.387-40.995l-47.628-54.522c-14.12-16.164-44.171-26.395-67.646-23.057zM527.416 340.863l-188.091 46.762-5.374-8.268 187.682-45.974zM707.02 296.212l-160.457 39.892-5.819-7.402 160.212-39.246zM861.95 257.694l-138.494 34.432-6.083-6.692 138.363-33.893zM515.896 325.966l-187.27 45.196-5.275-8.118 186.858-44.435zM694.942 282.752l-159.968 38.607-5.723-7.279 159.723-37.978zM849.57 245.433l-138.232 33.361-5.988-6.589 138.097-32.837zM504.568 311.314l-186.447 43.682-5.183-7.975 186.037-42.938zM683.051 269.501l-159.476 37.361-5.628-7.161 159.229-36.75zM837.369 233.348l-137.962 32.32-5.897-6.486 137.824-31.813zM493.428 296.907l-185.626 42.211-5.092-7.835 185.217-41.49zM671.344 256.452l-158.98 36.15-5.535-7.042 158.728-35.557zM825.344 221.436l-137.686 31.305-5.808-6.388 137.545-30.81z"})),_path11||(_path11=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M334.589 409.468c21 32.432-4.239 77.377-25 50"})),_path12||(_path12=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468c12.838 19.236-6.238 40-15 30"})),_path13||(_path13=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468c6 10-1.631 16-5 10"})));};var _path,_path2,_circle,_circle2,_circle3,_path3,_path4;function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var Svg403=function Svg403(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",width:1000,height:700,xmlSpace:"preserve"},props),_path||(_path=/*#__PURE__*/React__namespace.createElement("path",{fill:"#CCC",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291.15 264.771 339.471 223h321.334l48.321 42.428"})),_path2||(_path2=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291 267h418v418H291z"})),_circle||(_circle=/*#__PURE__*/React__namespace.createElement("circle",{fill:"#E6E6E6",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:166.456})),/*#__PURE__*/React__namespace.createElement("linearGradient",{id:"403_svg__a",gradientUnits:"userSpaceOnUse",x1:500.439,y1:340.568,x2:500.439,y2:606.898},/*#__PURE__*/React__namespace.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React__namespace.createElement("stop",{offset:1,style:{stopColor:"#9e9e9e"}})),_circle2||(_circle2=/*#__PURE__*/React__namespace.createElement("circle",{fill:"url(#403_svg__a)",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,cx:500.439,cy:473.349,r:133.165})),_circle3||(_circle3=/*#__PURE__*/React__namespace.createElement("circle",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:106.532})),_path3||(_path3=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M623 251.979c-13.344 0-24-4.776-24-18.12v-70.332c0-55.126-44.713-99.974-100-99.974s-100 44.848-100 99.974v69.124c0 13.344-11.156 18.12-24.5 18.12s-24.5-4.776-24.5-18.12v-69.124c0-81.77 66.569-148.295 148.5-148.295 81.932 0 148.5 66.525 148.5 148.295v70.332c0 13.344-10.656 18.12-24 18.12z"})),_path4||(_path4=/*#__PURE__*/React__namespace.createElement("path",{fill:"none",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,d:"M500 308v33M334 474h34M500 641v-34M668 476h-34M382.008 356.022l23.917 23.917M382.862 590.929l23.917-23.918M617.767 591.782l-23.917-23.917M619.477 356.022l-23.918 23.917"})));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";})(ErrorType||(ErrorType={}));/**
|
|
77597
|
+
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsxRuntime.jsx(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled__default["default"](officeUiFabricReact.Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxRuntime.jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsxRuntime.jsx(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsxRuntime.jsx(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled__default["default"](officeUiFabricReact.Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled__default["default"].div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsxRuntime.jsx(jsxRuntime.Fragment,{children:value.map(function(number,index){return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsxRuntime.jsx(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;var features=useFeatures();if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:features.userLocationLookup?jsxRuntime.jsx(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0):jsxRuntime.jsx(jsxRuntime.Fragment,{children:value},void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsxRuntime.jsx(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsxRuntime.jsx(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=_styled.css(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled__default["default"].a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled__default["default"](ReactRouterDom.Link).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/React$d.createElement(component,{value:value});}return jsxRuntime.jsx(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ignoredProperties.includes('department')&&jsxRuntime.jsx(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsxRuntime.jsx(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsxRuntime.jsx(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsxRuntime.jsx(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsxRuntime.jsx(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsxRuntime.jsx(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsxRuntime.jsx(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsxRuntime.jsx(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsxRuntime.jsx(ErrorContainer$1,{children:upn?jsxRuntime.jsx(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsxRuntime.jsx(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsxRuntime.jsx(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxRuntime.jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsxRuntime.jsx(Avatar,{upn:userInfo.userPrincipalName,size:officeUiFabricReact.PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxRuntime.jsxs(ContactCard,{children:[jsxRuntime.jsx(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsxRuntime.jsx(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsxRuntime.jsx(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled__default["default"].div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled__default["default"].div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled__default["default"].div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled__default["default"](Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=React$d.useRef(null);var user=useCurrentUser();var _b=React$d.useState(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsxRuntime.jsx(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsxRuntime.jsx(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsxRuntime.jsx(Callout,__assign$1({className:"persona-card-callout",directionalHint:officeUiFabricReact.DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsxRuntime.jsx(CalloutHost,{children:jsxRuntime.jsx(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled__default["default"].div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled__default["default"].div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled__default["default"](officeUiFabricReact.ActionButton).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;var _path$2,_path2$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGenericError=function SvgGenericError(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$2$1({height:24,width:24,xmlns:"http://www.w3.org/2000/svg"},props),_path$2||(_path$2=/*#__PURE__*/React__namespace.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),_path2$2||(_path2$2=/*#__PURE__*/React__namespace.createElement("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"})));};var _path$1,_path2$1,_path3$1,_path4$1,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var Svg404=function Svg404(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:1000,height:500,xmlSpace:"preserve"},props),/*#__PURE__*/React__namespace.createElement("linearGradient",{id:"404_svg__a",gradientUnits:"userSpaceOnUse",x1:594.738,y1:340.93,x2:608.738,y2:397.597},/*#__PURE__*/React__namespace.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React__namespace.createElement("stop",{offset:1,style:{stopColor:"#a3a3a3"}})),_path$1||(_path$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"url(#404_svg__a)",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M882.59 268.468c21 32.432 1.741 59.432-13.259 63.072l-544.98 138.4-19.863-52"})),_path2$1||(_path2$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M309.589 459.468 108.158 144.484 615.943 80.06"})),_path3$1||(_path3$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M314.589 449.468 113.158 134.484 620.943 70.06"})),_path4$1||(_path4$1=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M319.589 439.468 118.158 124.484 625.943 60.06"})),_path5||(_path5=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468 123.158 114.484 630.943 50.06"})),_path6||(_path6=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468 128.158 104.484 635.943 40.06"})),_path7||(_path7=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M883.331 268.717 640.943 30.06 133.158 94.484l201.431 314.984"})),_path8||(_path8=/*#__PURE__*/React__namespace.createElement("path",{d:"m460.648 259.928-36.604 7.674L291.683 90.101l34.537-4.586z"})),_path9||(_path9=/*#__PURE__*/React__namespace.createElement("path",{d:"m401.208 182.809-163.089 28.484-69.033-104.912 37.759-5.013 52.715 76.977 122.712-20.106zM780.762 192.823l-27.785 5.824-147.145-150.26 26.932-3.576z"})),_path10||(_path10=/*#__PURE__*/React__namespace.createElement("path",{d:"m715.806 127.861-124.515 21.747-80.4-88.615 29.13-3.868 60.7 65.318 94.23-15.438zM563.239 237.975c-43.759 9.164-102.574-11.135-128.653-44.308l-45.591-57.995c-23.313-29.652-6.746-57.597 34.888-63.126 40.312-5.352 91.604 12.096 116.271 39.62l48.08 53.651c27.409 30.584 17.228 63.315-24.995 72.158zM441.853 93.878c-23.922 3.402-32.813 19.678-19.137 36.551l46.203 57.014c15.023 18.54 48.042 29.891 72.821 25.009 24.283-4.784 30.85-23.296 15.387-40.995l-47.628-54.522c-14.12-16.164-44.171-26.395-67.646-23.057zM527.416 340.863l-188.091 46.762-5.374-8.268 187.682-45.974zM707.02 296.212l-160.457 39.892-5.819-7.402 160.212-39.246zM861.95 257.694l-138.494 34.432-6.083-6.692 138.363-33.893zM515.896 325.966l-187.27 45.196-5.275-8.118 186.858-44.435zM694.942 282.752l-159.968 38.607-5.723-7.279 159.723-37.978zM849.57 245.433l-138.232 33.361-5.988-6.589 138.097-32.837zM504.568 311.314l-186.447 43.682-5.183-7.975 186.037-42.938zM683.051 269.501l-159.476 37.361-5.628-7.161 159.229-36.75zM837.369 233.348l-137.962 32.32-5.897-6.486 137.824-31.813zM493.428 296.907l-185.626 42.211-5.092-7.835 185.217-41.49zM671.344 256.452l-158.98 36.15-5.535-7.042 158.728-35.557zM825.344 221.436l-137.686 31.305-5.808-6.388 137.545-30.81z"})),_path11||(_path11=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M334.589 409.468c21 32.432-4.239 77.377-25 50"})),_path12||(_path12=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468c12.838 19.236-6.238 40-15 30"})),_path13||(_path13=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468c6 10-1.631 16-5 10"})));};var _path,_path2,_circle,_circle2,_circle3,_path3,_path4;function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var Svg403=function Svg403(props){return/*#__PURE__*/React__namespace.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",width:1000,height:700,xmlSpace:"preserve"},props),_path||(_path=/*#__PURE__*/React__namespace.createElement("path",{fill:"#CCC",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291.15 264.771 339.471 223h321.334l48.321 42.428"})),_path2||(_path2=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291 267h418v418H291z"})),_circle||(_circle=/*#__PURE__*/React__namespace.createElement("circle",{fill:"#E6E6E6",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:166.456})),/*#__PURE__*/React__namespace.createElement("linearGradient",{id:"403_svg__a",gradientUnits:"userSpaceOnUse",x1:500.439,y1:340.568,x2:500.439,y2:606.898},/*#__PURE__*/React__namespace.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React__namespace.createElement("stop",{offset:1,style:{stopColor:"#9e9e9e"}})),_circle2||(_circle2=/*#__PURE__*/React__namespace.createElement("circle",{fill:"url(#403_svg__a)",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,cx:500.439,cy:473.349,r:133.165})),_circle3||(_circle3=/*#__PURE__*/React__namespace.createElement("circle",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:106.532})),_path3||(_path3=/*#__PURE__*/React__namespace.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M623 251.979c-13.344 0-24-4.776-24-18.12v-70.332c0-55.126-44.713-99.974-100-99.974s-100 44.848-100 99.974v69.124c0 13.344-11.156 18.12-24.5 18.12s-24.5-4.776-24.5-18.12v-69.124c0-81.77 66.569-148.295 148.5-148.295 81.932 0 148.5 66.525 148.5 148.295v70.332c0 13.344-10.656 18.12-24 18.12z"})),_path4||(_path4=/*#__PURE__*/React__namespace.createElement("path",{fill:"none",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,d:"M500 308v33M334 474h34M500 641v-34M668 476h-34M382.008 356.022l23.917 23.917M382.862 590.929l23.917-23.918M617.767 591.782l-23.917-23.917M619.477 356.022l-23.918 23.917"})));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";})(ErrorType||(ErrorType={}));/**
|
|
77598
77598
|
* Large alert. Template for 404, 403 etc.
|
|
77599
77599
|
*/function PageAlert(props){return jsxRuntime.jsx(Host$B,__assign$1({"data-page-alert":true},{children:jsxRuntime.jsxs(Content$b,{children:[props.errorType&&jsxRuntime.jsx(SvgContainer,__assign$1({onClick:props.onClick},{children:props.errorType===ErrorType.GenericError?jsxRuntime.jsx(SvgGenericError,{},void 0):props.errorType===ErrorType.Error403?jsxRuntime.jsx(Svg403,{},void 0):jsxRuntime.jsx(Svg404,{},void 0)}),void 0),jsxRuntime.jsx(Text,{children:props.alertText},void 0),jsxRuntime.jsx(AdditionalContent,{children:props.children},void 0)]},void 0)}),void 0);}var Host$B=_styled__default["default"].div.withConfig({displayName:"PageAlert__Host",componentId:"sc-gj7gx6-0"})(templateObject_1$2y||(templateObject_1$2y=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"],["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var Content$b=_styled__default["default"].div.withConfig({displayName:"PageAlert__Content",componentId:"sc-gj7gx6-1"})(templateObject_2$1H||(templateObject_2$1H=__makeTemplateObject$1(["\n padding: 30px;\n text-align: center;\n"],["\n padding: 30px;\n text-align: center;\n"])));var SvgContainer=_styled__default["default"].div.withConfig({displayName:"PageAlert__SvgContainer",componentId:"sc-gj7gx6-2"})(templateObject_3$1a||(templateObject_3$1a=__makeTemplateObject$1(["\n margin: 1rem auto;\n width: 100%;\n opacity: 0.7;\n\n > svg {\n height: auto;\n width: 10rem;\n }\n"],["\n margin: 1rem auto;\n width: 100%;\n opacity: 0.7;\n\n > svg {\n height: auto;\n width: 10rem;\n }\n"])));var Text=_styled__default["default"].p.withConfig({displayName:"PageAlert__Text",componentId:"sc-gj7gx6-3"})(templateObject_4$Q||(templateObject_4$Q=__makeTemplateObject$1(["\n width: 200px;\n min-width: 100%;\n color: black;\n"],["\n width: 200px;\n min-width: 100%;\n color: black;\n"])));var AdditionalContent=_styled__default["default"].div.withConfig({displayName:"PageAlert__AdditionalContent",componentId:"sc-gj7gx6-4"})(templateObject_5$G||(templateObject_5$G=__makeTemplateObject$1(["\n margin: auto;\n max-width: 400px;\n"],["\n margin: auto;\n max-width: 400px;\n"])));_styled__default["default"].div.withConfig({displayName:"PageAlert__CenteredAlert",componentId:"sc-gj7gx6-5"})(templateObject_6$v||(templateObject_6$v=__makeTemplateObject$1(["\n display: flex;\n justify-content: space-around;\n"],["\n display: flex;\n justify-content: space-around;\n"])));var templateObject_1$2y,templateObject_2$1H,templateObject_3$1a,templateObject_4$Q,templateObject_5$G,templateObject_6$v;var propTypes$1={exports:{}};/*
|
|
77600
77600
|
object-assign
|
|
@@ -77817,9 +77817,9 @@
|
|
|
77817
77817
|
}), void 0);
|
|
77818
77818
|
};
|
|
77819
77819
|
|
|
77820
|
-
var version$1 = "0.3.
|
|
77821
|
-
var buildId = "
|
|
77822
|
-
var commitId = "
|
|
77820
|
+
var version$1 = "0.3.105";
|
|
77821
|
+
var buildId = "103363";
|
|
77822
|
+
var commitId = "011d17d28039b1f3a1c14241628452bb3ca6b821";
|
|
77823
77823
|
var isCustomerBuild = false;
|
|
77824
77824
|
var buildInfo = {
|
|
77825
77825
|
version: version$1,
|
package/package.json
CHANGED