@livetiles/reach-components-react 0.3.117 → 0.3.124
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/NewsHero.d.ts +1 -1
- package/common/hero/Hero.d.ts +3 -1
- package/common/hero/HeroSlide.d.ts +3 -1
- package/de.async.esm.esm.js +8 -8
- package/index.d.ts +1 -1
- package/index.esm2.js +118 -92
- package/index.umd.js +126 -100
- package/package.json +1 -1
package/index.esm2.js
CHANGED
|
@@ -77483,7 +77483,7 @@ var domIterables$1={CSSRuleList:0,CSSStyleDeclaration:0,CSSValueList:0,ClientRec
|
|
|
77483
77483
|
if(CollectionPrototype$2[ITERATOR$3$1]!==ArrayValues$1)try{createNonEnumerableProperty$1$1(CollectionPrototype$2,ITERATOR$3$1,ArrayValues$1);}catch(error){CollectionPrototype$2[ITERATOR$3$1]=ArrayValues$1;}if(!CollectionPrototype$2[TO_STRING_TAG$2$1]){createNonEnumerableProperty$1$1(CollectionPrototype$2,TO_STRING_TAG$2$1,COLLECTION_NAME$1);}if(DOMIterables$1[COLLECTION_NAME$1])for(var METHOD_NAME$1 in ArrayIteratorMethods$1){// some Chrome versions have non-configurable methods on DOMTokenList
|
|
77484
77484
|
if(CollectionPrototype$2[METHOD_NAME$1]!==ArrayIteratorMethods$1[METHOD_NAME$1])try{createNonEnumerableProperty$1$1(CollectionPrototype$2,METHOD_NAME$1,ArrayIteratorMethods$1[METHOD_NAME$1]);}catch(error){CollectionPrototype$2[METHOD_NAME$1]=ArrayIteratorMethods$1[METHOD_NAME$1];}}}}var Tooltip=function Tooltip(props){var formatMessage=useIntl().formatMessage;return jsx$1(TooltipHost$1,__assign$1({},props,{// the className shouldn't be applied to this element directly, but instead to the host
|
|
77485
77485
|
// using the hostClassName property
|
|
77486
|
-
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return css$2(templateObject_5$f$1||(templateObject_5$f$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?css$2(templateObject_1$1j$1||(templateObject_1$1j$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):css$2(templateObject_2$P$1||(templateObject_2$P$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?css$2(templateObject_3$y$1||(templateObject_3$y$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):css$2(templateObject_4$k$1||(templateObject_4$k$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1j$1,templateObject_2$P$1,templateObject_3$y$1,templateObject_4$k$1,templateObject_5$f$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsx$1(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled.div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1i$1||(templateObject_1$1i$1=__makeTemplateObject$1(["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),HighlightBubble(),spacingXs,spacingM-5,fontSizeSmall,function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled.div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$O$1||(templateObject_2$O$1=__makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1i$1,templateObject_2$O$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsx$1(Host$C,__assign$1({className:className},{children:children}),void 0),jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsx$1(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$C=_styled.div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1h$1||(templateObject_1$1h$1=__makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),spacingM);var EditorSettingsDialogWithFixedWidth=_styled(EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$N$1||(templateObject_2$N$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1h$1,templateObject_2$N$1;var IconButton=_styled(IconButton$1).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1g$1||(templateObject_1$1g$1=__makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"],["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1g$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsx$1(Host$B,__assign$1({className:className},{children:!readOnly?jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsx$1(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsx$1(Spacer,{},void 0)}),void 0);};var Host$B=_styled.div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1f$1||(templateObject_1$1f$1=__makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"],["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));var ToggleIcon=_styled(IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$M$1||(templateObject_2$M$1=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"])),fontSizeMedium,fontSizeMedium+2);var Spacer=_styled.div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$x$1||(templateObject_3$x$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1f$1,templateObject_2$M$1,templateObject_3$x$1;var LinkStyle$1=css$2(templateObject_1$1e$1||(templateObject_1$1e$1=__makeTemplateObject$1(["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"],["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled(Link$3).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$L$1||(templateObject_2$L$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled(Link$4).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$w$1||(templateObject_3$w$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$1e$1,templateObject_2$L$1,templateObject_3$w$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsx$1(Host$A,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsx$1(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsx$1(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsx$1(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$A=_styled.div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$1d$1||(templateObject_1$1d$1=__makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"],["\n display: block;\n position: relative;\n z-index: 101;\n"])));var StyledMessageBar=_styled(MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$K$1||(templateObject_2$K$1=__makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"],["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"])),fontSizeMedium+2,fontSizeNormal,fontSizeMedium,fontSizeMedium,fontSizeNormal,fontSizeMedium,fontSizeSmall,spacingL,fontSizeMedium+2);var templateObject_1$1d$1,templateObject_2$K$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=useRef$1();var windowSize=useWindowSize$2();useEffect$1(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77486
|
+
className:undefined,role:props.role,onClick:props.onClick,hostClassName:props.className,content:!props.resourceKey&&!props.text?null:props.text||formatMessage({id:props.resourceKey},props.values||{}),calloutProps:{calloutWidth:props.width,hidden:props.hidden}},{children:props.children}),void 0);};var HighlightBubble=function HighlightBubble(style){return css$2(templateObject_5$f$1||(templateObject_5$f$1=__makeTemplateObject$1(["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "],["\n ","\n\n ","\n\n box-sizing: border-box;\n padding: ","px ","px;\n border-radius: ","px;\n display: flex;\n "])),(style===null||style===void 0?void 0:style.backgroundColor)?css$2(templateObject_1$1j$1||(templateObject_1$1j$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),style.backgroundColor):css$2(templateObject_2$O$1||(templateObject_2$O$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),defaultPageBackgroundColor),(style===null||style===void 0?void 0:style.color)?css$2(templateObject_3$y$1||(templateObject_3$y$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),style.color):css$2(templateObject_4$k$1||(templateObject_4$k$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.textColors.default;}),spacingXxs,spacingS,spacingM);};var templateObject_1$1j$1,templateObject_2$O$1,templateObject_3$y$1,templateObject_4$k$1,templateObject_5$f$1;var EditorHighlight=function EditorHighlight(_a){var tooltipResourceKey=_a.tooltipResourceKey,className=_a.className,props=__rest$1(_a,["tooltipResourceKey","className"]);return jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,className:className},{children:jsx$1(EditorHighlightBubble,__assign$1({},props,{"data-highlight-bubble":true}),void 0)}),void 0);};var EditorHighlightBubble=_styled.div.withConfig({displayName:"EditorHighlight__EditorHighlightBubble",componentId:"sc-1d6ahk1-0"})(templateObject_1$1i$1||(templateObject_1$1i$1=__makeTemplateObject$1(["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n ",";\n &:empty {\n display: none;\n }\n\n min-height: 30px;\n padding: ","px ","px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: ","px;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),HighlightBubble(),spacingXs,spacingM-5,fontSizeSmall,function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});_styled.div.withConfig({displayName:"EditorHighlight__ChannelsEditorBubbleHost",componentId:"sc-1d6ahk1-1"})(templateObject_2$N$1||(templateObject_2$N$1=__makeTemplateObject$1(["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"],["\n &:empty {\n display: none;\n }\n\n padding: 10px 0;\n\n cursor: ",";\n\n > * {\n opacity: ",";\n flex: 1 1 auto;\n }\n"])),function(_a){var readOnly=_a.readOnly;return readOnly?'inherit':'pointer';},function(_a){var isActive=_a.isActive;return isActive?1:0.4;});var templateObject_1$1i$1,templateObject_2$N$1;var EditorSettingsDialog=function EditorSettingsDialog(_a){var showDialog=_a.showDialog,onClose=_a.onClose,onClosed=_a.onClosed,handleSave=_a.handleSave,titleResource=_a.titleResource,disableSave=_a.disableSave,saveButtonResourceId=_a.saveButtonResourceId,children=_a.children,className=_a.className;var formatMessage=useIntl().formatMessage;return jsxs(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true,onDismissed:onClosed},dialogContentProps:{type:DialogType.normal,title:formatMessage({id:titleResource})},onDismiss:onClose},{children:[jsx$1(Host$C,__assign$1({className:className},{children:children}),void 0),jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-button":"cancel"},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({disabled:disableSave,onClick:handleSave,"data-button":"save"},{children:jsx$1(FormattedMessage$1,{id:saveButtonResourceId||'Generic.Save'},void 0)}),void 0)]},void 0)]}),void 0);};var Host$C=_styled.div.withConfig({displayName:"EditorSettingsDialog__Host",componentId:"sc-132lfuo-0"})(templateObject_1$1h$1||(templateObject_1$1h$1=__makeTemplateObject$1(["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"],["\n min-height: 45px;\n\n > *:not(:last-child) {\n margin-bottom: ","px;\n }\n"])),spacingM);var EditorSettingsDialogWithFixedWidth=_styled(EditorSettingsDialog).withConfig({displayName:"EditorSettingsDialog__EditorSettingsDialogWithFixedWidth",componentId:"sc-132lfuo-1"})(templateObject_2$M$1||(templateObject_2$M$1=__makeTemplateObject$1(["\n width: 360px;\n"],["\n width: 360px;\n"])));var templateObject_1$1h$1,templateObject_2$M$1;var IconButton=_styled(IconButton$1).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1g$1||(templateObject_1$1g$1=__makeTemplateObject$1(["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"],["\n && {\n &:not([disabled]) {\n color: ",";\n i {\n color: inherit;\n }\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$1g$1;var GutterToggle=function GutterToggle(_a){var checked=_a.checked,readOnly=_a.readOnly,onChange=_a.onChange,className=_a.className,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,ariaLabelResourceKey=_a.ariaLabelResourceKey;var formatMessage=useIntl().formatMessage;var name=checked?activeIconName||iconName||'CheckboxComposite':iconName||'Checkbox';return jsx$1(Host$B,__assign$1({className:className},{children:!readOnly?jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:jsx$1(ToggleIcon,{iconProps:{iconName:name},onClick:function(){return onChange(!checked);},ariaLabel:ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):null},void 0)}),void 0):jsx$1(Spacer,{},void 0)}),void 0);};var Host$B=_styled.div.withConfig({displayName:"GutterToggle__Host",componentId:"sc-1aya63j-0"})(templateObject_1$1f$1||(templateObject_1$1f$1=__makeTemplateObject$1(["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"],["\n margin: 0 21px 0 6px;\n\n @media (min-width: 700px) {\n margin: 0 10px 0 18px;\n }\n"])));var ToggleIcon=_styled(IconButton).withConfig({displayName:"GutterToggle__ToggleIcon",componentId:"sc-1aya63j-1"})(templateObject_2$L$1||(templateObject_2$L$1=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n font-size: ","px;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n font-size: inherit;\n margin: 0;\n }\n\n @media (min-width: 700px) {\n font-size: ","px;\n }\n }\n"])),fontSizeMedium,fontSizeMedium+2);var Spacer=_styled.div.withConfig({displayName:"GutterToggle__Spacer",componentId:"sc-1aya63j-2"})(templateObject_3$x$1||(templateObject_3$x$1=__makeTemplateObject$1(["\n width: 22px;\n"],["\n width: 22px;\n"])));var templateObject_1$1f$1,templateObject_2$L$1,templateObject_3$x$1;var LinkStyle$1=css$2(templateObject_1$1e$1||(templateObject_1$1e$1=__makeTemplateObject$1(["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"],["\n color: ",";\n text-decoration: underline;\n\n &:hover,\n &:visited {\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.accent;});var ExternalLink$2=_styled(Link$3).withConfig({displayName:"Link__ExternalLink",componentId:"sc-5x4ijx-0"})(templateObject_2$K$1||(templateObject_2$K$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var Link=_styled(Link$4).withConfig({displayName:"Link",componentId:"sc-5x4ijx-1"})(templateObject_3$w$1||(templateObject_3$w$1=__makeTemplateObject$1(["\n && {\n ",";\n }\n"],["\n && {\n ",";\n }\n"])),LinkStyle$1);var templateObject_1$1e$1,templateObject_2$K$1,templateObject_3$w$1;var NotificationBar=function NotificationBar(){var hideNotification=useNotificationContext().hideNotification;var _a=useContext(NotificationBarContext),isNotificationBarVisible=_a.isNotificationBarVisible,state=__rest$1(_a,["isNotificationBarVisible"]);var formatMessage=useIntl().formatMessage;var hasMessage=state.messageId||state.text;if(!isNotificationBarVisible){return null;}return jsx$1(Host$A,__assign$1({className:"notification-wrapper","data-notification-bar":true},{children:jsx$1(StyledMessageBar,__assign$1({messageBarType:state.messageBarType,className:state.className,actions:state.actions,onDismiss:function(){return hideNotification();},isMultiline:false,dismissButtonAriaLabel:formatMessage({id:'AriaLabel.closeNotificationBarButton'})},{children:hasMessage&&jsx$1(Tooltip,__assign$1({text:state.text,resourceKey:state.messageId,values:state.messageValues},{children:state.text||jsx$1(FormattedMessage$1,{id:state.messageId,values:state.messageValues||{}},void 0)}),void 0)}),void 0)}),void 0);};var Host$A=_styled.div.withConfig({displayName:"NotificationBar__Host",componentId:"sc-17dep9g-0"})(templateObject_1$1d$1||(templateObject_1$1d$1=__makeTemplateObject$1(["\n display: block;\n position: relative;\n z-index: 101;\n"],["\n display: block;\n position: relative;\n z-index: 101;\n"])));var StyledMessageBar=_styled(MessageBar).withConfig({displayName:"NotificationBar__StyledMessageBar",componentId:"sc-17dep9g-1"})(templateObject_2$J$1||(templateObject_2$J$1=__makeTemplateObject$1(["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"],["\n height: auto;\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);\n\n span {\n line-height: ","px !important;\n }\n\n .ms-MessageBar-text {\n color: #fff !important;\n margin: 15px 8px;\n\n @media (max-width: 479px) {\n margin-bottom: 8px;\n }\n }\n\n .ms-MessageBar-icon {\n color: #fff !important;\n }\n\n .ms-MessageBar-dismissal {\n i {\n color: #fff !important;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n }\n\n .ms-MessageBar-content {\n align-items: center;\n display: flex;\n i {\n color: #fff !important;\n }\n }\n\n &:not(.notification-bar--undo) {\n .ms-MessageBar-text {\n font-size: ","px;\n }\n\n .ms-MessageBar-icon {\n font-size: ","px;\n }\n\n .ms-MessageBar-dismissal {\n i {\n font-size: ","px;\n }\n }\n }\n\n &.ms-messageBar--info {\n background-color: white !important;\n\n .ms-MessageBar-icon,\n .ms-MessageBar-text,\n .ms-MessageBar-dismissal i {\n font-size: ","px;\n color: black !important;\n }\n }\n\n &.ms-MessageBar--success {\n background-color: #498526 !important;\n }\n\n &.ms-MessageBar--error {\n background-color: #c24844 !important;\n }\n\n &.ms-MessageBar--warning {\n background-color: #b95e06 !important;\n }\n\n &.notification-bar--undo {\n position: relative;\n\n .ms-MessageBar-icon {\n display: none !important;\n }\n\n .ms-MessageBar-text {\n font-size: ","px !important;\n font-weight: 500 !important;\n\n @media (max-width: 700px) {\n font-size: ","px !important;\n }\n }\n\n .ms-MessageBar-actionsOneline {\n padding-right: ","px;\n\n > div {\n width: 100%;\n display: flex;\n }\n }\n\n .ms-MessageBar-dismissOneline {\n position: absolute;\n right: 12px;\n top: calc(50% - 8px);\n z-index: 1;\n width: 35px;\n\n i {\n font-size: ","px;\n font-weight: bold;\n }\n }\n }\n"])),fontSizeMedium+2,fontSizeNormal,fontSizeMedium,fontSizeMedium,fontSizeNormal,fontSizeMedium,fontSizeSmall,spacingL,fontSizeMedium+2);var templateObject_1$1d$1,templateObject_2$J$1;var PeoplePicker=function PeoplePicker(props){var _a;var formatMessage=useIntl().formatMessage;var features=useFeatures();var user=useCurrentUser();var _b=useAccountApi(),searchAccounts=_b.searchAccounts,getUserAvatarUrl=_b.getUserAvatarUrl;var inputRef=useRef$1();var windowSize=useWindowSize$2();useEffect$1(function(){if(props.autoFocus&&inputRef&&inputRef.current){setTimeout(function(){inputRef.current.focus();});}},[inputRef,props.autoFocus]);var hasMultipleDirectories=((_a=user.subscription.directories)===null||_a===void 0?void 0:_a.length)>1;var isMulti=!props.selectionMode||props.selectionMode===SelectionMode.multiple;var selectedItems=props.selectedItems||[];var doInitialSearchOnlyLocal=hasMultipleDirectories;var pickerProps={defaultSelectedItems:(props.defaultSelectedItems||[]).map(function(a){return toPersona(a);}),resolveDelay:500,onResolveSuggestions:function(search){return resolveAccounts(search,doInitialSearchOnlyLocal);},onGetMoreResults:function(search){return resolveAccounts(search,false);},getTextFromItem:function(persona){return persona.text;},onChange:function(items){return handleChange(items);},pickerSuggestionsProps:{noResultsFoundText:formatMessage({id:'Generic.noResultsFound'}),searchForMoreText:doInitialSearchOnlyLocal&&!props.localOnly?formatMessage({id:'Generic.searchInDirectories'}):undefined,suggestionsContainerAriaLabel:formatMessage({id:'AriaLabel.peoplePicker.suggestionsContainer'})},disabled:props.disabled,pickerCalloutProps:{calloutMaxWidth:windowSize.width<maxScreenSize.small?300:0,className:'lt-reach-picker-callout'},inputProps:{id:props.inputId,required:props.required,'aria-required':props.required,'aria-label':props.inputAriaLabelResourceKey?formatMessage({id:props.inputAriaLabelResourceKey}):null},removeButtonAriaLabel:formatMessage({id:'AriaLabel.removeUserButton'})};if(props.onEmptyInputFocus){// only set onEmptyInputFocus if it's specified via props.
|
|
77487
77487
|
// Otherwise an empty result popup will be shown on focus.
|
|
77488
77488
|
pickerProps.onEmptyResolveSuggestions=function(){return prepareEmptyInputFocusItems(props.onEmptyInputFocus());};}if(props.placeholderStringResourceKey&&selectedItems.length===0){pickerProps.inputProps.placeholder=formatMessage({id:props.placeholderStringResourceKey});}if(props.selectedItems){pickerProps.selectedItems=selectedItems.map(function(a){return toPersona(a);});}return jsx$1(Container$1$1,__assign$1({className:classNames(props.className,'people-picker')},{children:jsx$1(NormalPeoplePicker,__assign$1({},pickerProps,{componentRef:inputRef,itemLimit:!isMulti?1:undefined}),void 0)}),void 0);function handleChange(selection){var updatedPeople=selection.map(function(p){return toAccount(p);});if(props.onChange){props.onChange(updatedPeople);}}function toPersona(account){var mail=isHiddenMail(account.mail)?null:account.mail;var upn=isHiddenMail(account.userPrincipalName)?null:account.userPrincipalName;var initials=getInitials(account.displayName||account.mail||account.userPrincipalName);var accountIdentifier=account.type===AccountType.User?upn:account.type===AccountType.Group?mail:null;var result={id:account.id,tokenUniqueId:account.tokenUniqueId,tenantId:account.tenantId,userPrincipalName:account.userPrincipalName,text:account.displayName||account.mail,secondaryText:(accountIdentifier||'')+(mail&&mail!==accountIdentifier?" ("+mail+")":''),tertiaryText:mail,imageInitials:initials,initialsColor:getPersonaInitialsColor(initials),key:accountIdentifier,accountType:account.type,authenticationType:account.authenticationType};if(features.avatars){getUserAvatarUrl(account.userPrincipalName).subscribe(function(url){return result.imageUrl=url;});}return result;}function toAccount(persona){return {id:persona.id,tokenUniqueId:persona.tokenUniqueId,tenantId:persona.tenantId,displayName:persona.text,userPrincipalName:persona.accountType!==AccountType.Group?persona.userPrincipalName:null,mail:isHiddenMail(persona.tertiaryText)?null:persona.tertiaryText,type:persona.accountType,authenticationType:persona.authenticationType};}function prepareEmptyInputFocusItems(accounts){if(isArray$3$1(accounts)){return excludeSelectedItems(accounts).map(toPersona);}return accounts.then(function(items){return excludeSelectedItems(items).map(toPersona);});}function resolveAccounts(search,localOnly){return __awaiter$1(this,void 0,void 0,function(){var emailAsAccount,result,items;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!search&&search.length===0){return [2/*return*/,[]];}emailAsAccount=props.allowMailItems&&isValidEmail(search)&&{mail:search,userPrincipalName:search,displayName:search,type:AccountType.User};_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,searchAccounts({search:search,type:props.accountType,includePendingInvitationUsers:props.includePendingInvitationUsers,includePendingRegistrationUsers:props.includePendingRegistrationUsers,localOnly:props.localOnly||localOnly})];case 2:result=_a.sent();if(emailAsAccount&&result.every(function(a){return !haveSameUpnOrMail(a,emailAsAccount);})){result.push(emailAsAccount);}if(props.additionalSearch){items=props.additionalSearch(search);if(items){result=result.concat(items);}}return [2/*return*/,excludeSelectedItems(result).map(toPersona)];case 3:_a.sent();return [2/*return*/,emailAsAccount&&[emailAsAccount].map(toPersona)];case 4:return [2/*return*/];}});});}function haveSameUpnOrMail(a,emailAsAccount){return (a.userPrincipalName||'').toLowerCase()===emailAsAccount.userPrincipalName.toLowerCase()||(a.mail||'').toLowerCase()===emailAsAccount.mail.toLowerCase();}function excludeSelectedItems(suggestions){if(!props.selectedItems&&!props.defaultSelectedItems&&!props.excludedItems){return suggestions;}var excludedItems=(props.excludedItems||[]).concat(props.selectedItems||props.defaultSelectedItems||[]);return suggestions.filter(function(s){return excludedItems.every(function(i){return !isSameAccount(i,s);});});}};function isSameAccount(a,b){if(a.id&&b.id){return a.id===b.id;}if(a.tokenUniqueId&&b.tokenUniqueId){return a.tokenUniqueId===b.tokenUniqueId;}return a.userPrincipalName===b.userPrincipalName;}function isArray$3$1(accounts){return typeof accounts.length!=='undefined';}var Container$1$1=_styled.div.withConfig({displayName:"PeoplePicker__Container",componentId:"sc-1if6guq-0"})(templateObject_1$1c$1||(templateObject_1$1c$1=__makeTemplateObject$1(["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"],["\n .ms-BasePicker-text {\n padding: 3px 6px;\n }\n\n input.ms-BasePicker-input {\n font-size: 14px;\n }\n"])));var templateObject_1$1c$1;var $$5$1=_export$1;var getOwnPropertyDescriptor$1$1=objectGetOwnPropertyDescriptor$1.f;var toLength$5$1=toLength$8$1;var notARegExp$3=notARegexp$2;var requireObjectCoercible$5$1=requireObjectCoercible$9$1;var correctIsRegExpLogic$3=correctIsRegexpLogic$2;var nativeStartsWith$1=''.startsWith;var min$2$1=Math.min;var CORRECT_IS_REGEXP_LOGIC$1=correctIsRegExpLogic$3('startsWith');// https://github.com/zloirock/core-js/pull/702
|
|
77489
77489
|
var MDN_POLYFILL_BUG$1=!CORRECT_IS_REGEXP_LOGIC$1&&!!function(){var descriptor=getOwnPropertyDescriptor$1$1(String.prototype,'startsWith');return descriptor&&!descriptor.writable;}();// `String.prototype.startsWith` method
|
|
@@ -77493,7 +77493,7 @@ $$5$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG$1&&!CORRECT_IS_REGEXP
|
|
|
77493
77493
|
var regexpFlags$1$2=function(){var that=anObject$8$1(this);var result='';if(that.global)result+='g';if(that.ignoreCase)result+='i';if(that.multiline)result+='m';if(that.dotAll)result+='s';if(that.unicode)result+='u';if(that.sticky)result+='y';return result;};var redefine$4$1=redefine$7$1.exports;var anObject$7$1=anObject$e$1;var fails$7$1=fails$h$1;var flags$2=regexpFlags$1$2;var TO_STRING$2='toString';var RegExpPrototype$1$1=RegExp.prototype;var nativeToString$2=RegExpPrototype$1$1[TO_STRING$2];var NOT_GENERIC$2=fails$7$1(function(){return nativeToString$2.call({source:'a',flags:'b'})!='/a/b';});// FF44- RegExp#toString has a wrong name
|
|
77494
77494
|
var INCORRECT_NAME$2=nativeToString$2.name!=TO_STRING$2;// `RegExp.prototype.toString` method
|
|
77495
77495
|
// https://tc39.github.io/ecma262/#sec-regexp.prototype.tostring
|
|
77496
|
-
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsx$1(Host$z$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsx$1("span",{children:fileName},void 0)}),void 0);};var Host$z$1=_styled.a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$1b$1||(templateObject_1$1b$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"],["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.accent;},spacingS);var templateObject_1$1b$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxs(Host$y$1,{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsx$1("source",{src:url,type:"audio/mpeg"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$y$1=_styled.div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$1a$1;_styled.div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$19$1||(templateObject_1$19$1=__makeTemplateObject$1(["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"],["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])),spacingL,spacingS);_styled.h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$
|
|
77496
|
+
if(NOT_GENERIC$2||INCORRECT_NAME$2){redefine$4$1(RegExp.prototype,TO_STRING$2,function toString(){var R=anObject$7$1(this);var p=String(R.source);var rf=R.flags;var f=String(rf===undefined&&R instanceof RegExp&&!('flags'in RegExpPrototype$1$1)?flags$2.call(R):rf);return '/'+p+'/'+f;},{unsafe:true});}var AttachedMediaDownloadLink=function AttachedMediaDownloadLink(_a){var fileName=_a.fileName,url=_a.url;return jsx$1(Host$z$1,__assign$1({href:url,target:"_blank",download:fileName,onMouseDown:function(e){return e.preventDefault();}},{children:jsx$1("span",{children:fileName},void 0)}),void 0);};var Host$z$1=_styled.a.withConfig({displayName:"AttachedMediaDownloadLink__Host",componentId:"sc-8hqs4q-0"})(templateObject_1$1b$1||(templateObject_1$1b$1=__makeTemplateObject$1(["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"],["\n margin-bottom: ","px;\n &&& {\n width: 100%;\n display: block;\n color: ",";\n line-height: 1.5em;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n margin-bottom: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.accent;},spacingS);var templateObject_1$1b$1;var AudioFile=function AudioFile(_a){var fileName=_a.fileName,url=_a.url;if(!url){return null;}return jsxs(Host$y$1,{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("audio",__assign$1({controls:true,title:fileName,controlsList:"nodownload"},{children:[jsx$1("source",{src:url,type:"audio/mpeg"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.audioReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isAudioFile(fileName){var fileType=lite.getType(fileName);return fileType&&fileType.toString().startsWith('audio/');}var Host$y$1=_styled.div.withConfig({displayName:"AudioFile__Host",componentId:"sc-wq9avv-0"})(templateObject_1$1a$1||(templateObject_1$1a$1=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var templateObject_1$1a$1;_styled.div.withConfig({displayName:"GroupedListItemStyles__GroupedListItemHost",componentId:"sc-upeq9r-0"})(templateObject_1$19$1||(templateObject_1$19$1=__makeTemplateObject$1(["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"],["\n margin-top: ","px;\n &:first-child {\n margin-top: ","px;\n\n > h2 {\n margin-top: 0;\n }\n }\n"])),spacingL,spacingS);_styled.h2.withConfig({displayName:"GroupedListItemStyles__GroupedListItemTitle",componentId:"sc-upeq9r-1"})(templateObject_2$I$1||(templateObject_2$I$1=__makeTemplateObject$1(["\n margin: ","px 0 ","px 0;\n font-weight: normal;\n font-size: ","px;\n color: ",";\n"],["\n margin: ","px 0 ","px 0;\n font-weight: normal;\n font-size: ","px;\n color: ",";\n"])),spacingL,spacingL,fontSizeMedium+2,function(p){return p.theme.textColors.default;});var templateObject_1$19$1,templateObject_2$I$1;var AttachmentHost=function AttachmentHost(_a){var children=_a.children,deleteButton=_a.deleteButton,domIdentifier=_a.domIdentifier,backgroundColor=_a.backgroundColor,className=_a.className;return jsxs(Host$x,__assign$1({className:className},{children:[deleteButton&&jsx$1(ButtonHost,{children:deleteButton},void 0),jsx$1(Inner$4$1,__assign$1({"data-attachment":domIdentifier,backgroundColor:backgroundColor},{children:children}),void 0)]}),void 0);};var Inner$4$1=_styled.div.withConfig({displayName:"AttachmentHost__Inner",componentId:"sc-mjwmvo-0"})(templateObject_1$18$1||(templateObject_1$18$1=__makeTemplateObject$1(["\n width: auto;\n border-radius: ","px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ","\n"],["\n width: auto;\n border-radius: ","px;\n overflow: hidden;\n /* fix for iOS and Safari: overflow: hidden with border-radius */\n transform: translateZ(0);\n\n ","\n"])),attachmentRoundedCornerSize,function(p){return p.backgroundColor?"background-color: "+p.backgroundColor+";":"background-color: "+p.theme.palette.white+";";});var ButtonHost=_styled.div.withConfig({displayName:"AttachmentHost__ButtonHost",componentId:"sc-mjwmvo-1"})(templateObject_2$H$1||(templateObject_2$H$1=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ",";\n border-top-right-radius: ","px;\n border-bottom-left-radius: ","px;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n background-color: ",";\n border-top-right-radius: ","px;\n border-bottom-left-radius: ","px;\n"])),function(p){return p.theme.palette.white;},attachmentRoundedCornerSize-1,attachmentRoundedCornerSize);var Host$x=_styled.div.withConfig({displayName:"AttachmentHost__Host",componentId:"sc-mjwmvo-2"})(templateObject_3$v$1||(templateObject_3$v$1=__makeTemplateObject$1(["\n position: relative;\n width: 100%;\n margin-top: ","px;\n"],["\n position: relative;\n width: 100%;\n margin-top: ","px;\n"])),spacingM);var templateObject_1$18$1,templateObject_2$H$1,templateObject_3$v$1;var ActionButton=_styled(ActionButton$1).withConfig({displayName:"ActionButton",componentId:"sc-hmhuj9-0"})(templateObject_1$17$1||(templateObject_1$17$1=__makeTemplateObject$1(["\n &&:not([disabled]) {\n color: ",";\n\n i {\n color: ",";\n }\n }\n"],["\n &&:not([disabled]) {\n color: ",";\n\n i {\n color: ",";\n }\n }\n"])),function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;},function(p){var _a;return (_a=p.color)!==null&&_a!==void 0?_a:p.theme.textColors.default;});var templateObject_1$17$1;var regexpStickyHelpers$2={};var fails$6$1=fails$h$1;// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError,
|
|
77497
77497
|
// so we use an intermediate function.
|
|
77498
77498
|
function RE$2(s,f){return RegExp(s,f);}regexpStickyHelpers$2.UNSUPPORTED_Y=fails$6$1(function(){// babel-minify transpiles RegExp('a', 'y') -> /a/y and it causes SyntaxError
|
|
77499
77499
|
var re=RE$2('a','y');re.lastIndex=2;return re.exec('abcd')!=null;});regexpStickyHelpers$2.BROKEN_CARET=fails$6$1(function(){// https://bugzilla.mozilla.org/show_bug.cgi?id=773687
|
|
@@ -77639,20 +77639,20 @@ resolve:function resolve(x){return promiseResolve$2(this,x);}});$$3$1({target:PR
|
|
|
77639
77639
|
all:function all(iterable){var C=this;var capability=newPromiseCapability$3(C);var resolve=capability.resolve;var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);var values=[];var counter=0;var remaining=1;iterate$3(iterable,function(promise){var index=counter++;var alreadyCalled=false;values.push(undefined);remaining++;$promiseResolve.call(C,promise).then(function(value){if(alreadyCalled)return;alreadyCalled=true;values[index]=value;--remaining||resolve(values);},reject);});--remaining||resolve(values);});if(result.error)reject(result.value);return capability.promise;},// `Promise.race` method
|
|
77640
77640
|
// https://tc39.github.io/ecma262/#sec-promise.race
|
|
77641
77641
|
race:function race(iterable){var C=this;var capability=newPromiseCapability$3(C);var reject=capability.reject;var result=perform$2(function(){var $promiseResolve=aFunction$2$1(C.resolve);iterate$3(iterable,function(promise){$promiseResolve.call(C,promise).then(capability.resolve,reject);});});if(result.error)reject(result.value);return capability.promise;}});var smallScreenSpacing=spacingS;var smallMaxContentWidth=minScreenSize.small-spacingX;var mediumMaxContentWidth=minScreenSize.medium-spacingX;_styled.div.withConfig({displayName:"ListItemsContainer",componentId:"sc-1ml8hli-0"})(templateObject_1$16$1||(templateObject_1$16$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n > [data-nothing-found],\n > [data-empty-unread-list] {\n margin-top: auto;\n }\n\n @media all and (max-width: ","px) {\n max-width: calc(100vw - ","px);\n margin-left: ","px;\n margin-right: ","px;\n }\n\n @media all and (min-width: ","px) {\n margin: 0 auto;\n\n > * {\n margin-top: ","px;\n }\n\n max-width: ","px;\n }\n\n @media all and (min-width: ","px) {\n max-width: ","px;\n }\n"],["\n display: flex;\n flex-direction: column;\n width: 100%;\n\n [data-content-toolbar] {\n margin-bottom: 0;\n }\n\n > * {\n margin-top: ","px;\n }\n\n > [data-nothing-found],\n > [data-empty-unread-list] {\n margin-top: auto;\n }\n\n @media all and (max-width: ","px) {\n max-width: calc(100vw - ","px);\n margin-left: ","px;\n margin-right: ","px;\n }\n\n @media all and (min-width: ","px) {\n margin: 0 auto;\n\n > * {\n margin-top: ","px;\n }\n\n max-width: ","px;\n }\n\n @media all and (min-width: ","px) {\n max-width: ","px;\n }\n"])),spacingS,maxScreenSize.small,spacingM,smallScreenSpacing,smallScreenSpacing,minScreenSize.small,spacingM,smallMaxContentWidth,minScreenSize.medium,mediumMaxContentWidth);var templateObject_1$16$1;function getGoogleMapsSearchLink(name){if(!name){return null;}return "https://www.google.com/maps/search/?api=1&"+queryString.stringify({query:name});}function getExternalContentUrl(item,language){var _a;if(!item.useExternalContent){return null;}var content=item.contents[language];if((content===null||content===void 0?void 0:content.active)&&(content===null||content===void 0?void 0:content.externalUrl)){return content.externalUrl;}return (_a=Object.values(item.contents).find(function(v){return v.active&&v.externalUrl;}))===null||_a===void 0?void 0:_a.externalUrl;}var DefaultSubscriptionName='LiveTiles Reach';function getSubscriptionName(subscription){if(subscription===null||subscription===void 0?void 0:subscription.subscriptionName){return subscription.subscriptionName;}if(subscription===null||subscription===void 0?void 0:subscription.company){return subscription.company;}return DefaultSubscriptionName;}// https://stackoverflow.com/a/13653180
|
|
77642
|
-
var LeftBannerWrapper=_styled.div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$
|
|
77643
|
-
var templateObject_1$15$1,templateObject_2$
|
|
77642
|
+
var LeftBannerWrapper=_styled.div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$G$1||(templateObject_2$G$1=__makeTemplateObject$1(["\n width: 100%;\n height: calc(\n ((100vw - ","px * 2) * (1 / ","))\n );\n ","\n\n @media (min-width: ","px) {\n height: calc((","px * (1 / ",")));\n }\n\n @media (min-width: ","px) {\n width: ","px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"],["\n width: 100%;\n height: calc(\n ((100vw - ","px * 2) * (1 / ","))\n );\n ","\n\n @media (min-width: ","px) {\n height: calc((","px * (1 / ",")));\n }\n\n @media (min-width: ","px) {\n width: ","px;\n height: 100%;\n }\n\n .video-view-container {\n height: 100%;\n }\n"])),smallScreenSpacing,bannerAspectRatio,function(p){return p.showPlaceholder&&css$2(templateObject_1$15$1||(templateObject_1$15$1=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.accent);},minScreenSize.small,smallMaxContentWidth,bannerAspectRatio,minScreenSize.medium,function(p){return p.defaultWidth?p.defaultWidth:250;});// react router dom path matcher stops at the next '/' (slash) character
|
|
77643
|
+
var templateObject_1$15$1,templateObject_2$G$1;_styled.div.withConfig({displayName:"AvailableSubscriptionList__Host",componentId:"sc-113n7q9-0"})(templateObject_1$14$1||(templateObject_1$14$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));_styled(ActionButton).withConfig({displayName:"AvailableSubscriptionList__SubscriptionButton",componentId:"sc-113n7q9-1"})(templateObject_2$F$1||(templateObject_2$F$1=__makeTemplateObject$1(["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ",";\n }\n"],["\n && {\n font-weight: bold;\n display: flex;\n flex-direction: row;\n justify-content: center;\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$14$1,templateObject_2$F$1;var Callout=function Callout(_a){var children=_a.children,props=__rest$1(_a,["children"]);return jsx$1(FocusTrapCallout,__assign$1({},props,{className:classNames(reachClassNames,'lt-reach-callout',props===null||props===void 0?void 0:props.className),focusTrapProps:{isClickableOutsideFocusTrap:true}},{children:children}),void 0);};_styled.span.withConfig({displayName:"ConfirmDeleteDialog__LinePreserverSpan",componentId:"sc-1ybmivq-0"})(templateObject_1$13$1||(templateObject_1$13$1=__makeTemplateObject$1(["\n white-space: pre-line;\n"],["\n white-space: pre-line;\n"])));_styled(TextField).withConfig({displayName:"ConfirmDeleteDialog__StyledTextField",componentId:"sc-1ybmivq-1"})(templateObject_2$E$1||(templateObject_2$E$1=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingM);_styled(PrimaryButton).withConfig({displayName:"ConfirmDeleteDialog__DeleteButton",componentId:"sc-1ybmivq-2"})(templateObject_3$u$1||(templateObject_3$u$1=__makeTemplateObject$1(["\n &&:not([disabled]) {\n background-color: ",";\n border-color: ",";\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n }\n"],["\n &&:not([disabled]) {\n background-color: ",";\n border-color: ",";\n\n &:hover {\n background-color: ",";\n border-color: ",";\n }\n }\n"])),function(p){return p.theme.palette.red;},function(p){return p.theme.palette.red;},function(p){return p.theme.palette.redDark;},function(p){return p.theme.palette.redDark;});var templateObject_1$13$1,templateObject_2$E$1,templateObject_3$u$1;var ConfirmDialog=function ConfirmDialog(_a){var showDialog=_a.showDialog,titleResourceKey=_a.titleResourceKey,titleResourceValues=_a.titleResourceValues,infoResourceKey=_a.infoResourceKey,infoResourceValues=_a.infoResourceValues,onConfirm=_a.onConfirm,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsx$1(Dialog,__assign$1({hidden:!showDialog,modalProps:{isBlocking:true},dialogContentProps:{type:DialogType.normal,subText:infoResourceKey?formatMessage({id:infoResourceKey},infoResourceValues):'',title:formatMessage({id:titleResourceKey},titleResourceValues),titleProps:{style:{color:accent}}},onDismiss:onClose},{children:jsxs(DialogFooter,{children:[jsx$1(DefaultButton,__assign$1({onClick:onClose,"data-cancel-button":true},{children:jsx$1(FormattedMessage$1,{id:"Generic.Cancel"},void 0)}),void 0),jsx$1(PrimaryButton,__assign$1({"data-ok-button":true,onClick:handleConfirm},{children:jsx$1(FormattedMessage$1,{id:"Generic.Ok"},void 0)}),void 0)]},void 0)}),void 0);function handleConfirm(){onConfirm===null||onConfirm===void 0?void 0:onConfirm();onClose===null||onClose===void 0?void 0:onClose();}};_styled.div.withConfig({displayName:"ConfirmResetDialog__Host",componentId:"sc-akcggz-0"})(templateObject_1$12$1||(templateObject_1$12$1=__makeTemplateObject$1(["\n max-width: 600px;\n"],["\n max-width: 600px;\n"])));var templateObject_1$12$1;var RelativeDateTime=function RelativeDateTime(_a){var absoluteValue=_a.value;var language=useContext(ResourceContext).language;var _b=selectUnit(absoluteValue),value=_b.value,unit=_b.unit;// we have to create a new IntlProvider instance here,
|
|
77644
77644
|
// because the locale can be different from the language,
|
|
77645
77645
|
// however the relative time (e.g. "10 seconds ago") should still be displayed
|
|
77646
77646
|
// depending on the language and not the locale
|
|
77647
77647
|
return jsx$1(IntlProvider$1,__assign$1({locale:language},{children:jsx$1(FormattedRelativeTime$1,{value:value,numeric:"auto",unit:unit,updateIntervalInSeconds:canSetInterval()?10:undefined},void 0)}),void 0);function canSetInterval(){// source: https://github.com/formatjs/react-intl/blob/master/docs/Components.md
|
|
77648
77648
|
// updateIntervalInSeconds cannot be enabled for unit longer than hour
|
|
77649
77649
|
return ['second','minute','hour'].some(function(u){return u===unit;});}};var MS_PER_SECOND=1e3;var SECS_PER_MIN=60;var SECS_PER_HOUR=SECS_PER_MIN*60;var SECS_PER_DAY=SECS_PER_HOUR*24;var SECS_PER_WEEK=SECS_PER_DAY*7;function selectUnit(from,to,thresholds){if(to===void 0){to=Date.now();}if(thresholds===void 0){thresholds={};}var resolvedThresholds=__assign$1(__assign$1({},DEFAULT_THRESHOLDS),thresholds||{});var secs=(+from-+to)/MS_PER_SECOND;if(Math.abs(secs)<resolvedThresholds.second){return {value:Math.round(secs),unit:'second'};}var mins=secs/SECS_PER_MIN;if(Math.abs(mins)<resolvedThresholds.minute){return {value:Math.round(mins),unit:'minute'};}var hours=secs/SECS_PER_HOUR;if(Math.abs(hours)<resolvedThresholds.hour){return {value:Math.round(hours),unit:'hour'};}var days=secs/SECS_PER_DAY;if(Math.abs(days)<resolvedThresholds.day){return {value:Math.round(days),unit:'day'};}var weeks=secs/SECS_PER_WEEK;if(Math.round(Math.abs(weeks))>0&&Math.abs(weeks)<resolvedThresholds.week){return {value:Math.round(weeks),unit:'week'};}var fromDate=new Date(from);var toDate=new Date(to);var years=fromDate.getFullYear()-toDate.getFullYear();var months=years*12+fromDate.getMonth()-toDate.getMonth();if(Math.round(Math.abs(months))>0&&Math.abs(months)<resolvedThresholds.month){return {value:Math.round(months),unit:'month'};}return {value:Math.round(years),unit:'year'};}var DEFAULT_THRESHOLDS={second:45,minute:45,hour:22,day:6,week:4,month:12// month to year
|
|
77650
|
-
};var isSameDay=function isSameDay(value){return moment(value).isSame(new Date(),'day');};var DateTime=function DateTime(props){var parsedTime=moment(props.value);var date=parsedTime.toDate();var shouldShowRelativeDate=!props.showAsAbsolute&&(props.showAsRelative||isSameDay(props.value));var timeProps={dateTime:date.toISOString(),title:parsedTime.format('LLLL')};if(!props.showWeekDay&&shouldShowRelativeDate){return jsx$1(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:jsx$1(RelativeDateTime,{value:date},void 0)}),void 0);}return jsxs(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:[jsx$1(FormattedDate,{weekday:props.showWeekDay?'long':undefined,day:"2-digit",month:"2-digit",year:"numeric",value:date},void 0),"\u00A0",jsx$1(FormattedTime,{value:date},void 0)]}),void 0);};var DateTimeRange=function DateTimeRange(_a){var startDate=_a.startDate,endDate=_a.endDate,className=_a.className;if(!endDate){return jsx$1("div",__assign$1({className:className},{children:jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0)}),void 0);}var start=moment(startDate);var end=moment(endDate);if(start.isSame(end,'d')){return jsxs("div",__assign$1({className:className},{children:[jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsx$1(FormattedTime,{value:end.toDate()},void 0)]}),void 0);}return jsxs("div",__assign$1({className:className},{children:[jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsx$1(DateTime,{value:endDate,showWeekDay:true},void 0)]}),void 0);};var Host$u$1=_styled.time.withConfig({displayName:"DateTime__Host",componentId:"sc-ulo84j-0"})(templateObject_1$11$1||(templateObject_1$11$1=__makeTemplateObject$1(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"])));var templateObject_1$11$1;_styled.div.withConfig({displayName:"Divider",componentId:"sc-1qr9ydh-0"})(templateObject_1$10$1||(templateObject_1$10$1=__makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ",";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ",";\n }\n }\n"],["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ",";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.palette.neutralTertiary;},defaultPageBackgroundColor);var templateObject_1$10$1;var Dropdown=function Dropdown(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsx$1(Dropdown$1,__assign$1({},props,{calloutProps:__assign$1(__assign$1({},props.calloutProps||{}),{className:classNames(reachClassNames,'lt-reach-dropdown',(_b=props.calloutProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0);};var EmptyList=function EmptyList(_a){var svg=_a.svg,icon=_a.icon,styleDefinition=_a.styleDefinition,_b=_a.emptyMessageResources,emptyMessageResources=_b===void 0?['EmptySearchResult.info1','EmptySearchResult.info2']:_b,additionalButton=_a.additionalButton,className=_a.className;var size=(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.size)||'large';return jsx$1(Container$3,__assign$1({className:className,offset:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.offset,"data-nothing-found":true},{children:jsxs(Inner$3$1,__assign$1({hasLargeParagraphStyle:!icon,hasLargeSvgStyle:size==='large'},{children:[icon&&jsx$1(Icon,{iconName:icon},void 0),!icon&&svg,emptyMessageResources.map(function(resource,index){return jsx$1("p",{children:jsx$1(FormattedMessage$1,{id:resource},void 0)},index);}),additionalButton]}),void 0)}),void 0);};var Container$3=_styled.div.withConfig({displayName:"EmptyList__Container",componentId:"sc-11jeabk-0"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"],["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"])),function(p){return p.offset?css$2(templateObject_1$$$1||(templateObject_1$$$1=__makeTemplateObject$1(["\n margin-top: ","px;\n "],["\n margin-top: ","px;\n "])),p.offset):css$2(templateObject_2$
|
|
77650
|
+
};var isSameDay=function isSameDay(value){return moment(value).isSame(new Date(),'day');};var DateTime=function DateTime(props){var parsedTime=moment(props.value);var date=parsedTime.toDate();var shouldShowRelativeDate=!props.showAsAbsolute&&(props.showAsRelative||isSameDay(props.value));var timeProps={dateTime:date.toISOString(),title:parsedTime.format('LLLL')};if(!props.showWeekDay&&shouldShowRelativeDate){return jsx$1(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:jsx$1(RelativeDateTime,{value:date},void 0)}),void 0);}return jsxs(Host$u$1,__assign$1({className:classNames(props.className)},timeProps,{children:[jsx$1(FormattedDate,{weekday:props.showWeekDay?'long':undefined,day:"2-digit",month:"2-digit",year:"numeric",value:date},void 0),"\u00A0",jsx$1(FormattedTime,{value:date},void 0)]}),void 0);};var DateTimeRange=function DateTimeRange(_a){var startDate=_a.startDate,endDate=_a.endDate,className=_a.className;if(!endDate){return jsx$1("div",__assign$1({className:className},{children:jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0)}),void 0);}var start=moment(startDate);var end=moment(endDate);if(start.isSame(end,'d')){return jsxs("div",__assign$1({className:className},{children:[jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsx$1(FormattedTime,{value:end.toDate()},void 0)]}),void 0);}return jsxs("div",__assign$1({className:className},{children:[jsx$1(DateTime,{value:startDate,showWeekDay:true},void 0),"\u00A0-\u00A0",jsx$1(DateTime,{value:endDate,showWeekDay:true},void 0)]}),void 0);};var Host$u$1=_styled.time.withConfig({displayName:"DateTime__Host",componentId:"sc-ulo84j-0"})(templateObject_1$11$1||(templateObject_1$11$1=__makeTemplateObject$1(["\n white-space: nowrap;\n"],["\n white-space: nowrap;\n"])));var templateObject_1$11$1;_styled.div.withConfig({displayName:"Divider",componentId:"sc-1qr9ydh-0"})(templateObject_1$10$1||(templateObject_1$10$1=__makeTemplateObject$1(["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ",";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ",";\n }\n }\n"],["\n margin: 1em 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n\n ::before {\n content: '';\n position: absolute;\n left: 0;\n display: block;\n width: 100%;\n border-top: 1px solid rgba(0, 0, 0, 0.1);\n }\n\n span {\n padding: 0.5em;\n text-transform: uppercase;\n z-index: 1;\n color: ",";\n background-color: #fff;\n\n @media all and (max-width: 767px) {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.palette.neutralTertiary;},defaultPageBackgroundColor);var templateObject_1$10$1;var Dropdown=function Dropdown(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsx$1(Dropdown$1,__assign$1({},props,{calloutProps:__assign$1(__assign$1({},props.calloutProps||{}),{className:classNames(reachClassNames,'lt-reach-dropdown',(_b=props.calloutProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0);};var EmptyList=function EmptyList(_a){var svg=_a.svg,icon=_a.icon,styleDefinition=_a.styleDefinition,_b=_a.emptyMessageResources,emptyMessageResources=_b===void 0?['EmptySearchResult.info1','EmptySearchResult.info2']:_b,additionalButton=_a.additionalButton,className=_a.className;var size=(styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.size)||'large';return jsx$1(Container$3,__assign$1({className:className,offset:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.offset,"data-nothing-found":true},{children:jsxs(Inner$3$1,__assign$1({hasLargeParagraphStyle:!icon,hasLargeSvgStyle:size==='large'},{children:[icon&&jsx$1(Icon,{iconName:icon},void 0),!icon&&svg,emptyMessageResources.map(function(resource,index){return jsx$1("p",{children:jsx$1(FormattedMessage$1,{id:resource},void 0)},index);}),additionalButton]}),void 0)}),void 0);};var Container$3=_styled.div.withConfig({displayName:"EmptyList__Container",componentId:"sc-11jeabk-0"})(templateObject_3$t$1||(templateObject_3$t$1=__makeTemplateObject$1(["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"],["\n min-width: 300px;\n max-width: 100%;\n\n ","\n"])),function(p){return p.offset?css$2(templateObject_1$$$1||(templateObject_1$$$1=__makeTemplateObject$1(["\n margin-top: ","px;\n "],["\n margin-top: ","px;\n "])),p.offset):css$2(templateObject_2$D$1||(templateObject_2$D$1=__makeTemplateObject$1(["\n margin: auto; /* ensure it's vertically centered in a flex container */\n "],["\n margin: auto; /* ensure it's vertically centered in a flex container */\n "])));});var Inner$3$1=_styled.div.withConfig({displayName:"EmptyList__Inner",componentId:"sc-11jeabk-1"})(templateObject_6$a$2||(templateObject_6$a$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n word-break: normal;\n margin: ","px 0;\n\n > p {\n font-size: ","px;\n margin: 0;\n min-width: 100%;\n width: ","px;\n }\n\n ","\n\n ","\n\n svg {\n color: ",";\n height: auto;\n max-width: 400px; /* it ensures svg is not too big */\n }\n\n > p + p {\n margin-top: ","px;\n }\n\n @media (max-width: ","px) {\n svg {\n transform: scale(0.8);\n }\n p {\n font-size: ","px;\n }\n }\n\n && button {\n height: ","px;\n align-items: center;\n margin-top: ","px;\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n\n span {\n font-weight: normal;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n word-break: normal;\n margin: ","px 0;\n\n > p {\n font-size: ","px;\n margin: 0;\n min-width: 100%;\n width: ","px;\n }\n\n ","\n\n ","\n\n svg {\n color: ",";\n height: auto;\n max-width: 400px; /* it ensures svg is not too big */\n }\n\n > p + p {\n margin-top: ","px;\n }\n\n @media (max-width: ","px) {\n svg {\n transform: scale(0.8);\n }\n p {\n font-size: ","px;\n }\n }\n\n && button {\n height: ","px;\n align-items: center;\n margin-top: ","px;\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n\n span {\n font-weight: normal;\n }\n }\n"])),spacingM,fontSizeSmall,spacingS,function(p){return !p.hasLargeSvgStyle&&css$2(templateObject_4$j$1||(templateObject_4$j$1=__makeTemplateObject$1(["\n > p {\n font-size: ","px;\n color: ",";\n }\n\n svg {\n margin-bottom: ","px;\n }\n "],["\n > p {\n font-size: ","px;\n color: ",";\n }\n\n svg {\n margin-bottom: ","px;\n }\n "])),fontSizeMedium,p.theme.palette.neutralSecondary,spacingL);},function(p){return p.hasLargeParagraphStyle&&p.hasLargeSvgStyle&&css$2(templateObject_5$e$1||(templateObject_5$e$1=__makeTemplateObject$1(["\n > p {\n font-size: ","px;\n font-weight: 500;\n margin: ","px 0 0;\n color: ",";\n opacity: 80%;\n }\n\n > i {\n font-size: 100px;\n padding-bottom: ","px;\n padding-top: ","px;\n\n @media (min-height: ","px) {\n padding-top: 150px;\n }\n }\n "],["\n > p {\n font-size: ","px;\n font-weight: 500;\n margin: ","px 0 0;\n color: ",";\n opacity: 80%;\n }\n\n > i {\n font-size: 100px;\n padding-bottom: ","px;\n padding-top: ","px;\n\n @media (min-height: ","px) {\n padding-top: 150px;\n }\n }\n "])),fontSizeLarge+7,spacingM,function(p){return p.theme.palette.accent;},spacingL,spacingL,minScreenSize.small);},function(p){return p.theme.palette.accent;},spacingXxs,maxScreenSize.medium,fontSizeLarge-1,spacingL,spacingL);var templateObject_1$$$1,templateObject_2$D$1,templateObject_3$t$1,templateObject_4$j$1,templateObject_5$e$1,templateObject_6$a$2;var hasFlag=function hasFlag(baseValue,flag){return baseValue!=null&&(baseValue&flag)===flag;};_styled.p.withConfig({displayName:"ErrorSection__Host",componentId:"sc-1muscsm-0"})(templateObject_1$_$1||(templateObject_1$_$1=__makeTemplateObject$1(["\n max-width: 600px;\n margin: 0;\n"],["\n max-width: 600px;\n margin: 0;\n"])));var templateObject_1$_$1;var $$2$2=_export$1;var aFunction$1$1=aFunction$7$1;var toObject$2$1=toObject$7$1;var fails$2$2=fails$h$1;var arrayMethodIsStrict$3=arrayMethodIsStrict$2$1;var test$4=[];var nativeSort$1=test$4.sort;// IE8-
|
|
77651
77651
|
var FAILS_ON_UNDEFINED$1=fails$2$2(function(){test$4.sort(undefined);});// V8 bug
|
|
77652
77652
|
var FAILS_ON_NULL$1=fails$2$2(function(){test$4.sort(null);});// Old WebKit
|
|
77653
77653
|
var STRICT_METHOD$2=arrayMethodIsStrict$3('sort');var FORCED$4=FAILS_ON_UNDEFINED$1||!FAILS_ON_NULL$1||!STRICT_METHOD$2;// `Array.prototype.sort` method
|
|
77654
77654
|
// https://tc39.github.io/ecma262/#sec-array.prototype.sort
|
|
77655
|
-
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled.div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$Z$1||(templateObject_1$Z$1=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"],["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$
|
|
77655
|
+
$$2$2({target:'Array',proto:true,forced:FORCED$4},{sort:function sort(comparefn){return comparefn===undefined?nativeSort$1.call(toObject$2$1(this)):nativeSort$1.call(toObject$2$1(this),aFunction$1$1(comparefn));}});_styled.div.withConfig({displayName:"FieldTranslationEditor__Host",componentId:"sc-1s8zb6d-0"})(templateObject_1$Z$1||(templateObject_1$Z$1=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"],["\n display: flex;\n flex-flow: column;\n flex: 1 1 100%;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__TranslationField",componentId:"sc-1s8zb6d-1"})(templateObject_2$C$1||(templateObject_2$C$1=__makeTemplateObject$1(["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"],["\n display: flex;\n label {\n font-weight: bold !important;\n }\n"])));_styled(TextField).withConfig({displayName:"FieldTranslationEditor__StyledTextField",componentId:"sc-1s8zb6d-2"})(templateObject_3$s$1||(templateObject_3$s$1=__makeTemplateObject$1(["\n margin-top: 5px;\n flex: 1 1 auto;\n"],["\n margin-top: 5px;\n flex: 1 1 auto;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__Header",componentId:"sc-1s8zb6d-3"})(templateObject_4$i$1||(templateObject_4$i$1=__makeTemplateObject$1(["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"],["\n cursor: default;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: bold;\n padding-top: 10px;\n"])));_styled.div.withConfig({displayName:"FieldTranslationEditor__Buttons",componentId:"sc-1s8zb6d-4"})(templateObject_5$d$1||(templateObject_5$d$1=__makeTemplateObject$1(["\n display: flex;\n"],["\n display: flex;\n"])));var templateObject_1$Z$1,templateObject_2$C$1,templateObject_3$s$1,templateObject_4$i$1,templateObject_5$d$1;var Spinner=function Spinner(props){var _a=useState$2(props.delay==null),isVisible=_a[0],setIsVisible=_a[1];useEffect$1(function(){if(!props.delay==null){return undefined;}var timeoutHandle=setTimeout(function(){return setIsVisible(true);},props.delay);return function(){return clearTimeout(timeoutHandle);};},[props.delay]);if(!isVisible){return null;}return jsx$1(Host$r$1,__assign$1({className:props.className},{children:jsx$1(Spinner$1,__assign$1({},props,{className:""}),void 0)}),void 0);};var Host$r$1=_styled.div.withConfig({displayName:"Spinner__Host",componentId:"sc-1wroad6-0"})(templateObject_1$Y$1||(templateObject_1$Y$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"],["\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 10%;\n > .ms-Spinner {\n flex: 0 0 auto;\n > .ms-Spinner-circle {\n border-color: #b2b2b2 !important;\n border-top-color: #929292 !important;\n }\n }\n"])));var templateObject_1$Y$1;var fixRegExpWellKnownSymbolLogic$5=fixRegexpWellKnownSymbolLogic$2;var isRegExp$6=isRegexp$2;var anObject$j=anObject$e$1;var requireObjectCoercible$1$2=requireObjectCoercible$9$1;var speciesConstructor$3=speciesConstructor$2$1;var advanceStringIndex$5=advanceStringIndex$2$1;var toLength$2$1=toLength$8$1;var callRegExpExec$1=regexpExecAbstract$2;var regexpExec$5=regexpExec$3$1;var fails$1$2=fails$h$1;var arrayPush$1=[].push;var min=Math.min;var MAX_UINT32$1=0xFFFFFFFF;// babel-minify transpiles RegExp('x', 'y') -> /x/y and it causes SyntaxError
|
|
77656
77656
|
var SUPPORTS_Y$1=!fails$1$2(function(){return !RegExp(MAX_UINT32$1,'y');});// @@split logic
|
|
77657
77657
|
fixRegExpWellKnownSymbolLogic$5('split',2,function(SPLIT,nativeSplit,maybeCallNative){var internalSplit;if('abbc'.split(/(b)*/)[1]=='c'||'test'.split(/(?:)/,-1).length!=4||'ab'.split(/(?:ab)*/).length!=2||'.'.split(/(.?)(.?)/).length!=4||'.'.split(/()()/).length>1||''.split(/.?/).length){// based on es5-shim implementation, need to rework it
|
|
77658
77658
|
internalSplit=function(separator,limit){var string=String(requireObjectCoercible$1$2(this));var lim=limit===undefined?MAX_UINT32$1:limit>>>0;if(lim===0)return [];if(separator===undefined)return [string];// If `separator` is not a regex, use native split
|
|
@@ -77676,18 +77676,18 @@ var splitter=new C(SUPPORTS_Y$1?rx:'^(?:'+rx.source+')',flags);var lim=limit===u
|
|
|
77676
77676
|
var src=browserInfo.name==='safari'?url+"#t=0.1":url;return jsxs("div",{children:[jsx$1(AttachedMediaDownloadLink,{fileName:fileName,url:url},void 0),jsxs("video",__assign$1({preload:"metadata",controls:true,title:fileName,width:"auto",height:"auto"},{children:[jsx$1("source",{src:src,type:"video/mp4"},void 0),jsx$1(FormattedMessage$1,{id:"Generic.videoReplayError",tagName:"p"},void 0)]}),void 0)]},void 0);};function isVideoFile(fileName){var _a;var os=env.deviceInfo.operatingSystem;var isApple=os==='mac';var fileType=(_a=lite.getType(fileName))===null||_a===void 0?void 0:_a.toString();if(!fileType){return false;}if(fileType.startsWith(VideoMimeTypes.mp4)){return true;}return isApple?fileType.startsWith(VideoMimeTypes.quicktime):fileType.startsWith(VideoMimeTypes.webm);}var CardBorderInline=function CardBorderInline(xRadius,yRadius){var xShadow=xRadius/2;var yShadow=yRadius/2;var radius=Math.abs(xRadius)+Math.abs(yRadius);return "\n box-shadow: "+xShadow+"px "+yShadow+"px "+radius+"px grey;\n ";};var InputPlaceholder=function InputPlaceholder(content){return "\n &:-moz-placeholder {\n "+content+";\n }\n &::-moz-placeholder {\n "+content+";\n }\n &:-ms-input-placeholder {\n "+content+";\n }\n &::-webkit-input-placeholder {\n "+content+";\n }\n ";};var LineClamp=function LineClamp(lines,fontSize,lineHeight){return css$2(templateObject_1$X$1||(templateObject_1$X$1=__makeTemplateObject$1(["\n display: block;\n display: -webkit-box;\n max-height: ","px;\n font-size: ","px;\n line-height: ",";\n -webkit-line-clamp: ",";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "],["\n display: block;\n display: -webkit-box;\n max-height: ","px;\n font-size: ","px;\n line-height: ",";\n -webkit-line-clamp: ",";\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n "])),fontSize*lineHeight*lines,fontSize,lineHeight,lines);};function getImageSize(url){var image=new Image();var promise=new Promise(function(resolve){image.onload=function(e){var i=e.currentTarget;resolve({width:i.width,height:i.height});};});image.src=url;return promise;}function getFileIcon(filename){if(isAudioFile(filename)){return 'MusicInCollectionFill';}if(isVideoFile(filename)){return 'Video';}var extension=filename===null||filename===void 0?void 0:filename.split('.').pop().toLowerCase();return getFileIconByExtension(extension);}function getIconColor(fileIcon){switch(fileIcon){case'WordDocument':return '#1C5FC0';case'ExcelDocument':return '#138147';case'PowerPointDocument':return '#CA4B27';case'VisioDocument':return '#1C5FBF';case'PDF':return '#CF1700';default:return '#000';}}function getFileIconByExtension(extension){switch(extension===null||extension===void 0?void 0:extension.toLowerCase()){case'vsdx':return 'VisioDocument';case'rar':case'zip':case'7z':return 'ZipFolder';case'pdf':return 'PDF';case'doc':case'docx':return 'WordDocument';case'xls':case'xlsx':case'csv':return 'ExcelDocument';case'ppt':case'pptx':case'potx':case'ppsx':return 'PowerPointDocument';case'mp4':case'webm':case'mpeg':case'avi':case'ogv':return 'Video';case'aac':case'mp3':case'oga':case'opus':case'wav':case'weba':return 'MusicInCollectionFill';case'bmp':case'gif':case'ico':case'jpeg':case'jpg':case'png':case'svg':case'tif':case'webp':return 'FileImage';default:return 'Page';}}var templateObject_1$X$1;function useFileAccessTokenApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var identifier=useContext(SubscriptionIdContext).identifier;var env=useEnvironmentConfig();var subscriptionId=identifier===null||identifier===void 0?void 0:identifier.id;return useMemo(function(){return {exchangeShortLivedToken:exchangeShortLivedToken,getPublishableItemShortLivedToken:getPublishableItemShortLivedToken,createDownloadClickHandler:createDownloadClickHandler};// Creates a click handler that is safe to be used on iOS.
|
|
77677
77677
|
// iOS does not allow async onClick handler that open a new window
|
|
77678
77678
|
// with `window.open(url, '_blank')`
|
|
77679
|
-
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$W$1||(templateObject_1$W$1=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$C$1||(templateObject_2$C$1=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$q$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$2$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$q$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"],["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$2$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$W$1,templateObject_2$C$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$V$1||(templateObject_1$V$1=__makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"],["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));var templateObject_1$V$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"],["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?css$2(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$U$1,templateObject_2$B$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$T$1||(templateObject_1$T$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"])),spacingXs,fontSizeSmall);var templateObject_1$T$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77679
|
+
function createDownloadClickHandler(target,getUrl){var _this=this;return function(){return __awaiter$1(_this,void 0,void 0,function(){var url;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getUrl()];case 1:url=_a.sent();window.open(url,env.deviceInfo.operatingSystem==='ios'?'_self':target);return [2/*return*/];}});});};}function getPublishableItemShortLivedToken(basePath,itemId){return api.custom(basePath+"/"+itemId+"/file_access_token/types/short_lived").get().then(function(r){return r.body().data();});}function exchangeShortLivedToken(fileAccessToken){return __awaiter$1(this,void 0,void 0,function(){var config,response;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!fileAccessToken){return [2/*return*/,null];}config={method:'POST',headers:{authorization:'Bearer '+fileAccessToken,'subscription-id':subscriptionId}};return [4/*yield*/,fetchFromApi("/file_access_token/types/short_lived",config)];case 1:response=_a.sent();return [2/*return*/,response.status!==200?null:response.text()];}});});}},[subscriptionId,fetchFromApi,createApiUrl,api]);}var FileAttachmentList=function FileAttachmentList(_a){var files=_a.files,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled,className=_a.className;if(!files||files.length===0){return null;}var audioFiles=files.filter(function(f){return getFileUrl&&isAudioFile(f.filename);});var videoFiles=files.filter(function(f){return getFileUrl&&isVideoFile(f.filename);});var otherFiles=files.filter(function(f){return !audioFiles.includes(f)&&!videoFiles.includes(f);});return jsxs(Fragment,{children:[videoFiles.length>0&&jsx$1(VideoFilesListHost,__assign$1({className:className,"data-preload-video":browserInfo.name==='safari'},{children:videoFiles.map(function(f){return jsx$1(VideoFileItem,{children:jsx$1(VideoFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),audioFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:audioFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(AudioFile,{fileName:f.filename,url:getFileUrl(f.id)},void 0)},f.id);})}),void 0),otherFiles.length>0&&jsx$1(FilesListHost,__assign$1({className:className},{children:otherFiles.map(function(f){return jsx$1(FileItem,{children:jsx$1(FileAttachmentPreview,{attachment:f,disabled:disabled,getFileUrl:getFileUrl,fileAccessToken:fileAccessToken,onDeleteClick:onDeleteClick},void 0)},f.id);})}),void 0)]},void 0);};var FilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__FilesListHost",componentId:"sc-lwztxx-0"})(templateObject_1$W$1||(templateObject_1$W$1=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n margin: 0;\n padding: 0;\n list-style: none;\n\n audio {\n width: 100%;\n }\n"])));var VideoFilesListHost=_styled.ul.withConfig({displayName:"FileAttachmentList__VideoFilesListHost",componentId:"sc-lwztxx-1"})(templateObject_2$B$1||(templateObject_2$B$1=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n video {\n width: 100%;\n border-radius: ","px;\n overflow: hidden;\n }\n\n &[data-preload-video='true'] {\n video {\n box-shadow: inset 0 0 0 0.5px #707070, 0 0 0 0.5px #707070;\n background-color: #e4e4e4;\n }\n }\n"])),videoAttachmentRoundedCornerSize);var VideoFileItem=_styled.li.withConfig({displayName:"FileAttachmentList__VideoFileItem",componentId:"sc-lwztxx-2"})(templateObject_3$r$1||(templateObject_3$r$1=__makeTemplateObject$1(["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"],["\n &:not(:first-child) {\n margin-top: ","px;\n }\n"])),spacingS);var FileItem=_styled.li.withConfig({displayName:"FileAttachmentList__FileItem",componentId:"sc-lwztxx-3"})(templateObject_4$h$1||(templateObject_4$h$1=__makeTemplateObject$1(["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"],["\n width: 100%;\n &:not(:first-child) {\n margin-top: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n &:nth-child(2) {\n margin-top: 0;\n }\n }\n"])),spacingS,minScreenSize.small,spacingS-5);var FileAttachmentPreview=function FileAttachmentPreview(_a){var attachment=_a.attachment,onDeleteClick=_a.onDeleteClick,getFileUrl=_a.getFileUrl,fileAccessToken=_a.fileAccessToken,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var showDeleteButton=!disabled&&onDeleteClick;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;return jsxs(Host$q$1,{children:[attachment.isUploadInProgress&&jsx$1(AttachmentOverlay$1,{children:jsx$1(CenteredSpinner$1,{size:SpinnerSize.medium},void 0)},void 0),jsx$1(Inner$2$1,__assign$1({takeFullWidth:!showDeleteButton},{children:renderInnerTileContent()}),void 0),showDeleteButton&&jsx$1(DeleteButton,{iconProps:{iconName:'Delete'},onClick:function(){return onDeleteClick(attachment);},disabled:attachment.isUploadInProgress,ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)]},void 0);function renderInnerTileContent(){var _this=this;if(attachment.hasError){return jsxs(FileNameContainer,{children:[jsx$1(WarningIcon$1,{iconName:"Warning"},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}var iconName=getFileIcon(attachment.filename);if(getFileUrl){return jsxs(DownloadButton$4,__assign$1({title:attachment.filename,onClick:createDownloadClickHandler('_blank',function(){return __awaiter$1(_this,void 0,void 0,function(){var token;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(attachment.id,token)];}});});})},{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,{children:attachment.filename},void 0)]}),void 0);}return jsxs(FileNameContainer,{children:[jsx$1(FileIcon$2,{iconName:iconName},void 0),jsx$1(FileName,__assign$1({title:attachment.filename},{children:attachment.filename}),void 0)]},void 0);}};var Host$q$1=_styled.div.withConfig({displayName:"FileAttachmentList__Host",componentId:"sc-lwztxx-4"})(templateObject_5$c$2||(templateObject_5$c$2=__makeTemplateObject$1(["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"],["\n position: relative;\n display: flex;\n border: 1px solid #95989a;\n border-radius: 2px;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var DownloadButton$4=_styled(DefaultButton).withConfig({displayName:"FileAttachmentList__DownloadButton",componentId:"sc-lwztxx-5"})(templateObject_6$9$2||(templateObject_6$9$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n color: ",";\n box-sizing: border-box;\n padding: ","px;\n border: 0;\n height: auto;\n\n &:hover {\n background-color: initial;\n color: ",";\n }\n\n & > span {\n max-width: 100%;\n }\n\n // make the entire tile clickable\n button::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 0;\n }\n"])),function(p){return p.theme.textColors.default;},spacingS,function(p){return p.theme.textColors.default;});var Inner$2$1=_styled.span.withConfig({displayName:"FileAttachmentList__Inner",componentId:"sc-lwztxx-6"})(templateObject_9$4$2||(templateObject_9$4$2=__makeTemplateObject$1(["\n display: inline-flex;\n\n ","\n"],["\n display: inline-flex;\n\n ","\n"])),function(p){return p.takeFullWidth?css$2(templateObject_7$6$2||(templateObject_7$6$2=__makeTemplateObject$1(["\n width: 100%;\n "],["\n width: 100%;\n "]))):css$2(templateObject_8$5$2||(templateObject_8$5$2=__makeTemplateObject$1(["\n width: calc(100% - 34px); // delete button size;\n "],["\n width: calc(100% - 34px); // delete button size;\n "])));});var FileNameContainer=_styled.span.withConfig({displayName:"FileAttachmentList__FileNameContainer",componentId:"sc-lwztxx-7"})(templateObject_10$2$2||(templateObject_10$2$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"],["\n display: flex;\n width: 100%;\n box-sizing: border-box;\n padding: ","px;\n"])),spacingS);var FileIcon$2=_styled(Icon).withConfig({displayName:"FileAttachmentList__FileIcon",componentId:"sc-lwztxx-8"})(templateObject_11$2$2||(templateObject_11$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n font-size: 18px;\n"],["\n margin-right: ","px;\n font-size: 18px;\n"])),spacingS);var DeleteButton=_styled(IconButton$1).withConfig({displayName:"FileAttachmentList__DeleteButton",componentId:"sc-lwztxx-9"})(templateObject_12$1$2||(templateObject_12$1$2=__makeTemplateObject$1(["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"],["\n margin: 0 auto;\n height: auto;\n width: auto;\n padding: 0 8px;\n\n && {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 18px;\n margin: 0;\n }\n"])),function(p){return p.theme.textColors.default;});var FileName=_styled.span.withConfig({displayName:"FileAttachmentList__FileName",componentId:"sc-lwztxx-10"})(templateObject_13$7||(templateObject_13$7=__makeTemplateObject$1(["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"],["\n font-size: 14px;\n flex: 1;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n text-decoration: none;\n"])));var AttachmentOverlay$1=_styled.div.withConfig({displayName:"FileAttachmentList__AttachmentOverlay",componentId:"sc-lwztxx-11"})(templateObject_14$6||(templateObject_14$6=__makeTemplateObject$1(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 100;\n\n display: flex;\n align-items: center;\n justify-content: center;\n"])));var CenteredSpinner$1=_styled(Spinner).withConfig({displayName:"FileAttachmentList__CenteredSpinner",componentId:"sc-lwztxx-12"})(templateObject_15$6||(templateObject_15$6=__makeTemplateObject$1(["\n margin-top: auto;\n height: 100%;\n"],["\n margin-top: auto;\n height: 100%;\n"])));var WarningIcon$1=_styled(Icon).withConfig({displayName:"FileAttachmentList__WarningIcon",componentId:"sc-lwztxx-13"})(templateObject_16$6||(templateObject_16$6=__makeTemplateObject$1(["\n font-size: 20px;\n color: ",";\n"],["\n font-size: 20px;\n color: ",";\n"])),function(p){return p.theme.palette.redDark;});var templateObject_1$W$1,templateObject_2$B$1,templateObject_3$r$1,templateObject_4$h$1,templateObject_5$c$2,templateObject_6$9$2,templateObject_7$6$2,templateObject_8$5$2,templateObject_9$4$2,templateObject_10$2$2,templateObject_11$2$2,templateObject_12$1$2,templateObject_13$7,templateObject_14$6,templateObject_15$6,templateObject_16$6;var MobileFullHeightDialog=function MobileFullHeightDialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$2,{},void 0),jsx$1(Dialog,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames({'lt-reach-dialog-mobile-full-height':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$2=createGlobalStyle(templateObject_1$V$1||(templateObject_1$V$1=__makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"],["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n height: calc(100vh - 32px);\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile-full-height {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n // 8 more pixels, because if you open the app from within another app (e.g. Testflight)\n // it has an additional \"backbar\" there which takes up space\n height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));var templateObject_1$V$1;var FabNavigationPosition;(function(FabNavigationPosition){FabNavigationPosition[FabNavigationPosition["Top"]=0]="Top";FabNavigationPosition[FabNavigationPosition["Bottom"]=1]="Bottom";})(FabNavigationPosition||(FabNavigationPosition={}));_styled.nav.withConfig({displayName:"FloatingActionButton__Navigation",componentId:"sc-1spkihm-0"})(templateObject_3$q$1||(templateObject_3$q$1=__makeTemplateObject$1(["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"],["\n position: fixed;\n margin: 0 10px;\n right: 20px;\n z-index: 11;\n\n ","\n"])),function(p){return p.positionBottomOnMobile?css$2(templateObject_1$U$1||(templateObject_1$U$1=__makeTemplateObject$1(["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "],["\n bottom: 20px;\n @media (min-width: ","px) {\n bottom: unset;\n top: ","px;\n }\n "])),minScreenSize.medium,p.offsetTop+20):css$2(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n top: ","px;\n "],["\n top: ","px;\n "])),p.offsetTop+20);});var FabButtonStyle=function FabButtonStyle(useSecondaryBgColor){return css$2(templateObject_6$8$2||(templateObject_6$8$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "],["\n display: flex;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n font-size: 20px;\n\n border-radius: 50%;\n box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,\n box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n margin-bottom: 15px;\n\n ","\n "])),useSecondaryBgColor?css$2(templateObject_4$g$1||(templateObject_4$g$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.themeSecondary;},function(p){return p.theme.textColors.onSecondary;},function(p){return p.theme.palette.themeTertiary;}):css$2(templateObject_5$b$2||(templateObject_5$b$2=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &:hover {\n background-color: ",";\n }\n "])),function(p){return p.theme.palette.neutralTertiary;},function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralTertiaryAlt;}));};createGlobalStyle(templateObject_7$5$2||(templateObject_7$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return applyFocusStyle("\n [data-fab] button:focus::after,\n button[data-fab]:focus::after {\n outline-color: "+p.theme.palette.themePrimary+";\n outline-offset: 5px;\n border-radius: 50%;\n }\n ");});_styled(IconButton$1).withConfig({displayName:"FloatingActionButton__StyledFabIconButton",componentId:"sc-1spkihm-1"})(templateObject_8$4$2||(templateObject_8$4$2=__makeTemplateObject$1(["\n &&& {\n ","\n }\n"],["\n &&& {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled(Tooltip).withConfig({displayName:"FloatingActionButton__StyledTooltip",componentId:"sc-1spkihm-2"})(templateObject_9$3$2||(templateObject_9$3$2=__makeTemplateObject$1(["\n a,\n a:visited {\n ","\n }\n"],["\n a,\n a:visited {\n ","\n }\n"])),function(p){return FabButtonStyle(p.useSecondaryBgColor);});_styled.div.withConfig({displayName:"FloatingActionButton__CalloutHost",componentId:"sc-1spkihm-3"})(templateObject_10$1$2||(templateObject_10$1$2=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"],["\n display: flex;\n flex-direction: column;\n padding: ","px;\n"])),spacingM);_styled(DefaultButton).withConfig({displayName:"FloatingActionButton__CalloutCloseButton",componentId:"sc-1spkihm-4"})(templateObject_11$1$2||(templateObject_11$1$2=__makeTemplateObject$1(["\n && {\n margin-left: auto;\n }\n"],["\n && {\n margin-left: auto;\n }\n"])));createGlobalStyle(templateObject_12$9||(templateObject_12$9=__makeTemplateObject$1(["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"],["\n .dialog-mobile-full-height {\n .ms-Dialog-main {\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n\n .ms-Dialog-title {\n padding-bottom: 0;\n }\n\n .dialog-content-host {\n height: 466px;\n }\n}\n"])),maxScreenSize.small);var templateObject_1$U$1,templateObject_2$A$1,templateObject_3$q$1,templateObject_4$g$1,templateObject_5$b$2,templateObject_6$8$2,templateObject_7$5$2,templateObject_8$4$2,templateObject_9$3$2,templateObject_10$1$2,templateObject_11$1$2,templateObject_12$9;var FormattedMessageWithStyle=function FormattedMessageWithStyle(_a){var _b=_a.tagName,tagName=_b===void 0?'div':_b,id=_a.id,values=_a.values,className=_a.className;return/*#__PURE__*/createElement$a(tagName,{className:className},jsx$1(FormattedMessage$1,{id:id,values:values},void 0));};_styled.div(templateObject_1$T$1||(templateObject_1$T$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n\n > *:first-child {\n margin-right: ","px;\n }\n\n i {\n font-size: 24px;\n }\n\n > span {\n font-size: ","px;\n }\n"])),spacingXs,fontSizeSmall);var templateObject_1$T$1;var itemStatisticsCache={};var onStatisticsUpdated=new Subject();function repack(){queue$.next();}var queue$=new Subject();/**
|
|
77680
77680
|
* Repacks the grid layout when a given dependency changes
|
|
77681
77681
|
* It does not repack the grid on the very first run
|
|
77682
77682
|
* @param deps
|
|
77683
77683
|
*/function useGridRepack(deps){var isFirstRun=useRef$1(true);useEffect$1(function(){if(!isFirstRun.current){repack();}isFirstRun.current=false;// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77684
|
-
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsx$1(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsx$1(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled(ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled.span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.underlined&&css$2(templateObject_2$A$1||(templateObject_2$A$1=__makeTemplateObject$1(["\n text-decoration: underline;\n "],["\n text-decoration: underline;\n "])));});var templateObject_1$S$1,templateObject_2$A$1,templateObject_3$p$1;var Modified=function Modified(_a){var modified=_a.modified;var intl=useIntl();if(!modified){return null;}return jsxs(Host$o$1,__assign$1({className:"ms-fontColor-neutralTertiary"},{children:["\u00A0(",jsx$1(Tooltip,__assign$1({resourceKey:"Generic.wasModifiedTooltip",values:{modified:formatModified()}},{children:jsx$1(FormattedMessage$1,{id:"Generic.wasModified"},void 0)}),void 0),")"]}),void 0);function formatModified(){var date=intl.formatDate(modified,{day:'2-digit',month:'2-digit',year:'numeric'});var time=intl.formatTime(modified);return date+" "+time;}};var Host$o$1=_styled.span(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$R$1;function _extends$m(){_extends$m=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$m.apply(this,arguments);}var SvgNoPublished=function SvgNoPublished(props){return/*#__PURE__*/React$d.createElement("svg",_extends$m({width:400,height:246,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 90.012h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M303.95 99.623c0-6.623-5.377-12-12-12h-223c-6.623 0-12 5.377-12 12s5.377 12 12 12h223c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M109.95 111.623h231.857c6.113 0 11.143 5.417 11.143 12s-5.03 12-11.143 12H109.95c6.113 0 11.143-5.417 11.143-12s-5.03-12-11.143-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("circle",{cx:374.95,cy:123.623,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M328.95 147.623c0-6.623-5.377-12-12-12h-229c-6.623 0-12 5.377-12 12s5.377 12 12 12h229c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M72.95 159.623h181c-6.583 0-12 5.417-12 12s5.417 12 12 12h-181c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("path",{d:"M354.95 195.623c0-6.623-5.377-12-12-12h-249c-6.623 0-12 5.377-12 12s5.377 12 12 12h249c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"m287.318 41.85-140.914-4.921-6.98 199.878 140.914 4.921 6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m281.417 34.091-140.914 4.921 6.98 199.878 140.914-4.921-6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M270.614 121.843a3.922 3.922 0 0 0 2.186-5.094l-12.336-30.881a3.921 3.921 0 0 0-5.094-2.187 3.922 3.922 0 0 0-2.186 5.095l12.335 30.881a3.923 3.923 0 0 0 5.095 2.186Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"M257.614 132.166c-13.771-34.474-20.534-54.646-13.585-57.422l.021-.008c6.947-2.729 15.939 16.546 29.696 50.986l-16.132 6.444Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m257.875 130.779 14.726-5.882c15.927 39.871 28.772 71.236 21.136 74.286-7.636 3.05-19.935-28.532-35.862-68.404ZM94.857 6.66c6.969 3.252 17.655 10.686 17.655 10.686-4.646 6.505-6.504 16.262-6.504 16.262 10.686 5.111 6.04 13.009 6.04 13.009-6.04 1.394-20.444-2.323-20.444-2.323-3.252 11.615-16.261 3.717-16.261 3.717 1.858-11.616 2.787-24.16 2.787-24.16-6.04-6.97-4.646-18.585-4.646-18.585C81.847 8.518 94.857 6.66 94.857 6.66Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M80.314 30.738c5.111 11.615 13.939 13.938 13.939 13.938 5.576 3.717 23.231-16.726 23.231-16.726 2.788 7.434-.929 19.514-.929 19.514-.929 6.04-6.969 13.474-6.969 13.474-5.111 3.717-21.373 2.323-21.373 2.323-9.757-5.575-14.868-8.828-14.868-8.828 1.859-9.757 6.505-14.403 6.505-14.403l.464-9.292Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M65.554 32.465c-2.788 10.222-2.323 17.191-2.323 17.191 5.111 7.898 18.585 14.403 18.585 14.403l8.828-12.545c4.181-3.252 14.867 2.323 14.867 2.323 6.505 2.788 13.01-13.009 13.01-13.009-10.686-10.222-15.333-14.868-15.333-14.868-5.11-7.434-6.504-13.938-6.504-13.938l-4.647-7.899c-4.646 4.646-4.181 26.019-4.181 26.019C90.179 34.788 71.594 32 71.594 32l-6.04.465Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m59.887 23.474-5.555 9.305 5.4 7.121 10.694 3.229c8.278-1.275 12.592-3.061 12.592-3.061 3.727-7.798 5.745-9.934 5.745-9.934l5.045-5.341 5.483-4.521.042-5.822-6.7-1.679c-6.172 2.254-12.943 5.358-12.943 5.358-3.685 1.976-14.171 6.016-14.171 6.016l-5.632-.671Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M102.724 12.771c-5.576 4.646-20.908 16.726-20.908 16.726-5.576 3.717-12.08 10.222-12.08 10.222l2.787 7.898c4.647 4.182 11.616 6.969 11.616 6.969 9.292 3.253 18.12 1.859 18.12 1.859 7.899-12.545 10.686-19.514 10.686-19.514 3.253-9.757 5.576-19.514 5.576-19.514-6.04-2.788-15.797-4.646-15.797-4.646Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M86.898 11.688c-6.505 2.323-17.191 6.04-17.191 6.04l-6.04 9.293-.465 13.474c6.505.929 18.12 3.717 18.12 3.717-.929-6.505-2.323-12.081-2.323-12.081l-.465-6.969 8.364-13.474Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}));};function _extends$j(){_extends$j=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$j.apply(this,arguments);}var SvgNoEvents=function SvgNoEvents(props){return/*#__PURE__*/React$d.createElement("svg",_extends$j({width:400,height:160,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 31.309h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M341.375 39.358c0-6.623-5.377-12-12-12h-248.5c-6.623 0-12 5.377-12 12s5.377 12 12 12h248.5c6.623 0 12-5.377 12-12ZM394.625 63.358c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h337.75c6.623 0 12-5.377 12-12ZM384.625 135.309c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h327.75c6.623 0 12-5.377 12-12ZM151.75 75.358H16c-6.623 0-12 5.377-12 12s5.377 12 12 12h135.75c-6.623 0-12-5.377-12-12s5.377-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M58.688 99.358h153.75c6.623 0 12 5.377 12 12s-5.377 12-12 12H58.688c6.623 0 12-5.377 12-12s-5.377-12-12-12ZM368.778 98.309c0-6.623-5.377-12-12-12s-12 5.377-12 12 5.377 12 12 12 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M198.494 11.655 94.626 18.918a5.483 5.483 0 0 0-5.084 5.849l8.792 125.734a5.483 5.483 0 0 0 5.849 5.084l103.867-7.263-9.556-136.667ZM202.138 11.4l103.867-7.263a5.483 5.483 0 0 1 5.849 5.084l8.792 125.734a5.483 5.483 0 0 1-5.084 5.849l-103.867 7.263L202.138 11.4Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m195.257 43.926.191 2.733-3.645.255-.509-7.289 3.644-.255.191 2.734 5.467-.383-1.465-20.955-91.112 6.371 8.283 118.445 91.111-6.371-1.465-20.956-5.467.382.191 2.734-3.644.255-.51-7.289 3.645-.255.191 2.733 5.466-.382-5.097-72.889-5.466.382ZM209.835 42.907l.191 2.733 3.644-.255-.509-7.289-3.645.255.191 2.733-5.466.383-1.466-20.956 91.112-6.371 8.282 118.445-91.111 6.371L209.592 118l5.467-.382.191 2.733 3.645-.254-.51-7.289-3.645.255.192 2.733-5.467.382-5.097-72.889 5.467-.382Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:1}}),/*#__PURE__*/React$d.createElement("path",{d:"m193.498 44.964 18.223-1.274M198.723 119.676l18.222-1.274M193.243 41.32l18.223-1.274M198.468 116.032l18.222-1.275",style:{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeMiterlimit:1.5}}),/*#__PURE__*/React$d.createElement("path",{d:"m123.999 46.162 60.133-4.205M124.954 59.829l60.134-4.205M125.91 73.496l60.134-4.205M126.866 87.162l60.133-4.205M127.821 100.829l60.134-4.205M128.777 114.496l60.134-4.205M129.733 128.163l60.133-4.205M282.087 28.698l-57.401 4.014 2.74 39.178 57.4-4.014-2.739-39.178ZM285.591 78.81l-57.4 4.014 2.739 39.178 57.401-4.014-2.74-39.178Z",style:{fill:"none",stroke:"currentColor",strokeOpacity:0.2,strokeWidth:2}}));};function _extends$b(){_extends$b=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$b.apply(this,arguments);}var SvgNotFound=function SvgNotFound(props){return/*#__PURE__*/React$d.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 124"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 6.131h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M248 12c0-6.623-5.377-12-12-12H136c-6.623 0-12 5.377-12 12s5.377 12 12 12h100c6.623 0 12-5.377 12-12ZM320 36c0-6.623-5.377-12-12-12H62c-6.623 0-12 5.377-12 12s5.377 12 12 12h246c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M105 48h245c6.583 0 12 5.417 12 12s-5.417 12-12 12H105c6.583 0 12-5.417 12-12s-5.417-12-12-12ZM36 72h268c-6.583 0-12 5.417-12 12s5.417 12 12 12H36c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("path",{d:"M320 108c0-6.623-5.377-12-12-12H142c-6.623 0-12 5.377-12 12s5.377 12 12 12h166c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("circle",{cx:350,cy:108,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"m290.483 107.633-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M259.221 66.661 122.533 78.619l.608 6.951 136.688-11.959-.608-6.95ZM233.685 81.664l-110.046 9.628.608 6.951 110.046-9.628-.608-6.951Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M292.222 31.003a1.175 1.175 0 0 0-.465-.814.774.774 0 0 0-.814-.233L235.71 34.84l5.814-9.3c.581.233 1.279.465 1.86.7 2.907.93 6.047.814 7.907-1.163 1.977-1.977 2.093-5 1.163-7.907a23.214 23.214 0 0 0-5.7-8.953 22.876 22.876 0 0 0-8.837-5.7 11.406 11.406 0 0 0-3.372-.581h-1.047a6.055 6.055 0 0 0-3.6 1.628c-1.977 1.977-2.093 5-1.163 7.907.233.581.465 1.279.7 1.86l-12.093 7.558a21.654 21.654 0 0 0-8.14-1.86c-3.372 0-6.512.93-8.721 3.256-3.14 3.14-3.837 7.791-2.791 12.558.233 1.047.581 2.093.93 3.256l-94.188 8.253a1.115 1.115 0 0 0-1.049 1.281l6.4 73.256c.036.324.204.619.465.814.267.198.602.282.93.233l6.86-1.4c.233 0 .349-.116.581-.233l6.86-6.279c.443-.348.96-.588 1.512-.7.44-.036.881.044 1.279.233l21.86 9.535a.703.703 0 0 0 .465.116h.233l22.555-5.345c.349-.116.581-.233.7-.581l6.86-12.558a2.665 2.665 0 0 1 2.907-1.279l16.633 4.188h.116l18.372 2.209c10.7 1.047 23.372 2.093 25.93 2.093a.701.701 0 0 0 .465-.116c2.558-.93 13.14-7.326 19.884-11.512a1.768 1.768 0 0 1 1.512-.349l12.791.814a2.477 2.477 0 0 1 1.744.814l8.14 8.488c.322.359.851.456 1.279.233l7.442-3.256c.472-.179.762-.662.7-1.163l-6.636-74.885Zm-1.739 76.63-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"currentColor",fillOpacity:0.2}}));};var FullScreenImageViewer=function FullScreenImageViewer(_a){var images=_a.images,selectedIndex=_a.selectedIndex,hidden=_a.hidden,onClose=_a.onClose,imageUrlResolver=_a.imageUrlResolver;var _b=usePromise$2(getImagesSizes,null,[images]),imageSizes=_b[0],isLoading=_b[1],error=_b[2];if(isLoading||error){return null;}return jsx$1(Layer$1,{children:jsx$1(PhotoSwipeGallery,{images:images.map(function(image,index){return mapPhotoSwipeImage(image,imageSizes[index]);}),selectedIndex:selectedIndex,hidden:hidden,onClose:onClose},void 0)},void 0);function mapPhotoSwipeImage(image,size){var width=Math.min(size.width,2500);var height=Math.trunc(size.height/size.width*width);return {thumbnail:image.previewUrl,large:imageUrlResolver(image.imageId,width,height),width:width,height:height,caption:image.imageTitle};}function getImagesSizes(){return __awaiter$1(this,void 0,void 0,function(){var imageSizesPromises;return __generator$1(this,function(_a){switch(_a.label){case 0:imageSizesPromises=images.map(function(i){if(i.width!=null&&i.height!=null){return Promise.resolve({width:i.width,height:i.height});}return getImageSize(imageUrlResolver(i.imageId,1000));});return [4/*yield*/,Promise.all(imageSizesPromises)];case 1:return [2/*return*/,_a.sent()];}});});}};var PhotoSwipeGallery=function PhotoSwipeGallery(_a){var images=_a.images,hidden=_a.hidden,selectedIndex=_a.selectedIndex,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var host=useRef$1(null);var initializeGalleryHandle=useRef$1();useEffect$1(function(){if(hidden){return undefined;}// we have to initialize the gallery with a delay
|
|
77684
|
+
},deps);}var KeywordTitle=function KeywordTitle(_a){var groupName=_a.groupName,groupId=_a.groupId,keywordName=_a.keywordName,keywordId=_a.keywordId,language=_a.language,underlined=_a.underlined,onClick=_a.onClick,tabIndex=_a.tabIndex;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName,groupName,language);if(onClick){return jsx$1(KeywordButton,__assign$1({onClick:function(){return onClick(keywordId);},tabIndex:tabIndex},{children:jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0)}),void 0);}return jsx$1(Keyword,__assign$1({underlined:underlined},{children:displayValue}),void 0);};var GridKeywordTitle=function GridKeywordTitle(_a){var groupId=_a.groupId,keywordName=_a.keywordName;var user=useCurrentUser();var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;var displayValue=getKeywordDisplayValue(selectedKeywordGroups,user,groupId,keywordName);useGridRepack([displayValue]);return jsx$1(Keyword,__assign$1({underlined:true},{children:displayValue}),void 0);};var KeywordButton=_styled(ActionButton).withConfig({displayName:"KeywordTitle__KeywordButton",componentId:"sc-18jcqyr-0"})(templateObject_1$S$1||(templateObject_1$S$1=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n > span {\n width: 100%;\n color: ",";\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var Keyword=_styled.span.withConfig({displayName:"KeywordTitle__Keyword",componentId:"sc-18jcqyr-1"})(templateObject_3$p$1||(templateObject_3$p$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.underlined&&css$2(templateObject_2$z$1||(templateObject_2$z$1=__makeTemplateObject$1(["\n text-decoration: underline;\n "],["\n text-decoration: underline;\n "])));});var templateObject_1$S$1,templateObject_2$z$1,templateObject_3$p$1;var Modified=function Modified(_a){var modified=_a.modified;var intl=useIntl();if(!modified){return null;}return jsxs(Host$o$1,__assign$1({className:"ms-fontColor-neutralTertiary"},{children:["\u00A0(",jsx$1(Tooltip,__assign$1({resourceKey:"Generic.wasModifiedTooltip",values:{modified:formatModified()}},{children:jsx$1(FormattedMessage$1,{id:"Generic.wasModified"},void 0)}),void 0),")"]}),void 0);function formatModified(){var date=intl.formatDate(modified,{day:'2-digit',month:'2-digit',year:'numeric'});var time=intl.formatTime(modified);return date+" "+time;}};var Host$o$1=_styled.span(templateObject_1$R$1||(templateObject_1$R$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$R$1;function _extends$m(){_extends$m=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$m.apply(this,arguments);}var SvgNoPublished=function SvgNoPublished(props){return/*#__PURE__*/React$d.createElement("svg",_extends$m({width:400,height:246,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 90.012h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M303.95 99.623c0-6.623-5.377-12-12-12h-223c-6.623 0-12 5.377-12 12s5.377 12 12 12h223c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M109.95 111.623h231.857c6.113 0 11.143 5.417 11.143 12s-5.03 12-11.143 12H109.95c6.113 0 11.143-5.417 11.143-12s-5.03-12-11.143-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("circle",{cx:374.95,cy:123.623,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M328.95 147.623c0-6.623-5.377-12-12-12h-229c-6.623 0-12 5.377-12 12s5.377 12 12 12h229c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M72.95 159.623h181c-6.583 0-12 5.417-12 12s5.417 12 12 12h-181c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("path",{d:"M354.95 195.623c0-6.623-5.377-12-12-12h-249c-6.623 0-12 5.377-12 12s5.377 12 12 12h249c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"m287.318 41.85-140.914-4.921-6.98 199.878 140.914 4.921 6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m281.417 34.091-140.914 4.921 6.98 199.878 140.914-4.921-6.98-199.878Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M270.614 121.843a3.922 3.922 0 0 0 2.186-5.094l-12.336-30.881a3.921 3.921 0 0 0-5.094-2.187 3.922 3.922 0 0 0-2.186 5.095l12.335 30.881a3.923 3.923 0 0 0 5.095 2.186Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"M257.614 132.166c-13.771-34.474-20.534-54.646-13.585-57.422l.021-.008c6.947-2.729 15.939 16.546 29.696 50.986l-16.132 6.444Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m257.875 130.779 14.726-5.882c15.927 39.871 28.772 71.236 21.136 74.286-7.636 3.05-19.935-28.532-35.862-68.404ZM94.857 6.66c6.969 3.252 17.655 10.686 17.655 10.686-4.646 6.505-6.504 16.262-6.504 16.262 10.686 5.111 6.04 13.009 6.04 13.009-6.04 1.394-20.444-2.323-20.444-2.323-3.252 11.615-16.261 3.717-16.261 3.717 1.858-11.616 2.787-24.16 2.787-24.16-6.04-6.97-4.646-18.585-4.646-18.585C81.847 8.518 94.857 6.66 94.857 6.66Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M80.314 30.738c5.111 11.615 13.939 13.938 13.939 13.938 5.576 3.717 23.231-16.726 23.231-16.726 2.788 7.434-.929 19.514-.929 19.514-.929 6.04-6.969 13.474-6.969 13.474-5.111 3.717-21.373 2.323-21.373 2.323-9.757-5.575-14.868-8.828-14.868-8.828 1.859-9.757 6.505-14.403 6.505-14.403l.464-9.292Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M65.554 32.465c-2.788 10.222-2.323 17.191-2.323 17.191 5.111 7.898 18.585 14.403 18.585 14.403l8.828-12.545c4.181-3.252 14.867 2.323 14.867 2.323 6.505 2.788 13.01-13.009 13.01-13.009-10.686-10.222-15.333-14.868-15.333-14.868-5.11-7.434-6.504-13.938-6.504-13.938l-4.647-7.899c-4.646 4.646-4.181 26.019-4.181 26.019C90.179 34.788 71.594 32 71.594 32l-6.04.465Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m59.887 23.474-5.555 9.305 5.4 7.121 10.694 3.229c8.278-1.275 12.592-3.061 12.592-3.061 3.727-7.798 5.745-9.934 5.745-9.934l5.045-5.341 5.483-4.521.042-5.822-6.7-1.679c-6.172 2.254-12.943 5.358-12.943 5.358-3.685 1.976-14.171 6.016-14.171 6.016l-5.632-.671Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M102.724 12.771c-5.576 4.646-20.908 16.726-20.908 16.726-5.576 3.717-12.08 10.222-12.08 10.222l2.787 7.898c4.647 4.182 11.616 6.969 11.616 6.969 9.292 3.253 18.12 1.859 18.12 1.859 7.899-12.545 10.686-19.514 10.686-19.514 3.253-9.757 5.576-19.514 5.576-19.514-6.04-2.788-15.797-4.646-15.797-4.646Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M86.898 11.688c-6.505 2.323-17.191 6.04-17.191 6.04l-6.04 9.293-.465 13.474c6.505.929 18.12 3.717 18.12 3.717-.929-6.505-2.323-12.081-2.323-12.081l-.465-6.969 8.364-13.474Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}));};function _extends$j(){_extends$j=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$j.apply(this,arguments);}var SvgNoEvents=function SvgNoEvents(props){return/*#__PURE__*/React$d.createElement("svg",_extends$j({width:400,height:160,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 31.309h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M341.375 39.358c0-6.623-5.377-12-12-12h-248.5c-6.623 0-12 5.377-12 12s5.377 12 12 12h248.5c6.623 0 12-5.377 12-12ZM394.625 63.358c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h337.75c6.623 0 12-5.377 12-12ZM384.625 135.309c0-6.623-5.377-12-12-12H44.875c-6.623 0-12 5.377-12 12s5.377 12 12 12h327.75c6.623 0 12-5.377 12-12ZM151.75 75.358H16c-6.623 0-12 5.377-12 12s5.377 12 12 12h135.75c-6.623 0-12-5.377-12-12s5.377-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M58.688 99.358h153.75c6.623 0 12 5.377 12 12s-5.377 12-12 12H58.688c6.623 0 12-5.377 12-12s-5.377-12-12-12ZM368.778 98.309c0-6.623-5.377-12-12-12s-12 5.377-12 12 5.377 12 12 12 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M198.494 11.655 94.626 18.918a5.483 5.483 0 0 0-5.084 5.849l8.792 125.734a5.483 5.483 0 0 0 5.849 5.084l103.867-7.263-9.556-136.667ZM202.138 11.4l103.867-7.263a5.483 5.483 0 0 1 5.849 5.084l8.792 125.734a5.483 5.483 0 0 1-5.084 5.849l-103.867 7.263L202.138 11.4Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m195.257 43.926.191 2.733-3.645.255-.509-7.289 3.644-.255.191 2.734 5.467-.383-1.465-20.955-91.112 6.371 8.283 118.445 91.111-6.371-1.465-20.956-5.467.382.191 2.734-3.644.255-.51-7.289 3.645-.255.191 2.733 5.466-.382-5.097-72.889-5.466.382ZM209.835 42.907l.191 2.733 3.644-.255-.509-7.289-3.645.255.191 2.733-5.466.383-1.466-20.956 91.112-6.371 8.282 118.445-91.111 6.371L209.592 118l5.467-.382.191 2.733 3.645-.254-.51-7.289-3.645.255.192 2.733-5.467.382-5.097-72.889 5.467-.382Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:1}}),/*#__PURE__*/React$d.createElement("path",{d:"m193.498 44.964 18.223-1.274M198.723 119.676l18.222-1.274M193.243 41.32l18.223-1.274M198.468 116.032l18.222-1.275",style:{fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeMiterlimit:1.5}}),/*#__PURE__*/React$d.createElement("path",{d:"m123.999 46.162 60.133-4.205M124.954 59.829l60.134-4.205M125.91 73.496l60.134-4.205M126.866 87.162l60.133-4.205M127.821 100.829l60.134-4.205M128.777 114.496l60.134-4.205M129.733 128.163l60.133-4.205M282.087 28.698l-57.401 4.014 2.74 39.178 57.4-4.014-2.739-39.178ZM285.591 78.81l-57.4 4.014 2.739 39.178 57.401-4.014-2.74-39.178Z",style:{fill:"none",stroke:"currentColor",strokeOpacity:0.2,strokeWidth:2}}));};function _extends$b(){_extends$b=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$b.apply(this,arguments);}var SvgNotFound=function SvgNotFound(props){return/*#__PURE__*/React$d.createElement("svg",_extends$b({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 124"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 6.131h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M248 12c0-6.623-5.377-12-12-12H136c-6.623 0-12 5.377-12 12s5.377 12 12 12h100c6.623 0 12-5.377 12-12ZM320 36c0-6.623-5.377-12-12-12H62c-6.623 0-12 5.377-12 12s5.377 12 12 12h246c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M105 48h245c6.583 0 12 5.417 12 12s-5.417 12-12 12H105c6.583 0 12-5.417 12-12s-5.417-12-12-12ZM36 72h268c-6.583 0-12 5.417-12 12s5.417 12 12 12H36c-6.583 0-12-5.417-12-12s5.417-12 12-12Z",style:{fill:"currentColor",fillOpacity:0.2,fillRule:"nonzero"}}),/*#__PURE__*/React$d.createElement("path",{d:"M320 108c0-6.623-5.377-12-12-12H142c-6.623 0-12 5.377-12 12s5.377 12 12 12h166c6.623 0 12-5.377 12-12Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("circle",{cx:350,cy:108,r:12,style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"m290.483 107.633-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M259.221 66.661 122.533 78.619l.608 6.951 136.688-11.959-.608-6.95ZM233.685 81.664l-110.046 9.628.608 6.951 110.046-9.628-.608-6.951Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M292.222 31.003a1.175 1.175 0 0 0-.465-.814.774.774 0 0 0-.814-.233L235.71 34.84l5.814-9.3c.581.233 1.279.465 1.86.7 2.907.93 6.047.814 7.907-1.163 1.977-1.977 2.093-5 1.163-7.907a23.214 23.214 0 0 0-5.7-8.953 22.876 22.876 0 0 0-8.837-5.7 11.406 11.406 0 0 0-3.372-.581h-1.047a6.055 6.055 0 0 0-3.6 1.628c-1.977 1.977-2.093 5-1.163 7.907.233.581.465 1.279.7 1.86l-12.093 7.558a21.654 21.654 0 0 0-8.14-1.86c-3.372 0-6.512.93-8.721 3.256-3.14 3.14-3.837 7.791-2.791 12.558.233 1.047.581 2.093.93 3.256l-94.188 8.253a1.115 1.115 0 0 0-1.049 1.281l6.4 73.256c.036.324.204.619.465.814.267.198.602.282.93.233l6.86-1.4c.233 0 .349-.116.581-.233l6.86-6.279c.443-.348.96-.588 1.512-.7.44-.036.881.044 1.279.233l21.86 9.535a.703.703 0 0 0 .465.116h.233l22.555-5.345c.349-.116.581-.233.7-.581l6.86-12.558a2.665 2.665 0 0 1 2.907-1.279l16.633 4.188h.116l18.372 2.209c10.7 1.047 23.372 2.093 25.93 2.093a.701.701 0 0 0 .465-.116c2.558-.93 13.14-7.326 19.884-11.512a1.768 1.768 0 0 1 1.512-.349l12.791.814a2.477 2.477 0 0 1 1.744.814l8.14 8.488c.322.359.851.456 1.279.233l7.442-3.256c.472-.179.762-.662.7-1.163l-6.636-74.885Zm-1.739 76.63-7.558-7.907a4.774 4.774 0 0 0-3.256-1.512l-12.674-.814a4.922 4.922 0 0 0-2.907.7c-8.488 5.349-16.977 10.349-19.186 11.279-2.791 0-15.116-1.047-25.465-2.093l-18.256-2.093-16.512-4.186a4.792 4.792 0 0 0-5.465 2.442l-6.633 12.084-21.744 5.116-21.512-9.416a5.444 5.444 0 0 0-1.977-.349h-.465a5.5 5.5 0 0 0-2.907 1.279l-6.628 6.047-5.349 1.047-6.162-70.812 93.721-8.256a30.769 30.769 0 0 0 2.674 4.535l-1.739 2.79a4.618 4.618 0 0 0-1.162 3.061c0 2.531 2.083 4.613 4.613 4.613h.037a5.169 5.169 0 0 0 2.674-.814l3.372-1.86a26.83 26.83 0 0 0 10 4.651c4.767 1.047 9.535.349 12.558-2.791 4.07-4.07 4.07-10.581 1.279-16.977l.116-.233 55.813-4.882 6.4 72.674-5.7 2.677Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"#fff"}}),/*#__PURE__*/React$d.createElement("path",{d:"M232.92 5.075a2.458 2.458 0 0 1 1.86-.7h.581a6.331 6.331 0 0 1 2.326.465 19.61 19.61 0 0 1 7.674 5 18.44 18.44 0 0 1 4.884 7.674c.7 2.326.465 3.953-.349 4.767-.814.814-2.442 1.047-4.767.349a19.614 19.614 0 0 1-7.674-5 18.444 18.444 0 0 1-4.884-7.674c-.814-2.441-.465-4.069.349-4.881ZM231.175 15.886a25.059 25.059 0 0 0 3.6 4.419 24.213 24.213 0 0 0 4.42 3.488l-11.86 19.186c-.814.814-2.326 1.047-4.419.465a15.949 15.949 0 0 1-6.86-4.419 18.817 18.817 0 0 1-4.419-6.977c-.581-2.093-.349-3.6.465-4.419l19.073-11.743Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M203.036 24.026a8.792 8.792 0 0 1 6.512-2.326c1.656.063 3.298.336 4.884.814l-4.07 2.442c-.116.116-.233.116-.233.233-1.86 1.86-1.977 4.651-1.279 7.442a19.49 19.49 0 0 0 5.116 8.14 20.223 20.223 0 0 0 8.14 5.116c2.791.814 5.581.581 7.442-1.279.116-.116.116-.233.233-.233l2.442-4.07c1.512 4.767 1.046 8.953-1.512 11.4-2.209 2.209-5.581 2.907-9.767 1.977a29.22 29.22 0 0 1-20.117-20.122c-.582-3.953 0-7.325 2.209-9.534Z",style:{fill:"currentColor",fillOpacity:0.2}}));};var FullScreenImageViewer=function FullScreenImageViewer(_a){var images=_a.images,selectedIndex=_a.selectedIndex,hidden=_a.hidden,onClose=_a.onClose,imageUrlResolver=_a.imageUrlResolver;var _b=usePromise$2(getImagesSizes,null,[images]),imageSizes=_b[0],isLoading=_b[1],error=_b[2];if(isLoading||error){return null;}return jsx$1(Layer$1,{children:jsx$1(PhotoSwipeGallery,{images:images.map(function(image,index){return mapPhotoSwipeImage(image,imageSizes[index]);}),selectedIndex:selectedIndex,hidden:hidden,onClose:onClose},void 0)},void 0);function mapPhotoSwipeImage(image,size){var width=Math.min(size.width,2500);var height=Math.trunc(size.height/size.width*width);return {thumbnail:image.previewUrl,large:imageUrlResolver(image.imageId,width,height),width:width,height:height,caption:image.imageTitle};}function getImagesSizes(){return __awaiter$1(this,void 0,void 0,function(){var imageSizesPromises;return __generator$1(this,function(_a){switch(_a.label){case 0:imageSizesPromises=images.map(function(i){if(i.width!=null&&i.height!=null){return Promise.resolve({width:i.width,height:i.height});}return getImageSize(imageUrlResolver(i.imageId,1000));});return [4/*yield*/,Promise.all(imageSizesPromises)];case 1:return [2/*return*/,_a.sent()];}});});}};var PhotoSwipeGallery=function PhotoSwipeGallery(_a){var images=_a.images,hidden=_a.hidden,selectedIndex=_a.selectedIndex,onClose=_a.onClose;var formatMessage=useIntl().formatMessage;var host=useRef$1(null);var initializeGalleryHandle=useRef$1();useEffect$1(function(){if(hidden){return undefined;}// we have to initialize the gallery with a delay
|
|
77685
77685
|
// because if the gallery is initialized to quickly after it had been closed
|
|
77686
77686
|
// because for example a dependency changed (selectedIndex) than the whole page gets unusable
|
|
77687
77687
|
// (mobile app even has to be restarted) and one image just freezes and
|
|
77688
77688
|
// on the console we have errors like this: Uncaught TypeError: Cannot read property 'mouseUsed' of null
|
|
77689
77689
|
var gallery;clearTimeout(initializeGalleryHandle.current);initializeGalleryHandle.current=setTimeout(function(){return gallery=initializeGallery();},200);return function(){return gallery===null||gallery===void 0?void 0:gallery.close();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77690
|
-
},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$z$1||(templateObject_2$z$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$Q$1,templateObject_2$z$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$n$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$n$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"],["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "],["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"],["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$P$1,templateObject_2$y$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$m$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$m$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"],["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$O$1,templateObject_2$x$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77690
|
+
},[hidden,selectedIndex]);return jsxs(Fragment,{children:[jsx$1(GeneralFixes,{enforceArrowVisibility:!env.isNativeMobileApp},void 0),jsxs("div",__assign$1({ref:host,className:"pswp",tabIndex:-1,role:"dialog","aria-hidden":"true"},{children:[jsx$1("div",{className:"pswp__bg"},void 0),jsxs("div",__assign$1({className:"pswp__scroll-wrap"},{children:[jsxs("div",__assign$1({className:"pswp__container"},{children:[jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0),jsx$1("div",{className:"pswp__item"},void 0)]}),void 0),jsxs("div",__assign$1({className:"pswp__ui pswp__ui--hidden"},{children:[jsxs("div",__assign$1({className:"pswp__top-bar"},{children:[jsx$1("div",{className:"pswp__counter"},void 0),jsx$1("button",{className:"pswp__button pswp__button--close",title:formatMessage({id:'ImageViewer.closeCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--fs",title:formatMessage({id:'ImageViewer.toggleFullscreenCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__preloader"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__icn"},{children:jsx$1("div",__assign$1({className:"pswp__preloader__cut"},{children:jsx$1("div",{className:"pswp__preloader__donut"},void 0)}),void 0)}),void 0)}),void 0)]}),void 0),jsx$1("div",__assign$1({className:"pswp__share-modal pswp__share-modal--hidden pswp__single-tap"},{children:jsx$1("div",{className:"pswp__share-tooltip"},void 0)}),void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--left",title:formatMessage({id:'ImageView.previousCaption'})},void 0),jsx$1("button",{className:"pswp__button pswp__button--arrow--right",title:formatMessage({id:'ImageView.nextCaption'})},void 0),jsx$1("div",__assign$1({className:"pswp__caption"},{children:jsx$1("div",{className:"pswp__caption__center"},void 0)}),void 0)]}),void 0)]}),void 0)]}),void 0)]},void 0);function initializeGallery(){var gallery=new PhotoSwipe(host.current,PhotoSwipeUiDefault,images.map(function(i){return {src:i.large,msrc:i.thumbnail,w:i.width,h:i.height,title:i.caption};}),{index:selectedIndex});gallery.listen('close',onClose);gallery.init();return gallery;}};var GeneralFixes=createGlobalStyle(templateObject_2$y$1||(templateObject_2$y$1=__makeTemplateObject$1(["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"],["\n.browser-name-ios-webview {\n .pswp__top-bar {\n padding-top: calc(env(safe-area-inset-top));\n height: calc(initial + env(safe-area-inset-top));\n\n .pswp__counter {\n padding-top: env(safe-area-inset-top);\n }\n }\n}\n\n.pswp__caption__center {\n && {\n text-align: center;\n }\n}\n\n","\n"])),function(p){return p.enforceArrowVisibility&&css$2(templateObject_1$Q$1||(templateObject_1$Q$1=__makeTemplateObject$1(["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "],["\n .pswp--touch .pswp__button--arrow--left,\n .pswp--touch .pswp__button--arrow--right {\n visibility: visible !important;\n }\n "])));});var templateObject_1$Q$1,templateObject_2$y$1;var PhotoGrid=function PhotoGrid(_a){var images=_a.images,imageUrlResolver=_a.imageUrlResolver,disableRoundedCorners=_a.disableRoundedCorners,gridBackgroundColor=_a.gridBackgroundColor,className=_a.className;var formatMessage=useIntl().formatMessage;var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var palette=useContext(ThemeContext$1).theme.palette;if(!images||images.length===0){return null;}var showMoreImagesIndicator=images.length>4;var hasMultiImages=images.length>1;var firstImage=images[0];return jsxs(Host$n$1,__assign$1({"data-multi-images":hasMultiImages,className:className,singleImageHeight:firstImage.height,singleImageWidth:firstImage.width},{children:[jsx$1("div",__assign$1({"data-gallery-wrapper":true},{children:hasMultiImages?jsxs(Fragment,{children:[jsx$1(Gallery,__assign$1({backgroundColor:gridBackgroundColor!==null&&gridBackgroundColor!==void 0?gridBackgroundColor:palette.neutralLight,applyRoundedCorners:!disableRoundedCorners},{children:images.slice(0,4).map(function(image,index){return jsx$1(ImageItem,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();handleOpenFullScreen(index);},"aria-label":formatMessage({id:'AriaLabel.viewImageGallery'}),"data-clickable-overlay":true},{children:jsx$1(StyledImage$1,{src:image.previewUrl,imageFit:ImageFit.centerCover,alt:image.imageTitle||''},void 0)}),index);})}),void 0),showMoreImagesIndicator&&jsxs(MoreIndicator,__assign$1({onClick:function(){return handleOpenFullScreen(4);}},{children:["+",images.length-4]}),void 0)]},void 0):jsx$1(SingleImagePreview,{image:firstImage,onClick:function(){return handleOpenFullScreen(0);},disableRoundedCorners:disableRoundedCorners},void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:fullScreenItemIndex==null,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]}),void 0);function handleOpenFullScreen(index){setFullScreenItemIndex(index);}function handleCloseFullScreen(){setFullScreenItemIndex(null);}};var SingleImagePreview=function SingleImagePreview(_a){var image=_a.image,onClick=_a.onClick,disableRoundedCorners=_a.disableRoundedCorners;var formatMessage=useIntl().formatMessage;return jsx$1(SingleImageHost,__assign$1({href:image.previewUrl,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();},applyRoundedCorners:!disableRoundedCorners,"aria-label":formatMessage({id:'AriaLabel.viewImage'}),"data-clickable-overlay":true},{children:jsx$1("img",{src:image.previewUrl,alt:""},void 0)}),void 0);};var Host$n$1=_styled.div.withConfig({displayName:"PhotoGrid__Host",componentId:"sc-flk193-0"})(templateObject_2$x$1||(templateObject_2$x$1=__makeTemplateObject$1(["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"],["\n overflow: hidden;\n width: 100%;\n\n position: relative;\n\n &:after {\n content: '';\n display: block;\n font-size: 0;\n }\n\n > [data-gallery-wrapper] {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n &[data-multi-images='false'] {\n [data-gallery-wrapper] {\n display: flex;\n }\n\n ","\n }\n\n &[data-multi-images='true'] {\n &:after {\n padding-bottom: calc(2 / 3 * 100%); // fixed image area aspect ratio 3:2\n }\n }\n"])),function(p){return p.singleImageWidth&&p.singleImageHeight&&css$2(templateObject_1$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "],["\n &:after {\n // fallback for old browsers - that do not suport min function\n // the image aspect ratio is maintained\n padding-bottom: calc(\n ","* 100%\n );\n\n // the image can have any aspect ratio from a 1:1 aspect ratio to any wider aspect ratio,\n // but it cannot get \"taller\" than 1:1\n @supports (padding-bottom: min(100%, ","px)) {\n padding-bottom: min(\n min(100%, ","px, ","px),\n calc(\n ","*\n min(100%, ","px)\n )\n );\n }\n }\n "])),p.singleImageHeight/p.singleImageWidth,p.singleImageWidth,p.singleImageHeight,p.singleImageWidth,p.singleImageHeight/p.singleImageWidth,p.singleImageWidth);});var SingleImageHost=_styled.a.withConfig({displayName:"PhotoGrid__SingleImageHost",componentId:"sc-flk193-1"})(templateObject_4$f$2||(templateObject_4$f$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: auto;\n\n max-height: 100%;\n\n overflow: hidden;\n\n // fallback for old browsers\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n width: auto;\n }\n\n img {\n max-width: 100%;\n height: 100%;\n width: 100%;\n\n @supports (height: min(100%, 0px)) {\n height: auto;\n width: auto;\n }\n }\n\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n\n ","\n"])),function(p){return p.applyRoundedCorners&&css$2(templateObject_3$o$1||(templateObject_3$o$1=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var Gallery=_styled.div.withConfig({displayName:"PhotoGrid__Gallery",componentId:"sc-flk193-2"})(templateObject_6$7$2||(templateObject_6$7$2=__makeTemplateObject$1(["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"],["\n width: 100%;\n height: 100%;\n overflow: hidden;\n\n background-color: ",";\n\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n grid-template-rows: repeat(2, 1fr);\n\n // case: gallery with 3 images\n // the first image will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(3) {\n grid-row: auto / span 2;\n }\n\n // case: gallery with 2 images\n // the images will span across the 2 grid tracks (2 rows)\n > a:first-child:nth-last-child(2),\n > a:nth-child(2):last-child {\n grid-row: auto / span 2;\n }\n\n ","\n"])),function(p){return p.backgroundColor;},function(p){return p.applyRoundedCorners&&css$2(templateObject_5$a$2||(templateObject_5$a$2=__makeTemplateObject$1(["\n border-radius: 10px;\n "],["\n border-radius: 10px;\n "])));});var ImageItem=_styled.a.withConfig({displayName:"PhotoGrid__ImageItem",componentId:"sc-flk193-3"})(templateObject_7$4$2||(templateObject_7$4$2=__makeTemplateObject$1(["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"],["\n display: block;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 1;\n }\n\n &:focus {\n &::before {\n outline-offset: -10px !important;\n }\n\n img {\n opacity: 0.6;\n }\n }\n"])));var StyledImage$1=_styled(Image$1).withConfig({displayName:"PhotoGrid__StyledImage",componentId:"sc-flk193-4"})(templateObject_8$3$2||(templateObject_8$3$2=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var MoreIndicator=_styled(DefaultButton).withConfig({displayName:"PhotoGrid__MoreIndicator",componentId:"sc-flk193-5"})(templateObject_9$2$2||(templateObject_9$2$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n width: auto;\n height: auto;\n color: white;\n background: transparent;\n\n &:hover {\n background: transparent;\n }\n }\n\n position: absolute;\n bottom: 15px;\n right: 15px;\n\n font-size: ","px;\n @media (min-width: ","px) {\n font-size: ","px;\n }\n\n @supports (filter: drop-shadow(0 1px 2px #000000cc)) {\n filter: drop-shadow(0 1px 2px #000000cc);\n }\n\n @supports not (filter: drop-shadow(0 1px 2px #000000cc)) {\n text-shadow: 0 1px 2px #000000cc;\n }\n"])),fontSizeMedium,minScreenSize.small,fontSizeLarge+3);var templateObject_1$P$1,templateObject_2$x$1,templateObject_3$o$1,templateObject_4$f$2,templateObject_5$a$2,templateObject_6$7$2,templateObject_7$4$2,templateObject_8$3$2,templateObject_9$2$2;function showPhoto(url,title){{return;}}var IconHeaderButton=function IconHeaderButton(_a){var icon=_a.icon,isActive=_a.isActive,disabled=_a.disabled,tooltipResourceKey=_a.tooltipResourceKey,onClick=_a.onClick,link=_a.link,className=_a.className,rest=__rest$1(_a,["icon","isActive","disabled","tooltipResourceKey","onClick","link","className"]);var formatMessage=useIntl().formatMessage;if(!link&&!onClick){return null;}var allClassNames=classNames('header-button',className);var IconElement=!link?jsx$1(Button$1,__assign$1({className:allClassNames,disabled:disabled,onClick:function(e){return onClick(e.currentTarget);},iconProps:{iconName:icon},ariaLabel:formatMessage({id:tooltipResourceKey}),"data-button-type":"header-btn",isActive:isActive},rest),void 0):jsx$1(StyledLink$2,__assign$1({className:allClassNames,to:link},rest,{children:jsx$1(Icon,{iconName:icon},void 0)}),void 0);return jsx$1(Host$m$1,__assign$1({className:"tooltip-container"},{children:jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey},{children:IconElement}),void 0)}),void 0);};var Host$m$1=_styled.div.withConfig({displayName:"IconHeaderButton__Host",componentId:"sc-1p61ffo-0"})(templateObject_1$O$1||(templateObject_1$O$1=__makeTemplateObject$1(["\n height: 100%;\n"],["\n height: 100%;\n"])));var Button$1=_styled(IconButton$1).withConfig({displayName:"IconHeaderButton__Button",componentId:"sc-1p61ffo-1"})(templateObject_4$e$2||(templateObject_4$e$2=__makeTemplateObject$1(["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"],["\n && {\n display: flex;\n padding: 0 5px;\n background-color: transparent;\n height: 100%;\n margin: 0 -1.5px; // this removes the \"gap\" between two side by side active buttons\n\n ",";\n ","\n }\n"])),function(p){return !p.isActive&&css$2(templateObject_2$w$1||(templateObject_2$w$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);},function(p){return p.isActive&&css$2(templateObject_3$n$1||(templateObject_3$n$1=__makeTemplateObject$1(["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "],["\n background-color: ",";\n color: ",";\n\n &&:hover {\n background-color: ",";\n color: ",";\n }\n "])),p.theme.palette.themeSecondary,p.theme.textColors.onSecondary,p.theme.palette.themeSecondary,p.theme.textColors.onSecondary);});var StyledLink$2=_styled(Link$4).withConfig({displayName:"IconHeaderButton__StyledLink",componentId:"sc-1p61ffo-2"})(templateObject_6$6$2||(templateObject_6$6$2=__makeTemplateObject$1(["\n && {\n height: 100%;\n ",";\n }\n"],["\n && {\n height: 100%;\n ",";\n }\n"])),function(p){return css$2(templateObject_5$9$2||(templateObject_5$9$2=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.textColors.onPrimary);});var templateObject_1$O$1,templateObject_2$w$1,templateObject_3$n$1,templateObject_4$e$2,templateObject_5$9$2,templateObject_6$6$2;// a string of all valid unicode whitespaces
|
|
77691
77691
|
// eslint-disable-next-line max-len
|
|
77692
77692
|
var whitespaces$2$2='\u0009\u000A\u000B\u000C\u000D\u0020\u00A0\u1680\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u202F\u205F\u3000\u2028\u2029\uFEFF';var requireObjectCoercible$e=requireObjectCoercible$9$1;var whitespaces$1$2=whitespaces$2$2;var whitespace$2='['+whitespaces$1$2+']';var ltrim$2=RegExp('^'+whitespace$2+whitespace$2+'*');var rtrim$2=RegExp(whitespace$2+whitespace$2+'*$');// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation
|
|
77693
77693
|
var createMethod$5=function(TYPE){return function($this){var string=String(requireObjectCoercible$e($this));if(TYPE&1)string=string.replace(ltrim$2,'');if(TYPE&2)string=string.replace(rtrim$2,'');return string;};};var stringTrim$2={// `String.prototype.{ trimLeft, trimStart }` methods
|
|
@@ -77700,19 +77700,19 @@ trim:createMethod$5(3)};var fails$k=fails$h$1;var whitespaces$5=whitespaces$2$2;
|
|
|
77700
77700
|
// of whitespaces and has a correct name
|
|
77701
77701
|
var stringTrimForced$2=function(METHOD_NAME){return fails$k(function(){return !!whitespaces$5[METHOD_NAME]()||non$2[METHOD_NAME]()!=non$2||whitespaces$5[METHOD_NAME].name!==METHOD_NAME;});};var $$1$2=_export$1;var $trim$2=stringTrim$2.trim;var forcedStringTrimMethod$2=stringTrimForced$2;// `String.prototype.trim` method
|
|
77702
77702
|
// https://tc39.github.io/ecma262/#sec-string.prototype.trim
|
|
77703
|
-
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$N$1||(templateObject_1$N$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$
|
|
77703
|
+
$$1$2({target:'String',proto:true,forced:forcedStringTrimMethod$2('trim')},{trim:function trim(){return $trim$2(this);}});var TextLink=function TextLink(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,children=_a.children,className=_a.className,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","children","className","style"]);useFeatures();var webAppUrls=useSubscriptionWebAppUrls();var _b=useContext(LinkContext);_b.onOpenExternalLink;var tryGetInternalLink=_b.tryGetInternalLink;var internalLink=!target&&tryGetInternalLink(url,webAppUrls);if(internalLink){return jsx$1(Link,__assign$1({className:className,to:internalLink,"aria-label":ariaLabel,style:style},rest,{children:children}),void 0);}return jsx$1(ExternalLinkHandler,__assign$1({url:url,target:target,className:className,ariaLabel:ariaLabel,style:style},rest,{children:children}),void 0);};var ExternalLinkHandler=function ExternalLinkHandler(_a){var url=_a.url,target=_a.target,ariaLabel=_a.ariaLabel,onClick=_a.onClick,className=_a.className,children=_a.children,style=_a.style,rest=__rest$1(_a,["url","target","ariaLabel","onClick","className","children","style"]);return jsx$1(ExternalLink$2,__assign$1({href:url,onClick:function(e){return onClick===null||onClick===void 0?void 0:onClick(e);},className:className,target:target===undefined?'_blank':target,rel:"noopener noreferrer","aria-label":ariaLabel,style:style},rest,{children:children}),void 0);};var ToolbarIconButtonWithToolTip=function ToolbarIconButtonWithToolTip(_a){var _b;var iconName=_a.iconName,ariaLabelText=_a.ariaLabel,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,to=_a.to,target=_a.target,tooltipText=_a.tooltipText,tooltipResourceKey=_a.tooltipResourceKey,disabled=_a.disabled,className=_a.className,rest=__rest$1(_a,["iconName","ariaLabel","ariaLabelResourceKey","onClick","to","target","tooltipText","tooltipResourceKey","disabled","className"]);var formatMessage=useIntl().formatMessage;var ariaLabel=ariaLabelText||((_b=ariaLabelResourceKey===null||ariaLabelResourceKey===void 0?void 0:ariaLabelResourceKey.trim())===null||_b===void 0?void 0:_b.length)>0&&formatMessage({id:ariaLabelResourceKey});return jsxs(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:[to&&!onClick&&jsx$1(StyledLink$1$1,__assign$1({url:to,ariaLabel:ariaLabel,target:target},rest,{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0),onClick&&!to&&jsx$1(StyledIconButton$3$1,__assign$1({disabled:disabled,iconProps:{iconName:iconName},onClick:onClick,className:className,ariaLabel:ariaLabel},rest),void 0),onClick&&to&&jsx$1(StyledExternalLink,__assign$1({url:to,target:target,ariaLabel:ariaLabel,onClick:function(e){e.stopPropagation();e.preventDefault();onClick();}},{children:jsx$1(Icon,{iconName:iconName,className:className},void 0)}),void 0)]}),void 0);};var LinkStyle$2=css$2(templateObject_1$N$1||(templateObject_1$N$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n text-decoration: none !important;\n"])));var StyledLink$1$1=_styled(TextLink).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledLink",componentId:"sc-148nazl-0"})(templateObject_2$v$1||(templateObject_2$v$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledExternalLink=_styled(ExternalLinkHandler).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledExternalLink",componentId:"sc-148nazl-1"})(templateObject_3$m$1||(templateObject_3$m$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),LinkStyle$2);var StyledIconButton$3$1=_styled(IconButton$1).withConfig({displayName:"ToolbarIconButtonWithToolTip__StyledIconButton",componentId:"sc-148nazl-2"})(templateObject_5$8$2||(templateObject_5$8$2=__makeTemplateObject$1(["\n border-radius: 0;\n\n ","\n"],["\n border-radius: 0;\n\n ","\n"])),function(p){return p.active&&css$2(templateObject_4$d$2||(templateObject_4$d$2=__makeTemplateObject$1(["\n border-color: ",";\n "],["\n border-color: ",";\n "])),p.theme.palette.themePrimary);});var ToolbarIconButton=_styled(ToolbarIconButtonWithToolTip).withConfig({displayName:"ToolbarIconButtonWithToolTip__ToolbarIconButton",componentId:"sc-148nazl-3"})(templateObject_7$3$2||(templateObject_7$3$2=__makeTemplateObject$1(["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n\n ","\n"],["\n background-color: transparent;\n &:not([disabled]) {\n color: ",";\n }\n\n ","\n"])),function(p){return p.theme.textColors.default;},function(p){return p.isActive&&css$2(templateObject_6$5$2||(templateObject_6$5$2=__makeTemplateObject$1(["\n i {\n font-weight: bold;\n }\n "],["\n i {\n font-weight: bold;\n }\n "])));});var templateObject_1$N$1,templateObject_2$v$1,templateObject_3$m$1,templateObject_4$d$2,templateObject_5$8$2,templateObject_6$5$2,templateObject_7$3$2;var Search=function Search(props){var intl=useIntl();var _a=useState$2(null),searchText=_a[0],setSearchText=_a[1];var location=useLocation$1();var textColors=useContext(ThemeContext$1).theme.textColors;var searchInputRef=useRef$1();useEffect$1(function(){addBackButtonListener(handleBack);setTimeout(function(){var _a;return searchInputRef&&((_a=searchInputRef.current)===null||_a===void 0?void 0:_a.focus());});return function(){removeBackButtonListener(handleBack);};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77704
77704
|
},[]);useEffect$1(function(){setSearchText('');// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77705
|
-
},[location.pathname]);return jsxs(Host$l$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsx$1(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsx$1(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsx$1(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled(TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.useLightTheme?css$2(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):css$2(templateObject_2$
|
|
77705
|
+
},[location.pathname]);return jsxs(Host$l$1,__assign$1({className:classNames('search-field',props.className),useLightTheme:props.useLightTheme},{children:[jsx$1(StyledTextField$2,{className:"search-input",useLightTheme:props.useLightTheme,default:true,value:searchText||props.searchText||'',onChange:function(_,value){return handleChange(value);},onKeyDown:handleKeyDown,autoComplete:"off",autoFocus:true,borderless:true,placeholder:props.placeholder||intl.formatMessage({id:'TopBar.search'}),componentRef:function(input){return searchInputRef.current=input;},ariaLabel:intl.formatMessage({id:'TopBar.search'}),"data-search-input":true},void 0),props.searching&&jsx$1(StyledSpinner$1$1,{className:"search-spinner"},void 0),jsx$1(CancelButton$1,{"data-cancel-search-button":true,iconProps:{iconName:'Cancel'},onClick:function(){var _a;setSearchText(null);(_a=props.onClear)===null||_a===void 0?void 0:_a.call(props);},color:!props.useLightTheme&&textColors.onPrimary},void 0)]}),void 0);function handleKeyDown(event){if(event.key==='Enter'&&props.onExecuteSearch){props.onExecuteSearch(searchText);}if(event.key==='Escape'){handleChange('');}}function handleChange(searchText){var _a;setSearchText(searchText);(_a=props.onChange)===null||_a===void 0?void 0:_a.call(props,searchText);}function handleBack(){if(searchText||props.searchText){handleChange('');return true;}return false;}};var StyledTextField$2=_styled(TextField).withConfig({displayName:"Search__StyledTextField",componentId:"sc-17f35gt-0"})(templateObject_3$l$1||(templateObject_3$l$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.useLightTheme?css$2(templateObject_1$M$1||(templateObject_1$M$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.default;},InputPlaceholder("color: "+p.theme.textColors.default)):css$2(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "],["\n .ms-TextField-field {\n color: ",";\n ",";\n }\n "])),function(p){return p.theme.textColors.onPrimary;},InputPlaceholder("color: "+p.theme.textColors.onPrimary));});var StyledSpinner$1$1=_styled(Spinner$1).withConfig({displayName:"Search__StyledSpinner",componentId:"sc-17f35gt-1"})(templateObject_4$c$2||(templateObject_4$c$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"],["\n display: flex;\n align-items: center;\n padding-right: 8px;\n\n color: ",";\n background-color: ",";\n"])),function(p){return p.theme.textColors.onPrimary;},function(p){return p.theme.palette.themeDarker;});var Host$l$1=_styled.div.withConfig({displayName:"Search__Host",componentId:"sc-17f35gt-2"})(templateObject_7$2$2||(templateObject_7$2$2=__makeTemplateObject$1(["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ",";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ","\n"],["\n flex: 1 1 auto;\n height: 100%;\n\n display: flex;\n flex-flow: row nowrap;\n align-items: stretch;\n\n > .ms-TextField {\n flex: 1 1 auto;\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0;\n\n > .ms-TextField-wrapper {\n flex: 1 0 auto;\n\n .ms-TextField-fieldGroup {\n border: none;\n background: none;\n\n > input {\n border: 0;\n height: 100%;\n font-size: 18px;\n\n &::-ms-clear {\n display: none;\n }\n }\n }\n }\n }\n\n input {\n &.ms-TextField-field {\n min-width: 100%;\n width: 30px;\n }\n\n ",";\n }\n\n i {\n display: flex;\n justify-content: space-around;\n flex-flow: row nowrap;\n align-items: center;\n\n margin-right: 1em;\n margin-left: 0.5em;\n cursor: pointer;\n }\n\n button {\n height: 100%;\n margin: 0 4px;\n }\n\n ","\n"])),InputPlaceholder("\n font-size: inherit;\n opacity: 0.5;\n "),function(p){return p.useLightTheme?css$2(templateObject_5$7$2||(templateObject_5$7$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.neutralLighter;}):css$2(templateObject_6$4$2||(templateObject_6$4$2=__makeTemplateObject$1(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),function(p){return p.theme.palette.themeDarker;});});var CancelButton$1=_styled(IconButton).withConfig({displayName:"Search__CancelButton",componentId:"sc-17f35gt-3"})(templateObject_8$2$2||(templateObject_8$2$2=__makeTemplateObject$1(["\n align-self: center;\n"],["\n align-self: center;\n"])));var SearchBox=function SearchBox(_a){var onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged,isToolbarMode=_a.isToolbarMode,onExecuteSearch=_a.onExecuteSearch,onSearchTextChange=_a.onSearchTextChange,searchText=_a.searchText,showSearchBoxInput=_a.showSearchBoxInput,className=_a.className;var _b=useState$2(!!searchText),showSearchInputFieldState=_b[0],setShowSearchInputField=_b[1];var showSearchInputField=showSearchBoxInput||showSearchInputFieldState||!!searchText;// this use effect is required, if the state does not change via a manual toggle
|
|
77706
77706
|
// but instead via a property
|
|
77707
77707
|
useEffect$1(function(){onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(showSearchInputField);// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77708
|
-
},[showSearchInputField]);return jsxs(Fragment,{children:[showSearchInputField&&jsx$1(Search,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsx$1(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsx$1(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$M$1,templateObject_2$v$1,templateObject_3$l$1,templateObject_4$c$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;_styled.div.withConfig({displayName:"EmptyUnreadListMessage__Host",componentId:"sc-1fler8t-0"})(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n height: 100%;\n display: flex;\n width: 100%;\n"],["\n height: 100%;\n display: flex;\n width: 100%;\n"])));var templateObject_1$L$1;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled(Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled.span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$b$2||(templateObject_4$b$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?css$2(templateObject_2$u$1||(templateObject_2$u$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):css$2(templateObject_3$k$1||(templateObject_3$k$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled.th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled.td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled.tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled.table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled(Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$K$1,templateObject_2$u$1,templateObject_3$k$1,templateObject_4$b$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsx$1(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled(Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$J$1;var unreadCommentHighlight=css$2(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"],["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$I$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled.div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$t$1||(templateObject_2$t$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ","\n"],["\n display: flex;\n align-items: center;\n\n ","\n"])),function(p){return p.isInvalid&&css$2(templateObject_1$H$1||(templateObject_1$H$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled(Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$j$1||(templateObject_3$j$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$H$1,templateObject_2$t$1,templateObject_3$j$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxs(Fragment,{children:[jsx$1(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsx$1(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=createGlobalStyle(templateObject_1$G$1||(templateObject_1$G$1=__makeTemplateObject$1(["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"],["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"])),function(p){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$G$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=useState$2(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=useState$2(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);useEffect$1(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsx$1(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsx$1(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled(ActionButton)(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$F$1;var ChoiceGroup=_styled(ChoiceGroup$1).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$E$1||(templateObject_1$E$1=__makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"],["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$E$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=useState$2(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=useRef$1(null);return jsxs(Fragment,{children:[jsx$1("div",__assign$1({ref:menuButton},{children:jsx$1(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsx$1(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxs(Buttons$5,{children:[jsx$1(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsx$1(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsx$1(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled.div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled(IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$s$1||(templateObject_2$s$1=__makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"],["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"])),fontSizeMedium+2);var StyledActionButton$2=_styled(ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled(Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$s$1,templateObject_3$i$1,templateObject_4$a$2;_styled(DefaultButton).withConfig({displayName:"DefaultGoBackButton__StyledButton",componentId:"sc-q6p1lp-0"})(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"],["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"])));var templateObject_1$C$1;_styled(DefaultButton).withConfig({displayName:"DefaultGoHomeButton__StyledButton",componentId:"sc-1m1ufrk-0"})(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n padding: 0 12px;\n"],["\n padding: 0 12px;\n"])));var templateObject_1$B$1;var DeleteAttachmentButton=_styled(IconButton$1).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$A$1||(templateObject_1$A$1=__makeTemplateObject$1(["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"],["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])),spacingXs,function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$A$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsxs(Host$i$2,__assign$1({className:className},{children:[jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$i$2=_styled.div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$z$2||(templateObject_1$z$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled(ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$r$1||(templateObject_2$r$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$z$2,templateObject_2$r$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxs(NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsx$1(Icon,{iconName:iconName},void 0),jsx$1(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled(InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$y$2||(templateObject_1$y$2=__makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"],["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"])),spacingS,function(p){return p.theme.palette.accent;});var templateObject_1$y$2;_styled(IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$x$2||(templateObject_1$x$2=__makeTemplateObject$1([""],[""])));var templateObject_1$x$2;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsx$1(Host$h$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$h$2=_styled.span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$w$2||(templateObject_1$w$2=__makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsx$1(Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxs("span",{children:[index>0&&', ',jsx$1(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77709
|
-
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$w$2;_styled(ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$v$2||(templateObject_1$v$2=__makeTemplateObject$1(["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"],["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"])),function(p){return p.applyMargin?'37':'0';},fontSizeLarge);_styled.div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$
|
|
77708
|
+
},[showSearchInputField]);return jsxs(Fragment,{children:[showSearchInputField&&jsx$1(Search,{onChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,searchText:searchText,onClear:function(){onSearchTextChange===null||onSearchTextChange===void 0?void 0:onSearchTextChange('');onToggle(false);},className:className,useLightTheme:isToolbarMode},void 0),!showSearchInputField&&(isToolbarMode?jsx$1(ToolbarIconButton,{iconName:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0):jsx$1(IconHeaderButton,{icon:"Search",onClick:function(){return onToggle(true);},tooltipResourceKey:"TopBar.search"},void 0))]},void 0);function onToggle(isVisible){setShowSearchInputField(isVisible);onSearchInputFieldVisibilityChanged===null||onSearchInputFieldVisibilityChanged===void 0?void 0:onSearchInputFieldVisibilityChanged(isVisible);}};var templateObject_1$M$1,templateObject_2$u$1,templateObject_3$l$1,templateObject_4$c$2,templateObject_5$7$2,templateObject_6$4$2,templateObject_7$2$2,templateObject_8$2$2;_styled.div.withConfig({displayName:"EmptyUnreadListMessage__Host",componentId:"sc-1fler8t-0"})(templateObject_1$L$1||(templateObject_1$L$1=__makeTemplateObject$1(["\n height: 100%;\n display: flex;\n width: 100%;\n"],["\n height: 100%;\n display: flex;\n width: 100%;\n"])));var templateObject_1$L$1;var TableSortOrder;(function(TableSortOrder){TableSortOrder["ASC"]="SortUp";TableSortOrder["DESC"]="SortDown";})(TableSortOrder||(TableSortOrder={}));_styled(Icon).withConfig({displayName:"SortableTable__Order",componentId:"sc-6tqdpa-0"})(templateObject_1$K$1||(templateObject_1$K$1=__makeTemplateObject$1(["\n position: absolute;\n right: 0;\n"],["\n position: absolute;\n right: 0;\n"])));_styled.span.withConfig({displayName:"SortableTable__Title",componentId:"sc-6tqdpa-1"})(templateObject_4$b$2||(templateObject_4$b$2=__makeTemplateObject$1(["\n position: relative;\n padding: 0 5px;\n ","\n"],["\n position: relative;\n padding: 0 5px;\n ","\n"])),function(p){return p.orderBy?css$2(templateObject_2$t$1||(templateObject_2$t$1=__makeTemplateObject$1(["\n padding-right: 18px;\n "],["\n padding-right: 18px;\n "]))):css$2(templateObject_3$k$1||(templateObject_3$k$1=__makeTemplateObject$1(["\n padding-left: 18px;\n "],["\n padding-left: 18px;\n "])));});_styled.th.withConfig({displayName:"SortableTable__ColumnHeader",componentId:"sc-6tqdpa-2"})(templateObject_5$6$2||(templateObject_5$6$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"],["\n text-align: right;\n padding: 10px 5px;\n white-space: nowrap;\n\n :hover {\n cursor: ",";\n }\n\n :first-child {\n text-align: left;\n\n span {\n padding-left: 0;\n padding-right: 15px;\n }\n }\n"])),function(_a){var isLoading=_a.isLoading,disableSort=_a.disableSort;return isLoading?'wait':disableSort?'default':'pointer';});_styled.td.withConfig({displayName:"SortableTable__Cell",componentId:"sc-6tqdpa-3"})(templateObject_6$3$2||(templateObject_6$3$2=__makeTemplateObject$1(["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"],["\n text-align: right;\n padding: 2px 5px;\n white-space: ",";\n\n :first-child {\n text-align: left;\n }\n"])),function(props){return props.noWrap?'nowrap':'';});var Row$1=_styled.tr.withConfig({displayName:"SortableTable__Row",componentId:"sc-6tqdpa-4"})(templateObject_7$1$2||(templateObject_7$1$2=__makeTemplateObject$1(["\n :nth-child(odd) {\n background: ",";\n }\n"],["\n :nth-child(odd) {\n background: ",";\n }\n"])),function(p){return p.theme.palette.neutralLighterAlt;});_styled.table.withConfig({displayName:"SortableTable__Table",componentId:"sc-6tqdpa-5"})(templateObject_8$1$2||(templateObject_8$1$2=__makeTemplateObject$1(["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"],["\n width: 100%;\n border-collapse: collapse;\n\n :hover {\n cursor: ",";\n }\n\n "," {\n transition: opacity 0.1s linear;\n opacity: ",";\n }\n"])),function(_a){var isLoading=_a.isLoading;return isLoading?'wait':'default';},Row$1,function(_a){var isLoading=_a.isLoading;return isLoading?'0.6':'1';});_styled(Spinner).withConfig({displayName:"SortableTable__Loading",componentId:"sc-6tqdpa-6"})(templateObject_9$1$2||(templateObject_9$1$2=__makeTemplateObject$1(["\n margin: 80px 0 100px;\n"],["\n margin: 80px 0 100px;\n"])));var templateObject_1$K$1,templateObject_2$t$1,templateObject_3$k$1,templateObject_4$b$2,templateObject_5$6$2,templateObject_6$3$2,templateObject_7$1$2,templateObject_8$1$2,templateObject_9$1$2;var ToggleWithLabel=function ToggleWithLabel(props){return jsx$1(StyledToggle,__assign$1({},props,{"data-toggle-button":true}),void 0);};var StyledToggle=_styled(Toggle).withConfig({displayName:"ToggleWithLabel__StyledToggle",componentId:"sc-lcovfq-0"})(templateObject_1$J$1||(templateObject_1$J$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"],["\n display: flex;\n align-items: center;\n\n > label {\n order: 1;\n margin-left: 15px;\n }\n\n &.is-checked.is-enabled {\n button:hover {\n background-color: ",";\n }\n }\n"])),function(p){return p.theme.semanticColors.inputBackgroundCheckedHovered;});var templateObject_1$J$1;var unreadCommentHighlight=css$2(templateObject_1$I$1||(templateObject_1$I$1=__makeTemplateObject$1(["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"],["\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n top: 3px;\n left: 100%;\n display: block;\n width: 12px;\n height: 12px;\n transform: translate(-50%, -50%);\n border-radius: 50%;\n background-color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$I$1;function getGroupName(group,user,intl){return group.translations[user.preferredUiLanguage]||group.translations[getPreferredContentLanguage(user)]||group.name||intl.formatMessage({id:'Groups.defaultName'});}_styled.div.withConfig({displayName:"VerificationStatusIcon__Host",componentId:"sc-b3nb8-0"})(templateObject_2$s$1||(templateObject_2$s$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n\n ","\n"],["\n display: flex;\n align-items: center;\n\n ","\n"])),function(p){return p.isInvalid&&css$2(templateObject_1$H$1||(templateObject_1$H$1=__makeTemplateObject$1(["\n color: ",";\n "],["\n color: ",";\n "])),function(p){return p.theme.palette.redDark;});});_styled(Icon).withConfig({displayName:"VerificationStatusIcon__StatusIcon",componentId:"sc-b3nb8-1"})(templateObject_3$j$1||(templateObject_3$j$1=__makeTemplateObject$1(["\n margin-right: ","px;\n"],["\n margin-right: ","px;\n"])),spacingS);var templateObject_1$H$1,templateObject_2$s$1,templateObject_3$j$1;var OpacityAnimation=function OpacityAnimation(_a){var enterDuration=_a.enterDuration,leaveDuration=_a.leaveDuration,children=_a.children,style=_a.style,className=_a.className;var hasEnterDuration=!!enterDuration;var hasLeaveDuration=!!leaveDuration;var animationName="common-opacity-animation_"+enterDuration+"_"+leaveDuration;return jsxs(Fragment,{children:[jsx$1(AnimationStyle,{name:animationName,enterDuration:enterDuration,leaveDuration:leaveDuration},void 0),jsx$1(reactAddonsCssTransitionGroup,__assign$1({style:style,className:className,transitionName:animationName,transitionAppear:hasEnterDuration,transitionEnter:hasEnterDuration,transitionLeave:hasLeaveDuration,transitionLeaveTimeout:leaveDuration,transitionAppearTimeout:enterDuration,transitionEnterTimeout:enterDuration},{children:children}),void 0)]},void 0);};var AnimationStyle=createGlobalStyle(templateObject_1$G$1||(templateObject_1$G$1=__makeTemplateObject$1(["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"],["\n ."," {\n &-enter, &-apear {\n opacity: 0;\n &-active {\n opacity: 1;\n transition: opacity ","ms ease-in;\n }\n }\n &-leave {\n opacity: 1;\n &-active {\n opacity: 0;\n transition: opacity ","ms ease-in;\n }\n }\n }\n"])),function(p){return p.name;},function(p){return p.enterDuration;},function(p){return p.leaveDuration;});var templateObject_1$G$1;var AutoTranslateButton=function AutoTranslateButton(_a){var contentLanguageCode=_a.contentLanguageCode,originalContent=_a.originalContent,content=_a.content,onTranslate=_a.onTranslate,onContentChange=_a.onContentChange,tooltipResourceKey=_a.tooltipResourceKey,showLabel=_a.showLabel;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var features=useFeatures();var _b=useState$2(null),autoTranslatedContent=_b[0],setAutoTranslatedContent=_b[1];var _c=useState$2(originalContent===content),isOriginalContent=_c[0],setIsOriginalContent=_c[1];var showError=useNotificationContext().showError;var preferredContentLanguageCode=getPreferredContentLanguage(user);useEffect$1(function(){return setAutoTranslatedContent(null);},[originalContent]);if(!features.automaticTranslation){return null;}var label=formatMessage({id:'Generic.translate'});var shouldShowTranslateButton=contentLanguageCode&&contentLanguageCode!==preferredContentLanguageCode&&allAvailableContentLanguages.includes(preferredContentLanguageCode)&&!contentLanguagesWithoutAutomaticTranslation.includes(preferredContentLanguageCode);if(!shouldShowTranslateButton){return null;}return jsx$1(Tooltip,__assign$1({resourceKey:isOriginalContent?'Generic.translateTo':tooltipResourceKey,values:{language:formatMessage({id:"Generic.languages."+preferredContentLanguageCode})}},{children:jsx$1(StyledActionButton$3,__assign$1({"aria-label":showLabel?null:label,"data-translate-content-button":true,className:"ms-fontColor-neutralSecondary",iconProps:{iconName:'World'},onClick:handleTranslate},{children:showLabel&&label}),void 0)}),void 0);function handleTranslate(){return __awaiter$1(this,void 0,void 0,function(){var translation;return __generator$1(this,function(_b){switch(_b.label){case 0:if(!isOriginalContent){onContentChange(originalContent);setIsOriginalContent(true);return [2/*return*/];}if(!autoTranslatedContent)return [3/*break*/,1];onContentChange(autoTranslatedContent);setIsOriginalContent(false);return [3/*break*/,4];case 1:_b.trys.push([1,3,,4]);return [4/*yield*/,onTranslate(preferredContentLanguageCode)];case 2:translation=_b.sent();onContentChange(translation);setAutoTranslatedContent(translation);setIsOriginalContent(false);return [3/*break*/,4];case 3:_b.sent();showError('Generic.error');return [3/*break*/,4];case 4:return [2/*return*/];}});});}};var StyledActionButton$3=_styled(ActionButton)(templateObject_1$F$1||(templateObject_1$F$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var templateObject_1$F$1;var ChoiceGroup=_styled(ChoiceGroup$1).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$E$1||(templateObject_1$E$1=__makeTemplateObject$1(["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"],["\n .ms-ChoiceField-field.is-checked {\n &:hover {\n &::before,\n &:after {\n border-color: ",";\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;});var templateObject_1$E$1;var CommentActionMenu=function CommentActionMenu(_a){var comment=_a.comment,showEdit=_a.showEdit,showDelete=_a.showDelete,onDelete=_a.onDelete,isEditMode=_a.isEditMode,toggleEditMode=_a.toggleEditMode,originalContent=_a.originalContent,currentContent=_a.currentContent,setContent=_a.setContent,handleTranslate=_a.handleTranslate,showAutoTranslate=_a.showAutoTranslate,onReply=_a.onReply,disabled=_a.disabled;var formatMessage=useIntl().formatMessage;var _b=useState$2(false),showMenuButtons=_b[0],setShowMenuButtons=_b[1];var menuButton=useRef$1(null);return jsxs(Fragment,{children:[jsx$1("div",__assign$1({ref:menuButton},{children:jsx$1(MenuButton$1,{"data-menu-button":comment.id,iconProps:{iconName:'MoreVertical'},onClick:function(){return setShowMenuButtons(!showMenuButtons);},ariaLabel:formatMessage({id:'AriaLabel.contextMenuButton'}),disabled:disabled},void 0)}),void 0),showMenuButtons&&jsx$1(StyledCallout$4,__assign$1({"data-context-menu":true,target:menuButton.current,onDismiss:function(){return setShowMenuButtons(false);}},{children:jsxs(Buttons$5,{children:[jsx$1(Tooltip,__assign$1({resourceKey:'Comment.replyButton.tooltip',values:{name:comment.sender.displayName}},{children:jsx$1(StyledActionButton$2,{"data-reply-button":comment.id,iconProps:{iconName:'Reply'},onClick:handleReply,text:formatMessage({id:'Comment.replyButton'})},void 0)}),void 0),showAutoTranslate&&jsx$1(AutoTranslateButton,{"data-auto-translate-button":comment.id,originalContent:originalContent,onContentChange:function(content){setShowMenuButtons(false);setContent(content);},content:currentContent,tooltipResourceKey:"Comment.translate.showOriginal",onTranslate:handleTranslate,contentLanguageCode:comment.contentLanguageCode,showLabel:true},void 0),showEdit&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.edit.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-edit-button":comment.id,iconProps:{iconName:'Edit'},onClick:function(){toggleEditMode(true);setShowMenuButtons(false);},text:formatMessage({id:'Generic.edit'}),disabled:!comment.id||isEditMode},void 0)}),void 0),showDelete&&jsx$1(Tooltip,__assign$1({resourceKey:"Comment.delete.tooltip"},{children:jsx$1(StyledActionButton$2,{"data-delete-button":comment.id,iconProps:{iconName:'Delete'},onClick:function(){onDelete(comment);setShowMenuButtons(false);},text:formatMessage({id:'Generic.Delete'}),disabled:!comment.id||isEditMode},void 0)}),void 0)]},void 0)}),void 0)]},void 0);function handleReply(){onReply===null||onReply===void 0?void 0:onReply(comment.id,comment.sender);setShowMenuButtons(false);}};var Buttons$5=_styled.div.withConfig({displayName:"CommentActionMenu__Buttons",componentId:"sc-qsk1nc-0"})(templateObject_1$D$1||(templateObject_1$D$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"])));var MenuButton$1=_styled(IconButton).withConfig({displayName:"CommentActionMenu__MenuButton",componentId:"sc-qsk1nc-1"})(templateObject_2$r$1||(templateObject_2$r$1=__makeTemplateObject$1(["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"],["\n && {\n width: auto;\n padding: 0;\n\n &[disabled] {\n background: transparent;\n }\n\n i {\n margin: 0;\n font-size: ","px;\n }\n }\n"])),fontSizeMedium+2);var StyledActionButton$2=_styled(ActionButton).withConfig({displayName:"CommentActionMenu__StyledActionButton",componentId:"sc-qsk1nc-2"})(templateObject_3$i$1||(templateObject_3$i$1=__makeTemplateObject$1(["\n &&& {\n i {\n color: ",";\n }\n }\n"],["\n &&& {\n i {\n color: ",";\n }\n }\n"])),function(p){return p.theme.textColors.default;});var StyledCallout$4=_styled(Callout).withConfig({displayName:"CommentActionMenu__StyledCallout",componentId:"sc-qsk1nc-3"})(templateObject_4$a$2||(templateObject_4$a$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingS);var templateObject_1$D$1,templateObject_2$r$1,templateObject_3$i$1,templateObject_4$a$2;_styled(DefaultButton).withConfig({displayName:"DefaultGoBackButton__StyledButton",componentId:"sc-q6p1lp-0"})(templateObject_1$C$1||(templateObject_1$C$1=__makeTemplateObject$1(["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"],["\n padding: 0 12px;\n\n i {\n margin: 0 8px 0 0;\n }\n"])));var templateObject_1$C$1;_styled(DefaultButton).withConfig({displayName:"DefaultGoHomeButton__StyledButton",componentId:"sc-1m1ufrk-0"})(templateObject_1$B$1||(templateObject_1$B$1=__makeTemplateObject$1(["\n padding: 0 12px;\n"],["\n padding: 0 12px;\n"])));var templateObject_1$B$1;var DeleteAttachmentButton=_styled(IconButton$1).withConfig({displayName:"DeleteAttachmentButton",componentId:"sc-d7hswf-0"})(templateObject_1$A$1||(templateObject_1$A$1=__makeTemplateObject$1(["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"],["\n && {\n padding: ","px;\n color: ",";\n\n &:hover {\n color: ",";\n }\n\n &:disabled {\n background-color: transparent;\n }\n\n i {\n font-size: 14px;\n }\n }\n"])),spacingXs,function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var templateObject_1$A$1;var ToggleAllButtons=function ToggleAllButtons(_a){var toggleAll=_a.toggleAll,className=_a.className;var accent=useContext(ThemeContext$1).theme.palette.accent;return jsxs(Host$i$2,__assign$1({className:className},{children:[jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(true);},"data-button-toggle":"selectAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.SelectAll"},void 0)}),void 0),jsx$1(StyledButton$1$1,__assign$1({onClick:function(){return toggleAll(false);},"data-button-toggle":"clearAll",color:accent},{children:jsx$1(FormattedMessage$1,{id:"Generic.ClearAll"},void 0)}),void 0)]}),void 0);};var Host$i$2=_styled.div.withConfig({displayName:"ToggleAllButtons__Host",componentId:"sc-kbn3b4-0"})(templateObject_1$z$2||(templateObject_1$z$2=__makeTemplateObject$1(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS);var StyledButton$1$1=_styled(ActionButton).withConfig({displayName:"ToggleAllButtons__StyledButton",componentId:"sc-kbn3b4-1"})(templateObject_2$q$1||(templateObject_2$q$1=__makeTemplateObject$1(["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"],["\n && {\n height: 20px;\n padding-left: 0;\n padding-right: 8px;\n font-size: 10pt;\n }\n"])));var templateObject_1$z$2,templateObject_2$q$1;var InternalTopActionButton=function InternalTopActionButton(props){var iconName=props.iconName,textKey=props.textKey,navLinkProps=__rest$1(props,["iconName","textKey"]);return jsxs(NavLink,__assign$1({},navLinkProps,{children:[iconName&&jsx$1(Icon,{iconName:iconName},void 0),jsx$1(FormattedMessage$1,{id:textKey},void 0)]}),void 0);};_styled(InternalTopActionButton).withConfig({displayName:"TopActionButton",componentId:"sc-1lam7c6-0"})(templateObject_1$y$2||(templateObject_1$y$2=__makeTemplateObject$1(["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"],["\n && {\n font-size: initial;\n font-weight: bold;\n margin: 0 0 ","px 0;\n\n display: flex;\n align-items: center;\n align-self: flex-start;\n\n color: ",";\n }\n\n > i {\n padding-right: 8px;\n }\n"])),spacingS,function(p){return p.theme.palette.accent;});var templateObject_1$y$2;_styled(IconButton).withConfig({displayName:"HeaderMenuButton__MenuButton",componentId:"sc-170vvq2-0"})(templateObject_1$x$2||(templateObject_1$x$2=__makeTemplateObject$1([""],[""])));var templateObject_1$x$2;var ChannelTitle=function ChannelTitle(_a){var language=_a.language,channelOrName=_a.channel,role=_a.role,className=_a.className;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var displayValue=getChannelDisplayName(channels,channelOrName,user,language);return jsx$1(Host$h$2,__assign$1({title:displayValue,className:className,role:role},{children:displayValue}),void 0);};var Host$h$2=_styled.span.withConfig({displayName:"ChannelTitle__Host",componentId:"sc-1lqd4of-0"})(templateObject_1$w$2||(templateObject_1$w$2=__makeTemplateObject$1(["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"],["\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));var ChannelTitles=function ChannelTitles(_a){var channels=_a.channels,language=_a.language;return jsx$1(Fragment,{children:channels.map(function(c,index){var channelKey=isChannel$1(c)?c.id:c;return jsxs("span",{children:[index>0&&', ',jsx$1(ChannelTitle,{channel:c,language:language},void 0)]},channelKey);})},void 0);};function isChannel$1(value){return value.id!=null;}function getChannelDisplayName(allChannels,channelOrName,user,language){// Render the channel name if the channel details have not been loaded yet.
|
|
77709
|
+
if(allChannels==null&&!isChannel$1(channelOrName)){return channelOrName;}var channel=isChannel$1(channelOrName)?channelOrName:allChannels.find(function(c){return c.name===channelOrName||c.id===channelOrName;})||{name:channelOrName};if(channel==null){return null;}if(!language){language=getPreferredContentLanguage(user);}var translations=channel.translations||allChannels!=null&&allChannels.filter(function(c){return c.id===channel.id;}).map(function(c){return c.translations;})[0]||{};return language&&translations[language]||translations[user.subscription.defaultLanguage]||channel.name;}var templateObject_1$w$2;_styled(ChannelTitle).withConfig({displayName:"ChannelItem__StyledChannelTitle",componentId:"sc-bumcwu-0"})(templateObject_1$v$2||(templateObject_1$v$2=__makeTemplateObject$1(["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"],["\n margin-left: ","px;\n flex: 1 1 auto;\n font-size: ",";\n font-weight: bold;\n"])),function(p){return p.applyMargin?'37':'0';},fontSizeLarge);_styled.div.withConfig({displayName:"ChannelItem__Host",componentId:"sc-bumcwu-1"})(templateObject_2$p$1||(templateObject_2$p$1=__makeTemplateObject$1(["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ","px ","px;\n\n ","\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ","px;\n }\n }\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n min-height: 62px;\n padding: ","px ","px;\n\n ","\n\n .channel-drag-source {\n display: flex;\n align-items: center;\n flex: 0 0 auto;\n margin-right: 12px;\n\n i {\n font-size: ","px;\n }\n }\n"])),spacingS,spacingS+5,CardBorderInline(2,2),fontSizeLarge);_styled(IconButton).withConfig({displayName:"ChannelItem__StyledIconButton",componentId:"sc-bumcwu-2"})(templateObject_3$h$1||(templateObject_3$h$1=__makeTemplateObject$1(["\n i {\n font-size: ","px;\n }\n"],["\n i {\n font-size: ","px;\n }\n"])),fontSizeLarge);var templateObject_1$v$2,templateObject_2$p$1,templateObject_3$h$1;var ChannelList$1=function ChannelList(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,_b=_a.visibleChannelsCount,visibleChannelsCount=_b===void 0?3:_b,onChannelClick=_a.onChannelClick,className=_a.className;if(!channels||channels.length===0){return null;}var showMoreIndicator=channels.length>visibleChannelsCount;return jsxs(Host$f$2,__assign$1({className:className,"data-has-more-indicator":showMoreIndicator},{children:[jsx$1(DisplayedChannels,{channels:channels.slice(0,visibleChannelsCount),language:language,channelStyleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0),showMoreIndicator&&jsx$1(AdditionalChannelsIndicator,{channels:channels.slice(visibleChannelsCount),language:language,styleDefinition:channelStyleDefinition,onChannelClick:onChannelClick},void 0)]}),void 0);};var DisplayedChannels=function DisplayedChannels(_a){var channels=_a.channels,language=_a.language,channelStyleDefinition=_a.channelStyleDefinition,onChannelClick=_a.onChannelClick;return jsx$1(ChannelsHost,__assign$1({"data-channels":true},{children:channels.map(function(c){var Title=jsx$1(ChannelTitle,{channel:c,language:language},void 0);if(onChannelClick){return jsx$1(ClickableChannelTitle,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color,onClick:function(){return onChannelClick(c);},"data-rounded-outline":true},{children:Title}),c);}return jsx$1(StyledChannelTitle$1,__assign$1({bubbleCount:channels.length,backgroundColor:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.backgroundColor,color:channelStyleDefinition===null||channelStyleDefinition===void 0?void 0:channelStyleDefinition.color},{children:Title}),c);})}),void 0);};var AdditionalChannelsIndicator=function AdditionalChannelsIndicator(_a){var channels=_a.channels,language=_a.language,styleDefinition=_a.styleDefinition,onChannelClick=_a.onChannelClick;var ref=useRef$1();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];return jsxs(Fragment,{children:[jsx$1(IndicatorHost,__assign$1({ref:ref,backgroundColor:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.backgroundColor,color:styleDefinition===null||styleDefinition===void 0?void 0:styleDefinition.color},{children:jsx$1(Indicator,__assign$1({onClick:function(){return setShowCallout(true);}},{children:"+"+channels.length}),void 0)}),void 0),showCallout&&jsx$1(StyledCallout$3,__assign$1({target:ref.current,onDismiss:function(){return setShowCallout(false);}},{children:jsx$1(CalloutList,{children:channels.map(function(c){return jsx$1("li",{children:onChannelClick?jsx$1(ActionButton,__assign$1({onClick:function(){return onChannelClick(c);}},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0):jsx$1(ChannelTitle,{channel:c,language:language},void 0)},c);})},void 0)}),void 0)]},void 0);};var BubbleGap=spacingXs;var IndicatorWidth=50;// We calculate the space available to show the channel bubbles based on the following factors:
|
|
77710
77710
|
// The full width of the container => 100%
|
|
77711
77711
|
// Minus the indicator width which might not be there in the case we have 3 channels or less
|
|
77712
|
-
var Host$f$2=_styled.div(templateObject_1$u$2||(templateObject_1$u$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])),IndicatorWidth+BubbleGap);var ChannelsHost=_styled.div(templateObject_2$
|
|
77713
|
-
var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$g$2||(templateObject_3$g$2=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$u$2,templateObject_2$
|
|
77712
|
+
var Host$f$2=_styled.div(templateObject_1$u$2||(templateObject_1$u$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"],["\n display: flex;\n width: 100%;\n\n &[data-has-more-indicator='true'] {\n [data-channels] {\n width: calc(100% - ","px);\n }\n }\n\n &[data-has-more-indicator='false'] {\n [data-channels] {\n width: 100%;\n }\n }\n"])),IndicatorWidth+BubbleGap);var ChannelsHost=_styled.div(templateObject_2$o$1||(templateObject_2$o$1=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));// Max channel width: Divide the space by the number of bubbles we need to display minus bubble gap - 6px
|
|
77713
|
+
var ClickableChannelTitle=_styled(ActionButton)(templateObject_3$g$2||(templateObject_3$g$2=__makeTemplateObject$1(["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"],["\n z-index: 1;\n height: inherit;\n padding: 0;\n\n ","\n span {\n width: 100%;\n }\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var StyledChannelTitle$1=_styled.span(templateObject_4$9$2||(templateObject_4$9$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return BubbleStyle(p.bubbleCount,p.backgroundColor,p.color);});var BubbleStyle=function BubbleStyle(bubbleCount,backgroundColor,color){return css$2(templateObject_7$o||(templateObject_7$o=__makeTemplateObject$1(["\n ","\n\n ","\n\n ","\n "],["\n ","\n\n ","\n\n ","\n "])),bubbleCount&&css$2(templateObject_5$5$2||(templateObject_5$5$2=__makeTemplateObject$1(["\n max-width: calc(100% / "," - ","px);\n "],["\n max-width: calc(100% / "," - ","px);\n "])),bubbleCount,BubbleGap),bubbleCount&&bubbleCount>1&&css$2(templateObject_6$2$2||(templateObject_6$2$2=__makeTemplateObject$1(["\n margin-right: ","px;\n "],["\n margin-right: ","px;\n "])),BubbleGap),HighlightBubble({backgroundColor:backgroundColor,color:color}));};var IndicatorHost=_styled.div(templateObject_8$m||(templateObject_8$m=__makeTemplateObject$1(["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"],["\n z-index: 1;\n margin-left: ","px;\n\n ","\n"])),BubbleGap,function(p){return HighlightBubble({backgroundColor:p.backgroundColor,color:p.color});});var Indicator=_styled(ActionButton)(templateObject_9$h||(templateObject_9$h=__makeTemplateObject$1(["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"],["\n &&& {\n height: auto;\n color: inherit;\n padding: 0;\n }\n"])));var StyledCallout$3=_styled(Callout)(templateObject_10$f||(templateObject_10$f=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var CalloutList=_styled.ul(templateObject_11$a||(templateObject_11$a=__makeTemplateObject$1(["\n margin: 0;\n padding: 0;\n list-style: none;\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n"])));var templateObject_1$u$2,templateObject_2$o$1,templateObject_3$g$2,templateObject_4$9$2,templateObject_5$5$2,templateObject_6$2$2,templateObject_7$o,templateObject_8$m,templateObject_9$h,templateObject_10$f,templateObject_11$a;var ClickableChannelTitles=function ClickableChannelTitles(_a){var channels=_a.channels,buildChannelFilterUrl=_a.buildChannelFilterUrl,language=_a.language,channelBackgroundColor=_a.channelBackgroundColor,onClick=_a.onClick,className=_a.className;if(!(channels===null||channels===void 0?void 0:channels.length)){return null;}return jsx$1(Host$e$2,__assign$1({className:className,"data-channels":channels.join(',')},{children:channels.map(function(c){var channelKey=isChannel(c)?c.id:c;var title=jsx$1(ChannelBubble,__assign$1({backgroundColor:channelBackgroundColor},{children:jsx$1(ChannelTitle,{channel:c,language:language},void 0)}),void 0);return jsxs("li",{children:[buildChannelFilterUrl&&jsx$1(ChannelLink,__assign$1({"data-channel":true,to:buildChannelFilterUrl(isChannel(c)?c.name:c),"data-rounded-outline":true},{children:title}),void 0),onClick&&jsx$1(StyledActionButton$1,__assign$1({"data-rounded-outline":true,onClick:function(){return onClick(isChannel(c)?c.name:c);}},{children:title}),void 0),!onClick&&!buildChannelFilterUrl&&jsx$1(ChannelBubbleWrapper,{children:title},void 0)]},channelKey);})}),void 0);};function isChannel(value){return value.id!=null;}var Host$e$2=_styled.ul.withConfig({displayName:"ClickableChannelTitles__Host",componentId:"sc-1a7ny18-0"})(templateObject_1$t$2||(templateObject_1$t$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n\n li {\n margin: 0;\n span {\n white-space: break-spaces;\n }\n }\n }\n"])),fontSizeSmall);var ChannelBubble=_styled.div.withConfig({displayName:"ClickableChannelTitles__ChannelBubble",componentId:"sc-1a7ny18-1"})(templateObject_2$n$1||(templateObject_2$n$1=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),function(p){return p.backgroundColor?HighlightBubble({backgroundColor:p.backgroundColor}):HighlightBubble();});var ChannelLink=_styled(NavLink).withConfig({displayName:"ClickableChannelTitles__ChannelLink",componentId:"sc-1a7ny18-2"})(templateObject_3$f$2||(templateObject_3$f$2=__makeTemplateObject$1(["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"],["\n position: relative;\n z-index: 1;\n color: ",";\n display: inline-block;\n margin: 2px ","px 2px 0;\n"])),function(p){return p.theme.textColors.default;},spacingXs);var ChannelBubbleWrapper=_styled.span.withConfig({displayName:"ClickableChannelTitles__ChannelBubbleWrapper",componentId:"sc-1a7ny18-3"})(templateObject_4$8$2||(templateObject_4$8$2=__makeTemplateObject$1(["\n display: block;\n margin: 2px ","px 2px 0;\n"],["\n display: block;\n margin: 2px ","px 2px 0;\n"])),spacingXs);var StyledActionButton$1=_styled(ActionButton).withConfig({displayName:"ClickableChannelTitles__StyledActionButton",componentId:"sc-1a7ny18-4"})(templateObject_5$4$2||(templateObject_5$4$2=__makeTemplateObject$1(["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"],["\n && {\n height: auto;\n padding: 0;\n margin: 2px ","px 2px 0;\n }\n"])),spacingXs);var templateObject_1$t$2,templateObject_2$n$1,templateObject_3$f$2,templateObject_4$8$2,templateObject_5$4$2;var ChannelSelector=function ChannelSelector(_a){var selectedChannelIds=_a.selectedChannelIds,selectedChannelNames=_a.selectedChannelNames,mandatoryChannelIds=_a.mandatoryChannelIds,availableChannels=_a.availableChannels,showOnlyUserChannels=_a.showOnlyUserChannels,onChannelsChanged=_a.onChannelsChanged,className=_a.className,showSelectionToggle=_a.showSelectionToggle,placeholder=_a.placeholder,inlineControls=_a.inlineControls,required=_a.required,id=_a.id;var formatMessage=useIntl().formatMessage;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var options=usePromise$2(function(){return __awaiter$1(void 0,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:return [2/*return*/,_a.sent()];}});});},null,[channels,availableChannels,showOnlyUserChannels])[0];var responsiveMode=(options===null||options===void 0?void 0:options.length)>10&&env.isNativeMobileApp?ResponsiveMode.small:ResponsiveMode.large;if(!channels){return null;}var selectedIds=getSelectedIds()||[];return jsxs(Host$d$2,{children:[showSelectionToggle&&jsx$1(ToggleAllButtons,{toggleAll:handleToggleAll},void 0),jsx$1(StyledTooltip$4,__assign$1({directionalHint:DirectionalHint$1.bottomCenter,tooltipProps:{onRenderContent:function(){return jsxs(Fragment,{children:[jsx$1(TooltipTitle,{id:"Channels.callout.title",tagName:"h3"},void 0),jsx$1(Channels$3,{channels:getSelectedChannelNames()},void 0)]},void 0);}},hidden:selectedIds.length<2},{children:jsx$1(Dropdown,{ariaLabel:formatMessage({id:'AriaLabel.filter.filterByChannel'}),"data-channel-selector":true,placeholder:formatMessage({id:placeholder||'Channels.Placeholder'}),responsiveMode:responsiveMode,className:className,options:options||[],selectedKeys:selectedIds,multiSelect:true,onChange:handleChange,onRenderTitle:renderTitles,onRenderOption:function(option){return option.key==='Controls'?jsx$1(ToggleAllButtons,{toggleAll:handleToggleAll},void 0):jsx$1(ChannelTitle,{channel:option.data,language:user.preferredUiLanguage,role:"option"},option.key);},calloutProps:{className:'channels-dropdown-callout'},"aria-required":required,id:id},void 0)}),void 0)]},void 0);function getSelectedChannelNames(){var _a;return (_a=channels===null||channels===void 0?void 0:channels.filter(function(c){return selectedIds.includes(c.id);}))===null||_a===void 0?void 0:_a.map(function(c){return c.name;});}function renderTitles(value){var selectedOptions=isSingleOption(value)?[value]:value;selectedOptions=selectedOptions.filter(function(option){return option.key!=='Controls';});return jsx$1(ChannelTitles,{channels:selectedOptions.map(function(o){return o.data;}),language:user.preferredUiLanguage},void 0);}function isSingleOption(value){return value.key!=null;}function handleChange(_,option){var changedId=option.key;var currentSelection=selectedIds;var newSelection=currentSelection.indexOf(changedId)>=0?// handle remove
|
|
77714
77714
|
currentSelection.filter(function(id){return id!==option.key;}):// handle add
|
|
77715
|
-
currentSelection.concat([changedId]);onChannelsChanged(newSelection.map(function(id){return channels.find(function(c){return c.id===id;});}).filter(function(ch){return ch!=null;}));}function handleToggleAll(checkAll){return __awaiter$1(this,void 0,void 0,function(){var options;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:options=_a.sent().map(function(option){return channels.find(function(c){return c.id===option.key;});});onChannelsChanged(checkAll?options.filter(function(ch){return ch!=null;}):options.filter(function(ch){return ch!=null&&(mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.includes(ch.id));}));return [2/*return*/];}});});}function getSelectedIds(){if(selectedChannelNames!=null){var ids=selectedChannelNames.map(function(name){return channels.find(function(ch){return ch.name===name;});}).filter(function(ch){return ch!=null;}).map(function(ch){return ch.id;});ids=ids.concat(mandatoryChannelIds||[]);return Array.from(new Set(ids));}return Array.from(new Set((selectedChannelIds||[]).concat(mandatoryChannelIds||[])));}function getOptions(){return __awaiter$1(this,void 0,void 0,function(){var result;return __generator$1(this,function(_a){result=[];if(inlineControls){result.push({key:'Controls',text:'',itemType:DropdownMenuItemType.Header});}if(availableChannels){return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),availableChannels.map(function(c){return getChannelOption(c);}))];}return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),!showOnlyUserChannels?(channels===null||channels===void 0?void 0:channels.map(function(c){return getChannelOption(c);}))||[]:user.channels.map(function(c){return getChannelOption(c);}))];});});}function getChannelOption(channel){return {key:channel.id,text:channel.name,data:channel,disabled:mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.some(function(id){return id===channel.id;})};}};var Host$d$2=_styled.div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var Channels$3=_styled(ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$
|
|
77715
|
+
currentSelection.concat([changedId]);onChannelsChanged(newSelection.map(function(id){return channels.find(function(c){return c.id===id;});}).filter(function(ch){return ch!=null;}));}function handleToggleAll(checkAll){return __awaiter$1(this,void 0,void 0,function(){var options;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getOptions()];case 1:options=_a.sent().map(function(option){return channels.find(function(c){return c.id===option.key;});});onChannelsChanged(checkAll?options.filter(function(ch){return ch!=null;}):options.filter(function(ch){return ch!=null&&(mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.includes(ch.id));}));return [2/*return*/];}});});}function getSelectedIds(){if(selectedChannelNames!=null){var ids=selectedChannelNames.map(function(name){return channels.find(function(ch){return ch.name===name;});}).filter(function(ch){return ch!=null;}).map(function(ch){return ch.id;});ids=ids.concat(mandatoryChannelIds||[]);return Array.from(new Set(ids));}return Array.from(new Set((selectedChannelIds||[]).concat(mandatoryChannelIds||[])));}function getOptions(){return __awaiter$1(this,void 0,void 0,function(){var result;return __generator$1(this,function(_a){result=[];if(inlineControls){result.push({key:'Controls',text:'',itemType:DropdownMenuItemType.Header});}if(availableChannels){return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),availableChannels.map(function(c){return getChannelOption(c);}))];}return [2/*return*/,__spreadArray$1(__spreadArray$1([],result),!showOnlyUserChannels?(channels===null||channels===void 0?void 0:channels.map(function(c){return getChannelOption(c);}))||[]:user.channels.map(function(c){return getChannelOption(c);}))];});});}function getChannelOption(channel){return {key:channel.id,text:channel.name,data:channel,disabled:mandatoryChannelIds===null||mandatoryChannelIds===void 0?void 0:mandatoryChannelIds.some(function(id){return id===channel.id;})};}};var Host$d$2=_styled.div.withConfig({displayName:"ChannelSelector__Host",componentId:"sc-2h27u4-0"})(templateObject_1$s$2||(templateObject_1$s$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));var Channels$3=_styled(ClickableChannelTitles).withConfig({displayName:"ChannelSelector__Channels",componentId:"sc-2h27u4-1"})(templateObject_2$m$1||(templateObject_2$m$1=__makeTemplateObject$1(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingXs);var StyledTooltip$4=_styled(TooltipHost$1).withConfig({displayName:"ChannelSelector__StyledTooltip",componentId:"sc-2h27u4-2"})(templateObject_3$e$2||(templateObject_3$e$2=__makeTemplateObject$1(["\n max-width: 300px;\n padding: 0 ","px ","px;\n"],["\n max-width: 300px;\n padding: 0 ","px ","px;\n"])),spacingM,spacingM);var TooltipTitle=_styled(FormattedMessageWithStyle).withConfig({displayName:"ChannelSelector__TooltipTitle",componentId:"sc-2h27u4-3"})(templateObject_4$7$2||(templateObject_4$7$2=__makeTemplateObject$1(["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"],["\n font-size: ","px;\n // this needs to be 10px but the channels already have margin top of 6px\n margin-bottom: ","px;\n"])),fontSizeMedium,spacingS-spacingXs);var templateObject_1$s$2,templateObject_2$m$1,templateObject_3$e$2,templateObject_4$7$2;var ToolbarSearch=function ToolbarSearch(_a){var searchText=_a.searchText,onSearchTextChange=_a.onSearchTextChange,onExecuteSearch=_a.onExecuteSearch,onSearchIconClick=_a.onSearchIconClick,onSearchInputFieldVisibilityChanged=_a.onSearchInputFieldVisibilityChanged;return jsxs(Fragment,{children:[jsx$1(SearchBoxLargeScreen,{children:jsx$1(SearchBox,{searchText:searchText,onSearchTextChange:onSearchTextChange,onExecuteSearch:onExecuteSearch,onSearchInputFieldVisibilityChanged:onSearchInputFieldVisibilityChanged,isToolbarMode:true},void 0)},void 0),jsx$1(SearchIconSmallScreen,{children:jsx$1(ToolbarIconButton,{iconName:"Search",onClick:onSearchIconClick,tooltipResourceKey:"TopBar.search",ariaLabelResourceKey:"TopBar.search"},void 0)},void 0)]},void 0);};var SearchBoxLargeScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchBoxLargeScreen",componentId:"sc-1f480ry-0"})(templateObject_1$r$2||(templateObject_1$r$2=__makeTemplateObject$1(["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n justify-content: flex-end;\n max-width: 300px;\n flex-grow: 1;\n @media (max-width: ","px) {\n display: none;\n }\n"])),maxScreenSize.medium);var SearchIconSmallScreen=_styled.div.withConfig({displayName:"ToolbarSearch__SearchIconSmallScreen",componentId:"sc-1f480ry-1"})(templateObject_2$l$2||(templateObject_2$l$2=__makeTemplateObject$1(["\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$r$2,templateObject_2$l$2;var Toolbar$1=function Toolbar(_a){var leftSide=_a.leftSide,hideLeftSide=_a.hideLeftSide,rightSide=_a.rightSide,hideRightSide=_a.hideRightSide,search=_a.search,className=_a.className,children=_a.children;var _b=useState$2(false),isSearchInputFieldVisible=_b[0],setIsSearchInputFieldVisible=_b[1];return jsxs(Host$c$1,__assign$1({className:className,"data-content-toolbar":true},{children:[jsxs(Row,{children:[leftSide&&!hideLeftSide&&jsx$1(LeftSide$1,{children:leftSide},void 0),(rightSide||search)&&!hideRightSide&&jsxs(RightSide$1,{children:[search&&jsx$1(ToolbarSearch,{searchText:search.searchText,onSearchTextChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,onSearchIconClick:handleSearchIconClick,onSearchInputFieldVisibilityChanged:function(isVisible){return setIsSearchInputFieldVisible(isVisible);}},void 0),rightSide]},void 0)]},void 0),children,search&&isSearchInputFieldVisible&&jsx$1(SearchInputRow,{children:jsx$1(Search,{onClear:handleClearSearch,searchText:search.searchText,onChange:search.onSearchTextChange,onExecuteSearch:search.onExecuteSearch,useLightTheme:true},void 0)},void 0)]}),void 0);function handleSearchIconClick(){var shouldShowSearch=!isSearchInputFieldVisible;if(shouldShowSearch){setIsSearchInputFieldVisible(true);}else {handleClearSearch();}}function handleClearSearch(){var _a;(_a=search.onSearchTextChange)===null||_a===void 0?void 0:_a.call(search,'');setIsSearchInputFieldVisible(false);}};var Host$c$1=_styled.div.withConfig({displayName:"Toolbar__Host",componentId:"sc-16ftbxt-0"})(templateObject_1$q$2||(templateObject_1$q$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n justify-content: center;\n background-color: ",";\n box-shadow: 1px 1px 4px grey;\n padding: ","px;\n min-height: 36px;\n\n // min-width required if you want to use overflow:hidden or similar stuff on parent elements\n // see: https://stackoverflow.com/questions/43809612/prevent-a-child-element-from-overflowing-its-parent-in-flexbox\n min-width: 0;\n"])),function(p){return p.theme.palette.white;},spacingXxs);var LeftSide$1=_styled.div.withConfig({displayName:"Toolbar__LeftSide",componentId:"sc-16ftbxt-1"})(templateObject_2$k$2||(templateObject_2$k$2=__makeTemplateObject$1(["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n\n flex-wrap: nowrap;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var RightSide$1=_styled.div.withConfig({displayName:"Toolbar__RightSide",componentId:"sc-16ftbxt-2"})(templateObject_3$d$2||(templateObject_3$d$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1 1 auto;\n"])));var Row=_styled.div.withConfig({displayName:"Toolbar__Row",componentId:"sc-16ftbxt-3"})(templateObject_4$6$2||(templateObject_4$6$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"],["\n display: flex;\n flex: 1 1 auto;\n\n min-width: 0;\n"])));var SearchInputRow=_styled.div.withConfig({displayName:"Toolbar__SearchInputRow",componentId:"sc-16ftbxt-4"})(templateObject_5$3$2||(templateObject_5$3$2=__makeTemplateObject$1(["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"],["\n display: flex;\n width: 100%;\n @media (min-width: ","px) {\n display: none;\n }\n"])),minScreenSize.medium);var templateObject_1$q$2,templateObject_2$k$2,templateObject_3$d$2,templateObject_4$6$2,templateObject_5$3$2;_styled(Toolbar$1).withConfig({displayName:"ChromelessToolbar__StyledToolbar",componentId:"sc-1vovywb-0"})(templateObject_1$p$2||(templateObject_1$p$2=__makeTemplateObject$1(["\n margin-top: ","px;\n margin-bottom: ","px;\n\n flex: 0 0 auto;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"],["\n margin-top: ","px;\n margin-bottom: ","px;\n\n flex: 0 0 auto;\n\n @media (min-width: ","px) {\n margin-top: ","px;\n margin-bottom: ","px;\n }\n"])),spacingS,spacingS,minScreenSize.medium,spacingM,spacingM);var templateObject_1$p$2;// todo: Apply this to all pages and make sure it works in IE
|
|
77716
77716
|
_styled.p.withConfig({displayName:"PageDescription",componentId:"sc-xcsmz7-0"})(templateObject_1$o$2||(templateObject_1$o$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n margin: 0;\n line-height: 1.5em;\n span {\n flex: 1 1 100%;\n }\n"])));var templateObject_1$o$2;_styled.div.withConfig({displayName:"DragSource__Host",componentId:"sc-qzjyds-0"})(templateObject_1$n$2||(templateObject_1$n$2=__makeTemplateObject$1([""],[""])));var templateObject_1$n$2;var EmojiButton=function EmojiButton(_a){var onEmojiSelected=_a.onEmojiSelected,disabled=_a.disabled;var iconButton=useRef$1(null);var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];var formatMessage=useIntl().formatMessage;return jsxs(Fragment,{children:[jsx$1(ButtonWrapper,__assign$1({ref:iconButton},{children:jsx$1(IconButton,{"data-emoji-button":true,iconProps:{iconName:'Emoji2'},onClick:function(){return setShowCallout(true);},disabled:disabled,ariaLabel:formatMessage({id:'AriaLabel.emojiButton'})},void 0)}),void 0),showCallout&&jsx$1(StyledCallout$2,__assign$1({directionalHint:DirectionalHint.topCenter,target:iconButton.current,onDismiss:function(){return setShowCallout(false);},isBeakVisible:false,gapSpace:10,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:jsx$1(EmojiPicker,{onSelect:handleSelect},void 0)}),void 0)]},void 0);function handleSelect(emoji){setShowCallout(false);onEmojiSelected(emoji.native);}};var ButtonWrapper=_styled.div.withConfig({displayName:"EmojiButton__ButtonWrapper",componentId:"sc-1eq2zlz-0"})(templateObject_1$m$2||(templateObject_1$m$2=__makeTemplateObject$1([""],[""])));var StyledCallout$2=_styled(Callout).withConfig({displayName:"EmojiButton__StyledCallout",componentId:"sc-1eq2zlz-1"})(templateObject_2$j$2||(templateObject_2$j$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n"],["\n border-radius: 10px;\n overflow: hidden;\n"])));var LazyEmojiPicker=/*#__PURE__*/lazy$1(function(){return import('./EmojiPicker.esm.esm.js');});var EmojiPicker=function EmojiPicker(_a){var onSelect=_a.onSelect;var windowSize=useWindowSize$2();return jsx$1(Suspense,__assign$1({fallback:jsx$1(EmojiPickerSuspenseHost,__assign$1({isSmaller:windowSize.width<minScreenSize.small},{children:jsx$1(Spinner,{},void 0)}),void 0)},{children:jsx$1(LazyEmojiPicker,{onSelect:onSelect},void 0)}),void 0);};var EmojiPickerSuspenseHost=_styled.div.withConfig({displayName:"EmojiButton__EmojiPickerSuspenseHost",componentId:"sc-1eq2zlz-2"})(templateObject_3$c$2||(templateObject_3$c$2=__makeTemplateObject$1(["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"],["\n // we set an initial width which is similar to what the emoji picker will be once it's loaded\n // we have to do this so the callout is rendered in the correct place\n width: ","px;\n height: 400px;\n"])),function(p){return p.isSmaller?319:400;});var templateObject_1$m$2,templateObject_2$j$2,templateObject_3$c$2;var GiphyAttribution=function GiphyAttribution(){var env=useConfiguration();return jsx$1(AttributionHost,{children:jsx$1("a",__assign$1({href:"https://giphy.com",target:"_blank",rel:"noreferrer"},{children:jsx$1("img",{src:env.webAppUrl+"/assets/giphy/PoweredBy_200px-White_HorizText.png",alt:"Giphy Attribution"},void 0)}),void 0)},void 0);};var AttributionHost=_styled.div(templateObject_1$l$2||(templateObject_1$l$2=__makeTemplateObject$1(["\n text-align: right;\n margin-top: ","px;\n"],["\n text-align: right;\n margin-top: ","px;\n"])),spacingXs);var templateObject_1$l$2;var GifSelector=function GifSelector(_a){var _b,_c;var onGifClick=_a.onGifClick,className=_a.className;var clientConfig=useClientConfig();var formatMessage=useIntl().formatMessage;var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);var _d=useState$2(null),searchText=_d[0],setSearchText=_d[1];var debouncedSearchText=useDebounce(searchText,500)[0];var windowSize=useWindowSize$2();var _e=usePromise$2(getGifs,null,[debouncedSearchText]),gifs=_e[0],loading=_e[1];var gifSize=windowSize.width<550?80:100;return jsxs(Host$a$2,__assign$1({className:className},{children:[jsx$1(SearchBox$1,{placeholder:formatMessage({id:'Gif.searchPlaceHolder'}),iconProps:{iconName:'Search'},onChange:function(_,v){return setSearchText(v);},autoFocus:true},void 0),jsxs(GifContainer,__assign$1({columnWidth:gifSize},{children:[loading&&jsx$1(Spinner,{delay:300},void 0),((_b=gifs===null||gifs===void 0?void 0:gifs.data)===null||_b===void 0?void 0:_b.length)===0&&jsx$1(FormattedMessage$1,{id:"Generic.noResultsFound"},void 0),(_c=gifs===null||gifs===void 0?void 0:gifs.data)===null||_c===void 0?void 0:_c.map(function(g){return jsx$1(ClickableGif,{gif:g,width:gifSize,height:gifSize,noLink:true,hideAttribution:true,onGifClick:onGifClick},g.id);})]}),void 0)]}),void 0);function getGifs(){if(!debouncedSearchText){return gf.trending({limit:21});}return gf.search(debouncedSearchText,{limit:21});}};var Host$a$2=_styled.div.withConfig({displayName:"GifSelector__Host",componentId:"sc-lame6k-0"})(templateObject_1$k$2||(templateObject_1$k$2=__makeTemplateObject$1(["\n padding: ","px;\n"],["\n padding: ","px;\n"])),spacingXs);var GifContainer=_styled.div.withConfig({displayName:"GifSelector__GifContainer",componentId:"sc-lame6k-1"})(templateObject_2$i$2||(templateObject_2$i$2=__makeTemplateObject$1(["\n margin-top: ","px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ","px);\n grid-gap: ","px;\n justify-content: space-around;\n"],["\n margin-top: ","px;\n display: grid;\n grid-template-columns: repeat(auto-fit, ","px);\n grid-gap: ","px;\n justify-content: space-around;\n"])),spacingS,function(p){return p.columnWidth;},spacingXs);var ClickableGif=_styled(dist$4.Gif).withConfig({displayName:"GifSelector__ClickableGif",componentId:"sc-lame6k-2"})(templateObject_3$b$2||(templateObject_3$b$2=__makeTemplateObject$1(["\n cursor: pointer;\n"],["\n cursor: pointer;\n"])));var templateObject_1$k$2,templateObject_2$i$2,templateObject_3$b$2;var GifSelectorCallout=function GifSelectorCallout(_a){var target=_a.target,onGifClick=_a.onGifClick,onDismiss=_a.onDismiss;return jsxs(StyledCallout$1$1,__assign$1({directionalHint:DirectionalHint.topCenter,target:target,onDismiss:onDismiss,isBeakVisible:false,gapSpace:10,preventDismissOnResize:true,preventDismissOnScroll:true,styles:{calloutMain:{padding:spacingS-5}}},{children:[jsx$1(StyledGifSelector,{onGifClick:onGifClick},void 0),jsx$1(GiphyAttribution,{},void 0)]}),void 0);};var StyledCallout$1$1=_styled(Callout)(templateObject_1$j$2||(templateObject_1$j$2=__makeTemplateObject$1(["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"],["\n border-radius: 10px;\n overflow: hidden;\n width: 360px;\n height: 450px;\n"])));var StyledGifSelector=_styled(GifSelector)(templateObject_2$h$2||(templateObject_2$h$2=__makeTemplateObject$1(["\n overflow-y: auto;\n height: 400px;\n"],["\n overflow-y: auto;\n height: 400px;\n"])));var templateObject_1$j$2,templateObject_2$h$2;createGlobalStyle(templateObject_1$i$2||(templateObject_1$i$2=__makeTemplateObject$1(["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n}\n"],["\n .lt-reach.dialog-gif-selector {\n .ms-Dialog-main {\n width: 400px !important;\n\n @media (max-width: ","px) {\n width: 100% !important;\n }\n }\n}\n"])),maxScreenSize.small);_styled(GifSelector).withConfig({displayName:"GifSelectorDialog__StyledDialogGifSelector",componentId:"sc-t6p48w-0"})(templateObject_2$g$2||(templateObject_2$g$2=__makeTemplateObject$1(["\n margin-top: ","px;\n"],["\n margin-top: ","px;\n"])),spacingS);var templateObject_1$i$2,templateObject_2$g$2;var GifButton=function GifButton(_a){var disabled=_a.disabled,onGifClick=_a.onGifClick;var features=useFeatures();var formatMessage=useIntl().formatMessage;var refGifButton=useRef$1();var _b=useState$2(false),showGifSelector=_b[0],setShowGifSelector=_b[1];if(!features.giphy){return null;}return jsxs("div",{children:[jsx$1("div",__assign$1({ref:refGifButton},{children:jsx$1(IconButton,{iconProps:{iconName:'Gif'},onClick:function(){return setShowGifSelector(true);},disabled:disabled,"data-button-type":"gif",ariaLabel:formatMessage({id:'AriaLabel.gifButton'})},void 0)}),void 0),showGifSelector&&jsx$1(Fragment,{children:jsx$1(GifSelectorCallout,{target:refGifButton.current,onGifClick:handleGifClick,onDismiss:function(){return setShowGifSelector(false);}},void 0)},void 0)]},void 0);function handleGifClick(gif){setShowGifSelector(false);onGifClick({id:gif.id.toString(),filename:gif.title,url:gif.embed_url,type:AttachmentType.Giphy});}};var GifView=function GifView(_a){var gifInfo=_a.gifInfo,className=_a.className;var clientConfig=useClientConfig();var _b=useState$2(),gif=_b[0],setGif=_b[1];useEffect$1(function(){var gf=new dist$1.GiphyFetch(clientConfig.giphy.apiKey);gf.gif(gifInfo.id).then(function(r){return setGif(r.data);});},[clientConfig.giphy.apiKey,gifInfo.id]);if(!gif){return null;}return jsx$1(Host$9$2,__assign$1({className:className},{children:jsx$1(StyledGif,{gif:gif,width:300,noLink:true,hideAttribution:true},void 0)}),void 0);};var Host$9$2=_styled.div(templateObject_1$h$2||(templateObject_1$h$2=__makeTemplateObject$1([""],[""])));var StyledGif=_styled(dist$4.Gif)(templateObject_2$f$2||(templateObject_2$f$2=__makeTemplateObject$1(["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ","px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"],["\n && {\n max-width: 100%;\n }\n\n @media (max-width: ","px) {\n /* because the style is inline set we need to overwrite it via !important */\n width: auto !important;\n height: auto !important;\n > div {\n width: auto !important;\n height: auto !important;\n\n img {\n max-width: 100%;\n height: auto;\n }\n }\n }\n"])),maxScreenSize.small);var templateObject_1$h$2,templateObject_2$f$2;var GifEditList=function GifEditList(_a){var attachments=_a.attachments,onDeleteClick=_a.onDeleteClick,className=_a.className;var formatMessage=useIntl().formatMessage;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$8$1,__assign$1({className:className,"data-gif-attachment-list":true},{children:gifs.map(function(gif){return jsx$1(StyledAttachmentHost$1,__assign$1({domIdentifier:"gif",deleteButton:jsx$1(DeleteAttachmentButton,{"data-remove-attachment-button":gif.id,iconProps:{iconName:'ChromeClose'},onClick:function(){return onDeleteClick(gif);},ariaLabel:formatMessage({id:'AriaLabel.removeAttachmentButton'})},void 0)},{children:jsx$1(GifView,{gifInfo:gif},void 0)}),gif.id);})}),void 0);};var Host$8$1=_styled.div.withConfig({displayName:"GifEditList__Host",componentId:"sc-95dldh-0"})(templateObject_1$g$2||(templateObject_1$g$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));var StyledAttachmentHost$1=_styled(AttachmentHost).withConfig({displayName:"GifEditList__StyledAttachmentHost",componentId:"sc-95dldh-1"})(templateObject_2$e$2||(templateObject_2$e$2=__makeTemplateObject$1(["\n width: auto;\n"],["\n width: auto;\n"])));var templateObject_1$g$2,templateObject_2$e$2;var GifList=function GifList(_a){var attachments=_a.attachments,className=_a.className;var gifs=attachments.filter(function(a){return a.type===AttachmentType.Giphy;});if(gifs.length===0){return null;}return jsx$1(Host$7$1,__assign$1({className:className,"data-gif-url-preview":gifs[0].id},{children:jsx$1(StyledAttachmentHost,{children:jsx$1(GifView,{gifInfo:gifs[0]},void 0)},void 0)}),void 0);};var Host$7$1=_styled.div.withConfig({displayName:"GifList__Host",componentId:"sc-8gg7fj-0"})(templateObject_1$f$2||(templateObject_1$f$2=__makeTemplateObject$1(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n"])));var StyledAttachmentHost=_styled(AttachmentHost).withConfig({displayName:"GifList__StyledAttachmentHost",componentId:"sc-8gg7fj-1"})(templateObject_2$d$2||(templateObject_2$d$2=__makeTemplateObject$1(["\n width: auto;\n margin: ","px 0 0 0;\n"],["\n width: auto;\n margin: ","px 0 0 0;\n"])),spacingS);var templateObject_1$f$2,templateObject_2$d$2;var PageViewType;(function(PageViewType){PageViewType["PostsGroupView"]="PostsGroupView";})(PageViewType||(PageViewType={}));function usePageViewTracker(basePath,itemId,viewType){var _this=this;var user=useCurrentUser();var sendBeacon=useBeaconHandler();var onRequestToken=useContext(AuthenticationContext).onRequestToken;var performanceTimer=usePerformanceTimer();var viewEndCallback=useRef$1(function(){return null;});useBeforeUnload$2(trackViewEnd);useEffect$1(function(){(function(){return __awaiter$1(_this,void 0,void 0,function(){var currentToken;return __generator$1(this,function(_a){switch(_a.label){case 0:if(!itemId||!user){return [2/*return*/];}return [4/*yield*/,onRequestToken()];case 1:currentToken=_a.sent();viewEndCallback.current=trackPageView(basePath,user.subscription.id,itemId,viewType,currentToken);return [2/*return*/];}});});})();return function(){return trackViewEnd();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77717
77717
|
},[itemId,basePath,viewType]);function trackViewEnd(){if(viewEndCallback.current){viewEndCallback.current();}}function trackPageView(basePath,subscriptionId,itemId,viewType,accessToken){var sessionId=uuid_1$1.v4().toString();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId,accessToken,subscriptionId,{viewType:viewType});performanceTimer.start();var wasEndSessionExecuted=false;return function(){// only execute it once
|
|
77718
77718
|
if(wasEndSessionExecuted){return;}wasEndSessionExecuted=true;var duration=performanceTimer.end();sendBeacon("/"+basePath+"/"+itemId+"/views/"+sessionId+"/duration",accessToken,subscriptionId,{duration:duration,viewType:viewType});};}}function useUserPropertyDefinitionsHandler(){var user=useCurrentUser();var formatMessage=useIntl().formatMessage;var defaultProperties={displayName:{},mobilePhone:{iconName:'cellPhone'},jobTitle:{iconName:'contactCard'},company:{iconName:'EMI'},address:{iconName:'MapPin'},notes:{iconName:'ContactInfo'}};return {getPropertyLabel:getLabel,getPropertyIcon:getIcon};function getLabel(definition){var language=getPreferredSupportedUiLanguage(user.preferredUiLanguage);var translations=definition.translations||{};var defaultPropertyNames=Object.keys(defaultProperties);return language&&translations[language]||translations[user.subscription.defaultLanguage]||definition.label||defaultPropertyNames.some(function(p){return p===definition.name;})&&formatMessage({id:"Generic."+definition.name})||definition.name;}function getIcon(definition){var _a,_b;return (_b=(_a=defaultProperties[definition.name])===null||_a===void 0?void 0:_a.iconName)!==null&&_b!==void 0?_b:'UserOptional';}}var IconWithCallout=function IconWithCallout(props){var _a;var _b;var iconRef=useRef$1(null);var _c=useState$2(false),showCallout=_c[0],setShowCallout=_c[1];return jsxs(Host$6$2,__assign$1({className:props.className},(_a={},_a[props.dataAttribute]=true,_a),{ref:iconRef},{children:[jsx$1(StyledIconButton$1$1,{"data-icon-with-callout":true,iconProps:{iconName:props.icon},onClick:handleIconClick,ariaLabel:props.ariaLabel,disabled:props.disabled},void 0),showCallout&&jsx$1(StyledCallout$5,__assign$1({className:"icon-with-callout-content",target:iconRef,directionalHint:// DirectionalHint.topLeftEdge has the value "0". Hence we cannot use the || operator...
|
|
@@ -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.124";
|
|
77963
|
+
var buildId = "104079";
|
|
77964
|
+
var commitId = "ed2c06f0fe0830817cc3b3f77182a6f4953c417b";
|
|
77965
77965
|
var isCustomerBuild = false;
|
|
77966
77966
|
var buildInfo = {
|
|
77967
77967
|
version: version$1,
|
|
@@ -78115,9 +78115,6 @@ var client = {
|
|
|
78115
78115
|
},
|
|
78116
78116
|
teams: {
|
|
78117
78117
|
clientId: "a7c1920d-3ac0-42db-9757-078a2b321fd8"
|
|
78118
|
-
},
|
|
78119
|
-
teamsAustralia: {
|
|
78120
|
-
clientId: "29942469-c421-4026-92ef-9bf24a6fc08c"
|
|
78121
78118
|
}
|
|
78122
78119
|
},
|
|
78123
78120
|
apiEndpoint: "https://api.reach.livetiles.io/api/v1",
|
|
@@ -78221,9 +78218,6 @@ var appleAppSiteAssociation = {
|
|
|
78221
78218
|
}
|
|
78222
78219
|
};
|
|
78223
78220
|
var microsoftAssociatedApplications = [
|
|
78224
|
-
{
|
|
78225
|
-
applicationId: "29942469-c421-4026-92ef-9bf24a6fc08c"
|
|
78226
|
-
}
|
|
78227
78221
|
];
|
|
78228
78222
|
var prodAppSettings = {
|
|
78229
78223
|
client: client,
|
|
@@ -122225,7 +122219,7 @@ $$4({target:'Array',proto:true},{flatMap:function flatMap(callbackfn/* , thisArg
|
|
|
122225
122219
|
// in popular engines, so it's moved to a separate module
|
|
122226
122220
|
var addToUnscopables=addToUnscopables$2;addToUnscopables('flatMap');var KeywordsInfo=function KeywordsInfo(_a){var keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var flatKeywords=getFlatKeywordList(keywords);var hasKeywords=flatKeywords&&flatKeywords.length>0;if(!hasKeywords){return null;}return jsx$1(Host$S,__assign({"data-keywords":true},{children:renderKeywords()}),void 0);function renderKeywords(){var keywordsGroupsIds=Object.keys(keywords||[]);return keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).map(function(groupId){return keywords[groupId].length>0&&jsx$1(KeywordsGroup,{groupId:groupId,groupName:availableKeywordGroups[groupId].name,language:language,keywords:keywords,className:className,filterBaseUrl:filterBaseUrl},groupId);});}};var KeywordsGroup=function KeywordsGroup(_a){var groupId=_a.groupId,groupName=_a.groupName,keywords=_a.keywords,language=_a.language,className=_a.className,filterBaseUrl=_a.filterBaseUrl;return jsxs(KeywordsList$1,__assign({className:classNames('ms-fontColor-neutralSecondaryAlt',className)},{children:[jsxs(KeywordsListTitle,{children:[jsx$1(KeywordTitle,{groupName:groupName,language:language},void 0),":"]},void 0),keywords[groupId].map(function(k){var Title=jsx$1(KeywordTitle,{groupName:groupName,keywordName:k.name,language:language},void 0);return jsx$1(KeywordsListItem,{children:filterBaseUrl?jsx$1(NavLink,__assign({"data-keyword":true,className:"ms-fontColor-neutralSecondaryAlt",to:filterBaseUrl+"?"+queryString.stringify({keywords:k.id})},{children:Title}),void 0):jsxs(Fragment,{children:[" ",Title," "]},void 0)},groupName+k.name);})]}),void 0);};var Host$S=_styled.div.withConfig({displayName:"KeywordsInfo__Host",componentId:"sc-woteiy-0"})(templateObject_1$2n||(templateObject_1$2n=__makeTemplateObject(["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"],["\n padding-right: ","px;\n flex: 1; /* IE fix */\n @media (min-width: 700px) {\n padding-right: ","px;\n }\n"])),spacingM,spacingXl);var KeywordsList$1=_styled.dl.withConfig({displayName:"KeywordsInfo__KeywordsList",componentId:"sc-woteiy-1"})(templateObject_2$1x||(templateObject_2$1x=__makeTemplateObject(["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"],["\n width: 100%;\n margin: 0;\n\n + dl {\n margin-top: 5px;\n }\n"])));var KeywordsListTitle=_styled.dt.withConfig({displayName:"KeywordsInfo__KeywordsListTitle",componentId:"sc-woteiy-2"})(templateObject_3$14||(templateObject_3$14=__makeTemplateObject(["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"],["\n display: inline-block;\n padding-right: 5px;\n word-break: normal;\n"])));var KeywordsListItem=_styled.dd.withConfig({displayName:"KeywordsInfo__KeywordsListItem",componentId:"sc-woteiy-3"})(templateObject_4$M||(templateObject_4$M=__makeTemplateObject(["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"],["\n display: inline-block;\n margin: 0;\n\n text-decoration: underline;\n\n &:not(:last-child) span::after {\n content: ',';\n padding-right: 5px;\n }\n"])));var FlatKeywords=function FlatKeywords(_a){var keywords=_a.item.keywords,filterBaseUrl=_a.filterBaseUrl,className=_a.className,useGridKeywordTitle=_a.useGridKeywordTitle,onClick=_a.onClick,showAllKeywordsInCallout=_a.showAllKeywordsInCallout;var location=useLocation$1();var currentParamsObject=queryString.parse(location.search);var selectedKeywordGroups=useContext(LazySubscriptionContext).selectedKeywordGroups;if(selectedKeywordGroups==null){return null;}var availableKeywordGroups=selectedKeywordGroups===null||selectedKeywordGroups===void 0?void 0:selectedKeywordGroups.reduce(function(result,next){var _a;return __assign(__assign({},result),(_a={},_a[next.id]=next,_a));},{});var keywordsGroupsIds=Object.keys(keywords||[]);var flatKeywords=keywordsGroupsIds.filter(function(id){return availableKeywordGroups[id];}).flatMap(function(groupId){return keywords[groupId].map(function(keyword){return keyword;});});var flatKeywordsList=getFlatKeywordsList();if(showAllKeywordsInCallout){return jsx$1(Tooltip// Give the user more time to interact with the tooltip before it closes
|
|
122227
122221
|
,__assign({// Give the user more time to interact with the tooltip before it closes
|
|
122228
|
-
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$2,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$2,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2n,templateObject_2$1x,templateObject_3$14,templateObject_4$M,templateObject_5$D,templateObject_6$s,templateObject_7$m,templateObject_8$k;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle,isExternalContent);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2m||(templateObject_1$2m=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1w||(templateObject_2$1w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2m,templateObject_2$1w,templateObject_3$13;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$9,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$12||(templateObject_3$12=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2l||(templateObject_1$2l=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):css$2(templateObject_2$1v||(templateObject_2$1v=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$L||(templateObject_4$L=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$9=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2l,templateObject_2$1v,templateObject_3$12,templateObject_4$L,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j,templateObject_9$f,templateObject_10$d;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventPathContext=/*#__PURE__*/createContext({eventsRootPath:'/events'});var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$R,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var _b,_c;var item=_a.item,labelResourceKey=_a.labelResourceKey,showFirstContactOnly=_a.showFirstContactOnly,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contacts=(_b=item.contacts)!==null&&_b!==void 0?_b:[];if(showFirstContactOnly&&contacts.length>1){contacts=(_c=item.contacts)===null||_c===void 0?void 0:_c.slice(0,1);}var contactsCount=contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:labelResourceKey!==null&&labelResourceKey!==void 0?labelResourceKey:'Events.contactsLabel',count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var eventsRootPath=useContext(EventPathContext).eventsRootPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath(eventsRootPath+"?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2k||(templateObject_1$2k=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1u||(templateObject_2$1u=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$11||(templateObject_3$11=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2k,templateObject_2$1u,templateObject_3$11,templateObject_4$K,templateObject_5$B,templateObject_6$q,templateObject_7$k;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2j||(templateObject_1$2j=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2j;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122222
|
+
closeDelay:500,tooltipProps:{onRenderContent:function(){return jsx$1(TooltipList,{children:flatKeywords.map(function(k){return jsx$1("li",{children:jsx$1(KeywordTitle,{keywordName:k.name,keywordId:k.id,groupId:k.groupId,onClick:onClick},void 0)},k.groupId+k.id);})},void 0);}}},{children:flatKeywordsList}),void 0);}return jsx$1(Fragment,{children:flatKeywordsList},void 0);function getFlatKeywordsList(){return jsx$1(FlatKeywordsList,__assign({className:className,shouldApplyEllipsis:showAllKeywordsInCallout,tabIndex:showAllKeywordsInCallout?0:undefined},{children:flatKeywords.map(function(keyword){currentParamsObject.keywords=keyword.id;if(filterBaseUrl){return jsx$1(KeywordItem$2,{children:jsx$1(NavLink,__assign({"data-keyword":true,to:filterBaseUrl+"?"+queryString.stringify(currentParamsObject)},{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId,underlined:true},void 0)}),void 0)},keyword.groupId+keyword.id);}return jsx$1(KeywordItem$2,{children:useGridKeywordTitle?jsx$1(GridKeywordTitle,{keywordName:keyword.name,groupId:keyword.groupId},void 0):jsx$1(KeywordTitle,{keywordName:keyword.name,keywordId:keyword.id,groupId:keyword.groupId,onClick:onClick,tabIndex:showAllKeywordsInCallout?-1:0},void 0)},keyword.groupId+keyword.id);})}),void 0);}};var FlatKeywordsList=_styled.ul.withConfig({displayName:"KeywordsInfo__FlatKeywordsList",componentId:"sc-woteiy-4"})(templateObject_6$s||(templateObject_6$s=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n color: ",";\n display: inline-block;\n max-width: 100%;\n\n ","\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;},function(p){return p.shouldApplyEllipsis&&css$2(templateObject_5$D||(templateObject_5$D=__makeTemplateObject(["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "],["\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n position: relative;\n z-index: 1;\n "])));});var KeywordItem$2=_styled.li.withConfig({displayName:"KeywordsInfo__KeywordItem",componentId:"sc-woteiy-5"})(templateObject_7$m||(templateObject_7$m=__makeTemplateObject(["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"],["\n display: inline;\n\n &:not(:last-child) {\n &::after {\n content: ', ';\n }\n }\n\n > a,\n > a:link,\n > a:visited,\n > span {\n color: ",";\n }\n\n a {\n position: relative;\n z-index: 1;\n }\n"])),function(p){return p.theme.palette.neutralSecondaryAlt;});var TooltipList=_styled.ul.withConfig({displayName:"KeywordsInfo__TooltipList",componentId:"sc-woteiy-6"})(templateObject_8$k||(templateObject_8$k=__makeTemplateObject(["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"],["\n margin: 0;\n padding: 0;\n list-style: none;\n\n > li {\n padding: ","px;\n color: ",";\n font-size: ","px;\n }\n"])),spacingXxs,function(p){return p.theme.palette.neutralSecondaryAlt;},fontSizeSmall);var templateObject_1$2n,templateObject_2$1x,templateObject_3$14,templateObject_4$M,templateObject_5$D,templateObject_6$s,templateObject_7$m,templateObject_8$k;var NewsService=/** @class */function(){function NewsService(){}NewsService.getNewsRouteWithRedirect=function(baseRoute,newsId,newsTitle,isExternalContent){var route=!isExternalContent?baseRoute:baseRoute.replace('/news','/redirect/news');return this.getNewsRoute(route,newsId,newsTitle);};NewsService.getNewsRoute=function(baseRoute,newsId,newsTitle,isExternalContent){var route=baseRoute+"/"+encodeURIComponent(newsId);if(newsTitle){route=route+"/"+slugify(newsTitle,{remove:/[%.#?]/g});}return isExternalContent?route+"?"+queryString.stringify({noRedirect:true}):route;};NewsService.getItemContentLanguages=function(item,languages){if(!item){return [];}return NewsService.getContentLanguages(item.contents,languages);};NewsService.getContentLanguages=function(contents,languages,contentValidator){if(!contents){return [];}var allLanguages=Object.keys(contents);if(!allLanguages.length){return [];}var activeLanguages=allLanguages.filter(function(l){return contents[l].active&&languages.find(function(sl){return sl.code===l;})&&(!contentValidator||contentValidator(contents[l]));});if(contentValidator){return activeLanguages;}return activeLanguages.length?activeLanguages:[allLanguages[0]];};NewsService.getLanguageForPublishableItem=function(item,user,contentValidator){if(!user||!item||!item.contents||!user.subscription){return null;}return NewsService.getLanguageForContent(item.contents,user,contentValidator);};NewsService.getLanguageForContent=function(contents,user,contentValidator){if(!contents){return null;}var activeLanguages=NewsService.getContentLanguages(contents,user.subscription.languages,contentValidator);return NewsService.getUserPreferredLanguage(activeLanguages,user);};NewsService.getUserPreferredLanguage=function(languages,user){if(!languages){return null;}var preferredLanguage=getPreferredContentLanguage(user);var subscription=user.subscription;if(languages.find(function(l){return l===preferredLanguage;})){return preferredLanguage;}if(languages.find(function(l){return l===subscription.defaultLanguage;})){return subscription.defaultLanguage;}return languages[0];};return NewsService;}();var ClickableOverlay=function ClickableOverlay(_a){var title=_a.title,itemId=_a.itemId,itemType=_a.itemType,baseRoute=_a.baseRoute,ariaLabelResourceKey=_a.ariaLabelResourceKey,onClick=_a.onClick,openTargetInNewWindow=_a.openTargetInNewWindow,isExternalContent=_a.isExternalContent;var formatMessage=useIntl().formatMessage;var targetRoute=itemType===ItemResourceTypes.Posts||itemType===ItemResourceTypes.Comments?baseRoute:NewsService.getNewsRoute(baseRoute,itemId,title,isExternalContent);if(openTargetInNewWindow){return jsx$1(ExternalLink$1,{href:targetRoute,target:"_blank",rel:"noopener noreferrer",onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);}return jsx$1(StyledLink$1,{to:targetRoute,onClick:onClick,"aria-label":ariaLabelResourceKey?formatMessage({id:ariaLabelResourceKey}):formatMessage({id:'AriaLabel.readMoreAbout'},{title:title}),"data-clickable-overlay":true},void 0);};var Style=css$2(templateObject_1$2m||(templateObject_1$2m=__makeTemplateObject(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"],["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n }\n"])));var StyledLink$1=_styled(Link$4).withConfig({displayName:"ClickableOverlay__StyledLink",componentId:"sc-yfxl9c-0"})(templateObject_2$1w||(templateObject_2$1w=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var ExternalLink$1=_styled.a.withConfig({displayName:"ClickableOverlay__ExternalLink",componentId:"sc-yfxl9c-1"})(templateObject_3$13||(templateObject_3$13=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),Style);var templateObject_1$2m,templateObject_2$1w,templateObject_3$13;var PostItemTile=function PostItemTile(_a){var post=_a.post,readOnly=_a.readOnly,backgroundColor=_a.backgroundColor,className=_a.className;var features=useFeatures();var buildPath=useSubscriptionHandlePathBuilder().buildPath;return jsxs(PostHost,__assign({className:className,backgroundColor:backgroundColor},{children:[!readOnly&&jsx$1(ClickableOverlay,{baseRoute:buildPath("/posts/"+post.id),itemId:post.id,itemType:ItemResourceTypes.Posts,ariaLabelResourceKey:"AriaLabel.itemLink"},void 0),jsxs(Header$3,{children:[jsx$1(StyledPersonaCard$3,__assign({upn:post.author.userPrincipalName,domIdentifier:"avatar"},{children:jsx$1(Avatar,{upn:post.author.userPrincipalName,text:post.author.displayName,size:PersonaSize.size40,hidePersonaDetails:true},void 0)}),void 0),jsxs(HeaderMetadata$2,{children:[jsx$1(PostDisplayName$1,__assign({"data-author":true},{children:post.author.displayName}),void 0),jsx$1(PostDateTime$1,{className:"ms-fontColor-neutralTertiary",value:post.publishingDate},void 0),jsx$1(Modified,{modified:post.modified},void 0)]},void 0)]},void 0),jsx$1(Content$9,{children:jsx$1(ContentDisplay,{content:post.content,handlers:[ContentDisplayHandler.LineBreak,ContentDisplayHandler.Link,ContentDisplayHandler.Mention,ContentDisplayHandler.Hashtag]},void 0)},void 0),features.keywords&&features.postKeywords&&post.keywords&&jsx$1(StyledKeywordsInfo$1,{keywords:post.keywords},void 0)]}),void 0);};var PostHost=_styled.div.withConfig({displayName:"PostItemTile__PostHost",componentId:"sc-yu434m-0"})(templateObject_3$12||(templateObject_3$12=__makeTemplateObject(["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"],["\n ","\n\n display: flex;\n flex-direction: column;\n\n font-size: ","px;\n padding: ","px;\n\n position: relative;\n"])),function(p){return p.backgroundColor?css$2(templateObject_1$2l||(templateObject_1$2l=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.backgroundColor):css$2(templateObject_2$1v||(templateObject_2$1v=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.white);},fontSizeSmall,spacingM);var Header$3=_styled.div.withConfig({displayName:"PostItemTile__Header",componentId:"sc-yu434m-1"})(templateObject_4$L||(templateObject_4$L=__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"])));var StyledPersonaCard$3=_styled(PersonaCard).withConfig({displayName:"PostItemTile__StyledPersonaCard",componentId:"sc-yu434m-2"})(templateObject_5$C||(templateObject_5$C=__makeTemplateObject(["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var HeaderMetadata$2=_styled.div.withConfig({displayName:"PostItemTile__HeaderMetadata",componentId:"sc-yu434m-3"})(templateObject_6$r||(templateObject_6$r=__makeTemplateObject(["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"],["\n flex: 1;\n font-size: ","px;\n padding-left: ","px;\n white-space: nowrap;\n"])),fontSizeSmall,spacingS);var PostDisplayName$1=_styled.div.withConfig({displayName:"PostItemTile__PostDisplayName",componentId:"sc-yu434m-4"})(templateObject_7$l||(templateObject_7$l=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var PostDateTime$1=_styled(DateTime).withConfig({displayName:"PostItemTile__PostDateTime",componentId:"sc-yu434m-5"})(templateObject_8$j||(templateObject_8$j=__makeTemplateObject(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var Content$9=_styled.div.withConfig({displayName:"PostItemTile__Content",componentId:"sc-yu434m-6"})(templateObject_9$f||(templateObject_9$f=__makeTemplateObject(["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"],["\n padding-top: 15px;\n a {\n text-decoration: underline;\n }\n\n a,\n button {\n position: relative;\n z-index: 1;\n }\n"])));var StyledKeywordsInfo$1=_styled(KeywordsInfo).withConfig({displayName:"PostItemTile__StyledKeywordsInfo",componentId:"sc-yu434m-7"})(templateObject_10$d||(templateObject_10$d=__makeTemplateObject(["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"],["\n margin-top: ","px;\n\n dd {\n text-decoration: none;\n }\n"])),spacingM);var templateObject_1$2l,templateObject_2$1v,templateObject_3$12,templateObject_4$L,templateObject_5$C,templateObject_6$r,templateObject_7$l,templateObject_8$j,templateObject_9$f,templateObject_10$d;var EventLocationLink=function EventLocationLink(_a){var location=_a.location,alternativeCaption=_a.alternativeCaption,className=_a.className;var locationLink=location.url||getGoogleMapsSearchLink(location.locationOnMap);return jsx$1(Fragment,{children:locationLink?jsx$1(TextLink,__assign({url:locationLink,ariaLabel:alternativeCaption||location.name},{children:alternativeCaption||location.name}),void 0):jsx$1("span",__assign({className:className},{children:alternativeCaption||location.name}),void 0)},void 0);};var EventPathContext=/*#__PURE__*/createContext({eventsRootPath:'/events'});var EventLocationInfo=function EventLocationInfo(_a){var locations=_a.locations,className=_a.className;if(!locations||locations.length===0){return null;}var isMultiLine=locations.length>1;return jsx$1(Host$R,__assign({className:className},{children:jsxs(ListWrapper,__assign({"data-event-locations":true,isMultiLine:isMultiLine},{children:[jsx$1(Label,{resourceKey:"Events.locationsLabel",count:locations.length},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:locations.map(function(l){return jsx$1("li",{children:jsx$1(EventLocationLink,{location:l},void 0)},l.locationId);})}),void 0)]}),void 0)}),void 0);};var EventPeopleInfo=function EventPeopleInfo(_a){var _b,_c;var item=_a.item,labelResourceKey=_a.labelResourceKey,showFirstContactOnly=_a.showFirstContactOnly,className=_a.className,hideAnnouncer=_a.hideAnnouncer;var author=item.owner||item.author;var contacts=(_b=item.contacts)!==null&&_b!==void 0?_b:[];if(showFirstContactOnly&&contacts.length>1){contacts=(_c=item.contacts)===null||_c===void 0?void 0:_c.slice(0,1);}var contactsCount=contacts.length;if(hideAnnouncer&&contactsCount===0){return null;}var isMultiLine=contactsCount>1;return jsxs(Host$R,__assign({className:className},{children:[contactsCount>0&&jsxs(Contacts$1,__assign({"data-event-people":"contacts",isMultiLine:isMultiLine,hideAnnouncer:hideAnnouncer},{children:[jsx$1(Label,{resourceKey:labelResourceKey!==null&&labelResourceKey!==void 0?labelResourceKey:'Events.contactsLabel',count:contactsCount},void 0),jsx$1(List$2,__assign({isMultiLine:isMultiLine},{children:contacts.map(function(c){return jsx$1("li",{children:jsx$1(EventUser,{user:c,className:"ms-fontColor-accent"},void 0)},c.userPrincipalName);})}),void 0)]}),void 0),!hideAnnouncer&&author&&jsxs(ListWrapper,__assign({"data-event-people":"author",isMultiLine:false},{children:[jsx$1(Label,{resourceKey:"Events.authorLabel"},void 0),jsx$1(EventUser,{user:author,className:"ms-fontColor-accent"},void 0)]}),void 0)]}),void 0);};var EventUser=function EventUser(_a){var user=_a.user,className=_a.className;return jsx$1("div",__assign({className:className},{children:jsx$1(StyledPersonaCard$2,__assign({upn:user.userPrincipalName},{children:user.displayName}),void 0)}),void 0);};var Label=function Label(_a){var resourceKey=_a.resourceKey,count=_a.count;return jsxs("div",{children:[jsx$1(FormattedMessage$1,{id:resourceKey,values:{count:count||1}},void 0),":\u00A0"]},void 0);};var EventChannelsDisplay=function EventChannelsDisplay(_a){var _b;var item=_a.item,language=_a.language,className=_a.className,allowFilterByChannels=_a.allowFilterByChannels,channelBackgroundColor=_a.channelBackgroundColor;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var eventsRootPath=useContext(EventPathContext).eventsRootPath;if(!((_b=item===null||item===void 0?void 0:item.channels)===null||_b===void 0?void 0:_b.length)){return null;}return jsx$1(Channels$2,{channels:item.channels.map(function(c){return c.name;}),language:language,buildChannelFilterUrl:allowFilterByChannels?function(c){return buildPath(eventsRootPath+"?"+queryString.stringify({channels:c}));}:null,channelBackgroundColor:channelBackgroundColor,className:className},void 0);};var Host$R=_styled.div.withConfig({displayName:"EventMetaInfo__Host",componentId:"sc-l9y854-0"})(templateObject_1$2k||(templateObject_1$2k=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"],["\n display: flex;\n flex-wrap: wrap;\n font-size: ","px;\n"])),fontSizeSmall);var ListWrapper=_styled.div.withConfig({displayName:"EventMetaInfo__ListWrapper",componentId:"sc-l9y854-1"})(templateObject_2$1u||(templateObject_2$1u=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"],["\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n text-align: left;\n\n flex-direction: ",";\n\n ","\n"])),function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?'column':'row';},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine&&'> div:first-child { padding-bottom: 3px }';});var Contacts$1=_styled(ListWrapper).withConfig({displayName:"EventMetaInfo__Contacts",componentId:"sc-l9y854-2"})(templateObject_3$11||(templateObject_3$11=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),function(p){return !p.hideAnnouncer?spacingXs:0;});var StyledPersonaCard$2=_styled(PersonaCard).withConfig({displayName:"EventMetaInfo__StyledPersonaCard",componentId:"sc-l9y854-3"})(templateObject_4$K||(templateObject_4$K=__makeTemplateObject(["\n text-decoration: underline;\n"],["\n text-decoration: underline;\n"])));var List$2=_styled.ul.withConfig({displayName:"EventMetaInfo__List",componentId:"sc-l9y854-4"})(templateObject_6$q||(templateObject_6$q=__makeTemplateObject(["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"],["\n ",";\n\n &&& {\n padding: 0;\n margin: 0;\n list-style: none;\n }\n\n > li {\n margin-top: ","px;\n }\n"])),function(_a){var isMultiLine=_a.isMultiLine;return !isMultiLine&&css$2(templateObject_5$B||(templateObject_5$B=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "],["\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n "])));},function(_a){var isMultiLine=_a.isMultiLine;return isMultiLine?3:0;});var Channels$2=_styled(ClickableChannelTitles).withConfig({displayName:"EventMetaInfo__Channels",componentId:"sc-l9y854-5"})(templateObject_7$k||(templateObject_7$k=__makeTemplateObject(["\n &&& li {\n margin-top: ","px;\n }\n"],["\n &&& li {\n margin-top: ","px;\n }\n"])),spacingS);var templateObject_1$2k,templateObject_2$1u,templateObject_3$11,templateObject_4$K,templateObject_5$B,templateObject_6$q,templateObject_7$k;var BannerImage=function BannerImage(_a){var imageUrl=_a.imageUrl,children=_a.children,className=_a.className,openImageUrl=_a.openImageUrl;return jsxs(Host$Q,__assign({onClick:function(){return openImageUrl&&showPhoto();},className:classNames('bannerImage',className)},{children:[jsx$1(Image$1,{src:imageUrl,imageFit:ImageFit.cover,maximizeFrame:true,alt:""},void 0),children]}),void 0);};var Host$Q=_styled.div.withConfig({displayName:"BannerImage__Host",componentId:"sc-1wfmp37-0"})(templateObject_1$2j||(templateObject_1$2j=__makeTemplateObject(["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"],["\n position: relative;\n height: inherit;\n\n /*\n The UI Fabric image component has a bug that it shows 1px on the left/ top\n or right side of the background when applying their cross browser image-fit: cover.\n This result in 1px gray/white \"border\".\n We just add 1px to the image width & height to cover this gap\n */\n .ms-Image {\n img {\n width: calc(100% + 1px);\n height: calc(100% + 1px);\n }\n }\n"])));var templateObject_1$2j;function useImageEditorApi(){var api=useApi();var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {getImageInfo:getImageInfo,getImageEditorUrl:getImageEditorUrl,getOriginalImageEditorUrlWithToken:getOriginalImageEditorUrlWithToken,getImageEditorUrlWithToken:getImageEditorUrlWithToken,uploadImage:uploadImage};/**
|
|
122229
122223
|
* Retrieve information on a given image. Does not return the actual image.
|
|
122230
122224
|
*/function getImageInfo(itemId,identifier,resourceType){var path="editor/"+resourceType+"/"+itemId+"/images/"+identifier;return api.custom(path+"/info").get().then(function(res){return res.body().data();});}function getImageEditorUrl(itemId,subscriptionId,identifier,resourceType){return __awaiter(this,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();return [2/*return*/,getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType)];}});});}function getImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType,width,height){var url=width?"/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/"+width+"/"+(height||''):"/editor/"+resourceType+"/"+itemId+"/images/"+identifier;return createApiUrl(url,{access_token:token,subscriptionId:subscriptionId});}function getOriginalImageEditorUrlWithToken(token,itemId,subscriptionId,identifier,resourceType){return createApiUrl("/editor/"+resourceType+"/"+itemId+"/images/"+identifier+"/original",{access_token:token,subscriptionId:subscriptionId});}function uploadImage(subscriptionId,resourceType,newImage){return __awaiter(this,void 0,void 0,function(){var fd,token,config;return __generator(this,function(_a){switch(_a.label){case 0:// validate or set defaults
|
|
122231
122225
|
if(!newImage.identifier){// identifer defaults to 'banner'
|
|
@@ -122233,7 +122227,7 @@ newImage.identifier='banner';}fd=new FormData();fd.append('image',newImage.image
|
|
|
122233
122227
|
// any promise failures are expected be handled from the code consuming the observable
|
|
122234
122228
|
return [4/*yield*/,fetchFromApi("/editor/"+resourceType+"/"+newImage.itemId+"/images/"+newImage.identifier+"/"+newImage.variant,config)];case 2:// error handling is not done here
|
|
122235
122229
|
// any promise failures are expected be handled from the code consuming the observable
|
|
122236
|
-
_a.sent();return [2/*return*/,{itemId:newImage.itemId,identifier:newImage.identifier,mimeType:newImage.image.type,extension:newImage.image.name.split('.').pop()}];}});});}},[api,createApiUrl,fetchFromApi,onRequestToken]);}var PublishableItemBanner=function PublishableItemBanner(props){var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var _a=useVideosApi(),getBannerVideoThumbnailUrl=_a.getBannerVideoThumbnailUrl,getVideoThumbnailUrl=_a.getVideoThumbnailUrl;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var _b=useState$2(false),showPlayer=_b[0],setShowPlayer=_b[1];var user=useCurrentUser();var features=useFeatures();var onOpenExternalLink=useContext(LinkContext).onOpenExternalLink;var formatMessage=useIntl().formatMessage;useEffect$1(function(){if(props.hidePlayerIfActive){setShowPlayer(false);}},[props.hidePlayerIfActive]);if(!props.token||!props.bannerInfo){return null;}var isImage=props.bannerInfo.type==='image';var imageUrl=getImageUrl(props.useEditorRoutes,isImage,props.width,props.height);var isStreamVideo=props.bannerInfo.videoSource===VideoSource.MicrosoftStream;var streamVideoUrl=isStreamVideo&&getMicrosoftStreamVideoUrl(props.bannerInfo.videoId);var isPlayableVideo=!isImage&&!(isStreamVideo&&env.isNativeMobileApp);if(isPlayableVideo&&showPlayer){return jsx$1(StyledVideoView,{videoInfo:{id:props.bannerInfo.videoId,source:props.bannerInfo.videoSource,url:props.bannerInfo.videoUrl,isDirectUrl:props.bannerInfo.isDirectVideoUrl},autoplay:true,className:props.className},void 0);}return jsxs(StyledBannerImage,__assign({isVideo:!isImage,imageUrl:imageUrl,openImageUrl:props.canOpenImage&&env.isNativeMobileApp?getImageUrl(props.useEditorRoutes,true,'default'):null,className:props.className},{children:[isPlayableVideo&&jsx$1(VideoButtonOverlay,{onClick:handlePlayClick,iconProps:{iconName:'MSNVideosSolid',className:'video-icon'},ariaLabel:formatMessage({id:'Generic.watchVideo'})},void 0),isStreamVideo&&env.isNativeMobileApp&&(features.inAppBrowser?jsx$1(VideoLinkOverlay,__assign({url:streamVideoUrl,onClick:function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:e.stopPropagation();e.preventDefault();return [4/*yield*/,onOpenExternalLink(streamVideoUrl)];case 1:_a.sent();return [2/*return*/];}});});},ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsx$1(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0):jsx$1(VideoLinkOverlay,__assign({url:streamVideoUrl,ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsx$1(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0))]}),void 0);function getImageUrl(useEditorRoutes,isImage,width,height){var _a;if(isImage){return useEditorRoutes?getImageEditorUrlWithToken(props.token,props.itemId,user.subscription.id,props.bannerInfo.imageId,props.resourceType):getImageUrlWithToken(props.token,props.itemId,user.subscription.id,props.resourceType,props.bannerInfo.imageId,width,height);}else {return (_a=new VideoUrlParser(props.bannerInfo.videoUrl).thumbnailUrl)!==null&&_a!==void 0?_a:useEditorRoutes?getVideoThumbnailUrl(props.token,user.subscription.id,props.bannerInfo.videoSource,props.bannerInfo.videoId):getBannerVideoThumbnailUrl(props.token,props.itemId,user.subscription.id,props.resourceType);}}function handlePlayClick(e){var _a;e.stopPropagation();e.preventDefault();setShowPlayer(true);(_a=props.onPlayButtonClick)===null||_a===void 0?void 0:_a.call(props);}};var StyledBannerImage=_styled(BannerImage).withConfig({displayName:"PublishableItemBanner__StyledBannerImage",componentId:"sc-bjnycc-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.isVideo&&css$2(templateObject_1$2i||(templateObject_1$2i=__makeTemplateObject(["\n position: relative;\n "],["\n position: relative;\n "])));});var BannerVideoOverlay=css$2(templateObject_3$10||(templateObject_3$10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"])));var VideoIconStyle=css$2(templateObject_4$J||(templateObject_4$J=__makeTemplateObject(["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"],["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"])));var VideoButtonOverlay=_styled(IconButton$1).withConfig({displayName:"PublishableItemBanner__VideoButtonOverlay",componentId:"sc-bjnycc-1"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"],["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"])),BannerVideoOverlay,VideoIconStyle);var VideoLinkOverlay=_styled(ExternalLinkHandler).withConfig({displayName:"PublishableItemBanner__VideoLinkOverlay",componentId:"sc-bjnycc-2"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),BannerVideoOverlay);var VideoIcon=_styled(Icon).withConfig({displayName:"PublishableItemBanner__VideoIcon",componentId:"sc-bjnycc-3"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),VideoIconStyle);var StyledVideoView=_styled(VideoView).withConfig({displayName:"PublishableItemBanner__StyledVideoView",componentId:"sc-bjnycc-4"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$2i,templateObject_2$1t,templateObject_3$10,templateObject_4$J,templateObject_5$A,templateObject_6$p,templateObject_7$j,templateObject_8$i;var EventCardBanner=function EventCardBanner(_a){var item=_a.item,bannerWidth=_a.bannerWidth,bannerHostDefaultWidth=_a.bannerHostDefaultWidth,showPlaceholder=_a.showPlaceholder;if(!item.bannerInfo&&!showPlaceholder){return null;}return jsx$1("div",{children:jsx$1(LeftBannerWrapper,__assign({defaultWidth:bannerHostDefaultWidth,showPlaceholder:showPlaceholder},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:item.bannerInfo,width:bannerWidth,token:item.fileAccessToken,resourceType:ItemResourceTypes.Events},void 0)}),void 0)},void 0);};var FeedbackCountButton=function FeedbackCountButton(_a){var isActive=_a.isActive,count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceKeyValues=_a.tooltipResourceKeyValues,activeTooltipResourceKey=_a.activeTooltipResourceKey,activeTooltipResourceKeyValues=_a.activeTooltipResourceKeyValues,feedbackType=_a.feedbackType,hideTooltip=_a.hideTooltip,className=_a.className,props=__rest(_a,["isActive","count","iconName","activeIconName","tooltipResourceKey","tooltipResourceKeyValues","activeTooltipResourceKey","activeTooltipResourceKeyValues","feedbackType","hideTooltip","className"]);var resourceKey=isActive?activeTooltipResourceKey||tooltipResourceKey:tooltipResourceKey;var resourceValues=isActive?activeTooltipResourceKeyValues||tooltipResourceKeyValues:tooltipResourceKeyValues;return jsxs(CountButtonHost,__assign({className:className,"data-feedback":feedbackType,"data-feedback-button-isactive":isActive!==null&&isActive!==void 0?isActive:false,"data-feedback-count":count},{children:[jsx$1(IEMarginFix,{},void 0),jsx$1(PreloadIcons,{icons:[activeIconName,iconName]},void 0),!hideTooltip?jsx$1(TooltipHost,__assign({resourceKey:resourceKey,values:resourceValues},{children:jsx$1(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)}),void 0):jsx$1(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)]}),void 0);};var FeedbackCountButtonInternal=function FeedbackCountButtonInternal(_a){var count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,feedbackType=_a.feedbackType,isActive=_a.isActive,onClick=_a.onClick,readOnly=_a.readOnly,ariaLabel=_a.ariaLabel,highlight=_a.highlight,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount;if(onClick){return jsx$1(StyledIconButton$6,__assign({onClick:onClick,iconProps:{iconName:isActive?activeIconName:iconName},"data-feedback-button":feedbackType,disabled:readOnly,highlight:highlight,"data-unread-comment-highlight":highlight,ariaLabel:ariaLabel},{children:jsx$1(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount},void 0)}),void 0);}return jsxs(Fragment,{children:[jsx$1(StyledIcon$7,{iconName:isActive?activeIconName:iconName,highlight:highlight,"data-unread-comment-highlight":highlight},void 0),jsx$1(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount,ariaLabel:ariaLabel},void 0)]},void 0);};var CountDisplay=function CountDisplay(_a){var count=_a.count,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount,ariaLabel=_a.ariaLabel;var shouldNotRenderZeroCount=doNotRenderZeroCount&&!count;if(shouldNotRenderZeroCount){return null;}var shouldHideZeroCount=hideZeroCount&&!count;return jsx$1(CountLabel,__assign({isHidden:shouldHideZeroCount,"aria-label":ariaLabel},{children:count}),void 0);};var TooltipHost=_styled(Tooltip).withConfig({displayName:"FeedbackCountButton__TooltipHost",componentId:"sc-vg1ry1-0"})(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"],["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"])));var CountButtonHost=_styled.div.withConfig({displayName:"FeedbackCountButton__CountButtonHost",componentId:"sc-vg1ry1-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"],["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"])),feedbackButtonHeight);var IEMarginFix=createGlobalStyle(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"],["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"])),CountButtonHost);var StyledIconButton$6=_styled(IconButton).withConfig({displayName:"FeedbackCountButton__StyledIconButton",componentId:"sc-vg1ry1-2"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"],["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var StyledIcon$7=_styled(Icon).withConfig({displayName:"FeedbackCountButton__StyledIcon",componentId:"sc-vg1ry1-3"})(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n font-size: 22px;\n user-select: none;\n\n ","\n"],["\n font-size: 22px;\n user-select: none;\n\n ","\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var CountLabel=_styled.span.withConfig({displayName:"FeedbackCountButton__CountLabel",componentId:"sc-vg1ry1-4"})(templateObject_8$h||(templateObject_8$h=__makeTemplateObject(["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"],["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"])),function(p){return p.isHidden&&css$2(templateObject_6$o||(templateObject_6$o=__makeTemplateObject(["\n visibility: hidden;\n "],["\n visibility: hidden;\n "])));},function(p){return p.isDisabled&&css$2(templateObject_7$i||(templateObject_7$i=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.palette.neutralQuaternary);});var PreloadIcons=function PreloadIcons(_a){var icons=_a.icons;return jsx$1(Fragment,{children:icons.filter(function(i){return i;}).map(function(i){return jsx$1(PreloadIcon,{iconName:i},i);})},void 0);};var PreloadIcon=_styled(Icon).withConfig({displayName:"FeedbackCountButton__PreloadIcon",componentId:"sc-vg1ry1-5"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n position: fixed;\n left: -500px;\n"],["\n position: fixed;\n left: -500px;\n"])));var templateObject_1$2h,templateObject_2$1s,templateObject_3$$,templateObject_4$I,templateObject_5$z,templateObject_6$o,templateObject_7$i,templateObject_8$h,templateObject_9$e;var EventCardCommentCount=function EventCardCommentCount(_a){var item=_a.item;var formatMessage=useIntl().formatMessage;return jsxs(Fragment,{children:[jsx$1(IEFix$1,{},void 0),jsx$1(StyledFeedbackCountButton,{tooltipResourceKey:"Events.numberOfComments",tooltipResourceKeyValues:{count:item.statistics.commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),iconName:"Chat",count:item.statistics.commentCount,feedbackType:"comment",highlight:item.hasNewComments,className:"event-card-comments"},void 0)]},void 0);};var StyledFeedbackCountButton=_styled(FeedbackCountButton).withConfig({displayName:"EventCardCommentCount__StyledFeedbackCountButton",componentId:"sc-3prmx8-0"})(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"],["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"])));var IEFix$1=createGlobalStyle(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"],["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"])));var templateObject_1$2g,templateObject_2$1r;var EventCancelInformation=function EventCancelInformation(_a){var _b;var item=_a.item,language=_a.language,className=_a.className;var user=useCurrentUser();if(!((_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled)){return null;}var contents=item.cancelInformation.reasons||{};var reason=contents[language]||contents[NewsService.getUserPreferredLanguage(Object.keys(contents),user)]||Object.values(contents)[0];return jsxs(Host$P,__assign({className:className,"data-event-cancelled-info":true},{children:[jsxs(TitleContainer,{children:[jsx$1(CancelIcon,{iconName:"RemoveEvent"},void 0),jsx$1(Title$a,{id:"Events.cancel.cancelled"},void 0)]},void 0),jsx$1("p",{children:reason},void 0)]}),void 0);};var Host$P=_styled.div.withConfig({displayName:"EventCancelInformation__Host",componentId:"sc-rh6578-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"],["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"])),spacingM,spacingS,fontSizeSmall,function(p){return p.theme.palette.red;});var TitleContainer=_styled.div.withConfig({displayName:"EventCancelInformation__TitleContainer",componentId:"sc-rh6578-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"])),spacingXs,function(p){return p.theme.palette.redDark;},spacingXs);var CancelIcon=_styled(Icon).withConfig({displayName:"EventCancelInformation__CancelIcon",componentId:"sc-rh6578-2"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"])));var Title$a=_styled(FormattedMessageWithStyle).withConfig({displayName:"EventCancelInformation__Title",componentId:"sc-rh6578-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var templateObject_1$2f,templateObject_2$1q,templateObject_3$_,templateObject_4$H;var EventUserRegistrationContext=/*#__PURE__*/createContext(null);function getDeadlineInfos(item){var hasDeadline=item.registrationSettings.deadline!=null;var isPastDeadline=hasDeadline&&moment(item.registrationSettings.deadline).isBefore(moment());return {hasDeadline:hasDeadline,isPastDeadline:isPastDeadline};}var EventRegistrationButton=function EventRegistrationButton(_a){var isRegistered=_a.isRegistered,className=_a.className,disabled=_a.disabled,onClick=_a.onClick,showInfoMessage=_a.showInfoMessage,infoMessageResourceKey=_a.infoMessageResourceKey;var formatMessage=useIntl().formatMessage;return jsxs(Host$O,__assign({className:className,"aria-label":formatMessage({id:'Events.registration.sectionLabel'})},{children:[jsx$1(RegisterButton,{text:formatMessage({id:isRegistered?'Events.registration.deregisterButtonCaption':'Events.registration.registerButtonCaption'}),disabled:disabled,"data-event-register-button":!!isRegistered,onClick:function(e){e.preventDefault();onClick();},isRegistered:isRegistered},void 0),showInfoMessage&&jsxs(InfoMessage,__assign({"data-event-register-info":true},{children:[jsx$1(Icon,{iconName:"Info"},void 0),jsx$1(FormattedMessage$1,{id:infoMessageResourceKey},void 0)]}),void 0)]}),void 0);};var Host$O=_styled.div.withConfig({displayName:"EventRegistrationButton__Host",componentId:"sc-rvaf0t-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var RegisterButton=_styled(PrimaryButton).withConfig({displayName:"EventRegistrationButton__RegisterButton",componentId:"sc-rvaf0t-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"],["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"])),function(p){return p.disabled&&css$2(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.neutralQuaternaryAlt);},function(p){return p.isRegistered&&css$2(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "],["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "])),p.theme.palette.red,p.theme.palette.redDark);});var InfoMessage=_styled.span.withConfig({displayName:"EventRegistrationButton__InfoMessage",componentId:"sc-rvaf0t-2"})(templateObject_5$y||(templateObject_5$y=__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"])),spacingXs,fontSizeSmall,spacingXs);var templateObject_1$2e,templateObject_2$1p,templateObject_3$Z,templateObject_4$G,templateObject_5$y;var $$3=_export;var DESCRIPTORS=descriptors;var global$2=global$m;var has=has$c;var isObject=isObject$c;var defineProperty=objectDefineProperty.f;var copyConstructorProperties=copyConstructorProperties$2;var NativeSymbol=global$2.Symbol;if(DESCRIPTORS&&typeof NativeSymbol=='function'&&(!('description'in NativeSymbol.prototype)||// Safari 12 bug
|
|
122230
|
+
_a.sent();return [2/*return*/,{itemId:newImage.itemId,identifier:newImage.identifier,mimeType:newImage.image.type,extension:newImage.image.name.split('.').pop()}];}});});}},[api,createApiUrl,fetchFromApi,onRequestToken]);}var PublishableItemBanner=function PublishableItemBanner(props){var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var _a=useVideosApi(),getBannerVideoThumbnailUrl=_a.getBannerVideoThumbnailUrl,getVideoThumbnailUrl=_a.getVideoThumbnailUrl;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var _b=useState$2(false),showPlayer=_b[0],setShowPlayer=_b[1];var user=useCurrentUser();var features=useFeatures();var onOpenExternalLink=useContext(LinkContext).onOpenExternalLink;var formatMessage=useIntl().formatMessage;useEffect$1(function(){if(props.hidePlayerIfActive){setShowPlayer(false);}},[props.hidePlayerIfActive]);if(!props.token||!props.bannerInfo){return null;}var isImage=props.bannerInfo.type==='image';var imageUrl=getImageUrl(props.useEditorRoutes,isImage,props.width,props.height);var isStreamVideo=props.bannerInfo.videoSource===VideoSource.MicrosoftStream;var streamVideoUrl=isStreamVideo&&getMicrosoftStreamVideoUrl(props.bannerInfo.videoId);var isPlayableVideo=!isImage&&!(isStreamVideo&&env.isNativeMobileApp);if(isPlayableVideo&&showPlayer){return jsx$1(StyledVideoView,{videoInfo:{id:props.bannerInfo.videoId,source:props.bannerInfo.videoSource,url:props.bannerInfo.videoUrl,isDirectUrl:props.bannerInfo.isDirectVideoUrl},autoplay:true,className:props.className},void 0);}return jsxs(StyledBannerImage,__assign({isVideo:!isImage,imageUrl:imageUrl,openImageUrl:props.canOpenImage&&env.isNativeMobileApp?getImageUrl(props.useEditorRoutes,true,'default'):null,className:props.className},{children:[isPlayableVideo&&jsx$1(VideoButtonOverlay,{onClick:handlePlayClick,iconProps:{iconName:'MSNVideosSolid',className:'video-icon'},ariaLabel:formatMessage({id:'Generic.watchVideo'})},void 0),isStreamVideo&&env.isNativeMobileApp&&(features.inAppBrowser?jsx$1(VideoLinkOverlay,__assign({url:streamVideoUrl,onClick:function(e){return __awaiter(void 0,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:e.stopPropagation();e.preventDefault();return [4/*yield*/,onOpenExternalLink(streamVideoUrl)];case 1:_a.sent();return [2/*return*/];}});});},ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsx$1(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0):jsx$1(VideoLinkOverlay,__assign({url:streamVideoUrl,ariaLabel:formatMessage({id:'Generic.watchMicrosoftStream'})},{children:jsx$1(VideoIcon,{iconName:"MSNVideosSolid",className:"video-icon"},void 0)}),void 0))]}),void 0);function getImageUrl(useEditorRoutes,isImage,width,height){var _a;if(isImage){return useEditorRoutes?getImageEditorUrlWithToken(props.token,props.itemId,user.subscription.id,props.bannerInfo.imageId,props.resourceType):getImageUrlWithToken(props.token,props.itemId,user.subscription.id,props.resourceType,props.bannerInfo.imageId,width,height);}else {return (_a=new VideoUrlParser(props.bannerInfo.videoUrl).thumbnailUrl)!==null&&_a!==void 0?_a:useEditorRoutes?getVideoThumbnailUrl(props.token,user.subscription.id,props.bannerInfo.videoSource,props.bannerInfo.videoId):getBannerVideoThumbnailUrl(props.token,props.itemId,user.subscription.id,props.resourceType);}}function handlePlayClick(e){var _a;e.stopPropagation();e.preventDefault();setShowPlayer(true);(_a=props.onPlayButtonClick)===null||_a===void 0?void 0:_a.call(props);}};var StyledBannerImage=_styled(BannerImage).withConfig({displayName:"PublishableItemBanner__StyledBannerImage",componentId:"sc-bjnycc-0"})(templateObject_2$1t||(templateObject_2$1t=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),function(p){return p.isVideo&&css$2(templateObject_1$2i||(templateObject_1$2i=__makeTemplateObject(["\n position: relative;\n "],["\n position: relative;\n "])));});var BannerVideoOverlay=css$2(templateObject_3$10||(templateObject_3$10=__makeTemplateObject(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover,\n &:focus {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"],["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n\n background-color: rgba(0, 0, 0, 0.33);\n\n .video-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n\n &:hover,\n &:focus {\n .video-icon {\n color: rgba(255, 255, 255, 0.85);\n }\n }\n"])));var VideoIconStyle=css$2(templateObject_4$J||(templateObject_4$J=__makeTemplateObject(["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"],["\n font-size: 50px;\n color: rgba(255, 255, 255, 0.5);\n"])));var VideoButtonOverlay=_styled(IconButton$1).withConfig({displayName:"PublishableItemBanner__VideoButtonOverlay",componentId:"sc-bjnycc-1"})(templateObject_5$A||(templateObject_5$A=__makeTemplateObject(["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"],["\n && {\n width: 100%;\n height: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n z-index: 1;\n border-radius: 0;\n\n ","\n\n i.video-icon {\n ","\n }\n\n &&:hover {\n background-color: rgba(0, 0, 0, 0.33);\n }\n }\n"])),BannerVideoOverlay,VideoIconStyle);var VideoLinkOverlay=_styled(ExternalLinkHandler).withConfig({displayName:"PublishableItemBanner__VideoLinkOverlay",componentId:"sc-bjnycc-2"})(templateObject_6$p||(templateObject_6$p=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),BannerVideoOverlay);var VideoIcon=_styled(Icon).withConfig({displayName:"PublishableItemBanner__VideoIcon",componentId:"sc-bjnycc-3"})(templateObject_7$j||(templateObject_7$j=__makeTemplateObject(["\n ","\n"],["\n ","\n"])),VideoIconStyle);var StyledVideoView=_styled(VideoView).withConfig({displayName:"PublishableItemBanner__StyledVideoView",componentId:"sc-bjnycc-4"})(templateObject_8$i||(templateObject_8$i=__makeTemplateObject(["\n height: 100%;\n"],["\n height: 100%;\n"])));var templateObject_1$2i,templateObject_2$1t,templateObject_3$10,templateObject_4$J,templateObject_5$A,templateObject_6$p,templateObject_7$j,templateObject_8$i;var EventCardBanner=function EventCardBanner(_a){var item=_a.item,bannerWidth=_a.bannerWidth,bannerHostDefaultWidth=_a.bannerHostDefaultWidth,showPlaceholder=_a.showPlaceholder;if(!item.bannerInfo&&!showPlaceholder){return null;}return jsx$1("div",{children:jsx$1(LeftBannerWrapper,__assign({defaultWidth:bannerHostDefaultWidth,showPlaceholder:showPlaceholder},{children:jsx$1(PublishableItemBanner,{itemId:item.id,bannerInfo:item.bannerInfo,width:bannerWidth,token:item.fileAccessToken,resourceType:ItemResourceTypes.Events},void 0)}),void 0)},void 0);};var FeedbackCountButton=function FeedbackCountButton(_a){var isActive=_a.isActive,count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipResourceKeyValues=_a.tooltipResourceKeyValues,activeTooltipResourceKey=_a.activeTooltipResourceKey,activeTooltipResourceKeyValues=_a.activeTooltipResourceKeyValues,feedbackType=_a.feedbackType,hideTooltip=_a.hideTooltip,className=_a.className,props=__rest(_a,["isActive","count","iconName","activeIconName","tooltipResourceKey","tooltipResourceKeyValues","activeTooltipResourceKey","activeTooltipResourceKeyValues","feedbackType","hideTooltip","className"]);var resourceKey=isActive?activeTooltipResourceKey||tooltipResourceKey:tooltipResourceKey;var resourceValues=isActive?activeTooltipResourceKeyValues||tooltipResourceKeyValues:tooltipResourceKeyValues;return jsxs(CountButtonHost,__assign({className:className,"data-feedback":feedbackType,"data-feedback-button-isactive":isActive!==null&&isActive!==void 0?isActive:false,"data-feedback-count":count},{children:[jsx$1(IEMarginFix,{},void 0),jsx$1(PreloadIcons,{icons:[activeIconName,iconName]},void 0),!hideTooltip?jsx$1(TooltipHost,__assign({resourceKey:resourceKey,values:resourceValues},{children:jsx$1(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)}),void 0):jsx$1(FeedbackCountButtonInternal,__assign({count:count,feedbackType:feedbackType,isActive:isActive,iconName:iconName,activeIconName:activeIconName},props),void 0)]}),void 0);};var FeedbackCountButtonInternal=function FeedbackCountButtonInternal(_a){var count=_a.count,iconName=_a.iconName,activeIconName=_a.activeIconName,feedbackType=_a.feedbackType,isActive=_a.isActive,onClick=_a.onClick,readOnly=_a.readOnly,ariaLabel=_a.ariaLabel,highlight=_a.highlight,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount;if(onClick){return jsx$1(StyledIconButton$6,__assign({onClick:onClick,iconProps:{iconName:isActive?activeIconName:iconName},"data-feedback-button":feedbackType,disabled:readOnly,highlight:highlight,"data-unread-comment-highlight":highlight,ariaLabel:ariaLabel},{children:jsx$1(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount},void 0)}),void 0);}return jsxs(Fragment,{children:[jsx$1(StyledIcon$7,{iconName:isActive?activeIconName:iconName,highlight:highlight,"data-unread-comment-highlight":highlight},void 0),jsx$1(CountDisplay,{count:count,doNotRenderZeroCount:doNotRenderZeroCount,hideZeroCount:hideZeroCount,ariaLabel:ariaLabel},void 0)]},void 0);};var CountDisplay=function CountDisplay(_a){var count=_a.count,hideZeroCount=_a.hideZeroCount,doNotRenderZeroCount=_a.doNotRenderZeroCount,ariaLabel=_a.ariaLabel;var shouldNotRenderZeroCount=doNotRenderZeroCount&&!count;if(shouldNotRenderZeroCount){return null;}var shouldHideZeroCount=hideZeroCount&&!count;return jsx$1(CountLabel,__assign({isHidden:shouldHideZeroCount,"aria-label":ariaLabel},{children:count}),void 0);};var TooltipHost=_styled(Tooltip).withConfig({displayName:"FeedbackCountButton__TooltipHost",componentId:"sc-vg1ry1-0"})(templateObject_1$2h||(templateObject_1$2h=__makeTemplateObject(["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"],["\n && {\n display: flex;\n height: 100%;\n align-items: center;\n }\n"])));var CountButtonHost=_styled.div.withConfig({displayName:"FeedbackCountButton__CountButtonHost",componentId:"sc-vg1ry1-1"})(templateObject_2$1s||(templateObject_2$1s=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"],["\n display: flex;\n align-items: center;\n min-width: 60px;\n height: ","px; // ensure same height for feedback buttons\n\n margin-right: 9px;\n"])),feedbackButtonHeight);var IEMarginFix=createGlobalStyle(templateObject_3$$||(templateObject_3$$=__makeTemplateObject(["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"],["\n .browser-name-ie {\n "," {\n margin-right: 20px;\n }\n }\n"])),CountButtonHost);var StyledIconButton$6=_styled(IconButton).withConfig({displayName:"FeedbackCountButton__StyledIconButton",componentId:"sc-vg1ry1-2"})(templateObject_4$I||(templateObject_4$I=__makeTemplateObject(["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"],["\n && {\n margin: 0;\n padding: 0;\n width: 100%;\n font-size: inherit;\n\n &[disabled] {\n background: transparent;\n }\n }\n\n i {\n font-size: 22px;\n margin: 0;\n ","\n }\n\n user-select: none;\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var StyledIcon$7=_styled(Icon).withConfig({displayName:"FeedbackCountButton__StyledIcon",componentId:"sc-vg1ry1-3"})(templateObject_5$z||(templateObject_5$z=__makeTemplateObject(["\n font-size: 22px;\n user-select: none;\n\n ","\n"],["\n font-size: 22px;\n user-select: none;\n\n ","\n"])),function(p){return p.highlight&&unreadCommentHighlight;});var CountLabel=_styled.span.withConfig({displayName:"FeedbackCountButton__CountLabel",componentId:"sc-vg1ry1-4"})(templateObject_8$h||(templateObject_8$h=__makeTemplateObject(["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"],["\n margin-left: 7px;\n word-break: normal;\n align-self: center;\n ","\n ","\n"])),function(p){return p.isHidden&&css$2(templateObject_6$o||(templateObject_6$o=__makeTemplateObject(["\n visibility: hidden;\n "],["\n visibility: hidden;\n "])));},function(p){return p.isDisabled&&css$2(templateObject_7$i||(templateObject_7$i=__makeTemplateObject(["\n color: ",";\n "],["\n color: ",";\n "])),p.theme.palette.neutralQuaternary);});var PreloadIcons=function PreloadIcons(_a){var icons=_a.icons;return jsx$1(Fragment,{children:icons.filter(function(i){return i;}).map(function(i){return jsx$1(PreloadIcon,{iconName:i},i);})},void 0);};var PreloadIcon=_styled(Icon).withConfig({displayName:"FeedbackCountButton__PreloadIcon",componentId:"sc-vg1ry1-5"})(templateObject_9$e||(templateObject_9$e=__makeTemplateObject(["\n position: fixed;\n left: -500px;\n"],["\n position: fixed;\n left: -500px;\n"])));var templateObject_1$2h,templateObject_2$1s,templateObject_3$$,templateObject_4$I,templateObject_5$z,templateObject_6$o,templateObject_7$i,templateObject_8$h,templateObject_9$e;var EventCardCommentCount=function EventCardCommentCount(_a){var item=_a.item;var formatMessage=useIntl().formatMessage;return jsxs(Fragment,{children:[jsx$1(IEFix$1,{},void 0),jsx$1(StyledFeedbackCountButton,{tooltipResourceKey:"Events.numberOfComments",tooltipResourceKeyValues:{count:item.statistics.commentCount},ariaLabel:formatMessage({id:'AriaLabel.commentsButton'}),iconName:"Chat",count:item.statistics.commentCount,feedbackType:"comment",highlight:item.hasNewComments,className:"event-card-comments"},void 0)]},void 0);};var StyledFeedbackCountButton=_styled(FeedbackCountButton).withConfig({displayName:"EventCardCommentCount__StyledFeedbackCountButton",componentId:"sc-3prmx8-0"})(templateObject_1$2g||(templateObject_1$2g=__makeTemplateObject(["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"],["\n && {\n min-width: 0;\n margin-right: 0;\n }\n"])));var IEFix$1=createGlobalStyle(templateObject_2$1r||(templateObject_2$1r=__makeTemplateObject(["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"],["\n .browser-name-ie {\n .event-card-comments {\n margin-right: 0 !important;\n }\n }\n"])));var templateObject_1$2g,templateObject_2$1r;var EventCancelInformation=function EventCancelInformation(_a){var _b;var item=_a.item,language=_a.language,className=_a.className;var user=useCurrentUser();if(!((_b=item.cancelInformation)===null||_b===void 0?void 0:_b.isCancelled)){return null;}var contents=item.cancelInformation.reasons||{};var reason=contents[language]||contents[NewsService.getUserPreferredLanguage(Object.keys(contents),user)]||Object.values(contents)[0];return jsxs(Host$P,__assign({className:className,"data-event-cancelled-info":true},{children:[jsxs(TitleContainer,{children:[jsx$1(CancelIcon,{iconName:"RemoveEvent"},void 0),jsx$1(Title$a,{id:"Events.cancel.cancelled"},void 0)]},void 0),jsx$1("p",{children:reason},void 0)]}),void 0);};var Host$P=_styled.div.withConfig({displayName:"EventCancelInformation__Host",componentId:"sc-rh6578-0"})(templateObject_1$2f||(templateObject_1$2f=__makeTemplateObject(["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"],["\n position: relative;\n padding: ","px;\n margin-top: ","px;\n\n font-size: ","px;\n p {\n margin: 0;\n }\n\n :after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ",";\n opacity: 0.1;\n }\n"])),spacingM,spacingS,fontSizeSmall,function(p){return p.theme.palette.red;});var TitleContainer=_styled.div.withConfig({displayName:"EventCancelInformation__TitleContainer",componentId:"sc-rh6578-1"})(templateObject_2$1q||(templateObject_2$1q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n padding-bottom: ","px;\n\n color: ",";\n\n *:not(:first-child) {\n padding-left: ","px;\n }\n"])),spacingXs,function(p){return p.theme.palette.redDark;},spacingXs);var CancelIcon=_styled(Icon).withConfig({displayName:"EventCancelInformation__CancelIcon",componentId:"sc-rh6578-2"})(templateObject_3$_||(templateObject_3$_=__makeTemplateObject(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"])));var Title$a=_styled(FormattedMessageWithStyle).withConfig({displayName:"EventCancelInformation__Title",componentId:"sc-rh6578-3"})(templateObject_4$H||(templateObject_4$H=__makeTemplateObject(["\n font-weight: bold;\n"],["\n font-weight: bold;\n"])));var templateObject_1$2f,templateObject_2$1q,templateObject_3$_,templateObject_4$H;var EventUserRegistrationContext=/*#__PURE__*/createContext(null);function getDeadlineInfos(item){var hasDeadline=item.registrationSettings.deadline!=null;var isPastDeadline=hasDeadline&&moment(item.registrationSettings.deadline).isBefore(moment());return {hasDeadline:hasDeadline,isPastDeadline:isPastDeadline};}var EventRegistrationButton=function EventRegistrationButton(_a){var isRegistered=_a.isRegistered,className=_a.className,disabled=_a.disabled,onClick=_a.onClick,showInfoMessage=_a.showInfoMessage,infoMessageResourceKey=_a.infoMessageResourceKey;var formatMessage=useIntl().formatMessage;return jsxs(Host$O,__assign({className:className,"aria-label":formatMessage({id:'Events.registration.sectionLabel'})},{children:[jsx$1(RegisterButton,{text:formatMessage({id:isRegistered?'Events.registration.deregisterButtonCaption':'Events.registration.registerButtonCaption'}),disabled:disabled,"data-event-register-button":!!isRegistered,onClick:function(e){e.preventDefault();onClick();},isRegistered:isRegistered},void 0),showInfoMessage&&jsxs(InfoMessage,__assign({"data-event-register-info":true},{children:[jsx$1(Icon,{iconName:"Info"},void 0),jsx$1(FormattedMessage$1,{id:infoMessageResourceKey},void 0)]}),void 0)]}),void 0);};var Host$O=_styled.div.withConfig({displayName:"EventRegistrationButton__Host",componentId:"sc-rvaf0t-0"})(templateObject_1$2e||(templateObject_1$2e=__makeTemplateObject(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"],["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n"])));var RegisterButton=_styled(PrimaryButton).withConfig({displayName:"EventRegistrationButton__RegisterButton",componentId:"sc-rvaf0t-1"})(templateObject_4$G||(templateObject_4$G=__makeTemplateObject(["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"],["\n && {\n min-width: 200px;\n border: 0;\n &:hover {\n border: 0;\n }\n ","\n ","\n }\n"])),function(p){return p.disabled&&css$2(templateObject_2$1p||(templateObject_2$1p=__makeTemplateObject(["\n background-color: ",";\n "],["\n background-color: ",";\n "])),p.theme.palette.neutralQuaternaryAlt);},function(p){return p.isRegistered&&css$2(templateObject_3$Z||(templateObject_3$Z=__makeTemplateObject(["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "],["\n &:not([disabled]) {\n background-color: ",";\n color: #fff;\n\n &:hover {\n background-color: ",";\n }\n }\n "])),p.theme.palette.red,p.theme.palette.redDark);});var InfoMessage=_styled.span.withConfig({displayName:"EventRegistrationButton__InfoMessage",componentId:"sc-rvaf0t-2"})(templateObject_5$y||(templateObject_5$y=__makeTemplateObject(["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"],["\n display: flex;\n align-items: center;\n font-style: italic;\n margin-top: ","px;\n font-size: ","px;\n\n i {\n padding-right: ","px;\n }\n"])),spacingXs,fontSizeSmall,spacingXs);var templateObject_1$2e,templateObject_2$1p,templateObject_3$Z,templateObject_4$G,templateObject_5$y;var $$3=_export;var DESCRIPTORS=descriptors;var global$2=global$m;var has=has$c;var isObject=isObject$c;var defineProperty=objectDefineProperty.f;var copyConstructorProperties=copyConstructorProperties$2;var NativeSymbol=global$2.Symbol;if(DESCRIPTORS&&typeof NativeSymbol=='function'&&(!('description'in NativeSymbol.prototype)||// Safari 12 bug
|
|
122237
122231
|
NativeSymbol().description!==undefined)){var EmptyStringDescriptionStore={};// wrap Symbol constructor for correct work with undefined description
|
|
122238
122232
|
var SymbolWrapper=function Symbol(){var description=arguments.length<1||arguments[0]===undefined?undefined:String(arguments[0]);var result=this instanceof SymbolWrapper?new NativeSymbol(description)// in Edge 13, String(Symbol(undefined)) === 'Symbol(undefined)'
|
|
122239
122233
|
:description===undefined?NativeSymbol():NativeSymbol(description);if(description==='')EmptyStringDescriptionStore[result]=true;return result;};copyConstructorProperties(SymbolWrapper,NativeSymbol);var symbolPrototype=SymbolWrapper.prototype=NativeSymbol.prototype;symbolPrototype.constructor=SymbolWrapper;var symbolToString=symbolPrototype.toString;var native=String(NativeSymbol('test'))=='Symbol(test)';var regexp=/^Symbol\((.*)\)[^)]+$/;defineProperty(symbolPrototype,'description',{configurable:true,get:function description(){var symbol=isObject(this)?this.valueOf():this;var string=symbolToString.call(symbol);if(has(EmptyStringDescriptionStore,symbol))return '';var desc=native?string.slice(7,-1):string.replace(regexp,'$1');return desc===''?undefined:desc;}});$$3({global:true,forced:true},{Symbol:SymbolWrapper});}function getLocationQuestionId(item){return "location_id_"+item.id;}function getLocationPollDefinitions(item,formatMessage,result,isOnBehalfOf){if(!item.locations||item.locations.length<2){return {};}var locationQuestionId=getLocationQuestionId(item);return {translations:__spreadArray([{language:'en',id:locationQuestionId,text:formatMessage({id:!isOnBehalfOf?'Events.registration.locations.questionTitle':'Events.registration.locations.onBehalfOfQuestionTitle'})}],item.locations.map(function(l){return {language:'en',id:l.locationId,text:l.name};})),question:{questionId:locationQuestionId,isMultiChoice:false,choices:item.locations.map(function(l){return getLocationChoice(locationQuestionId,l,result,formatMessage,isOnBehalfOf);})}};}function getLocationChoice(locationQuestionId,location,result,formatMessage,isOnBehalfOf){var _a,_b,_c,_d,_e;var choice={choiceId:location.locationId};if(!location.maxNumberOfSeats){return choice;}var takenSeats=(_e=(_d=(_c=(_b=(_a=result===null||result===void 0?void 0:result.answers)===null||_a===void 0?void 0:_a.find(function(a){return a.questionId===locationQuestionId;}))===null||_b===void 0?void 0:_b.choices)===null||_c===void 0?void 0:_c.find(function(c){return c.choiceId===location.locationId;}))===null||_d===void 0?void 0:_d.count)!==null&&_e!==void 0?_e:0;var availableSeats=Math.max(location.maxNumberOfSeats-takenSeats,0);choice.description=formatMessage({id:'Events.registration.locations.leftSeats'},{total:location.maxNumberOfSeats,available:availableSeats,b:function(text){return jsx$1("strong",{children:text},void 0);}});if(availableSeats===0){choice.disabled=!isOnBehalfOf;}return choice;}var EventRegistrationLocationSeatsInfo=function EventRegistrationLocationSeatsInfo(_a){var hasAnySeatsLeft=_a.hasAnySeatsLeft,locations=_a.locations,className=_a.className;if(!(locations===null||locations===void 0?void 0:locations.length)){return null;}if(locations.length>1){if(hasAnySeatsLeft){// in this case we don't want to render anything, because it's already rendered by the poll anyway
|
|
@@ -122311,7 +122305,7 @@ previewUrl:(_a=image.previewUrl)!==null&&_a!==void 0?_a:imageUrlResolver===null|
|
|
|
122311
122305
|
var showPagingDots=hasMoreImages&&images.length<=15;return jsxs(Fragment,{children:[jsx$1(GalleryContainer,__assign({"data-photo-gallery-container":true},{children:jsx$1(InlineObjectToolbarWrapper,__assign({toolbar:jsx$1(ImageToolbar,{showFullScreenButton:showFullScreenButton,onFullScreen:function(e){e.stopPropagation();handleOpenFullScreen();},showCloseButton:showCloseButton,onClose:function(e){e.stopPropagation();onCloseGallery===null||onCloseGallery===void 0?void 0:onCloseGallery();}},void 0)},{children:jsx$1(Carousel,__assign({renderBottomCenterControls:function(props){return showPagingDots?jsx$1(PagingDots,__assign({},props),void 0):null;},renderCenterLeftControls:function(_a){var previousSlide=_a.previousSlide;return hasMoreImages&&!env.isTouchDevice?jsx$1(CarouselButton,{iconProps:{iconName:'CaretLeftSolid8'},onClick:function(e){e.stopPropagation();previousSlide();},ariaLabel:formatMessage({id:'Generic.prev'}),"data-button":"prev"},void 0):null;},renderCenterRightControls:function(_a){var nextSlide=_a.nextSlide;return hasMoreImages&&!env.isTouchDevice?jsx$1(CarouselButton,{iconProps:{iconName:'CaretRightSolid8'},onClick:function(e){e.stopPropagation();nextSlide();},ariaLabel:formatMessage({id:'Generic.next'}),"data-button":"next"},void 0):null;},renderTopRightControls:function(_a){_a.currentSlide;return null;},swiping:hasMoreImages,dragging:hasMoreImages,wrapAround:true,afterSlide:function(slideIndex){return setFullScreenItemIndex(slideIndex);},defaultControlsConfig:{pagingDotsStyle:{fill:themePrimary},pagingDotsContainerClassName:'slider-dots'}},{children:images.map(function(image){return jsxs(Slide,{children:[jsx$1(Figure$1,__assign({height:height},{children:jsx$1(ImageWrapper,{children:jsx$1("img",{"data-photo-gallery-image":image.imageId,src:image.previewUrl,alt:image.imageTitle||''},void 0)},void 0)}),void 0),image.imageTitle&&jsx$1(Caption,__assign({"data-photo-gallery-image-caption":image.imageTitle},{children:image.imageTitle}),void 0)]},image.imageId);})}),void 0)}),void 0)}),void 0),jsx$1(FullScreenImageViewer,{images:images,selectedIndex:fullScreenItemIndex,hidden:!isFullScreenOpen,onClose:handleCloseFullScreen,imageUrlResolver:imageUrlResolver},void 0)]},void 0);function handleOpenFullScreen(){onOpenFullScreen===null||onOpenFullScreen===void 0?void 0:onOpenFullScreen();setIsFullScreenOpen(true);// if we are in the editor the pullToRefreshContext is null
|
|
122312
122306
|
if(pullToRefreshContext){pullToRefreshContext.setEnabled(false);}}function handleCloseFullScreen(){setIsFullScreenOpen(false);if(pullToRefreshContext){pullToRefreshContext.setEnabled(true);}}};var GalleryContainer=_styled.div.withConfig({displayName:"PhotoGallery__GalleryContainer",componentId:"sc-peu8jt-0"})(templateObject_1$1l||(templateObject_1$1l=__makeTemplateObject(["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"],["\n position: relative;\n display: flex;\n width: 100%;\n margin-bottom: ","px;\n\n .slider:focus {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n .slider-frame {\n height: auto !important;\n }\n\n .slider-list {\n cursor: default !important;\n }\n\n figure {\n margin: 0;\n }\n\n .slider-control-bottomcenter {\n position: relative !important;\n left: 0 !important;\n transform: none !important;\n }\n\n .slider-dots {\n top: 0 !important;\n justify-content: center;\n .paging-item {\n margin-bottom: 0 !important;\n button {\n width: 18px !important;\n max-width: 18px !important;\n padding: 0 6px !important;\n }\n &:not(.active) button {\n fill: "," !important;\n }\n }\n }\n"])),spacingS+5,function(p){return p.theme.palette.accent;},function(p){return p.theme.palette.neutralTertiary;});var CarouselButton=_styled(IconButton).withConfig({displayName:"PhotoGallery__CarouselButton",componentId:"sc-peu8jt-1"})(templateObject_2$J||(templateObject_2$J=__makeTemplateObject(["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"],["\n && {\n margin: 0 ","px;\n background-color: #fff;\n border-radius: 50%;\n\n &:hover {\n background-color: #fff;\n }\n\n i {\n margin: 0;\n }\n\n &[data-button='prev'] {\n i {\n transform: translate(-1px, 0);\n }\n }\n\n &[data-button='next'] {\n i {\n transform: translate(1px, 0);\n }\n }\n }\n"])),spacingS);var Slide=_styled.div.withConfig({displayName:"PhotoGallery__Slide",componentId:"sc-peu8jt-2"})(templateObject_3$t||(templateObject_3$t=__makeTemplateObject(["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"],["\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden;\n"])));_styled.div.withConfig({displayName:"PhotoGallery__SlideIndicator",componentId:"sc-peu8jt-3"})(templateObject_4$g||(templateObject_4$g=__makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"],["\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n margin-top: 10px;\n background-color: rgba(0, 0, 0, 0.7);\n color: #fff;\n border-radius: 15px;\n font-size: 12px;\n padding: 3px 6px;\n"])));var Figure$1=_styled.figure.withConfig({displayName:"PhotoGallery__Figure",componentId:"sc-peu8jt-4"})(templateObject_7$6$1||(templateObject_7$6$1=__makeTemplateObject(["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"],["\n && {\n width: 100%;\n ",";\n\n background-color: ",";\n\n @media (min-width: ","px) {\n ","\n }\n\n img {\n max-width: 100%;\n height: auto;\n position: absolute;\n max-height: 100%;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n }\n"])),function(p){return p.height?css$2(templateObject_5$d||(templateObject_5$d=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height-100):'height: 300px;';},function(p){return p.theme.palette.neutralLighter;},minScreenSize.medium,function(p){return p.height?css$2(templateObject_6$8$1||(templateObject_6$8$1=__makeTemplateObject(["\n height: ","px;\n "],["\n height: ","px;\n "])),p.height):'height: 400px;';});var Caption=_styled.span.withConfig({displayName:"PhotoGallery__Caption",componentId:"sc-peu8jt-5"})(templateObject_8$5$1||(templateObject_8$5$1=__makeTemplateObject(["\n padding-top: 5px;\n text-align: center;\n ","\n"],["\n padding-top: 5px;\n text-align: center;\n ","\n"])),LineClamp(2,fontSizeSmall,1.2));var ImageWrapper=_styled.div.withConfig({displayName:"PhotoGallery__ImageWrapper",componentId:"sc-peu8jt-6"})(templateObject_9$5$1||(templateObject_9$5$1=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n"])));_styled.a.withConfig({displayName:"PhotoGallery__ClickableImageWrapper",componentId:"sc-peu8jt-7"})(templateObject_10$4$1||(templateObject_10$4$1=__makeTemplateObject(["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"],["\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n text-decoration: none;\n"])));var templateObject_1$1l,templateObject_2$J,templateObject_3$t,templateObject_4$g,templateObject_5$d,templateObject_6$8$1,templateObject_7$6$1,templateObject_8$5$1,templateObject_9$5$1,templateObject_10$4$1;var DetailViewContext=/*#__PURE__*/createContext(null);function useDetailViewContext(){return useContext(DetailViewContext);}var InlineGallery=function InlineGallery(_a){var galleryDetails=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,isEditorPreview=_b.isEditorPreview;var user=useCurrentUser();var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;return jsx$1(PhotoGallerySlider,{gallery:galleryDetails,imageUrlResolver:getImageUrl,showFullScreenButton:true},void 0);function getImageUrl(imageId,width,height){if(!item.fileAccessToken){return null;}var imageWidth=width!==null&&width!==void 0?width:getMaxImageWidth();if(isEditorPreview){return getImageEditorUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,imageId,resourceType,imageWidth,height);}else {return getImageUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,resourceType,imageId,imageWidth,height);}}};var InlineGalleryMapper={component:InlineGallery,type:EntityType.Gallery,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var galleryId=node.getAttribute('data-gallery-id');if(galleryId==null){return null;}return {galleryId:galleryId,images:Array.from(node.querySelectorAll('img')).map(function(imageNode){var _a,_b,_c,_d;var imageTitle=(_d=(_b=(_a=imageNode.nextSibling)===null||_a===void 0?void 0:_a.textContent)!==null&&_b!==void 0?_b:// @ts-ignore
|
|
122313
122307
|
(_c=imageNode.nextSibling)===null||_c===void 0?void 0:_c.innerText)!==null&&_d!==void 0?_d:imageNode.getAttribute('data-image-title');return {imageId:imageNode.getAttribute('data-image-id'),imageTitle:imageTitle,width:imageNode.getAttribute('width'),height:imageNode.getAttribute('height')};}).filter(function(image){return image.imageId!==null;})};}};var InlineImage=function InlineImage(_a){var image=_a.blockProps;var _b=useDetailViewContext(),item=_b.item,resourceType=_b.resourceType,isEditorPreview=_b.isEditorPreview;var getImageUrlWithToken=useNewsApi().getImageUrlWithToken;var getImageEditorUrlWithToken=useImageEditorApi().getImageEditorUrlWithToken;var user=useCurrentUser();var imageWidth=getImageWidth(image);var imageUrl=getImageUrl();return jsx$1(Host$v,{children:jsxs(Figure,__assign({width:imageWidth,onClick:!isEditorPreview?function(){return showPhoto(getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,'default'));}:null},{children:[jsx$1("img",{src:imageUrl,alt:image.imageTitle||'',width:imageWidth},void 0),image.imageTitle&&jsx$1("figcaption",{children:image.imageTitle},void 0)]}),void 0)},void 0);function getImageUrl(){var _a;if(isEditorPreview){return getImageEditorUrlWithToken(item.fileAccessToken,item.id,user.subscription.id,image.imageId,resourceType,imageWidth);}else {return (_a=image.previewUrl)!==null&&_a!==void 0?_a:getImageUrlWithToken(item.fileAccessToken,item.id,null,resourceType,image.imageId,imageWidth);}}};var Host$v=_styled.div.withConfig({displayName:"InlineImage__Host",componentId:"sc-14k2cj1-0"})(templateObject_1$1k||(templateObject_1$1k=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var Figure=_styled.figure.withConfig({displayName:"InlineImage__Figure",componentId:"sc-14k2cj1-1"})(templateObject_2$I||(templateObject_2$I=__makeTemplateObject(["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"],["\n display: inline-block;\n max-width: 100%;\n img {\n max-width: 100%;\n }\n\n figcaption {\n text-align: center;\n width: ","px;\n max-width: 100%;\n }\n"])),function(p){return p.width;});var InlineImageMapper={component:InlineImage,type:EntityType.Image,getPropsFromHtml:function(nodeName,node){var _a,_b;if(nodeName!=='div'){return null;}var imageId=node.getAttribute('data-image-id');if(imageId==null){return null;}var imageTitle=(_b=(_a=node.querySelector('p[data-image-caption]'))===null||_a===void 0?void 0:_a.innerText)!==null&&_b!==void 0?_b:// use legacy attribute for old content
|
|
122314
|
-
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1k,templateObject_2$I;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxs(Host$u,{children:[jsx$1(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsx$1(PropertiesContainer,{children:jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsx$1("li",{children:jsx$1(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsx$1("li",{children:jsx$1(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((
|
|
122308
|
+
node.getAttribute('data-image-caption');return {imageId:imageId,imageTitle:imageTitle,width:getImageWidth(node.getAttribute('data-image-width')),height:node.getAttribute('data-image-height')};}};var templateObject_1$1k,templateObject_2$I;var InlineContactViewer=function InlineContactViewer(_a){var _b,_c,_d,_e,_f,_g,_h,_j,_k,_l,_m,_o,_p,_q,_r,_s,_t,_u,_v,_w,_x,_y;var contact=_a.contact;var user=useCurrentUser();var userInfo=usePromise$2(function(){return getContactInfo();},null,[contact])[0];var getUserInfo=useAccountApi().getUserInfo;var additionalPropertyKeys=['mail','company','mobilePhone','officePhone','address','additionalInfo'];var showMoreProperties=contact.properties&&Object.keys(contact.properties).filter(function(key){return additionalPropertyKeys.indexOf(key)>=0&&contact.properties[key].value!==null;}).length>0;return jsxs(Host$u,{children:[jsx$1(StyledAvatar$1,{upn:contact.upn,text:contact.properties.displayName.shouldAutoLoad&&userInfo?userInfo.displayName||contact.properties.displayName.value:contact.properties.displayName.value,secondaryText:((_b=contact.properties.department)===null||_b===void 0?void 0:_b.shouldAutoLoad)&&userInfo?((_c=userInfo.properties)===null||_c===void 0?void 0:_c.department)||((_d=contact.properties.department)===null||_d===void 0?void 0:_d.value):(_e=contact.properties.department)===null||_e===void 0?void 0:_e.value,tertiaryText:((_f=contact.properties.jobTitle)===null||_f===void 0?void 0:_f.shouldAutoLoad)&&userInfo?((_g=userInfo.properties)===null||_g===void 0?void 0:_g.jobTitle)||((_h=contact.properties.jobTitle)===null||_h===void 0?void 0:_h.value):(_j=contact.properties.jobTitle)===null||_j===void 0?void 0:_j.value},void 0),showMoreProperties&&jsx$1(PropertiesContainer,{children:jsxs("ul",{children:[((_k=contact.properties.company)===null||_k===void 0?void 0:_k.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"EMI",tooltipResourceKey:"Generic.company"},{children:contact.properties.company.shouldAutoLoad&&userInfo?((_l=userInfo.properties)===null||_l===void 0?void 0:_l.company)||contact.properties.company.value:contact.properties.company.value}),void 0)},void 0),((_m=contact.properties.mail)===null||_m===void 0?void 0:_m.value)&&jsx$1("li",{children:jsx$1(EmailProperty,{email:contact.properties.mail.shouldAutoLoad&&userInfo?userInfo.mail||contact.properties.mail.value:contact.properties.mail.value},void 0)},void 0),((_o=contact.properties.officePhone)===null||_o===void 0?void 0:_o.value)&&jsx$1("li",{children:jsx$1(OfficePhoneProperty,{value:contact.properties.officePhone.shouldAutoLoad&&userInfo?((_q=(_p=userInfo.properties)===null||_p===void 0?void 0:_p.businessPhones)===null||_q===void 0?void 0:_q[0])||contact.properties.officePhone.value:contact.properties.officePhone.value},void 0)},void 0),((_r=contact.properties.mobilePhone)===null||_r===void 0?void 0:_r.value)&&jsx$1("li",{children:jsx$1(MobilePhoneProperty,{value:contact.properties.mobilePhone.shouldAutoLoad&&userInfo?((_s=userInfo.properties)===null||_s===void 0?void 0:_s.mobilePhone)||contact.properties.mobilePhone.value:contact.properties.mobilePhone.value},void 0)},void 0),((_t=contact.properties.address)===null||_t===void 0?void 0:_t.value)&&jsx$1("li",{children:jsx$1(LocationProperty,{value:contact.properties.address.shouldAutoLoad&&userInfo?((_v=(_u=userInfo.properties)===null||_u===void 0?void 0:_u.officeLocation)!==null&&_v!==void 0?_v:(_w=userInfo.properties)===null||_w===void 0?void 0:_w.address)||contact.properties.address.value:contact.properties.address.value,tooltipResourceKey:"Generic.address"},void 0)},void 0),((_x=contact.properties.additionalInfo)===null||_x===void 0?void 0:_x.value)&&jsx$1("li",{children:jsx$1(UserPropertyWrapper,__assign({iconName:"ContactInfo",tooltipResourceKey:"Generic.additionalInfo"},{children:contact.properties.additionalInfo.shouldAutoLoad&&userInfo?((_y=userInfo.properties)===null||_y===void 0?void 0:_y.notes)||contact.properties.additionalInfo.value:contact.properties.additionalInfo.value}),void 0)},void 0)]},void 0)},void 0)]},void 0);function getContactInfo(){return __awaiter(this,void 0,void 0,function(){return __generator(this,function(_a){switch(_a.label){case 0:if(!contact.upn||user.isPublicUser){return [2/*return*/,null];}_a.label=1;case 1:_a.trys.push([1,3,,4]);return [4/*yield*/,getUserInfo(contact.upn)];case 2:return [2/*return*/,_a.sent()];case 3:_a.sent();// no exception is thrown because the backup values will be set from the contact
|
|
122315
122309
|
return [2/*return*/,null];case 4:return [2/*return*/];}});});}};var Host$u=_styled.div.withConfig({displayName:"InlineContactViewer__Host",componentId:"sc-1rvwltt-0"})(templateObject_1$1j||(templateObject_1$1j=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),spacingS+5);var PropertiesContainer=_styled.div.withConfig({displayName:"InlineContactViewer__PropertiesContainer",componentId:"sc-1rvwltt-1"})(templateObject_2$H||(templateObject_2$H=__makeTemplateObject(["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"],["\n margin: ","px;\n\n && {\n ul {\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: ","px;\n }\n }\n"])),spacingS,fontSizeSmall);var StyledAvatar$1=_styled(Avatar).withConfig({displayName:"InlineContactViewer__StyledAvatar",componentId:"sc-1rvwltt-2"})(templateObject_3$s||(templateObject_3$s=__makeTemplateObject(["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"],["\n && {\n .ms-Persona-tertiaryText,\n .ms-Persona-secondaryText {\n display: block;\n font-size: ","px;\n }\n }\n"])),fontSizeSmall);var templateObject_1$1j,templateObject_2$H,templateObject_3$s;var FileListHost=_styled.ul.withConfig({displayName:"InlineFileStyles__FileListHost",componentId:"sc-1qjkw11-0"})(templateObject_1$1i||(templateObject_1$1i=__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n"])));var FileListItem=_styled.li.withConfig({displayName:"InlineFileStyles__FileListItem",componentId:"sc-1qjkw11-1"})(templateObject_2$G||(templateObject_2$G=__makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"],["\n width: 100%;\n display: flex;\n align-items: center;\n\n // ensure higher specificity for overwriting the editor list styling\n &&& {\n margin-bottom: ","px;\n }\n\n @media (min-width: ","px) {\n width: calc(50% - ","px);\n\n audio {\n width: 100%;\n }\n }\n"])),spacingM,minScreenSize.small,spacingS-5);var FileContainerStyle=css$2(templateObject_3$r||(templateObject_3$r=__makeTemplateObject(["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"],["\n display: flex;\n align-items: center;\n min-width: 200px;\n padding: ","px ","px;\n box-sizing: border-box;\n border: 1px solid #95989a;\n border-radius: 2px;\n font-size: ","px;\n line-height: 1.5em;\n"])),spacingS,spacingS+5,fontSizeSmall);var FileIconStyle=css$2(templateObject_4$f$1||(templateObject_4$f$1=__makeTemplateObject(["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"],["\n margin: 0 ","px 0 0;\n font-size: ","px;\n"])),spacingS,fontSizeLarge-3);var templateObject_1$1i,templateObject_2$G,templateObject_3$r,templateObject_4$f$1;var InlineFileDownloadButton=function InlineFileDownloadButton(_a){var getFileUrl=_a.getFileUrl,fileName=_a.fileName,title=_a.title,fileAccessToken=_a.fileAccessToken,additionalContent=_a.additionalContent,className=_a.className;var _b=useFileAccessTokenApi(),exchangeShortLivedToken=_b.exchangeShortLivedToken,createDownloadClickHandler=_b.createDownloadClickHandler;var iconName=getFileIcon(fileName);if(!getFileUrl){return jsxs(FileHost,__assign({className:className,title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0);}return jsx$1(DownloadButton$3,__assign({className:className,onClick:createDownloadClickHandler('_blank',function(){return __awaiter(void 0,void 0,void 0,function(){var token;return __generator(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,exchangeShortLivedToken(fileAccessToken)];case 1:token=_a.sent();return [2/*return*/,getFileUrl(token)];}});});})},{children:jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[additionalContent,jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var FileHost=_styled.div.withConfig({displayName:"InlineFileDownloadButton__FileHost",componentId:"sc-1nadbt8-0"})(templateObject_1$1h||(templateObject_1$1h=__makeTemplateObject(["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"],["\n ","\n\n width: 100%;\n\n i {\n ","\n }\n\n span {\n display: block;\n max-width: calc(100% - 32px); // icon width\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n }\n"])),FileContainerStyle,FileIconStyle);var DownloadButton$3=_styled(DefaultButton).withConfig({displayName:"InlineFileDownloadButton__DownloadButton",componentId:"sc-1nadbt8-1"})(templateObject_2$F||(templateObject_2$F=__makeTemplateObject(["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"],["\n border: 0;\n padding: 0;\n width: 100%;\n height: auto; /* Fixes the top and bottom border for safari */\n\n color: ",";\n text-decoration: none;\n\n &:hover {\n color: ",";\n background-color: initial;\n }\n\n > span {\n height: auto; /* Fixes the top and bottom border for safari */\n }\n"])),function(p){return p.theme.palette.neutralPrimary;},function(p){return p.theme.palette.neutralPrimary;});var DownloadLink$1=_styled.a.withConfig({displayName:"InlineFileDownloadButton__DownloadLink",componentId:"sc-1nadbt8-2"})(templateObject_3$q||(templateObject_3$q=__makeTemplateObject(["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"],["\n display: flex;\n align-items: center;\n width: 100%;\n\n &&& {\n color: ",";\n text-decoration: none;\n }\n"])),function(p){return p.theme.palette.neutralPrimary;});var templateObject_1$1h,templateObject_2$F,templateObject_3$q;var InlinePageDocumentDownloadButton=function InlinePageDocumentDownloadButton(_a){var fileUrl=_a.fileUrl,fileName=_a.fileName,title=_a.title,fileIconName=_a.fileIconName,onClick=_a.onClick,className=_a.className;var iconName=fileIconName||getFileIcon(fileName);return jsx$1(DownloadLink$1,__assign({href:fileUrl,target:"_blank",rel:"noopener noreferrer",onClick:onClick,className:className},{children:jsxs(FileHost,__assign({title:title!==null&&title!==void 0?title:fileName},{children:[jsx$1(Icon,{iconName:iconName},void 0),jsx$1("span",{children:title!==null&&title!==void 0?title:fileName},void 0)]}),void 0)}),void 0);};var InlineQuoteViewer=function InlineQuoteViewer(_a){var _b,_c;var quoteDetails=_a.quoteDetails,onClick=_a.onClick,className=_a.className;var upn=(_b=quoteDetails.author)===null||_b===void 0?void 0:_b.userPrincipalName;var displayName=(_c=quoteDetails.author)===null||_c===void 0?void 0:_c.displayName;var showAvatar=upn&"eDetails.showAvatar;return jsxs(Host$t,__assign({onClick:onClick,"data-inline-quote":true,className:className},{children:[jsx$1("blockquote",{children:quoteDetails.text},void 0),showAvatar&&jsx$1("figcaption",{children:jsx$1(PersonaCard,__assign({upn:upn},{children:jsx$1(Avatar,{upn:upn,text:displayName,secondaryText:upn},void 0)}),void 0)},void 0),!showAvatar&&displayName&&jsx$1("figcaption",{children:displayName},void 0)]}),void 0);};var Host$t=_styled.figure.withConfig({displayName:"InlineQuoteViewer__Host",componentId:"sc-1kb6gh1-0"})(templateObject_1$1g||(templateObject_1$1g=__makeTemplateObject(["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px ","px ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0 0 ","px;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"],["\n && {\n display: inline-block;\n\n border-left: solid 4px ",";\n padding-left: ","px;\n width: calc(100% - ","px);\n box-sizing: border-box;\n margin: 0 ","px ","px ","px;\n\n blockquote {\n border-left: 0;\n margin: 0;\n }\n\n figcaption {\n text-align: right;\n margin-top: ","px;\n position: relative;\n font-size: ","px;\n }\n\n @media (max-width: ","px) {\n margin: 0 0 ","px;\n width: 100%;\n figcaption {\n margin-right: 10px;\n }\n }\n }\n"])),function(p){return p.theme.palette.accent;},spacingM,2*spacingXl,spacingXl,spacingS+spacingXs,spacingXl,spacingS,fontSizeSmall,maxScreenSize.medium,spacingS+spacingXxs+1);var templateObject_1$1g;var InlineQuote=function InlineQuote(_a){var quoteDetails=_a.blockProps;return jsx$1(InlineQuoteViewer,{quoteDetails:quoteDetails},void 0);};var InlineQuoteMapper={component:InlineQuote,type:EntityType.Quote,getPropsFromHtml:function(nodeName,node){var _a,_b,_c,_d,_e;if(nodeName!=='div'){return null;}var quoteId=node.getAttribute('data-quote-id');if(quoteId==null){return null;}var upn=node.getAttribute('data-quote-authorupn');var text=(_a=node.getAttribute('data-quote-text'))!==null&&_a!==void 0?_a:// use legacy attribute for old content
|
|
122316
122310
|
(_b=node.querySelector('blockquote'))===null||_b===void 0?void 0:_b.innerText;var displayName=(_e=(_c=node.getAttribute('data-quote-author'))!==null&&_c!==void 0?_c:(_d=node.querySelector('figcaption'))===null||_d===void 0?void 0:_d.innerText)!==null&&_e!==void 0?_e:// use legacy attribute for old content
|
|
122317
122311
|
node.getAttribute('data-quote-authorname');var showAvatar=node.getAttribute('data-quote-showavatar')==='true';var hasAuthor=upn||displayName;return {id:quoteId,text:text,author:hasAuthor?{userPrincipalName:upn,displayName:displayName}:null,showAvatar:showAvatar};},prepareRootNode:function(node){// detect if we a have new (draftJS) content. If not remove innerHTML
|
|
@@ -124701,8 +124695,10 @@ var HeroSlide = function HeroSlide(_a) {
|
|
|
124701
124695
|
itemResourceType = _a.itemResourceType,
|
|
124702
124696
|
baseRoute = _a.baseRoute,
|
|
124703
124697
|
icons = _a.icons,
|
|
124698
|
+
externalContentIcon = _a.externalContentIcon,
|
|
124704
124699
|
additionalMetadata = _a.additionalMetadata,
|
|
124705
|
-
|
|
124700
|
+
onTitleClick = _a.onTitleClick,
|
|
124701
|
+
onSlideClick = _a.onSlideClick,
|
|
124706
124702
|
onToggleVideo = _a.onToggleVideo,
|
|
124707
124703
|
width = _a.width,
|
|
124708
124704
|
height = _a.height;
|
|
@@ -124724,15 +124720,14 @@ var HeroSlide = function HeroSlide(_a) {
|
|
|
124724
124720
|
|
|
124725
124721
|
}, [item.id]);
|
|
124726
124722
|
var hasBanner = item.bannerInfo != null;
|
|
124727
|
-
var targetRoute = NewsService.getNewsRoute(baseRoute, item.id, title);
|
|
124728
|
-
var
|
|
124723
|
+
var targetRoute = NewsService.getNewsRoute(baseRoute, item.id, title, item.useExternalContent);
|
|
124724
|
+
var targetRouteWithRedirect = NewsService.getNewsRouteWithRedirect(baseRoute, item.id, title, item.useExternalContent);
|
|
124729
124725
|
var author = item.onBehalfOf || item.owner || item.author;
|
|
124730
124726
|
var showHeadline = features.contentHeadline && headline != null;
|
|
124731
124727
|
var hostWidth = typeof width === 'number' ? width + "px" : width;
|
|
124732
124728
|
var hostHeight = typeof height === 'number' ? height + "px" : height;
|
|
124733
124729
|
return jsxs(Host$8, __assign$g({
|
|
124734
124730
|
showBorder: !hasBanner,
|
|
124735
|
-
applyOverlay: hasImageBanner,
|
|
124736
124731
|
width: hostWidth,
|
|
124737
124732
|
height: hostHeight
|
|
124738
124733
|
}, {
|
|
@@ -124750,7 +124745,14 @@ var HeroSlide = function HeroSlide(_a) {
|
|
|
124750
124745
|
id: 'Generic.exitVideoPlayer'
|
|
124751
124746
|
})
|
|
124752
124747
|
}, void 0)
|
|
124753
|
-
}), void 0),
|
|
124748
|
+
}), void 0), !isPlayerActive && jsx$1(ClickableSlideOverlay, {
|
|
124749
|
+
applyBackgroundColor: hasBanner,
|
|
124750
|
+
href: targetRoute,
|
|
124751
|
+
target: "_blank",
|
|
124752
|
+
rel: "noopener noreferrer",
|
|
124753
|
+
onClick: onSlideClick,
|
|
124754
|
+
"data-clickable-overlay": true
|
|
124755
|
+
}, void 0), jsxs(Content, __assign$g({
|
|
124754
124756
|
applyBackgroundColor: !hasBanner
|
|
124755
124757
|
}, {
|
|
124756
124758
|
children: [hasBanner && jsx$1(BannerWrapper, {
|
|
@@ -124773,18 +124775,24 @@ var HeroSlide = function HeroSlide(_a) {
|
|
|
124773
124775
|
color: hasBanner ? palette.white : null
|
|
124774
124776
|
}, {
|
|
124775
124777
|
children: headline
|
|
124776
|
-
}), void 0),
|
|
124778
|
+
}), void 0), jsxs(Title$1, __assign$g({
|
|
124777
124779
|
color: hasBanner ? palette.white : null,
|
|
124778
|
-
|
|
124780
|
+
href: targetRouteWithRedirect,
|
|
124781
|
+
target: "_blank",
|
|
124782
|
+
rel: "noopener noreferrer",
|
|
124783
|
+
onClick: onTitleClick
|
|
124779
124784
|
}, {
|
|
124780
|
-
children: jsx$1("
|
|
124781
|
-
href: targetRoute,
|
|
124782
|
-
target: "_blank",
|
|
124783
|
-
rel: "noopener noreferrer",
|
|
124784
|
-
onClick: onClick
|
|
124785
|
-
}, {
|
|
124785
|
+
children: [jsx$1("span", {
|
|
124786
124786
|
children: title
|
|
124787
|
-
}
|
|
124787
|
+
}, void 0), externalContentIcon && jsx$1(Tooltip, __assign$g({
|
|
124788
|
+
text: externalContentIcon.tooltipText
|
|
124789
|
+
}, {
|
|
124790
|
+
children: jsx$1(StyledExternalIcon, {
|
|
124791
|
+
iconName: externalContentIcon.name,
|
|
124792
|
+
color: externalContentIcon.color,
|
|
124793
|
+
backgroundColor: externalContentIcon.backgroundColor
|
|
124794
|
+
}, void 0)
|
|
124795
|
+
}), void 0)]
|
|
124788
124796
|
}), void 0)]
|
|
124789
124797
|
}, void 0), icons && jsx$1(Icons, {
|
|
124790
124798
|
children: icons.map(function (icon) {
|
|
@@ -124845,39 +124853,37 @@ var HeroSlide = function HeroSlide(_a) {
|
|
|
124845
124853
|
var Host$8 = _styled.div.withConfig({
|
|
124846
124854
|
displayName: "HeroSlide__Host",
|
|
124847
124855
|
componentId: "sc-3yofth-0"
|
|
124848
|
-
})(
|
|
124856
|
+
})(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n position: relative;\n\n ", "\n\n ", "\n\n ", "\n"])), function (p) {
|
|
124849
124857
|
return p.width ? css$2(templateObject_1$k || (templateObject_1$k = __makeTemplateObject$l(["\n width: ", ";\n "], ["\n width: ", ";\n "])), p.width) : css$2(templateObject_2$b || (templateObject_2$b = __makeTemplateObject$l(["\n width: 100%;\n "], ["\n width: 100%;\n "])));
|
|
124850
124858
|
}, function (p) {
|
|
124851
124859
|
return p.height ? css$2(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject$l(["\n height: ", ";\n "], ["\n height: ", ";\n "])), p.height) : css$2(templateObject_4$7 || (templateObject_4$7 = __makeTemplateObject$l(["\n height: 100%;\n "], ["\n height: 100%;\n "])));
|
|
124852
124860
|
}, function (p) {
|
|
124853
124861
|
return p.showBorder && css$2(templateObject_5$5 || (templateObject_5$5 = __makeTemplateObject$l(["\n border: 1px solid ", ";\n box-sizing: border-box;\n "], ["\n border: 1px solid ", ";\n box-sizing: border-box;\n "])), p.theme.palette.neutralTertiaryAlt);
|
|
124854
|
-
}, function (p) {
|
|
124855
|
-
return p.applyOverlay && css$2(templateObject_6$5 || (templateObject_6$5 = __makeTemplateObject$l(["\n background-color: rgba(0, 0, 0, 0.33);\n\n .bannerImage {\n z-index: -1;\n }\n "], ["\n background-color: rgba(0, 0, 0, 0.33);\n\n .bannerImage {\n z-index: -1;\n }\n "])));
|
|
124856
124862
|
});
|
|
124857
124863
|
|
|
124858
124864
|
var Content = _styled.div.withConfig({
|
|
124859
124865
|
displayName: "HeroSlide__Content",
|
|
124860
124866
|
componentId: "sc-3yofth-1"
|
|
124861
|
-
})(
|
|
124867
|
+
})(templateObject_7$3 || (templateObject_7$3 = __makeTemplateObject$l(["\n position: relative;\n height: 100%;\n width: 100%;\n ", ";\n"], ["\n position: relative;\n height: 100%;\n width: 100%;\n ", ";\n"])), function (p) {
|
|
124862
124868
|
return p.applyBackgroundColor && "background-color: " + p.theme.palette.white;
|
|
124863
124869
|
});
|
|
124864
124870
|
|
|
124865
124871
|
var Inner$1 = _styled.div.withConfig({
|
|
124866
124872
|
displayName: "HeroSlide__Inner",
|
|
124867
124873
|
componentId: "sc-3yofth-2"
|
|
124868
|
-
})(
|
|
124874
|
+
})(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject$l(["\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n box-sizing: border-box;\n padding: ", "px ", "px 80px ", "px;\n"], ["\n display: flex;\n height: 100%;\n width: 100%;\n flex-direction: column;\n box-sizing: border-box;\n padding: ", "px ", "px 80px ", "px;\n"])), spacingL, spacingL, spacingL);
|
|
124869
124875
|
|
|
124870
124876
|
var CloseButtonHost = _styled(Tooltip).withConfig({
|
|
124871
124877
|
displayName: "HeroSlide__CloseButtonHost",
|
|
124872
124878
|
componentId: "sc-3yofth-3"
|
|
124873
|
-
})(
|
|
124879
|
+
})(templateObject_9$1 || (templateObject_9$1 = __makeTemplateObject$l(["\n position: absolute;\n top: ", "px;\n right: ", "px;\n z-index: 2;\n"], ["\n position: absolute;\n top: ", "px;\n right: ", "px;\n z-index: 2;\n"])), spacingS, spacingS);
|
|
124874
124880
|
|
|
124875
124881
|
var CloseButtonSize = 20;
|
|
124876
124882
|
|
|
124877
124883
|
var CloseButton = _styled(IconButton$1).withConfig({
|
|
124878
124884
|
displayName: "HeroSlide__CloseButton",
|
|
124879
124885
|
componentId: "sc-3yofth-4"
|
|
124880
|
-
})(
|
|
124886
|
+
})(templateObject_10 || (templateObject_10 = __makeTemplateObject$l(["\n && {\n height: ", "px;\n width: ", "px;\n color: ", ";\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n\n i {\n font-size: ", "px;\n }\n }\n"], ["\n && {\n height: ", "px;\n width: ", "px;\n color: ", ";\n padding: 0;\n\n &:hover {\n color: ", ";\n }\n\n i {\n font-size: ", "px;\n }\n }\n"])), CloseButtonSize, CloseButtonSize, function (p) {
|
|
124881
124887
|
return p.theme.palette.white;
|
|
124882
124888
|
}, function (p) {
|
|
124883
124889
|
return p.theme.palette.white;
|
|
@@ -124886,102 +124892,114 @@ var CloseButton = _styled(IconButton$1).withConfig({
|
|
|
124886
124892
|
var BannerWrapper = _styled.div.withConfig({
|
|
124887
124893
|
displayName: "HeroSlide__BannerWrapper",
|
|
124888
124894
|
componentId: "sc-3yofth-5"
|
|
124889
|
-
})(
|
|
124895
|
+
})(templateObject_11 || (templateObject_11 = __makeTemplateObject$l(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &&& button {\n width: 58px;\n height: 58px;\n background-color: transparent;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n i {\n position: static;\n transform: none;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n\n &:focus {\n &::after {\n border-radius: 50%;\n outline-offset: 2px;\n }\n }\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n &&& button {\n width: 58px;\n height: 58px;\n background-color: transparent;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n\n i {\n position: static;\n transform: none;\n }\n\n &:hover {\n background-color: transparent !important;\n }\n\n &:focus {\n &::after {\n border-radius: 50%;\n outline-offset: 2px;\n }\n }\n }\n"])));
|
|
124890
124896
|
|
|
124891
124897
|
var Banner = _styled(PublishableItemBanner).withConfig({
|
|
124892
124898
|
displayName: "HeroSlide__Banner",
|
|
124893
124899
|
componentId: "sc-3yofth-6"
|
|
124894
|
-
})(
|
|
124900
|
+
})(templateObject_12 || (templateObject_12 = __makeTemplateObject$l(["\n width: 100%;\n\n &&.video-view-container {\n background-color: ", "; // in case video control does not fill the entire space\n }\n\n &&.video-view-container > iframe {\n top: ", "px; // safety space\n left: ", "px;\n height: calc(100% - ", "px);\n width: calc(100% - ", "px);\n }\n"], ["\n width: 100%;\n\n &&.video-view-container {\n background-color: ", "; // in case video control does not fill the entire space\n }\n\n &&.video-view-container > iframe {\n top: ", "px; // safety space\n left: ", "px;\n height: calc(100% - ", "px);\n width: calc(100% - ", "px);\n }\n"])), function (p) {
|
|
124895
124901
|
return p.theme.palette.black;
|
|
124896
124902
|
}, spacingS, CloseButtonSize, spacingS * 2, CloseButtonSize * 2);
|
|
124897
124903
|
|
|
124898
124904
|
var Header = _styled.div.withConfig({
|
|
124899
124905
|
displayName: "HeroSlide__Header",
|
|
124900
124906
|
componentId: "sc-3yofth-7"
|
|
124901
|
-
})(
|
|
124907
|
+
})(templateObject_13 || (templateObject_13 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n z-index: 1;\n"], ["\n display: flex;\n align-items: center;\n z-index: 1;\n"])));
|
|
124902
124908
|
|
|
124903
124909
|
var TitleWrapper = _styled.div.withConfig({
|
|
124904
124910
|
displayName: "HeroSlide__TitleWrapper",
|
|
124905
124911
|
componentId: "sc-3yofth-8"
|
|
124906
|
-
})(
|
|
124912
|
+
})(templateObject_14 || (templateObject_14 = __makeTemplateObject$l(["\n max-width: calc(100% - 110px);\n"], ["\n max-width: calc(100% - 110px);\n"])));
|
|
124907
124913
|
|
|
124908
124914
|
var Icons = _styled.div.withConfig({
|
|
124909
124915
|
displayName: "HeroSlide__Icons",
|
|
124910
124916
|
componentId: "sc-3yofth-9"
|
|
124911
|
-
})(
|
|
124917
|
+
})(templateObject_15 || (templateObject_15 = __makeTemplateObject$l(["\n display: flex;\n align-self: flex-start;\n margin-left: auto;\n z-index: 1;\n"], ["\n display: flex;\n align-self: flex-start;\n margin-left: auto;\n z-index: 1;\n"])));
|
|
124912
124918
|
|
|
124913
|
-
var IconStyle = css$2(
|
|
124919
|
+
var IconStyle = css$2(templateObject_16 || (templateObject_16 = __makeTemplateObject$l(["\n font-size: ", "px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: ", "px;\n"], ["\n font-size: ", "px;\n width: 48px;\n height: 48px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: ", "px;\n"])), fontSizeLarge, spacingXs);
|
|
124914
124920
|
|
|
124915
124921
|
var ColorStyle = function ColorStyle(backgroundColor, color) {
|
|
124916
|
-
return css$2(
|
|
124917
|
-
return backgroundColor && css$2(
|
|
124922
|
+
return css$2(templateObject_20 || (templateObject_20 = __makeTemplateObject$l(["\n ", "\n\n ", "\n"], ["\n ", "\n\n ", "\n"])), function () {
|
|
124923
|
+
return backgroundColor && css$2(templateObject_17 || (templateObject_17 = __makeTemplateObject$l(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), backgroundColor);
|
|
124918
124924
|
}, function (p) {
|
|
124919
|
-
return color ? css$2(
|
|
124925
|
+
return color ? css$2(templateObject_18 || (templateObject_18 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), color) : css$2(templateObject_19 || (templateObject_19 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124920
124926
|
});
|
|
124921
124927
|
};
|
|
124922
124928
|
|
|
124923
124929
|
var StyledIcon = _styled(Icon).withConfig({
|
|
124924
124930
|
displayName: "HeroSlide__StyledIcon",
|
|
124925
124931
|
componentId: "sc-3yofth-10"
|
|
124926
|
-
})(
|
|
124932
|
+
})(templateObject_21 || (templateObject_21 = __makeTemplateObject$l(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), IconStyle, function (p) {
|
|
124933
|
+
return ColorStyle(p.backgroundColor, p.color);
|
|
124934
|
+
});
|
|
124935
|
+
|
|
124936
|
+
var StyledExternalIcon = _styled(Icon).withConfig({
|
|
124937
|
+
displayName: "HeroSlide__StyledExternalIcon",
|
|
124938
|
+
componentId: "sc-3yofth-11"
|
|
124939
|
+
})(templateObject_22 || (templateObject_22 = __makeTemplateObject$l(["\n font-size: ", "px;\n align-self: flex-start;\n margin-left: ", "px;\n ", "\n"], ["\n font-size: ", "px;\n align-self: flex-start;\n margin-left: ", "px;\n ", "\n"])), fontSizeLarge, spacingXs, function (p) {
|
|
124927
124940
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124928
124941
|
});
|
|
124929
124942
|
|
|
124930
124943
|
var StyledIconButton = _styled(IconButton$1).withConfig({
|
|
124931
124944
|
displayName: "HeroSlide__StyledIconButton",
|
|
124932
|
-
componentId: "sc-3yofth-
|
|
124945
|
+
componentId: "sc-3yofth-12"
|
|
124933
124946
|
})(templateObject_23 || (templateObject_23 = __makeTemplateObject$l(["\n i {\n ", "\n }\n\n ", "\n & :hover {\n ", "\n }\n"], ["\n i {\n ", "\n }\n\n ", "\n & :hover {\n ", "\n }\n"])), IconStyle, function (p) {
|
|
124934
124947
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124935
124948
|
}, function (p) {
|
|
124936
124949
|
return ColorStyle(p.backgroundColor, p.color);
|
|
124937
124950
|
});
|
|
124938
124951
|
|
|
124952
|
+
var ClickableSlideOverlay = _styled.a.withConfig({
|
|
124953
|
+
displayName: "HeroSlide__ClickableSlideOverlay",
|
|
124954
|
+
componentId: "sc-3yofth-13"
|
|
124955
|
+
})(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n\n ", "\n }\n\n &:focus {\n &:before {\n outline-offset: -4px !important;\n }\n }\n"], ["\n width: 0;\n height: 0;\n\n &::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n z-index: 1;\n\n ", "\n }\n\n &:focus {\n &:before {\n outline-offset: -4px !important;\n }\n }\n"])), function (p) {
|
|
124956
|
+
return p.applyBackgroundColor && css$2(templateObject_24 || (templateObject_24 = __makeTemplateObject$l(["\n background-color: rgba(0, 0, 0, 0.33);\n "], ["\n background-color: rgba(0, 0, 0, 0.33);\n "])));
|
|
124957
|
+
});
|
|
124958
|
+
|
|
124939
124959
|
var Headline = _styled.div.withConfig({
|
|
124940
124960
|
displayName: "HeroSlide__Headline",
|
|
124941
|
-
componentId: "sc-3yofth-
|
|
124942
|
-
})(
|
|
124961
|
+
componentId: "sc-3yofth-14"
|
|
124962
|
+
})(templateObject_26 || (templateObject_26 = __makeTemplateObject$l(["\n font-size: ", "px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n"], ["\n font-size: ", "px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: ", ";\n"])), fontSizeMedium, function (p) {
|
|
124943
124963
|
return p.color || p.theme.textColors.default;
|
|
124944
124964
|
});
|
|
124945
124965
|
|
|
124946
|
-
var Title$1 = _styled.
|
|
124966
|
+
var Title$1 = _styled.a.withConfig({
|
|
124947
124967
|
displayName: "HeroSlide__Title",
|
|
124948
|
-
componentId: "sc-3yofth-
|
|
124949
|
-
})(
|
|
124968
|
+
componentId: "sc-3yofth-15"
|
|
124969
|
+
})(templateObject_27 || (templateObject_27 = __makeTemplateObject$l(["\n display: inline-flex;\n margin: 0 auto 0 0;\n font-weight: normal;\n\n & {\n :link,\n :visited {\n color: ", ";\n text-decoration: none;\n }\n }\n\n span {\n ", "\n }\n"], ["\n display: inline-flex;\n margin: 0 auto 0 0;\n font-weight: normal;\n\n & {\n :link,\n :visited {\n color: ", ";\n text-decoration: none;\n }\n }\n\n span {\n ", "\n }\n"])), function (p) {
|
|
124950
124970
|
return p.color || p.theme.textColors.default;
|
|
124951
|
-
}, LineClamp(2, fontSizeLarge, 1.2)
|
|
124952
|
-
return p.applyClickableOverlay && css$2(templateObject_25 || (templateObject_25 = __makeTemplateObject$l(["\n a::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n "], ["\n a::before {\n content: '';\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n }\n "])));
|
|
124953
|
-
});
|
|
124971
|
+
}, LineClamp(2, fontSizeLarge, 1.2));
|
|
124954
124972
|
|
|
124955
124973
|
var MetadataHost = _styled.div.withConfig({
|
|
124956
124974
|
displayName: "HeroSlide__MetadataHost",
|
|
124957
|
-
componentId: "sc-3yofth-
|
|
124958
|
-
})(
|
|
124975
|
+
componentId: "sc-3yofth-16"
|
|
124976
|
+
})(templateObject_28 || (templateObject_28 = __makeTemplateObject$l(["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-top: auto;\n z-index: 1;\n"], ["\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n margin-top: auto;\n z-index: 1;\n"])));
|
|
124959
124977
|
|
|
124960
124978
|
var Metadata = _styled.div.withConfig({
|
|
124961
124979
|
displayName: "HeroSlide__Metadata",
|
|
124962
|
-
componentId: "sc-3yofth-
|
|
124963
|
-
})(
|
|
124980
|
+
componentId: "sc-3yofth-17"
|
|
124981
|
+
})(templateObject_29 || (templateObject_29 = __makeTemplateObject$l(["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"], ["\n display: flex;\n flex-direction: column;\n margin-left: ", "px;\n"])), spacingS);
|
|
124964
124982
|
|
|
124965
124983
|
var AdditionalMetadata = _styled.div.withConfig({
|
|
124966
124984
|
displayName: "HeroSlide__AdditionalMetadata",
|
|
124967
|
-
componentId: "sc-3yofth-
|
|
124968
|
-
})(
|
|
124985
|
+
componentId: "sc-3yofth-18"
|
|
124986
|
+
})(templateObject_30 || (templateObject_30 = __makeTemplateObject$l(["\n flex: 1;\n padding: ", "px 0;\n max-width: 100%;\n font-size: ", "px;\n"], ["\n flex: 1;\n padding: ", "px 0;\n max-width: 100%;\n font-size: ", "px;\n"])), spacingXs, fontSizeSmall);
|
|
124969
124987
|
|
|
124970
124988
|
var AuthorName = _styled(PersonaCard).withConfig({
|
|
124971
124989
|
displayName: "HeroSlide__AuthorName",
|
|
124972
|
-
componentId: "sc-3yofth-
|
|
124973
|
-
})(
|
|
124974
|
-
return p.color ? css$2(
|
|
124990
|
+
componentId: "sc-3yofth-19"
|
|
124991
|
+
})(templateObject_33 || (templateObject_33 = __makeTemplateObject$l(["\n ", "\n"], ["\n ", "\n"])), function (p) {
|
|
124992
|
+
return p.color ? css$2(templateObject_31 || (templateObject_31 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : css$2(templateObject_32 || (templateObject_32 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124975
124993
|
});
|
|
124976
124994
|
|
|
124977
124995
|
var StyledDateTime = _styled(DateTime).withConfig({
|
|
124978
124996
|
displayName: "HeroSlide__StyledDateTime",
|
|
124979
|
-
componentId: "sc-3yofth-
|
|
124980
|
-
})(
|
|
124981
|
-
return p.color ? css$2(
|
|
124997
|
+
componentId: "sc-3yofth-20"
|
|
124998
|
+
})(templateObject_36 || (templateObject_36 = __makeTemplateObject$l(["\n font-size: ", "px;\n margin-top: ", "px;\n ", "\n"], ["\n font-size: ", "px;\n margin-top: ", "px;\n ", "\n"])), fontSizeSmaller, spacingXs, function (p) {
|
|
124999
|
+
return p.color ? css$2(templateObject_34 || (templateObject_34 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.color) : css$2(templateObject_35 || (templateObject_35 = __makeTemplateObject$l(["\n color: ", ";\n "], ["\n color: ", ";\n "])), p.theme.textColors.default);
|
|
124982
125000
|
});
|
|
124983
125001
|
|
|
124984
|
-
var templateObject_1$k, templateObject_2$b, templateObject_3$7, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35;
|
|
125002
|
+
var templateObject_1$k, templateObject_2$b, templateObject_3$7, templateObject_4$7, templateObject_5$5, templateObject_6$5, templateObject_7$3, templateObject_8$1, templateObject_9$1, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36;
|
|
124985
125003
|
|
|
124986
125004
|
var HeroPaging = function HeroPaging(_a) {
|
|
124987
125005
|
var items = _a.items,
|
|
@@ -125178,10 +125196,12 @@ var Hero = function Hero(_a) {
|
|
|
125178
125196
|
return jsx$1(HeroSlide, {
|
|
125179
125197
|
item: i.item,
|
|
125180
125198
|
icons: i.icons,
|
|
125199
|
+
externalContentIcon: i.externalContentIcon,
|
|
125181
125200
|
itemResourceType: itemResourceType,
|
|
125182
125201
|
baseRoute: baseRoute,
|
|
125183
125202
|
additionalMetadata: i.additionalMetadata,
|
|
125184
|
-
|
|
125203
|
+
onSlideClick: i.onSlideClick,
|
|
125204
|
+
onTitleClick: i.onTitleClick,
|
|
125185
125205
|
onToggleVideo: function (isPlayerActive) {
|
|
125186
125206
|
return setForceDisableAutoplay(isPlayerActive);
|
|
125187
125207
|
},
|
|
@@ -125285,6 +125305,7 @@ var NewsHero = function NewsHero(_a) {
|
|
|
125285
125305
|
function getHeroItems() {
|
|
125286
125306
|
var heroItems = items.map(function (item) {
|
|
125287
125307
|
var icons = [];
|
|
125308
|
+
var externalContentIcon;
|
|
125288
125309
|
|
|
125289
125310
|
if (hasFlag(item.knownState, KnownNewsState.Alert)) {
|
|
125290
125311
|
icons = __spreadArray$8(__spreadArray$8([], icons), [{
|
|
@@ -125312,18 +125333,15 @@ var NewsHero = function NewsHero(_a) {
|
|
|
125312
125333
|
var externalContentUrl = getExternalContentUrl(item, userLanguage);
|
|
125313
125334
|
|
|
125314
125335
|
if (externalContentUrl) {
|
|
125315
|
-
|
|
125336
|
+
externalContentIcon = {
|
|
125316
125337
|
name: 'NavigateExternalInline',
|
|
125317
125338
|
color: item.bannerInfo ? palette.white : textColors.default,
|
|
125318
125339
|
tooltipText: formatMessage({
|
|
125319
125340
|
id: 'ExternalLinkButton.news.navigateTo'
|
|
125320
125341
|
}, {
|
|
125321
125342
|
url: externalContentUrl
|
|
125322
|
-
})
|
|
125323
|
-
|
|
125324
|
-
return handleItemClick(e, item, true, onItemClick, true);
|
|
125325
|
-
}
|
|
125326
|
-
}]);
|
|
125343
|
+
})
|
|
125344
|
+
};
|
|
125327
125345
|
}
|
|
125328
125346
|
}
|
|
125329
125347
|
|
|
@@ -125341,8 +125359,16 @@ var NewsHero = function NewsHero(_a) {
|
|
|
125341
125359
|
},
|
|
125342
125360
|
visibleChannelsCount: width && typeof width === 'number' ? width < 550 ? 1 : width < 768 ? 2 : 3 : 3
|
|
125343
125361
|
}, void 0),
|
|
125344
|
-
|
|
125345
|
-
|
|
125362
|
+
externalContentIcon: externalContentIcon,
|
|
125363
|
+
onTitleClick: function (e) {
|
|
125364
|
+
return handleItemClick(e, item, true, onItemClick ? function (item, itemUrl) {
|
|
125365
|
+
return onItemClick(item, itemUrl, true);
|
|
125366
|
+
} : null, true);
|
|
125367
|
+
},
|
|
125368
|
+
onSlideClick: function (e) {
|
|
125369
|
+
return handleItemClick(e, item, false, onItemClick ? function (item) {
|
|
125370
|
+
return onItemClick(item);
|
|
125371
|
+
} : null, true);
|
|
125346
125372
|
}
|
|
125347
125373
|
};
|
|
125348
125374
|
});
|
|
@@ -126462,8 +126488,8 @@ var ToolbarFilterPanel = function ToolbarFilterPanel(_a) {
|
|
|
126462
126488
|
var scrollTimeout;
|
|
126463
126489
|
|
|
126464
126490
|
var scrollListener = function scrollListener() {
|
|
126465
|
-
clearTimeout(scrollTimeout);
|
|
126466
|
-
scrollTimeout = setTimeout(function () {
|
|
126491
|
+
window.clearTimeout(scrollTimeout);
|
|
126492
|
+
scrollTimeout = window.setTimeout(function () {
|
|
126467
126493
|
setScrollButtonDisabledState();
|
|
126468
126494
|
}, 100);
|
|
126469
126495
|
};
|