@livetiles/reach-components-react 0.3.113 → 0.3.120
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/de.async.esm.esm.js +8 -5
- package/en.async.esm.esm.js +3 -0
- package/es.async.esm.esm.js +3 -0
- package/fr.async.esm.esm.js +3 -0
- package/index.esm2.js +23 -23
- package/index.umd.js +55 -28
- package/it.async.esm.esm.js +3 -0
- package/ja.async.esm.esm.js +3 -0
- package/package.json +1 -1
- package/tr.async.esm.esm.js +3 -0
- package/zh-CN.async.esm.esm.js +3 -0
- package/zh-TW.async.esm.esm.js +3 -0
package/index.esm2.js
CHANGED
|
@@ -77334,7 +77334,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
77334
77334
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
77335
77335
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
77336
77336
|
PERFORMANCE OF THIS SOFTWARE.
|
|
77337
|
-
***************************************************************************** */var __assign$1=function(){__assign$1=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign$1.apply(this,arguments);};function __rest$1(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter$1(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator$1(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}}function __spreadArray$1(to,from){for(var i=0,il=from.length,j=to.length;i<il;i++,j++)to[j]=from[i];return to;}function __makeTemplateObject$1(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else {cooked.raw=raw;}return cooked;}var Dialog=function Dialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$1,{},void 0),jsx$1(Dialog$1,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames(reachClassNames,'lt-reach-dialog',{'lt-reach-dialog-mobile':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$1=createGlobalStyle(templateObject_1$
|
|
77337
|
+
***************************************************************************** */var __assign$1=function(){__assign$1=Object.assign||function __assign(t){for(var s,i=1,n=arguments.length;i<n;i++){s=arguments[i];for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))t[p]=s[p];}return t;};return __assign$1.apply(this,arguments);};function __rest$1(s,e){var t={};for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p)&&e.indexOf(p)<0)t[p]=s[p];if(s!=null&&typeof Object.getOwnPropertySymbols==="function")for(var i=0,p=Object.getOwnPropertySymbols(s);i<p.length;i++){if(e.indexOf(p[i])<0&&Object.prototype.propertyIsEnumerable.call(s,p[i]))t[p[i]]=s[p[i]];}return t;}function __awaiter$1(thisArg,_arguments,P,generator){function adopt(value){return value instanceof P?value:new P(function(resolve){resolve(value);});}return new(P||(P=Promise))(function(resolve,reject){function fulfilled(value){try{step(generator.next(value));}catch(e){reject(e);}}function rejected(value){try{step(generator["throw"](value));}catch(e){reject(e);}}function step(result){result.done?resolve(result.value):adopt(result.value).then(fulfilled,rejected);}step((generator=generator.apply(thisArg,_arguments||[])).next());});}function __generator$1(thisArg,body){var _={label:0,sent:function(){if(t[0]&1)throw t[1];return t[1];},trys:[],ops:[]},f,y,t,g;return g={next:verb(0),"throw":verb(1),"return":verb(2)},typeof Symbol==="function"&&(g[Symbol.iterator]=function(){return this;}),g;function verb(n){return function(v){return step([n,v]);};}function step(op){if(f)throw new TypeError("Generator is already executing.");while(_)try{if(f=1,y&&(t=op[0]&2?y["return"]:op[0]?y["throw"]||((t=y["return"])&&t.call(y),0):y.next)&&!(t=t.call(y,op[1])).done)return t;if(y=0,t)op=[op[0]&2,t.value];switch(op[0]){case 0:case 1:t=op;break;case 4:_.label++;return {value:op[1],done:false};case 5:_.label++;y=op[1];op=[0];continue;case 7:op=_.ops.pop();_.trys.pop();continue;default:if(!(t=_.trys,t=t.length>0&&t[t.length-1])&&(op[0]===6||op[0]===2)){_=0;continue;}if(op[0]===3&&(!t||op[1]>t[0]&&op[1]<t[3])){_.label=op[1];break;}if(op[0]===6&&_.label<t[1]){_.label=t[1];t=op;break;}if(t&&_.label<t[2]){_.label=t[2];_.ops.push(op);break;}if(t[2])_.ops.pop();_.trys.pop();continue;}op=body.call(thisArg,_);}catch(e){op=[6,e];y=0;}finally{f=t=0;}if(op[0]&5)throw op[1];return {value:op[0]?op[1]:void 0,done:true};}}function __spreadArray$1(to,from){for(var i=0,il=from.length,j=to.length;i<il;i++,j++)to[j]=from[i];return to;}function __makeTemplateObject$1(cooked,raw){if(Object.defineProperty){Object.defineProperty(cooked,"raw",{value:raw});}else {cooked.raw=raw;}return cooked;}var Dialog=function Dialog(_a){var _b;var children=_a.children,props=__rest$1(_a,["children"]);return jsxs(Fragment,{children:[jsx$1(Styles$1,{},void 0),jsx$1(Dialog$1,__assign$1({},props,{modalProps:__assign$1(__assign$1({},props.modalProps||{}),{className:classNames(reachClassNames,'lt-reach-dialog',{'lt-reach-dialog-mobile':env.isAnyMobileApp},(_b=props.modalProps)===null||_b===void 0?void 0:_b.className)})},{children:children}),void 0)]},void 0);};var Styles$1=createGlobalStyle(templateObject_1$1k$1||(templateObject_1$1k$1=__makeTemplateObject$1(["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\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 max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"],["\n /**\n Mobile overrides\n */\n .lt-reach-dialog-mobile {\n .ms-Dialog-main {\n .ms-Modal-scrollableContent {\n max-height: calc(100vh - 32px);\n overflow-y: auto;\n }\n\n .dialog-content-host {\n min-height: 0;\n height: auto;\n }\n }\n }\n\n .browser-name-ios-webview.lt-reach-dialog-mobile {\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 max-height: calc(100vh - 32px - env(safe-area-inset-top) - 8px);\n }\n }\n }\n"])));var templateObject_1$1k$1;var commonjsGlobal$1=typeof globalThis!=='undefined'?globalThis:typeof window!=='undefined'?window:typeof global!=='undefined'?global:typeof self!=='undefined'?self:{};var check$1=function(it){return it&&it.Math==Math&⁢};// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
|
|
77338
77338
|
var global$j$1=// eslint-disable-next-line no-undef
|
|
77339
77339
|
check$1(typeof globalThis=='object'&&globalThis)||check$1(typeof window=='object'&&window)||check$1(typeof self=='object'&&self)||check$1(typeof commonjsGlobal$1=='object'&&commonjsGlobal$1)||// eslint-disable-next-line no-new-func
|
|
77340
77340
|
Function('return this')();var objectGetOwnPropertyDescriptor$1={};var fails$h$1=function(exec){try{return !!exec();}catch(error){return true;}};var fails$g$1=fails$h$1;// Thank's IE8 for his funny defineProperty
|
|
@@ -77483,9 +77483,9 @@ 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$1h$1||(templateObject_1$1h$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$1h$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$1g$1||(templateObject_1$1g$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$1g$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$1f$1||(templateObject_1$1f$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$1f$1,templateObject_2$N$1;var IconButton=_styled(IconButton$1).withConfig({displayName:"IconButton",componentId:"sc-1mokw5y-0"})(templateObject_1$1e$1||(templateObject_1$1e$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$1e$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$1d$1||(templateObject_1$1d$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$1d$1,templateObject_2$M$1,templateObject_3$x$1;var LinkStyle$1=css$2(templateObject_1$1c$1||(templateObject_1$1c$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$1c$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$1b$1||(templateObject_1$1b$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$1b$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$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.
|
|
77487
77487
|
// Otherwise an empty result popup will be shown on focus.
|
|
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$
|
|
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
|
|
77490
77490
|
// https://tc39.github.io/ecma262/#sec-string.prototype.startswith
|
|
77491
77491
|
$$5$1({target:'String',proto:true,forced:!MDN_POLYFILL_BUG$1&&!CORRECT_IS_REGEXP_LOGIC$1},{startsWith:function startsWith(searchString/* , position = 0 */){var that=String(requireObjectCoercible$5$1(this));notARegExp$3(searchString);var index=toLength$5$1(min$2$1(arguments.length>1?arguments[1]:undefined,that.length));var search=String(searchString);return nativeStartsWith$1?nativeStartsWith$1.call(that,search,index):that.slice(index,index+search.length)===search;}});var anObject$8$1=anObject$e$1;// `RegExp.prototype.flags` getter implementation
|
|
@@ -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$
|
|
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$J$1||(templateObject_2$J$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$J$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$I$1||(templateObject_2$I$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$I$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
|
|
@@ -77638,21 +77638,21 @@ resolve:function resolve(x){return promiseResolve$2(this,x);}});$$3$1({target:PR
|
|
|
77638
77638
|
// https://tc39.github.io/ecma262/#sec-promise.all
|
|
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
|
-
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$
|
|
77642
|
-
var LeftBannerWrapper=_styled.div.withConfig({displayName:"Utils__LeftBannerWrapper",componentId:"sc-1qatfzk-0"})(templateObject_2$H$1||(templateObject_2$H$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$
|
|
77643
|
-
var templateObject_1$
|
|
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$H$1||(templateObject_2$H$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$H$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$G$1||(templateObject_2$G$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$G$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$F$1||(templateObject_2$F$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$F$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
|
|
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$E$1||(templateObject_2$E$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$E$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$
|
|
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$D$1||(templateObject_2$D$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$D$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
|
|
@@ -77673,21 +77673,21 @@ var splitter=new C(SUPPORTS_Y$1?rx:'^(?:'+rx.source+')',flags);var lim=limit===u
|
|
|
77673
77673
|
// add #t=0.1 to the url
|
|
77674
77674
|
// this will set the frame of the 0.1s frame of the video as the thumbnail
|
|
77675
77675
|
// disadvantage is that then the video will start playing from 0.01s but we can live with it
|
|
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$
|
|
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$U$1||(templateObject_1$U$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$U$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$T$1||(templateObject_1$T$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$T$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$S$1||(templateObject_1$S$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$S$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$R$1||(templateObject_1$R$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$R$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$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();/**
|
|
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$Q$1||(templateObject_1$Q$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$Q$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$P$1||(templateObject_1$P$1=__makeTemplateObject$1(["\n font-size: ","px;\n"],["\n font-size: ","px;\n"])),fontSizeSmaller);var templateObject_1$P$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({width:400,height:124,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},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$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
|
|
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$O$1||(templateObject_1$O$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$O$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$N$1||(templateObject_1$N$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$N$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$M$1||(templateObject_1$M$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$M$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$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
|
|
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,12 +77700,12 @@ 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$
|
|
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$w$1||(templateObject_2$w$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$w$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$
|
|
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$v$1||(templateObject_2$v$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$K$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$J$1||(templateObject_1$J$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$J$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$I$1||(templateObject_1$I$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$I$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$H$1||(templateObject_1$H$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$H$1;var unreadCommentHighlight=css$2(templateObject_1$G$1||(templateObject_1$G$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$G$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$F$1||(templateObject_1$F$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$F$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$E$1||(templateObject_1$E$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$E$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$D$1||(templateObject_1$D$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$D$1;var ChoiceGroup=_styled(ChoiceGroup$1).withConfig({displayName:"ChoiceGroup",componentId:"sc-11bpj01-0"})(templateObject_1$C$1||(templateObject_1$C$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$C$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$B$1||(templateObject_1$B$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$B$1,templateObject_2$s$1,templateObject_3$i$1,templateObject_4$a$2;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.
|
|
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
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$q$1||(templateObject_2$q$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$q$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
|
|
@@ -77736,9 +77736,9 @@ var addToUnscopables$3=addToUnscopables$2$1;addToUnscopables$3('flatMap');functi
|
|
|
77736
77736
|
loadFirstTwoPages();// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77737
77737
|
},__spreadArray$1([pageSize],deps||[]));var currentPageItems=Object.keys(state.pages).flatMap(function(n){return state.pages[n];}).slice(currentPageIndex-pageSize,currentPageIndex);return {items:currentPageItems,isInitialLoading:isInitialLoading,isLoadingNextPage:isLoadingNextPage,error:error,getFirstPage:function(){return setCurrentPageIndex(pageSize);},getPrevPage:function(){return setCurrentPageIndex(currentPageIndex-pageSize);},getNextPage:getNextPage,isFirstPage:currentPageIndex===pageSize,isLastPage:currentPageIndex===lastFetchedPageIndex&&!state.hasNextPage,isEmpty:!isInitialLoading&&(currentPageItems===null||currentPageItems===void 0?void 0:currentPageItems.length)===0};function loadFirstTwoPages(){return __awaiter$1(this,void 0,void 0,function(){var page,e_1;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);return [4/*yield*/,handler(pageSize*2,null)];case 1:page=_a.sent();setState({pages:{0:page.items},paginationToken:page.paginationToken,hasNextPage:page.hasNextPage});if(page.items.length<=pageSize){setLastFetchedPageIndex(pageSize);setCurrentPageIndex(pageSize);}else {setLastFetchedPageIndex(pageSize*2);setCurrentPageIndex(pageSize);}return [3/*break*/,4];case 2:e_1=_a.sent();logger.error(e_1);setError(error);return [3/*break*/,4];case 3:setIsInitialLoading(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function loadNextPage(paginationToken){return __awaiter$1(this,void 0,void 0,function(){var page_1,pageKey_1,e_2;return __generator$1(this,function(_a){switch(_a.label){case 0:_a.trys.push([0,2,3,4]);setIsLoadingNextPage(true);return [4/*yield*/,handler(pageSize,paginationToken)];case 1:page_1=_a.sent();pageKey_1=paginationToken;setState(function(prev){var _a;return {pages:update$2(prev.pages,(_a={},_a[pageKey_1]={$set:page_1.items},_a)),paginationToken:page_1.paginationToken,hasNextPage:page_1.hasNextPage};});return [3/*break*/,4];case 2:e_2=_a.sent();logger.error(e_2);setError(error);return [3/*break*/,4];case 3:setIsLoadingNextPage(false);return [7/*endfinally*/];case 4:return [2/*return*/];}});});}function getNextPage(){return __awaiter$1(this,void 0,void 0,function(){return __generator$1(this,function(_a){switch(_a.label){case 0:// show the next page - already loaded
|
|
77738
77738
|
setCurrentPageIndex(currentPageIndex+pageSize);if(!(state.hasNextPage&¤tPageIndex===lastFetchedPageIndex-pageSize))return [3/*break*/,2];return [4/*yield*/,loadNextPage(state.paginationToken)];case 1:_a.sent();setLastFetchedPageIndex(lastFetchedPageIndex+pageSize);_a.label=2;case 2:return [2/*return*/];}});});}}_styled.p.withConfig({displayName:"PaginationStatus__AllLoadedStatus",componentId:"sc-ykj2ti-0"})(templateObject_1$b$2||(templateObject_1$b$2=__makeTemplateObject$1(["\n margin: 0;\n text-align: center;\n color: ",";\n"],["\n margin: 0;\n text-align: center;\n color: ",";\n"])),function(p){return p.theme.palette.neutralSecondary;});_styled.div.withConfig({displayName:"PaginationStatus__Host",componentId:"sc-ykj2ti-1"})(templateObject_2$9$2||(templateObject_2$9$2=__makeTemplateObject$1(["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"],["\n margin: ","px 0;\n\n > * {\n margin: 0;\n }\n"])),spacingXl);_styled.div.withConfig({displayName:"PaginationStatus__LoadStatusPlaceholder",componentId:"sc-ykj2ti-2"})(templateObject_3$7$2||(templateObject_3$7$2=__makeTemplateObject$1(["\n height: ","px;\n"],["\n height: ","px;\n"])),spacingM);var templateObject_1$b$2,templateObject_2$9$2,templateObject_3$7$2;var PullToRefreshContext=/*#__PURE__*/createContext(null);_styled.div.withConfig({displayName:"PullToRefresh__Host",componentId:"sc-1wloq17-0"})(templateObject_1$a$2||(templateObject_1$a$2=__makeTemplateObject$1(["\n width: 100%;\n"],["\n width: 100%;\n"])));_styled.div.withConfig({displayName:"PullToRefresh__Inner",componentId:"sc-1wloq17-1"})(templateObject_2$8$2||(templateObject_2$8$2=__makeTemplateObject$1(["\n display: contents;\n"],["\n display: contents;\n"])));var templateObject_1$a$2,templateObject_2$8$2;function refreshScripts(node){var scripts=node.querySelectorAll('script');for(var i=0;i<scripts.length;i++){var currentScript=scripts[i];var refreshedScript=document.createElement('script');refreshedScript.type='text/javascript';if(currentScript.src&¤tScript.src.length){refreshedScript.src=currentScript.src;}else {var scriptContent=document.createTextNode(currentScript.innerHTML);refreshedScript.appendChild(scriptContent);}var parent_1=scripts[i].parentElement;parent_1.insertBefore(refreshedScript,currentScript);parent_1.removeChild(currentScript);}}var ToolbarNoBorderDropdownStyles=css$2(templateObject_1$9$2||(templateObject_1$9$2=__makeTemplateObject$1(["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"],["\n .ms-Dropdown,\n .ms-Dropdown-title {\n border: none;\n &:focus::after {\n border: none;\n }\n }\n\n .ms-Dropdown-title,\n .ms-Dropdown-caretDownWrapper {\n line-height: 32px;\n }\n"])));var ToolbarDropdownStyles=css$2(templateObject_2$7$2||(templateObject_2$7$2=__makeTemplateObject$1(["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"],["\n ","\n\n @media (min-width: ","px) {\n padding-right: ","px;\n }\n"])),ToolbarNoBorderDropdownStyles,minScreenSize.medium,spacingM);var ToolbarOptionStyles=css$2(templateObject_3$6$2||(templateObject_3$6$2=__makeTemplateObject$1(["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"],["\n display: flex;\n align-items: center;\n min-height: 35px;\n width: 100%;\n\n span {\n color: ",";\n }\n\n i {\n width: 50px;\n font-size: 16px;\n color: ",";\n text-align: center;\n }\n"])),function(p){return p.theme.textColors.default;},function(p){return p.theme.textColors.default;});var ToolbarGlobalDropdownStyles=css$2(templateObject_4$3$2||(templateObject_4$3$2=__makeTemplateObject$1(["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"],["\n .content-toolbar-dropdown {\n min-width: 300px;\n .ms-Dropdown-item {\n padding: 0;\n border: 0;\n > span {\n width: 100%;\n }\n }\n\n @media (max-width: ","px) {\n max-width: 80% !important;\n }\n }\n"])),maxScreenSize.medium);var templateObject_1$9$2,templateObject_2$7$2,templateObject_3$6$2,templateObject_4$3$2;var allChannelsKey='AllChannels';var bookmarksKey='Bookmarks';var manageChannelsKey='ManageChannels';var ToolbarChannelSelector=function ToolbarChannelSelector(_a){var getInitialSelectedKeyProp=_a.getInitialSelectedKey,bookmarkOption=_a.bookmarkOption,manageChannelsOption=_a.manageChannelsOption,allChannelsOption=_a.allChannelsOption,channelsOptions=_a.channelsOptions;var user=useCurrentUser();var channels=useContext(LazySubscriptionContext).channels;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();var _b=useState$2(function(){return getInitialSelectedKey();}),selectedKey=_b[0],setSelectedKey=_b[1];return jsxs(Fragment,{children:[jsx$1(GlobalDropdownCalloutStyle$1,{},void 0),jsx$1(StyledDropdown$1,{options:dropDownOptions,onRenderOption:renderDropDownOption,selectedKey:selectedKey,onChange:handleOnChange,calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:ResponsiveMode.large,ariaLabel:formatMessage({id:'AriaLabel.toolbarChannelSelector'})},void 0)]},void 0);function renderDropDownOption(option){if(option.data.onSelected){return jsxs(OptionSpan$1,{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]},option.key);}return jsxs(DropdownNavLink,__assign$1({to:option.data.pathname,exact:option.data.exact,isActive:option.key===selectedKey?function(){return true;}:undefined},{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]}),option.key);}function getInitialSelectedKey(){return (getInitialSelectedKeyProp===null||getInitialSelectedKeyProp===void 0?void 0:getInitialSelectedKeyProp(dropDownOptions))||allChannelsKey;}function getOptions(){var options=[];if(allChannelsOption){options.push({key:allChannelsKey,text:formatMessage({id:'Channels.All'}),data:{pathname:allChannelsOption.to,iconName:'Org',exact:true,onSelected:allChannelsOption.onSelected}});}if(channelsOptions){var channelsToUse=(!channelsOptions.availableChannels?user.channels.filter(function(c){return c.isPinnedToNavigation;}):(channels||[]).filter(function(c){return channelsOptions.availableChannels.some(function(nameOrId){return c.id===nameOrId||c.name===nameOrId;});})).map(function(c){return c;});options=options.concat.apply(options,channelsToUse.map(function(c){return getChannelOption(c);}));}if(bookmarkOption){options.push({key:bookmarksKey,text:formatMessage({id:'Generic.bookmarks'}),data:{pathname:bookmarkOption.to,iconName:'DoubleBookmark',exact:true,onSelected:bookmarkOption.onSelected}});}if(manageChannelsOption){options.push({key:manageChannelsKey,text:formatMessage({id:'PageMenu.manageUserChannels'}),data:{pathname:manageChannelsOption.to,iconName:'CollapseMenu',exact:true,onSelected:manageChannelsOption.onSelected}});}return options;}function getChannelOption(channel){var _a;return {key:channel.id,text:getChannelDisplayName(channels,channel,user),data:{pathname:(_a=channelsOptions.to)===null||_a===void 0?void 0:_a.call(channelsOptions,channel),iconName:'Org',exact:false,channelName:channel.name,onSelected:channelsOptions.onSelected?function(){return channelsOptions.onSelected(channel);}:null}};}function handleOnChange(_,option){var _a,_b;setSelectedKey(option.key.toString());(_b=(_a=option.data)===null||_a===void 0?void 0:_a.onSelected)===null||_b===void 0?void 0:_b.call(_a);}};var GlobalDropdownCalloutStyle$1=createGlobalStyle(templateObject_1$8$2||(templateObject_1$8$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$1=_styled(Dropdown).withConfig({displayName:"ToolbarChannelSelector__StyledDropdown",componentId:"sc-fwvaya-0"})(templateObject_2$6$2||(templateObject_2$6$2=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var DropdownNavLink=_styled(NavLink).withConfig({displayName:"ToolbarChannelSelector__DropdownNavLink",componentId:"sc-fwvaya-1"})(templateObject_3$5$2||(templateObject_3$5$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarOptionStyles);var OptionSpan$1=_styled.span.withConfig({displayName:"ToolbarChannelSelector__OptionSpan",componentId:"sc-fwvaya-2"})(templateObject_4$2$2||(templateObject_4$2$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$8$2,templateObject_2$6$2,templateObject_3$5$2,templateObject_4$2$2;var ToolbarMarkAllNewsAsReadButton=function ToolbarMarkAllNewsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsx$1(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.News,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllEventsAsReadButton=function ToolbarMarkAllEventsAsReadButton(_a){var onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;return jsx$1(ToolbarMarkAllAsReadButton,{itemType:ItemResourceTypes.Events,disabled:disabled,onMarkAsReadStarted:onMarkAsReadStarted,onMarkAsReadFinished:onMarkAsReadFinished,unreadCount:unreadCount},void 0);};var ToolbarMarkAllAsReadButton=function ToolbarMarkAllAsReadButton(_a){var itemType=_a.itemType,onMarkAsReadStarted=_a.onMarkAsReadStarted,onMarkAsReadFinished=_a.onMarkAsReadFinished,disabled=_a.disabled,unreadCount=_a.unreadCount;var features=useFeatures();var clearUnreadItems=useClearUnreadItems(itemType,{onStarted:onMarkAsReadStarted,onFinished:onMarkAsReadFinished},unreadCount);if(!features.unreadTracking){return null;}return jsx$1(ToolbarIconButton,{tooltipResourceKey:"Generic.UnreadItems.markAllAsRead",onClick:clearUnreadItems,iconName:"Read",disabled:disabled,ariaLabelResourceKey:"Generic.UnreadItems.markAllAsRead","data-clear-unread-items":true},void 0);};var ToolbarManageButton=function ToolbarManageButton(_a){var onClick=_a.onClick,to=_a.to,disabled=_a.disabled;return jsx$1(ToolbarIconButton,{tooltipResourceKey:"Generic.showManageView",disabled:disabled,iconName:"edit",to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,onClick:onClick,"data-toolbar-manage-button":true,ariaLabelResourceKey:"AriaLabel.goToManageView"},void 0);};var ToolbarCloseButton=function ToolbarCloseButton(_a){var onClick=_a.onClick,to=_a.to;return jsx$1(ToolbarIconButton,{iconName:"Cancel",onClick:onClick,to:to===null||to===void 0?void 0:to.url,target:to===null||to===void 0?void 0:to.target,tooltipResourceKey:"Generic.close",ariaLabelResourceKey:"Generic.close","data-toolbar-close-button":true},void 0);};var EventView;(function(EventView){EventView["UpcomingEvents"]="upcoming";EventView["MyBookedEvents"]="booked";EventView["PastEvents"]="past";})(EventView||(EventView={}));var ToolbarEventViewSelector=function ToolbarEventViewSelector(_a){var value=_a.value,onChange=_a.onChange,viewOptions=_a.viewOptions;var formatMessage=useIntl().formatMessage;var dropDownOptions=getOptions();return jsxs(Fragment,{children:[jsx$1(GlobalDropdownCalloutStyle,{},void 0),jsx$1(StyledDropdown$2,{options:dropDownOptions,onRenderOption:function(option){return jsxs(OptionSpan,{children:[jsx$1(Icon,{iconName:option.data.iconName},void 0),jsx$1("span",{children:option.text},void 0)]},option.key);},selectedKey:dropDownOptions.length>0?value||dropDownOptions[0].key:undefined,onChange:function(_,o){return onChange(o.key);},calloutProps:{className:'content-toolbar-dropdown'},responsiveMode:ResponsiveMode.large,ariaLabel:formatMessage({id:'Events.chromelessDropdown'})},void 0)]},void 0);function getOptions(){var options=[];if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideUpcomingEventsView)){options.push({key:EventView.UpcomingEvents,text:formatMessage({id:'Events.upcoming'}),data:{iconName:'Event'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hideMyBookedEventsView)){options.push({key:EventView.MyBookedEvents,text:formatMessage({id:'Events.myEvents'}),data:{iconName:'PrimaryCalendar'}});}if(!(viewOptions===null||viewOptions===void 0?void 0:viewOptions.hidePastEventsView)){options.push({key:EventView.PastEvents,text:formatMessage({id:'Events.pastEvents'}),data:{iconName:'RemoveEvent'}});}return options;}};var GlobalDropdownCalloutStyle=createGlobalStyle(templateObject_1$7$2||(templateObject_1$7$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),ToolbarGlobalDropdownStyles);var StyledDropdown$2=_styled(Dropdown).withConfig({displayName:"ToolbarEventViewSelector__StyledDropdown",componentId:"sc-ft0a2d-0"})(templateObject_2$5$1||(templateObject_2$5$1=__makeTemplateObject$1(["\n ","\n display: flex;\n align-items: center;\n"],["\n ","\n display: flex;\n align-items: center;\n"])),ToolbarDropdownStyles);var OptionSpan=_styled.span.withConfig({displayName:"ToolbarEventViewSelector__OptionSpan",componentId:"sc-ft0a2d-1"})(templateObject_3$4$2||(templateObject_3$4$2=__makeTemplateObject$1(["\n ",";\n"],["\n ",";\n"])),ToolbarOptionStyles);var templateObject_1$7$2,templateObject_2$5$1,templateObject_3$4$2;function useAttachmentsApi(){var _a=useApiFactory(),createApiUrl=_a.createApiUrl,fetchFromApi=_a.fetchFromApi;var onRequestToken=useContext(AuthenticationContext).onRequestToken;return useMemo(function(){return {uploadImage:uploadImage,uploadFile:uploadFile,getFileUrl:getFileUrl,getImageUrl:getImageUrl,getChatMessageImageUrl:getChatMessageImageUrl};function uploadImage(basePath,subscriptionId,imageId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('image',file,file.name||"image."+lite.getExtension(file.type));return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/images/"+imageId,config)];}});});}function uploadFile(basePath,subscriptionId,fileId,containerId,file){return __awaiter$1(this,void 0,void 0,function(){var fd,token,config;return __generator$1(this,function(_a){switch(_a.label){case 0:fd=new FormData();fd.append('file',file);return [4/*yield*/,onRequestToken()];case 1:token=_a.sent();config={method:'POST',body:fd,headers:{authorization:'Bearer '+token,'subscription-id':subscriptionId}};return [2/*return*/,fetchFromApi(basePath+"/attachments/"+containerId+"/files/"+fileId,config)];}});});}function getFileUrl(basePath,subscriptionId,item,fileId,token){token!==null&&token!==void 0?token:token=item.fileAccessToken;if(!token){return null;}return createApiUrl(basePath+"/attachments/"+item.attachmentContainerId+"/files/"+fileId,{subscriptionId:subscriptionId,access_token:token});}function getImageUrl(basePath,subscriptionId,item,imageId,width,height){return getImageInternal(basePath,subscriptionId,item.fileAccessToken,item.attachmentContainerId,imageId,width,height);}function getChatMessageImageUrl(basePath,subscriptionId,message,imageId,width,height){return getImageInternal(basePath,subscriptionId,message.fileAccessToken,message.attachmentContainerId,imageId,width,height);}function getImageInternal(basePath,subscriptionId,accessToken,attachmentContainerId,imageId,width,height){var url;if(width==null){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId;}else if(width==='default'){url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/default";}else {url=basePath+"/attachments/"+attachmentContainerId+"/images/"+imageId+"/"+width+"/"+(height||'');}return createApiUrl(url,{subscriptionId:subscriptionId,access_token:accessToken});}},[onRequestToken,fetchFromApi,createApiUrl]);}function useLanguageApi(){var api=useApi();return useMemo(function(){var cachedLanguages=null;return {getAllLanguages:getAllLanguages,getAllLanguagesLocalized:getAllLanguagesLocalized,resolveActiveLanguages:resolveActiveLanguages,resolveUserLanguage:resolveUserLanguage};function getAllLanguages(){return cachedLanguages||(cachedLanguages=api.all('languages').getAll().then(function(result){return result.body().map(function(language){return language.data();});}));}function getAllLanguagesLocalized(intl){return __awaiter$1(this,void 0,void 0,function(){var ls;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:ls=_a.sent();return [2/*return*/,getLocalizedLanguages.apply(void 0,__spreadArray$1([intl],ls))];}});});}function resolveActiveLanguages(subscription){return __awaiter$1(this,void 0,void 0,function(){var allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return subscription.languages.find(function(al){return al.code===l.code;});})];}});});}function resolveUserLanguage(user){return __awaiter$1(this,void 0,void 0,function(){var activeLanguages,allLanguages;return __generator$1(this,function(_a){switch(_a.label){case 0:activeLanguages=user.subscription.languages;return [4/*yield*/,getAllLanguages()];case 1:allLanguages=_a.sent();return [2/*return*/,allLanguages.filter(function(l){return activeLanguages.find(function(al){return al.code===l.code;});})];}});});}},[api]);}createGlobalStyle(templateObject_1$6$2||(templateObject_1$6$2=__makeTemplateObject$1(["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"],["\n *:not(input):not(textarea) {\n -webkit-user-select: none; /* disable selection/Copy of UIWebView */\n -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */\n }\n"])));var templateObject_1$6$2;function useVideosApi(){var createApiUrl=useApiFactory().createApiUrl;return useMemo(function(){return {getVideoThumbnailUrl:getVideoThumbnailUrl,getBannerVideoThumbnailUrl:getBannerVideoThumbnailUrl};function getVideoThumbnailUrl(token,subscriptionId,videoSource,videoId){return createApiUrl("/videos/"+videoId+"/thumbnail",{access_token:token,subscriptionId:subscriptionId,videoSource:videoSource});}function getBannerVideoThumbnailUrl(token,itemId,subscriptionId,resourceType){return createApiUrl("/"+resourceType+"/"+itemId+"/videos/banner/thumbnail",{access_token:token,subscriptionId:subscriptionId});}},[createApiUrl]);}var UserAvatarUpdateTriggerAction=/** @class */function(){function UserAvatarUpdateTriggerAction(){this.type=UserAvatarUpdateTriggerAction.type;}UserAvatarUpdateTriggerAction.create=function(upn){var dispatch=new UserAvatarUpdateTriggerAction();dispatch.upn=upn;return dispatch;};UserAvatarUpdateTriggerAction.type='user_avatar_update';return UserAvatarUpdateTriggerAction;}();var Avatar=function Avatar(props){var features=useFeatures();var _a=useState$2(null),avatarUrl=_a[0],setAvatarUrl=_a[1];var getUserAvatarUrl=useAccountApi().getUserAvatarUrl;useListener(UserAvatarUpdateTriggerAction.type,function(action){if(action.upn===props.upn){loadAvatar(props.upn,props.tenantId);}return false;},[props.upn]);useEffect$1(function(){var subscription=loadAvatar(props.upn,props.tenantId);return function(){return subscription===null||subscription===void 0?void 0:subscription.unsubscribe();};// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
77739
|
-
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsx$1(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled(Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsx$1(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled(Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled.div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsx$1(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsx$1(Fragment,{children:value.map(function(number,index){return jsx$1(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;var features=useFeatures();if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:features.userLocationLookup?jsx$1(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0):jsx$1(Fragment,{children:value},void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsx$1(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsx$1(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsx$1(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=css$2(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled.a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled(Link$4).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/createElement$a(component,{value:value});}return jsx$1(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxs(Fragment,{children:[!ignoredProperties.includes('department')&&jsx$1(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsx$1(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsx$1(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsx$1(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsx$1(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxs(Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsx$1(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsx$1(ErrorContainer$1,{children:upn?jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsx$1(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsx$1(Avatar,{upn:userInfo.userPrincipalName,size:PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxs(ContactCard,{children:[jsx$1(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsx$1(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsx$1(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled.div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled.div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled.div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled(Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=useRef$1(null);var user=useCurrentUser();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsx$1(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxs(Fragment,{children:[jsx$1(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsx$1(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsx$1(Callout,__assign$1({className:"persona-card-callout",directionalHint:DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsx$1(CalloutHost,{children:jsx$1(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled.div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled.div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled(ActionButton$1).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;var _path$2,_path2$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGenericError=function SvgGenericError(props){return/*#__PURE__*/React$d.createElement("svg",_extends$2$1({height:24,width:24,xmlns:"http://www.w3.org/2000/svg"},props),_path$2||(_path$2=/*#__PURE__*/React$d.createElement("path",{d:"M0 0h24v24H0z",fill:"none"})),_path2$2||(_path2$2=/*#__PURE__*/React$d.createElement("path",{d:"M14.59 8 12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"})));};var _path$1,_path2$1,_path3$1,_path4$1,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13;function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var Svg404=function Svg404(props){return/*#__PURE__*/React$d.createElement("svg",_extends$1$1({xmlns:"http://www.w3.org/2000/svg",width:1000,height:500,xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("linearGradient",{id:"404_svg__a",gradientUnits:"userSpaceOnUse",x1:594.738,y1:340.93,x2:608.738,y2:397.597},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#a3a3a3"}})),_path$1||(_path$1=/*#__PURE__*/React$d.createElement("path",{fill:"url(#404_svg__a)",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M882.59 268.468c21 32.432 1.741 59.432-13.259 63.072l-544.98 138.4-19.863-52"})),_path2$1||(_path2$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M309.589 459.468 108.158 144.484 615.943 80.06"})),_path3$1||(_path3$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M314.589 449.468 113.158 134.484 620.943 70.06"})),_path4$1||(_path4$1=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M319.589 439.468 118.158 124.484 625.943 60.06"})),_path5||(_path5=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468 123.158 114.484 630.943 50.06"})),_path6||(_path6=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468 128.158 104.484 635.943 40.06"})),_path7||(_path7=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M883.331 268.717 640.943 30.06 133.158 94.484l201.431 314.984"})),_path8||(_path8=/*#__PURE__*/React$d.createElement("path",{d:"m460.648 259.928-36.604 7.674L291.683 90.101l34.537-4.586z"})),_path9||(_path9=/*#__PURE__*/React$d.createElement("path",{d:"m401.208 182.809-163.089 28.484-69.033-104.912 37.759-5.013 52.715 76.977 122.712-20.106zM780.762 192.823l-27.785 5.824-147.145-150.26 26.932-3.576z"})),_path10||(_path10=/*#__PURE__*/React$d.createElement("path",{d:"m715.806 127.861-124.515 21.747-80.4-88.615 29.13-3.868 60.7 65.318 94.23-15.438zM563.239 237.975c-43.759 9.164-102.574-11.135-128.653-44.308l-45.591-57.995c-23.313-29.652-6.746-57.597 34.888-63.126 40.312-5.352 91.604 12.096 116.271 39.62l48.08 53.651c27.409 30.584 17.228 63.315-24.995 72.158zM441.853 93.878c-23.922 3.402-32.813 19.678-19.137 36.551l46.203 57.014c15.023 18.54 48.042 29.891 72.821 25.009 24.283-4.784 30.85-23.296 15.387-40.995l-47.628-54.522c-14.12-16.164-44.171-26.395-67.646-23.057zM527.416 340.863l-188.091 46.762-5.374-8.268 187.682-45.974zM707.02 296.212l-160.457 39.892-5.819-7.402 160.212-39.246zM861.95 257.694l-138.494 34.432-6.083-6.692 138.363-33.893zM515.896 325.966l-187.27 45.196-5.275-8.118 186.858-44.435zM694.942 282.752l-159.968 38.607-5.723-7.279 159.723-37.978zM849.57 245.433l-138.232 33.361-5.988-6.589 138.097-32.837zM504.568 311.314l-186.447 43.682-5.183-7.975 186.037-42.938zM683.051 269.501l-159.476 37.361-5.628-7.161 159.229-36.75zM837.369 233.348l-137.962 32.32-5.897-6.486 137.824-31.813zM493.428 296.907l-185.626 42.211-5.092-7.835 185.217-41.49zM671.344 256.452l-158.98 36.15-5.535-7.042 158.728-35.557zM825.344 221.436l-137.686 31.305-5.808-6.388 137.545-30.81z"})),_path11||(_path11=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M334.589 409.468c21 32.432-4.239 77.377-25 50"})),_path12||(_path12=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M329.589 419.468c12.838 19.236-6.238 40-15 30"})),_path13||(_path13=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M324.589 429.468c6 10-1.631 16-5 10"})));};var _path,_path2,_circle,_circle2,_circle3,_path3,_path4;function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var Svg403=function Svg403(props){return/*#__PURE__*/React$d.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",width:1000,height:700,xmlSpace:"preserve"},props),_path||(_path=/*#__PURE__*/React$d.createElement("path",{fill:"#CCC",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291.15 264.771 339.471 223h321.334l48.321 42.428"})),_path2||(_path2=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M291 267h418v418H291z"})),_circle||(_circle=/*#__PURE__*/React$d.createElement("circle",{fill:"#E6E6E6",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:166.456})),/*#__PURE__*/React$d.createElement("linearGradient",{id:"403_svg__a",gradientUnits:"userSpaceOnUse",x1:500.439,y1:340.568,x2:500.439,y2:606.898},/*#__PURE__*/React$d.createElement("stop",{offset:0,style:{stopColor:"#fff"}}),/*#__PURE__*/React$d.createElement("stop",{offset:1,style:{stopColor:"#9e9e9e"}})),_circle2||(_circle2=/*#__PURE__*/React$d.createElement("circle",{fill:"url(#403_svg__a)",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,cx:500.439,cy:473.349,r:133.165})),_circle3||(_circle3=/*#__PURE__*/React$d.createElement("circle",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,cx:500.44,cy:473.349,r:106.532})),_path3||(_path3=/*#__PURE__*/React$d.createElement("path",{fill:"#FFF",stroke:"#000",strokeWidth:4,strokeMiterlimit:10,d:"M623 251.979c-13.344 0-24-4.776-24-18.12v-70.332c0-55.126-44.713-99.974-100-99.974s-100 44.848-100 99.974v69.124c0 13.344-11.156 18.12-24.5 18.12s-24.5-4.776-24.5-18.12v-69.124c0-81.77 66.569-148.295 148.5-148.295 81.932 0 148.5 66.525 148.5 148.295v70.332c0 13.344-10.656 18.12-24 18.12z"})),_path4||(_path4=/*#__PURE__*/React$d.createElement("path",{fill:"none",stroke:"#000",strokeWidth:2,strokeMiterlimit:10,d:"M500 308v33M334 474h34M500 641v-34M668 476h-34M382.008 356.022l23.917 23.917M382.862 590.929l23.917-23.918M617.767 591.782l-23.917-23.917M619.477 356.022l-23.918 23.917"})));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";})(ErrorType||(ErrorType={}));/**
|
|
77739
|
+
},[props.upn]);if(!features.avatars){return null;}var imageInitials=getInitials(props.text||props.displayName||props.upn);return jsx$1(StyledPersona,__assign$1({},props,{"data-avatar":true,text:props.text,imageUrl:avatarUrl,imageShouldFadeIn:false,imageInitials:imageInitials,initialsColor:getPersonaInitialsColor(imageInitials),secondaryText:isHiddenMail(props.secondaryText)?null:props.secondaryText}),void 0);function loadAvatar(upn,tenantId){if(upn==null){setAvatarUrl(null);return null;}return getUserAvatarUrl(upn,tenantId).subscribe(function(url){setAvatarUrl(url);});}};var StyledPersona=_styled(Persona).withConfig({displayName:"Avatar__StyledPersona",componentId:"sc-1r8d14y-0"})(templateObject_1$5$2||(templateObject_1$5$2=__makeTemplateObject$1(["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"],["\n && {\n .ms-Persona-image {\n img {\n max-width: 100%;\n width: auto;\n height: auto;\n }\n }\n }\n"])));var templateObject_1$5$2;var UserPropertyWrapper=function UserPropertyWrapper(_a){var className=_a.className,iconName=_a.iconName,tooltipResourceKey=_a.tooltipResourceKey,tooltipText=_a.tooltipText,children=_a.children;if(!children){return null;}return jsxs(PropertyContainer,__assign$1({className:className},{children:[iconName&&jsx$1(Tooltip,__assign$1({resourceKey:tooltipResourceKey,text:tooltipText},{children:jsx$1(StyledIcon$a,{iconName:iconName},"icon")}),void 0),children]}),void 0);};var StyledIcon$a=_styled(Icon).withConfig({displayName:"UserPropertyWrapper__StyledIcon",componentId:"sc-yfrgje-0"})(templateObject_1$4$2||(templateObject_1$4$2=__makeTemplateObject$1(["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"],["\n && {\n cursor: default;\n display: flex;\n padding-right: 8px;\n padding-top: 1px;\n }\n"])));var PropertyContainer=_styled.div.withConfig({displayName:"UserPropertyWrapper__PropertyContainer",componentId:"sc-yfrgje-1"})(templateObject_2$4$2||(templateObject_2$4$2=__makeTemplateObject$1(["\n display: flex;\n max-width: 100%;\n"],["\n display: flex;\n max-width: 100%;\n"])));var templateObject_1$4$2,templateObject_2$4$2;var EmailProperty=function EmailProperty(_a){var email=_a.email;if(isHiddenMail(email)){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"mail",tooltipResourceKey:"Generic.mail"},{children:jsx$1(StyledAnchor,__assign$1({href:"mailto:"+email},{children:email}),void 0)}),void 0);};var MobilePhoneProperty=function MobilePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"cellPhone",tooltipResourceKey:"Generic.mobilePhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+value},{children:formatMessage({id:'Generic.callMobile'},{number:value})}),void 0)}),void 0);};var OfficePhoneProperty=function OfficePhoneProperty(_a){var value=_a.value;var formatMessage=useIntl().formatMessage;if(value==null){return null;}value=typeof value=='string'?[value]:value;return jsx$1(Fragment,{children:value.map(function(number,index){return jsx$1(UserPropertyWrapper,__assign$1({iconName:"phone",tooltipResourceKey:"Generic.businessPhone"},{children:jsx$1(StyledAnchor,__assign$1({href:"tel:"+number},{children:formatMessage({id:'Generic.callOffice'},{number:number})}),void 0)}),number+index);})},void 0);};var LocationProperty=function LocationProperty(_a){var value=_a.value,tooltipResourceKey=_a.tooltipResourceKey;var features=useFeatures();if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"MapPin",tooltipResourceKey:tooltipResourceKey||'Generic.Location'},{children:features.userLocationLookup?jsx$1(StyledAnchor,__assign$1({target:"_blank",rel:"noopener noreferrer",href:getGoogleMapsSearchLink(value)},{children:value}),void 0):jsx$1(Fragment,{children:value},void 0)}),void 0);};var DepartmentProperty=function DepartmentProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"workforceManagement",tooltipResourceKey:"Generic.department"},{children:value}),void 0);};var JobTitleProperty=function JobTitleProperty(_a){var value=_a.value;if(value==null){return null;}return jsx$1(UserPropertyWrapper,__assign$1({iconName:"contactCard",tooltipResourceKey:"Generic.jobTitle"},{children:value}),void 0);};var ChatMessageProperty=function ChatMessageProperty(_a){var value=_a.value;var buildPath=useSubscriptionHandlePathBuilder().buildPath;var features=useFeatures();if(!(value===null||value===void 0?void 0:value.userId)||!features.chat){return null;}var user={id:value.userId,displayName:value.displayName,userPrincipalName:value.userPrincipalName};return jsx$1(UserPropertyWrapper,__assign$1({iconName:"Chat",tooltipResourceKey:"Generic.sendChatMessage"},{children:jsx$1(StyledLink$3,__assign$1({to:buildPath('chats/new')+"?"+queryString.stringify({userId:user.id,userDisplayName:user.displayName,userPrincipalName:user.userPrincipalName})},{children:jsx$1(FormattedMessage$1,{id:"Generic.sendChatMessage"},void 0)}),void 0)}),void 0);};var AnchorStyle=css$2(templateObject_1$3$2||(templateObject_1$3$2=__makeTemplateObject$1(["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"],["\n color: ",";\n &:hover {\n text-decoration: underline;\n }\n"])),function(p){return p.theme.palette.accent;});var StyledAnchor=_styled.a.withConfig({displayName:"UserProperties__StyledAnchor",componentId:"sc-1aw5jcq-0"})(templateObject_2$3$2||(templateObject_2$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var StyledLink$3=_styled(Link$4).withConfig({displayName:"UserProperties__StyledLink",componentId:"sc-1aw5jcq-1"})(templateObject_3$3$2||(templateObject_3$3$2=__makeTemplateObject$1(["\n ","\n"],["\n ","\n"])),AnchorStyle);var propertyComponentMap={mobilePhone:MobilePhoneProperty,department:DepartmentProperty,address:LocationProperty};var templateObject_1$3$2,templateObject_2$3$2,templateObject_3$3$2;var UserProperty=function UserProperty(_a){var className=_a.className,value=_a.value,definition=_a.definition;var _b=useUserPropertyDefinitionsHandler(),getPropertyLabel=_b.getPropertyLabel,getPropertyIcon=_b.getPropertyIcon;if(value==null){return null;}var label=getPropertyLabel(definition);var icon=getPropertyIcon(definition);var component=propertyComponentMap[definition.name];if(component){return/*#__PURE__*/createElement$a(component,{value:value});}return jsx$1(UserPropertyWrapper,__assign$1({iconName:icon,tooltipText:label,className:className},{children:value}),void 0);};var GraphUserProperties=function GraphUserProperties(_a){var _b,_c,_d,_e,_f;var user=_a.user,_g=_a.ignoredProperties,ignoredProperties=_g===void 0?[]:_g;return jsxs(Fragment,{children:[!ignoredProperties.includes('department')&&jsx$1(DepartmentProperty,{value:(_b=user.properties)===null||_b===void 0?void 0:_b.department},void 0),!ignoredProperties.includes('jobTitle')&&jsx$1(JobTitleProperty,{value:(_c=user.properties)===null||_c===void 0?void 0:_c.jobTitle},void 0),!ignoredProperties.includes('mobilePhone')&&jsx$1(MobilePhoneProperty,{value:(_d=user.properties)===null||_d===void 0?void 0:_d.mobilePhone},void 0),!ignoredProperties.includes('businessPhones')&&jsx$1(OfficePhoneProperty,{value:(_e=user.properties)===null||_e===void 0?void 0:_e.businessPhones},void 0),!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),!ignoredProperties.includes('officeLocation')&&jsx$1(LocationProperty,{value:(_f=user.properties)===null||_f===void 0?void 0:_f.officeLocation},void 0)]},void 0);};var UserProperties=function UserProperties(_a){var user=_a.user,_b=_a.ignoredProperties,ignoredProperties=_b===void 0?[]:_b;var currentUser=useCurrentUser();return jsxs(Fragment,{children:[!ignoredProperties.includes('chatMessage')&&jsx$1(ChatMessageProperty,{value:user},void 0),currentUser.subscription.userPropertyDefinitions.filter(function(p){return !ignoredProperties.includes(p.name);}).map(function(definition){var _a;return jsx$1(UserProperty,{definition:definition,value:(_a=user.properties)===null||_a===void 0?void 0:_a[definition.name]},definition.name);})]},void 0);};var avatarProperties=['displayName','department','jobTitle'];var UserDetails=function UserDetails(_a){var _b;var upn=_a.upn,showAvatar=_a.showAvatar,id=_a.id;var _c=useAccountApi(),getUserInfo=_c.getUserInfo,getUserInfoById=_c.getUserInfoById;var _d=usePromise$2(function(){return upn?getUserInfo(upn):getUserInfoById(id);},null,[upn,id]),userInfo=_d[0],isLoading=_d[1],error=_d[2];if(error){return jsx$1(ErrorContainer$1,{children:upn?jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfo",values:{upn:upn}},void 0):jsx$1(FormattedMessage$1,{id:"Profile.CannotLoadInfoByUserId"},void 0)},void 0);}if(isLoading){return jsx$1(StyledSpinner$4,{},void 0);}var ignoredProperties=showAvatar?avatarProperties:[];return jsxs(Host$1$1,__assign$1({"data-user-details":true},{children:[showAvatar&&jsx$1(Avatar,{upn:userInfo.userPrincipalName,size:PersonaSize.large,text:userInfo.displayName||userInfo.userPrincipalName,secondaryText:userInfo.properties&&userInfo.properties.department,tertiaryText:userInfo.properties&&userInfo.properties.jobTitle},void 0),jsxs(ContactCard,{children:[jsx$1(EmailProperty,{email:(_b=userInfo.mail)!==null&&_b!==void 0?_b:userInfo.userPrincipalName},void 0),userInfo.isDirectoryUser?jsx$1(GraphUserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0):jsx$1(UserProperties,{user:userInfo,ignoredProperties:ignoredProperties},void 0)]},void 0)]}),void 0);};var ErrorContainer$1=_styled.div.withConfig({displayName:"UserDetails__ErrorContainer",componentId:"sc-uqfudb-0"})(templateObject_1$2$2||(templateObject_1$2$2=__makeTemplateObject$1(["\n padding: 20px;\n"],["\n padding: 20px;\n"])));var Host$1$1=_styled.div.withConfig({displayName:"UserDetails__Host",componentId:"sc-uqfudb-1"})(templateObject_2$2$2||(templateObject_2$2$2=__makeTemplateObject$1(["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"],["\n font-size: ","px;\n .ms-Persona {\n margin-bottom: 8px;\n }\n\n .persona-card-children {\n cursor: pointer;\n }\n"])),fontSizeSmall);var ContactCard=_styled.div.withConfig({displayName:"UserDetails__ContactCard",componentId:"sc-uqfudb-2"})(templateObject_3$2$2||(templateObject_3$2$2=__makeTemplateObject$1(["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"],["\n display: flex;\n flex: 1 1 auto;\n flex-flow: column;\n > div {\n &:not(:last-child) {\n padding-bottom: ","px;\n }\n }\n"])),spacingS);var StyledSpinner$4=_styled(Spinner).withConfig({displayName:"UserDetails__StyledSpinner",componentId:"sc-uqfudb-3"})(templateObject_4$1$2||(templateObject_4$1$2=__makeTemplateObject$1(["\n padding: 20px 80px;\n"],["\n padding: 20px 80px;\n"])));var templateObject_1$2$2,templateObject_2$2$2,templateObject_3$2$2,templateObject_4$1$2;var PersonaCard=function PersonaCard(_a){var upn=_a.upn,className=_a.className,children=_a.children,readOnly=_a.readOnly,domIdentifier=_a.domIdentifier;var childrenContainer=useRef$1(null);var user=useCurrentUser();var _b=useState$2(false),showCallout=_b[0],setShowCallout=_b[1];if(readOnly){return jsx$1(Label$1,__assign$1({className:className},{children:children}),void 0);}return jsxs(Fragment,{children:[jsx$1(Label$1,__assign$1({ref:childrenContainer,className:className},{children:jsx$1(StyledButton,__assign$1({"data-persona-button":domIdentifier,"data-rounded-outline":domIdentifier==='avatar'&&50,className:"persona-card-children",onClick:function(e){e.preventDefault();setShowCallout(!showCallout);},ariaLabel:upn},{children:children}),"children")}),void 0),showCallout&&!user.isPublicUser&&jsx$1(Callout,__assign$1({className:"persona-card-callout",directionalHint:DirectionalHint.bottomCenter,isBeakVisible:true,onDismiss:function(){return setShowCallout(false);},target:childrenContainer.current},{children:jsx$1(CalloutHost,{children:jsx$1(UserDetails,{upn:upn,showAvatar:true},void 0)},void 0)}),"callout")]},void 0);};var CalloutHost=_styled.div.withConfig({displayName:"PersonaCard__CalloutHost",componentId:"sc-g7cgoc-0"})(templateObject_1$1$2||(templateObject_1$1$2=__makeTemplateObject$1(["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"],["\n padding: ","px ","px;\n max-width: 300px;\n\n @media (min-width: ","px) {\n max-width: 450px;\n }\n"])),spacingM-5,spacingM,minScreenSize.medium);var Label$1=_styled.div.withConfig({displayName:"PersonaCard__Label",componentId:"sc-g7cgoc-1"})(templateObject_2$1$2||(templateObject_2$1$2=__makeTemplateObject$1(["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"],["\n display: inline-flex;\n align-items: flex-start;\n font-weight: inherit;\n"])));var StyledButton=_styled(ActionButton$1).withConfig({displayName:"PersonaCard__StyledButton",componentId:"sc-g7cgoc-2"})(templateObject_3$1$2||(templateObject_3$1$2=__makeTemplateObject$1(["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"],["\n && {\n margin: 0;\n padding: 0;\n border: 0;\n min-width: auto;\n height: auto;\n background-color: transparent;\n color: inherit;\n font-weight: inherit;\n\n &:hover {\n background-color: transparent;\n color: inherit;\n }\n\n .ms-Button-label {\n margin: 0;\n font-weight: inherit;\n }\n }\n"])));var templateObject_1$1$2,templateObject_2$1$2,templateObject_3$1$2;function _extends$2$1(){_extends$2$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$2$1.apply(this,arguments);}var SvgGeneralError=function SvgGeneralError(props){return/*#__PURE__*/React$d.createElement("svg",_extends$2$1({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 163"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 23.877h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M134.231 141.48h149.1c6.913 0 12.602-5.689 12.602-12.602 0-6.914-5.689-12.603-12.602-12.603-6.914 0-10.779-5.642-10.779-12.6 0-6.958 7.1-12.6 15.856-12.6h18.279c6.913 0 12.602-5.689 12.602-12.602 0-6.914-5.689-12.603-12.602-12.603h-39.522c6.913 0 12.602-5.689 12.602-12.602 0-6.914-5.689-12.603-12.602-12.603h71.856c6.913 0 12.602-5.689 12.602-12.602 0-6.914-5.689-12.603-12.602-12.603H162.974c-6.914 0-12.603 5.689-12.603 12.603 0 6.913 5.689 12.602 12.603 12.602H91.118c-6.914 0-12.603 5.689-12.603 12.603 0 6.913 5.689 12.602 12.603 12.602h44.911c6.913 0 12.602 5.689 12.602 12.603 0 6.913-5.689 12.602-12.602 12.602H64.172c-6.914 0-12.603 5.689-12.603 12.603s5.689 12.603 12.603 12.603h70.059c-6.914 0-12.603 5.689-12.603 12.603 0 6.913 5.689 12.602 12.603 12.602v-.006Zm192.708-63.014c0 6.764 5.565 12.329 12.329 12.329 6.763 0 12.329-5.565 12.329-12.329 0-6.763-5.566-12.329-12.329-12.329h-.001c-6.763 0-12.328 5.565-12.328 12.328v.002-.001Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M237.898 60.069c0-4.967-4.033-9-9-9h-58.712c-4.967 0-9 4.033-9 9v45.014c0 4.967 4.033 9 9 9h58.712c4.967 0 9-4.033 9-9V60.069Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M90.299 68.815a32.862 32.862 0 0 1-23.217-18.138 1.364 1.364 0 0 1-.133-.589 1.377 1.377 0 0 1 1.64-1.343l14.747 2.964c3.116.644 6.364.001 9-1.781h.006a11.784 11.784 0 0 0 5.016-7.658l1.9-10.113c1.196-6.529-3.112-12.905-9.616-14.232l-14.751-2.964a1.37 1.37 0 0 1-.661-2.348 31.961 31.961 0 0 1 28.134-7.833c12.566 2.547 22.559 12.193 25.548 24.661a6.579 6.579 0 0 0 .938 1.004 7.774 7.774 0 0 0 3.616 1.753l26.592 5.344a819741.64 819741.64 0 0 0 119.067 23.943c6.256 1.287 10.396 7.424 9.247 13.707-1.019 5.418-5.796 9.38-11.309 9.38-.761 0-1.52-.076-2.266-.226l-55.525-11.174-28.93-5.826-64.138-12.884-.027-.006a1.668 1.668 0 0 0-.7-.007h-.022a1.621 1.621 0 0 0-.562.24 1.58 1.58 0 0 0-.444.441c-7.215 10.867-20.371 16.297-33.15 13.685Zm188.988 8.736a5.483 5.483 0 0 1-3.036.917c-3.008 0-5.485-2.476-5.485-5.485 0-3.009 2.477-5.485 5.485-5.485a5.49 5.49 0 0 1 4.567 2.446c1.666 2.507.975 5.94-1.531 7.607Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2,fillRule:"evenodd"}}),/*#__PURE__*/React$d.createElement("path",{d:"M237.898 30.672c0-3.863-3.137-7-7-7h-5.178c-3.863 0-7 3.137-7 7v28.466c0 3.864 3.137 7 7 7h5.178c3.863 0 7-3.136 7-7V30.672ZM218.72 21.083c0-3.863-3.137-7-7-7h-5.178c-3.863 0-7 3.137-7 7v28.466c0 3.864 3.137 7 7 7h5.178c3.863 0 7-3.136 7-7V21.083ZM199.542 16.973c0-3.863-3.137-7-7-7h-5.178c-3.863 0-7 3.137-7 7v28.466c0 3.864 3.137 7 7 7h5.178c3.863 0 7-3.136 7-7V16.973ZM180.364 19.713c0-3.863-3.137-7-7-7h-5.178c-3.863 0-7 3.137-7 7v28.466c0 3.864 3.137 7 7 7h5.178c3.863 0 7-3.136 7-7V19.713Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m162.903 110.39-17.592-16.8a10.428 10.428 0 0 1-3.933-8.151V65.39a8.809 8.809 0 0 1 4.147-7.536c2.597-1.617 25.763-10.645 25.915-10.739 4.419-2.471 5.974-2.074 8.321 2.135a9.067 9.067 0 0 1 1.219 4.608 8.791 8.791 0 0 1-4.359 7.66c-2.719 1.585-8.564 4.617-11.981 6.682-3.417 2.065-2.248 7.486 1.645 8.538 19.185 5.184 32.008 12.3 38.107 27.065M171.556 114.083h58.712c4.937 0 9 4.063 9 9v35.425h-76.712v-35.425c0-4.937 4.063-9 9-9Z",style:{fill:"#fff",fillRule:"evenodd",stroke:"currentColor",strokeWidth:2}}));};function _extends$1$1(){_extends$1$1=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$1$1.apply(this,arguments);}var SvgLoginError=function SvgLoginError(props){return/*#__PURE__*/React$d.createElement("svg",_extends$1$1({width:400,height:120,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 10.951h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M113.854 72h30.104c-6.623 0-12 5.377-12 12s5.377 12 12 12h-24.165c-6.623 0-12 5.377-12 12s5.377 12 12 12h74.873c6.623 0 12-5.377 12-12s-5.377-12-12-12h64.042c6.623 0 12-5.377 12-12s-5.377-12-12-12h1.125c-6.288 0-11.393-5.377-11.393-12s5.105-12 11.393-12h37.769c6.623 0 12-5.377 12-12s-5.377-12-12-12h-52.706c6.623 0 12-5.377 12-12s-5.377-12-12-12h-58.5c-6.623 0-12 5.377-12 12s5.377 12 12 12h-22.167c-6.622 0-12 5.377-12 12s5.378 12 12 12h-50.375c-6.288 0-11.394 5.377-11.394 12s5.106 12 11.394 12Zm186.998 12c0-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:"m211.775 81.467 1.122-6.522-5.059-5.013 4.488-7.838-65.735-11.306c-.466-21.056-14.403-38.978-33.804-42.314-22.3-3.836-44.233 12.903-48.531 37.887-4.297 24.985 10.784 48.09 33.084 51.925 19.401 3.337 38.525-8.899 45.999-28.589l68.436 11.77ZM110.464 21.98c15.292 2.63 24.847 18.963 21.901 36.095-2.947 17.133-17.41 29.335-32.702 26.705-15.292-2.63-24.847-18.963-21.901-36.096 2.947-17.133 17.41-29.335 32.702-26.704Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M146.128 59.052c.317-1.091.547-2.172.748-3.27.307-1.69.51-3.341.715-4.99l-2-.007c.191 1.627.397 3.255.486 4.946.058 1.101.066 2.192.001 3.313l.05.008ZM145.614 61.745a30.11 30.11 0 0 1-1.108 3.121c-.649 1.565-1.387 3.03-2.111 4.5l1.887.662c.359-1.623.719-3.247.994-4.943a32.34 32.34 0 0 0 .387-3.332l-.049-.008Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"m331.063 28.601-42.249 11.755 8.449 30.367 10.563-2.939-4.225-15.183 10.562-2.939 1.286 4.621 10.562-2.939 2.249 8.081 10.562-2.939-7.759-27.885Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"m213.696 41.343.517 6.969 6.031 4.296 1.236 6.484 116.184-32.328c5.101-1.42 8.09-6.713 6.671-11.814-1.42-5.101-6.713-8.09-11.814-6.67L213.696 41.343Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}));};function _extends$8(){_extends$8=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends$8.apply(this,arguments);}var SvgNoAccess=function SvgNoAccess(props){return/*#__PURE__*/React$d.createElement("svg",_extends$8({xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",preserveAspectRatio:"xMinYMin slice",viewBox:"0 0 400 179"},props),/*#__PURE__*/React$d.createElement("path",{style:{fill:"none"},d:"M0 35.295h400v100H0z"}),/*#__PURE__*/React$d.createElement("path",{d:"M114.881 160.609h149.1c6.914 0 12.603-5.689 12.603-12.602 0-6.914-5.689-12.603-12.603-12.603-6.913 0-10.779-5.642-10.779-12.6 0-6.958 7.1-12.6 15.856-12.6h18.279c6.914 0 12.603-5.689 12.603-12.602 0-6.914-5.689-12.603-12.603-12.603h-39.521c6.914 0 12.603-5.689 12.603-12.602 0-6.914-5.689-12.603-12.603-12.603h71.856c6.914 0 12.603-5.689 12.603-12.602 0-6.914-5.689-12.603-12.603-12.603H143.624c-6.913 0-12.602 5.689-12.602 12.603 0 6.913 5.689 12.602 12.602 12.602H71.768c-6.913 0-12.602 5.689-12.602 12.603 0 6.913 5.689 12.602 12.602 12.602h44.911c6.914 0 12.603 5.689 12.603 12.603 0 6.913-5.689 12.602-12.603 12.602H44.822c-6.913 0-12.602 5.69-12.602 12.603 0 6.914 5.689 12.603 12.602 12.603h70.059c-6.913 0-12.602 5.689-12.602 12.603 0 6.913 5.689 12.602 12.602 12.602v-.006Zm192.708-63.014c0 6.764 5.566 12.329 12.329 12.329 6.764 0 12.329-5.565 12.329-12.329 0-6.763-5.565-12.329-12.329-12.329h-.001c-6.762 0-12.328 5.565-12.328 12.328v.002-.001Z",style:{fill:"currentColor",fillOpacity:0.2}}),/*#__PURE__*/React$d.createElement("path",{d:"M292.483 63.514a2.002 2.002 0 0 0-2.259-1.702L140.205 82.896a2.001 2.001 0 0 0-1.702 2.259l12.251 87.169a2.002 2.002 0 0 0 2.259 1.703l150.018-21.084a2.002 2.002 0 0 0 1.703-2.259l-12.251-87.17Z",style:{fill:"#fff",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M247.683 137.397a31.742 31.742 0 0 0 6.393-19.103c0-17.41-14.326-31.737-31.736-31.737s-31.737 14.327-31.737 31.737a31.758 31.758 0 0 0 12.643 25.35c13.903 10.472 33.959 7.652 44.437-6.247ZM236.661 99.29c9.222 6.97 12.111 19.693 6.803 29.962l-37.479-28.242c8.408-7.932 21.435-8.661 30.676-1.716v-.004Zm-35.443 8.055 37.471 28.244a23.806 23.806 0 0 1-16.354 6.51c-13.054 0-23.796-10.742-23.796-23.797a23.8 23.8 0 0 1 2.671-10.954l.008-.003Z",style:{fill:"currentColor"}}),/*#__PURE__*/React$d.createElement("path",{d:"M207.614 8.507a1.585 1.585 0 0 0-2.694.379l-28.129 66.441a1.586 1.586 0 0 0-.126.619 1.595 1.595 0 0 0 1.808 1.571l73.48-10.327a1.587 1.587 0 0 0 1.012-2.569L207.614 8.507Z",style:{fill:"none",fillRule:"nonzero",stroke:"currentColor",strokeWidth:2}}),/*#__PURE__*/React$d.createElement("path",{d:"M205.054.078a7.937 7.937 0 0 1 8.96 6.752 7.938 7.938 0 0 1-6.752 8.96 7.936 7.936 0 0 1-8.959-6.752 7.936 7.936 0 0 1 6.751-8.96Z",style:{fill:"currentColor"}}));};var ErrorType;(function(ErrorType){ErrorType["GenericError"]="genericError";ErrorType["Error404"]="error404";ErrorType["Error403"]="error403";ErrorType["LoginError"]="loginError";})(ErrorType||(ErrorType={}));/**
|
|
77740
77740
|
* Large alert. Template for 404, 403 etc.
|
|
77741
|
-
*/function PageAlert(props){return jsx$1(Host$w,__assign$1({"data-page-alert":true},{children:jsxs(Content$b,{children:[props.errorType&&jsx$1(SvgContainer,__assign$1({onClick:props.onClick},{children:props.errorType===ErrorType.GenericError?jsx$1(
|
|
77741
|
+
*/function PageAlert(props){return jsx$1(Host$w,__assign$1({"data-page-alert":true},{children:jsxs(Content$b,{children:[props.errorType&&jsx$1(SvgContainer,__assign$1({onClick:props.onClick},{children:props.errorType===ErrorType.LoginError?jsx$1(SvgLoginError,{},void 0):props.errorType===ErrorType.GenericError?jsx$1(SvgGeneralError,{},void 0):props.errorType===ErrorType.Error403?jsx$1(SvgNoAccess,{},void 0):jsx$1(SvgNotFound,{},void 0)}),void 0),jsx$1(Text,{children:props.alertText},void 0),jsx$1(AdditionalContent,{children:props.children},void 0)]},void 0)}),void 0);}var Host$w=_styled.div.withConfig({displayName:"PageAlert__Host",componentId:"sc-gj7gx6-0"})(templateObject_1$2y||(templateObject_1$2y=__makeTemplateObject$1(["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"],["\n display: flex;\n flex-flow: column nowrap;\n align-items: stretch;\n flex: 1 0 100%;\n height: 100%;\n background-color: ",";\n"])),function(p){return p.theme.palette.white;});var Content$b=_styled.div.withConfig({displayName:"PageAlert__Content",componentId:"sc-gj7gx6-1"})(templateObject_2$1H||(templateObject_2$1H=__makeTemplateObject$1(["\n padding: 30px;\n text-align: center;\n"],["\n padding: 30px;\n text-align: center;\n"])));var SvgContainer=_styled.div.withConfig({displayName:"PageAlert__SvgContainer",componentId:"sc-gj7gx6-2"})(templateObject_3$1b||(templateObject_3$1b=__makeTemplateObject$1(["\n margin: 1rem auto;\n width: 100%;\n\n > svg {\n height: auto;\n max-width: 400px;\n color: ",";\n }\n"],["\n margin: 1rem auto;\n width: 100%;\n\n > svg {\n height: auto;\n max-width: 400px;\n color: ",";\n }\n"])),function(p){return p.theme.palette.accent;});var Text=_styled.p.withConfig({displayName:"PageAlert__Text",componentId:"sc-gj7gx6-3"})(templateObject_4$Q||(templateObject_4$Q=__makeTemplateObject$1(["\n width: 200px;\n min-width: 100%;\n font-size: ","px;\n font-weight: 500;\n color: ",";\n opacity: 80%;\n"],["\n width: 200px;\n min-width: 100%;\n font-size: ","px;\n font-weight: 500;\n color: ",";\n opacity: 80%;\n"])),fontSizeLarge+7,function(p){return p.theme.palette.accent;});var AdditionalContent=_styled.div.withConfig({displayName:"PageAlert__AdditionalContent",componentId:"sc-gj7gx6-4"})(templateObject_5$G||(templateObject_5$G=__makeTemplateObject$1(["\n margin: auto;\n max-width: 400px;\n"],["\n margin: auto;\n max-width: 400px;\n"])));_styled.div.withConfig({displayName:"PageAlert__CenteredAlert",componentId:"sc-gj7gx6-5"})(templateObject_6$v||(templateObject_6$v=__makeTemplateObject$1(["\n display: flex;\n justify-content: space-around;\n"],["\n display: flex;\n justify-content: space-around;\n"])));var templateObject_1$2y,templateObject_2$1H,templateObject_3$1b,templateObject_4$Q,templateObject_5$G,templateObject_6$v;var propTypes$1={exports:{}};/*
|
|
77742
77742
|
object-assign
|
|
77743
77743
|
(c) Sindre Sorhus
|
|
77744
77744
|
@license MIT
|
|
@@ -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.120";
|
|
77963
|
+
var buildId = "103970";
|
|
77964
|
+
var commitId = "cc3d2816e6ed66d9d358744849c4f5c32fd48b59";
|
|
77965
77965
|
var isCustomerBuild = false;
|
|
77966
77966
|
var buildInfo = {
|
|
77967
77967
|
version: version$1,
|
|
@@ -122311,7 +122311,7 @@ previewUrl:(_a=image.previewUrl)!==null&&_a!==void 0?_a:imageUrlResolver===null|
|
|
|
122311
122311
|
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
122312
|
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
122313
|
(_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),((
|
|
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,_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
122315
|
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
122316
|
(_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
122317
|
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
|
|
@@ -125755,7 +125755,7 @@ var PublishableItemEditorDashboard = function PublishableItemEditorDashboard(_a)
|
|
|
125755
125755
|
|
|
125756
125756
|
if (hasNoAuthorRoleInAnyGroup) {
|
|
125757
125757
|
return jsx$1(EmptyList, {
|
|
125758
|
-
|
|
125758
|
+
svg: jsx$1(SvgNoAccess, {}, void 0),
|
|
125759
125759
|
emptyMessageResources: ['EditorList.notAuthor']
|
|
125760
125760
|
}, void 0);
|
|
125761
125761
|
}
|