var WSB;(function(n){var t;(function(n){function t(...n){let t=[];for(let i of n)if(i)if(typeof i=="string")t.push(i);else for(let n in i)i[n]&&t.push(n);return t.length>0?t.join(" "):null}function i(n){return ThresholdUtilities.getUrlParameter(location.search,"isTest")?n:undefined}n.ViewData={};n.classNames=t;n.whenTestHooks=i})(t=n.View||(n.View={}))})(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{componentDidMount(){this.props.adjustHeight&&this.props.adjustHeight()}componentDidUpdate(){this.props.adjustHeight&&this.props.adjustHeight()}}n.DynamicHeightView=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{suggestion:i,openPreviewPaneButton:r}=this.props,u="OpenWebPreviewPaneTooltip",f="OpenLocalPreviewPaneTooltip",e=n.config.enableShopSH1&&i.handoffType===15,s=(n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.isWorkScope(i.handoffType))&&(n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.features.isWorkScopeListViewEnabled());if(!e&&(!r||!i.previewPaneType))return null;const o=i.previewPaneType==1;return e?React.createElement("div",{className:"openBrowserBtn"},React.createElement("span",{className:"openPreviewIcon"},React.createElement(t.Icon,{icon:{content:"&#xE8A7",type:2}}))):React.createElement("div",{className:"openPreviewPaneBtn",onClick:t=>{((n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.isWorkScope(i.handoffType))&&i.type=="MVALL"||s&&n.isMsbSubverticalOnlineSuggestionType(i.type))&&n.InstrumentationHelper.logClientInstEvent("Select","WorkScopePillSelect",undefined,{suggestionType:i.type}),r.clickHandler(i,t)},"data-partnertag":t.whenTestHooks("Suggestion.OpenPreviewPaneButton"),"data-noct":"true",role:"button",title:t.getLocString(o?u:f),"aria-label":t.getLocString(o?u:f)},React.createElement("span",{className:"openPreviewIcon",role:"presentation"},React.createElement(t.Icon,{icon:r.defaultIcon})),React.createElement("span",{className:"previewOpenedIcon",role:"presentation"},React.createElement(t.Icon,{icon:r.openedIcon})))}}t.PreviewPaneButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{icon:i}=this.props;return i?React.createElement("span",{className:`${i.selected?"selected":""} removeIcon`,title:i.title,"aria-selected":i.selected?"true":"false","aria-label":n.Host.getLocString("DeleteSelectedSuggestionItem",i.title),role:"button",onClick:t=>{t.nativeEvent.stopPropagation(),t.stopPropagation(),n.invokeClickHandler(i.click,t.nativeEvent)},"data-partnertag":t.whenTestHooks("Suggestion.RemoveIcon")},React.createElement(t.Icon,{icon:i.icon})):null}}t.RemoveIcon=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{isModal:r,isVisible:u,title:i,messageText:f,buttons:e}=this.props.dataModel;return u?React.createElement("div",{id:"dialog_overlay","data-partnertag":t.whenTestHooks("DialogBoxOverlay"),className:t.classNames({wsbModal:r})},React.createElement("div",{className:"dialogBox","data-partnertag":t.whenTestHooks("DialogBox")},React.createElement("div",{className:"dialogText"},n.config.useCobaltCSS&&i&&React.createElement("p",{className:"uninstallTitle"},i),!n.config.useCobaltCSS&&i&&React.createElement("h1",null,i),React.createElement("p",null,f)),React.createElement("div",{className:"dialogBtnContainer"},e.map(n=>React.createElement("input",{type:"button",key:n.id,className:t.classNames({colored:n.useAccentColor,focusable:r}),value:n.text,id:n.id,tabIndex:-1,"data-partnertag":t.whenTestHooks("DialogBoxButton")}))))):null}}t.WindowsDialogBox=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends t.DynamicHeightView{render(){const{dataModel:f}=this.props;if(!f)return null;const{clickHandler:e,messageText:o,title:r,action:i,icon:u,messageClassName:s}=f;return React.createElement("div",{className:t.classNames("visible",s),"data-partnertag":t.whenTestHooks("Message"),onClick:n=>e&&e(n.nativeEvent)},React.createElement("div",{className:t.classNames("message","itemTooltip",{messageWithAction:i!=null})},u&&React.createElement(t.Icon,{icon:u}),React.createElement("div",{className:t.classNames({details:u!=null})},React.createElement("div",{className:"primaryText"},o),i&&React.createElement("div",{className:t.classNames("primaryText","accentColor","selectable",{sa_hv:i.selected}),onClick:t=>n.invokeClickHandler(i.click,t.nativeEvent),id:i.id,tabIndex:-1,"data-h":i.instItem.getHValue(),"data-partnertag":t.whenTestHooks("AutoSuggest.WindowsMessageAction"),"data-clicks":"true",title:r,"aria-label":r,onFocus:()=>n.focusedToolTipHandler(`#${i.id}`,"title",r),onBlur:()=>n.focusedToolTipHandler(`#${i.id}`,"title",r)},i.text))))}}t.WindowsMessage=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class r extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>n.shouldComponentUpdateOverload(this,t,i)}render(){const{advancedOptions:n,additionalClass:i}=this.props;return!n||n.length==0?null:React.createElement("div",{className:t.classNames("advancedOptions",i)},n.map(n=>React.createElement("div",{key:n.id,id:n.id,className:t.classNames("advancedOption",n.cssClass,{selectable:n.selected,sa_hv:n.selected,withoutPadding:n.layout==6})},n.title&&React.createElement("h4",{className:"groupHeader groupTitle"},n.title),React.createElement(u,{option:n}))))}}t.AdvancedOptions=r;const u=n=>{const{option:r}=n;let t=[];switch(r.layout){case 1:t.push(React.createElement(e,{option:r}));t.push(React.createElement(i,{dismiss:r.dismiss}));break;case 6:t.push(React.createElement(o,{option:r}));break;default:t.push(React.createElement(f,{option:r}));t.push(React.createElement(i,{dismiss:r.dismiss}))}return t?React.createElement("div",null,t):null},f=i=>{const{option:r}=i;return React.createElement("div",null,r.message&&React.createElement("p",{className:"advancedOptionHeading"},r.message),React.createElement("input",{type:"button",role:"button",className:"focusable","data-partnertag":t.whenTestHooks("AutoSuggest.TopHitHeader.AdvancedOption"),tabIndex:-1,onClick:t=>n.invokeClickHandler(r.click,t.nativeEvent),"data-h":r.instItem?r.instItem.getHValue():undefined,"aria-selected":r.selected,"aria-label":r.narratorText,"data-clicks":"true",value:r.text}))},e=i=>{const{option:r}=i;return React.createElement("div",null,React.createElement(t.Icon,{icon:r.icon}),React.createElement("div",{className:"details"},React.createElement("a",{href:"#",className:"accentColor focusable additionalInfoText","data-partnertag":t.whenTestHooks("AutoSuggest.TopHitHeader.AdvancedOption"),tabIndex:-1,onClick:t=>n.invokeClickHandler(r.click,t.nativeEvent),"data-h":r.instItem?r.instItem.getHValue():undefined,"data-clicks":"true"},r.message)))},o=i=>{const{option:r}=i;return React.createElement("div",null,React.createElement("div",{className:"messageWithButton"},r.icon&&React.createElement(t.Icon,{icon:r.icon}),React.createElement("span",{className:"advancedOptionMessage",tabIndex:-1,"data-h":r.instItem?r.instItem.getHValue():undefined,"data-clicks":"true"},r.message),React.createElement("input",{type:"button",role:"button",className:"focusable advancedOptionButton","data-partnertag":t.whenTestHooks("AutoSuggest.TopHitHeader.AdvancedOption"),tabIndex:-1,onClick:t=>n.invokeClickHandler(r.click,t.nativeEvent),"data-h":r.instItem?r.instItem.getHValue():undefined,"aria-selected":r.selected,"aria-label":r.narratorText,"data-clicks":"true",value:r.buttonLabel}),!!r.dismiss&&React.createElement("div",{className:"advancedOptionDimiss",onClick:()=>r.dismiss.action()},React.createElement(t.Icon,{icon:r.dismiss.icon}))))},i=n=>{const{dismiss:i}=n;return i?React.createElement("a",{href:"#","data-partnertag":t.whenTestHooks("AdvancedOption.Dismiss"),"aria-label":t.getLocString("DismissUpsell"),title:t.getLocString("DismissUpsell"),className:"cancelIcon focusable",onClick:()=>i.action(),tabIndex:-1},React.createElement(t.Icon,{icon:i.icon})):null}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>n.shouldComponentUpdateOverload(this,t,i)}render(){const{dataModel:e}=this.props;if(!e)return null;const{headerText:u,message:i,subMessage:f,messageIcon:o,isTwoColumnsLayout:s,freDataModel:n,instItem:r}=e;return React.createElement("div",{"data-region":r?"NoResult":null},u&&React.createElement("div",{className:"groupHeader"},React.createElement("h4",{className:"groupTitle","aria-label":u},u)),(n===null||n===void 0?void 0:n.isWorkScopeZi)&&!!i&&React.createElement(t.MsbFreContainer,{dataModel:n}),!n&&!!i&&React.createElement("div",{"data-h":r===null||r===void 0?void 0:r.getHValue(),className:t.classNames("scopeMessage",{scopeTwoColumsLayout:s}),role:"status"},React.createElement(t.Icon,{icon:o}),React.createElement("p",{className:"details","aria-level":0,"aria-label":i,role:"heading","data-partnertag":t.whenTestHooks("message")},i),!!f&&React.createElement("p",{className:"additionalDetails","aria-level":0,"aria-label":f,role:"heading","data-partnertag":t.whenTestHooks("subMessage")},f)))}}t.TopHitHeader=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{dataModel:i}=this.props,l=n.config.useCobaltCSS;if(!i)return null;const{title:r,icon:u,message:f,buttonMessage:e,buttonDismissMessage:o,tooltip:s,buttonClickHandler:h,dismissClickHandler:c}=i,a=React.createElement("div",{className:"upsell"},React.createElement("div",{className:"upsellAreaTitle"},React.createElement("h3",{className:"upsellTitle"},r),React.createElement("a",{href:"#",id:"workUpsellDismiss",className:"upsellDismiss focusable",role:"button","aria-label":o,onClick:t=>n.invokeClickHandler(c,t.nativeEvent),"data-partnertag":t.whenTestHooks("UpsellArea.Dismiss"),tabIndex:-1},React.createElement(t.Icon,{icon:{content:"&#xE711",type:2}}))),React.createElement("hr",null),React.createElement("div",{className:"upsellAreaContent"},React.createElement(t.Icon,{icon:u}),React.createElement("div",{className:"upsellText"},React.createElement("p",{className:"upsellMessage"},f))),React.createElement("button",{className:"upsellButton focusable",id:"workUpsellButton",title:s,onClick:t=>n.invokeClickHandler(h,t.nativeEvent)},React.createElement(t.Icon,{icon:{content:"&#xE721",type:2}}),e)),v=React.createElement("div",{className:"upsell"},React.createElement("div",{className:"upsellAreaTitle"},React.createElement("h3",{className:"upsellTitle"},r)),React.createElement("div",{className:"upsellAreaContent"},React.createElement("div",{className:"upsellText"},React.createElement("p",{className:"upsellMessage"},f)),React.createElement(t.Icon,{icon:u})),React.createElement("div",{className:"upsellButtonArea"},React.createElement("button",{className:"upsellButton focusable",id:"workUpsellButton",title:s,onClick:t=>n.invokeClickHandler(h,t.nativeEvent)},e),React.createElement("button",{className:"upsellButton focusable",id:"workUpsellDismiss",onClick:t=>n.invokeClickHandler(c,t.nativeEvent)},o)));return l?v:a}}t.WorkUpsellBanner=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends t.DynamicHeightView{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i)}render(){const{suggestions:e,clickHandler:i,contextMenuHandler:r,openPreviewPaneButton:o,isSearchHome:s,notifyIconPending:u,notifyIconReadyOrFailed:f}=this.props;return React.createElement("div",{className:t.classNames(n.RuntimeConfig.FlatListWithoutGroups?"group":"topResults")},e.map(e=>n.RuntimeConfig.QfMode==5||n.RuntimeConfig.QfMode==9?React.createElement(t.WindowsSuggestionFileExplorer,{key:e.reactKey,suggestion:e,contextMenuHandler:r,clickHandler:i,topResult:!0,notifyIconPending:u,notifyIconReadyOrFailed:f,where:"WindowsTopResults.WindowsSuggestionFileExplorer"}):e.staticGroupType&&e.staticGroupType==n.GroupType.Upsell?React.createElement(t.UpsellSuggestion,{key:e.reactKey,suggestion:e,clickHandler:i,contextMenuHandler:r,topResult:!0,notifyIconPending:u,notifyIconReadyOrFailed:f,where:"WindowsTopResults.UpsellSuggestion"}):React.createElement(t.WindowsSuggestionThreeLines,{key:e.reactKey,suggestion:e,contextMenuHandler:r,clickHandler:i,openPreviewPaneButton:o,isSearchHome:s,topResult:!0,notifyIconPending:u,notifyIconReadyOrFailed:f,where:"WindowsTopResults.WindowsSuggestionThreeLines"})))}}t.WindowsTopResults=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{constructor(t){super(t);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i);this.state={icon:null}}componentWillMount(){var t;if(n.config.reactGroups&&this.props.suggestion.getIcon&&!this.state.icon){let i=n.SequenceNumberManager.getSequenceNumber();(t=this.props)===null||t===void 0?void 0:t.notifyIconPending(i,this.props.topResult,this.props.where);this.props.suggestion.getIcon(n.RootViewModel.getImageSize(n.Host.getQuery(),this.props.suggestion,this.props.topResult),t=>{n.populateImageRatio(t,this.props.suggestion.type,()=>{var n;(n=this.props)===null||n===void 0?void 0:n.notifyIconReadyOrFailed(i,this.props.topResult);this.setState({icon:t})})})}}render(){var i;const{suggestion:n,clickHandler:u,contextMenuHandler:f}=this.props;if(!n)return null;const e=t.classNames("suggestion",{sa_hv:n.selected&&!n.selectedStyleSuspended,selectable:!!n.click},n.classNames.join(" "));return React.createElement("li",{className:e,onContextMenu:t=>f(n,t.nativeEvent),onClick:t=>u(n,t.nativeEvent),id:n.id,"data-partnertag":t.whenTestHooks("AutoSuggest.RegularSuggestion"),"aria-selected":n.selected?"true":"false","aria-label":n.narratorText,"data-stype":t.whenTestHooks(n.type),"data-h":n.instItem.getHValue(),"data-clicks":n.isReformulation?"true":null,"data-noct":n.isReformulation?"true":null,title:n.tooltip},React.createElement("div",{className:"suggDetailsContainer","data-partnertag":t.whenTestHooks("Suggestion.SuggDetailsContainer")},React.createElement(t.Icon,{icon:(i=this.state.icon)!==null&&i!==void 0?i:n.icon}),React.createElement(r,{suggestion:n})))}}t.WindowsSuggestionFileExplorer=i;class r extends React.Component{render(){const{suggestion:i}=this.props;let r=i.primaryMetadata;return React.createElement("div",{className:"details"},React.createElement("div",{className:"primaryText","data-partnertag":t.whenTestHooks("Suggestion.PrimaryText")},React.createElement("div",null,React.createElement("span",{className:"title"},React.createElement(t.HighlightedText,{text:i.text,dir:"ltr",reverse:n.hasReverseHighlighting(i)})),!!r&&React.createElement("span",{className:"secondaryText annotation"},React.createElement(t.HighlightedText,{text:r})))),React.createElement(t.RemoveIcon,{icon:i.removeIcon}))}}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class r extends React.Component{constructor(t){super(t);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i);this.state={icon:null}}componentWillMount(){var t;if(n.config.reactGroups&&this.props.suggestion.getIcon&&!this.state.icon){let i=n.SequenceNumberManager.getSequenceNumber();(t=this.props)===null||t===void 0?void 0:t.notifyIconPending(i,this.props.isFirst,this.props.where);this.props.suggestion.getIcon(n.RootViewModel.getImageSize(n.Host.getQuery(),this.props.suggestion,this.props.isFirst),t=>{n.populateImageRatio(t,this.props.suggestion.type,()=>{var n;(n=this.props)===null||n===void 0?void 0:n.notifyIconReadyOrFailed(i,this.props.isFirst);this.setState({icon:t})})})}}render(){var s,h,c;const{suggestion:r,openPreviewPaneButton:a,isSearchHome:v,isFirst:b,clickHandler:k,webSuggestionAnnotation:d,contextMenuHandler:g,groupInfo:f,index:l}=this.props;if(!r)return null;const nt=!!r.previewPaneType,y=n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.isWorkScope(r.handoffType),tt=t=>(f===null||f===void 0?void 0:f.text)&&t===0?`${f.text} ${n.Host.getLocString("Group")},${r.narratorText}`:r.narratorText,p=(n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.qfUtils.isDocumentZeroQueryEnabled())&&n.Host.getQuery().scope===n.Scope.Documents,it=n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.features.isPeopleZeroQueryEnabled(n.Host.getQuery());let rt=t.classNames("suggestion",{sa_hv:r.selected&&!r.selectedStyleSuspended,arrowOrTabAction:r.arrowOrTabAction&&r.selected,selectable:!!r.click,selected:r.selected,withOpenPreviewPaneBtn:a&&nt&&!(n.config.disableQFPreviewBtnForChatSugg&&n.searchChatIconClassName()===((s=r.icon)===null||s===void 0?void 0:s.className)),previewPaneOpened:y?r.selected:r.hasPreviewPaneOpened,previewPaneOpening:r.isPreviewPaneOpening,removeIconPadding:!!r.removeIcon},r.classNames.join(" "));const w=r;return r.staticGroupType==n.GroupType.RecommendedDocs&&p&&!w.url?null:React.createElement("li",{className:rt,onContextMenu:n=>g(r,n.nativeEvent),onClick:n=>k(r,n.nativeEvent),id:r.id,"data-partnertag":t.whenTestHooks("AutoSuggest.RegularSuggestion"),"aria-selected":r.selected?"true":"false","aria-label":tt(l!==null&&l!==void 0?l:-1),"aria-level":v?1:2,"data-stype":t.whenTestHooks(r.type),"data-h":r.instItem.getHValue(),"data-clicks":r.isReformulation?"true":null,"data-noct":r.isReformulation?"true":null,title:r.tooltip,role:"option",draggable:!0,onDragStart:t=>n.RootViewModel.handleSuggestionDragStartEvent(t,r)},React.createElement("div",{className:"suggContainer"},React.createElement("div",{className:t.classNames("suggDetailsContainer",{leftPill:r.selected}),"data-partnertag":t.whenTestHooks("Suggestion.SuggDetailsContainer")},React.createElement(t.Icon,{icon:(h=this.state.icon)!==null&&h!==void 0?h:r.icon,suggestionType:r.type}),React.createElement(o,{suggestion:r,isFirst:b,webSuggestionAnnotation:d,isWorkScope:y,isSearchHome:v}),r.staticGroupType==n.GroupType.RecommendedDocs&&p&&React.createElement("div",null,React.createElement(u,{url:w.url,suggestion:r})),r.type=="PPL"&&it&&React.createElement("div",null,React.createElement(i,{suggestion:r,type:"Copy",iconContent:"&#xE8C8"}),React.createElement(i,{suggestion:r,type:"Chat",iconContent:"&#xE901"}),React.createElement(i,{suggestion:r,type:"Organization",iconContent:"&#xE902",onClick:()=>e("Person",r)}))),!(n.config.disableQFPreviewBtnForChatSugg&&n.searchChatIconClassName()===((c=r.icon)===null||c===void 0?void 0:c.className))&&React.createElement(t.PreviewPaneButton,{suggestion:r,openPreviewPaneButton:a}),r.subItems&&r.subItems.map(n=>{let t=React.createElement(n.itemView,Object.assign({subItem:n},n.props));return t.key=n.id,t})))}}t.WindowsSuggestionSingleLine=r;const u=n=>{const[i,r]=React.useState(!1),{url:u,suggestion:e}=n,o=u+"?web=1";return React.createElement("div",{role:"presentation",onClick:n=>{SearchAppWrapper.CortanaApp.copyToClipboard(o,""),n.stopPropagation(),r(!0),window.setTimeout(()=>{r(!1)},2e3)},title:""},React.createElement("a",{className:t.classNames("copyButton"),role:"button","aria-label":e.narratorText,tabIndex:-1,id:"copyButton"},React.createElement("span",{className:"copy"},React.createElement(f,{isCopied:i}),React.createElement(t.Icon,{icon:{content:i?"&#xE73E":"&#xE8C8",type:2},additionalCssClass:"hiddenIcon"}))))},f=i=>{const{isCopied:r}=i;return React.createElement("div",{className:t.classNames("copyHelperText")},r?n.Host.getLocString("Copied"):n.Host.getLocString("CopyFileURL"))},i=n=>{const{suggestion:r,type:i,iconContent:u,onClick:f}=n;return React.createElement("div",null,React.createElement("a",{className:t.classNames(`peopleZeroQuery${i}Button`),role:"button","aria-label":r.narratorText,tabIndex:-1,id:`peopleZeroQuery${i}Button`,onClick:f},React.createElement("span",{className:`${i}`},React.createElement(t.Icon,{icon:{content:u,type:2},additionalCssClass:`hiddenIcon hiddenPeopleZeroQuery${i}Button`}))))},e=async(t,i)=>{n.msbHost.urlUtils.buildBfbSearchUrlAsync({query:i.query,intent:t,formCode:n.mapOSFormCode("BFBWSL")}).then(t=>n.Host.launchUrlWithEdgeProtocolAsync(t,{medium:"MSBLink"}))},o=i=>{const{suggestion:r,isFirst:o,webSuggestionAnnotation:f,isWorkScope:e,isSearchHome:s}=i;let u=r.additionalInfoText;return!u&&e&&r.primaryMetadata&&!r.hasMruData&&(u=" - "+r.primaryMetadata),!u&&o&&n.isWebSuggestion(r)&&f&&(u=n.getGroupType(r)===n.GroupType.ChatWithBing?" - "+r.primaryMetadata:f),r.removeIcon&&!r.removeIcon.title&&(r.removeIcon.title=r.narratorText),React.createElement("div",{className:"details"},React.createElement("div",{className:"primaryText","data-partnertag":t.whenTestHooks("Suggestion.PrimaryText")},!u?React.createElement("div",null,React.createElement("span",{className:`title ${n.config.searchHistoryTextColor&&r.type==="HS"&&"searchHistoryText"}`},React.createElement(t.HighlightedText,{text:r.text,dir:"ltr",reverse:n.hasReverseHighlighting(r),isWorkScope:e}),r.staticGroupType==n.GroupType.MsbOnRampButton&&React.createElement(t.Icon,{icon:{content:"&#xE974",type:2},additionalCssClass:"onRampChevron"}))):React.createElement("div",null,React.createElement("span",{className:`title ${n.config.searchHistoryTextColor&&r.type==="HS"&&"searchHistoryText"}`},React.createElement(t.HighlightedText,{text:r.text,dir:"ltr",reverse:n.hasReverseHighlighting(r)})),React.createElement("span",{className:"additionalInfoText annotation"},React.createElement(t.HighlightedText,{text:u})),React.createElement("div",{className:"additionalCallout"},r.additionalCalloutIcon&&React.createElement(t.Icon,{additionalCssClass:"additionalCalloutIcon",icon:r.additionalCalloutIcon}),r.additionalCalloutText&&React.createElement("span",{className:"additionalCalloutText"},r.additionalCalloutText))),r.additionalSubText&&React.createElement("ul",{className:"additionalSubText"},r.additionalSubText.map(n=>React.createElement("li",{key:n,className:"subText"},n))),!u&&r.additionalCalloutIcon&&React.createElement(t.Icon,{additionalCssClass:"additionalCalloutIcon",icon:r.additionalCalloutIcon,"data-partnertag":t.whenTestHooks("AutoSuggest.AdditionalCalloutIcon")}),!u&&r.additionalCalloutText&&React.createElement("div",{className:"additionalCalloutText","data-partnertag":t.whenTestHooks("AutoSuggest.AdditionalCalloutText")},r.additionalCalloutText)),s&&React.createElement(t.RemoveIcon,{icon:r.removeIcon}))}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{constructor(t){super(t);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i);this.state={icon:null}}componentWillMount(){if(n.config.reactGroups&&this.props.suggestion.getIcon&&!this.state.icon){let t=n.SequenceNumberManager.getSequenceNumber();this.props.notifyIconPending(t,this.props.topResult,this.props.where);this.props.suggestion.getIcon(n.RootViewModel.getImageSize(n.Host.getQuery(),this.props.suggestion,this.props.topResult),i=>{n.populateImageRatio(i,this.props.suggestion.type,()=>{this.props.notifyIconReadyOrFailed(t,this.props.topResult),this.setState({icon:i})})})}}render(){var e,o,s;const{suggestion:i,openPreviewPaneButton:h,isSearchHome:c,topResult:l,clickHandler:v,contextMenuHandler:y}=this.props,f=!i.htmlContent,p=!!i.previewPaneType,w=t.classNames("suggestion","cf",{sa_hv:i.selected&&!i.selectedStyleSuspended,arrowOrTabAction:i.arrowOrTabAction&&i.selected,topHitConnectedToGroup:i.hasChildSuggestionsDisplayed,selectable:!!i.click,selected:i.selected,withSecondaryIcon:!!i.secondaryIcon,withOpenPreviewPaneBtn:h&&p&&!(n.config.disableQFPreviewBtnForChatSugg&&n.searchChatIconClassName()===((e=i.icon)===null||e===void 0?void 0:e.className)),previewPaneOpened:i.hasPreviewPaneOpened,previewPaneOpening:i.isPreviewPaneOpening,removeIconPadding:i.removeIcon!=null},i.classNames.join(" "));let a=!1;if(i.id&&i.id.startsWith("winrt")&&!i.query){let n=i;n&&n.url&&n.url.includes("bing.com/")&&(a=!0)}return React.createElement("li",{className:w,onContextMenu:n=>y(i,n.nativeEvent),onClick:n=>i.click&&v(i,n.nativeEvent),id:i.id,"data-partnertag":t.whenTestHooks("AutoSuggest.RegularSuggestion"),"aria-selected":i.selected?"true":"false","aria-label":i.narratorText&&`${l&&i.arrowOrTabAction&&i.selected?n.Host.getLocString("BestMatch")+",":""} ${i.narratorText}`,"aria-level":c?1:l?1:2,"data-stype":t.whenTestHooks(i.type),"data-h":i.instItem.getHValue(),"data-clicks":i.isReformulation?"true":null,"data-noct":i.isReformulation?"true":null,title:i.tooltip,role:"option",draggable:!0,onDragStart:t=>n.RootViewModel.handleSuggestionDragStartEvent(t,i)},React.createElement("div",{className:"suggContainer"},React.createElement("div",{className:t.classNames("suggDetailsContainer",{leftPill:i.selected}),"data-partnertag":t.whenTestHooks("Suggestion.SuggDetailsContainer")},f&&i.type!="OLE"&&React.createElement(t.Icon,{icon:(o=this.state.icon)!==null&&o!==void 0?o:i.icon,toScale:a,suggestionType:i.type}),f&&React.createElement(r,{suggestion:i}),f&&c&&React.createElement(t.RemoveIcon,{icon:i.removeIcon}),f&&i.secondaryIcon&&i.type!="OLE"&&React.createElement(t.Icon,{icon:i.secondaryIcon,type:"SecondaryIcon"}),i.htmlContent&&React.createElement(u,{htmlContent:i.htmlContent})),f&&!(n.config.disableQFPreviewBtnForChatSugg&&n.searchChatIconClassName()===((s=i.icon)===null||s===void 0?void 0:s.className))&&React.createElement(t.PreviewPaneButton,{suggestion:i,openPreviewPaneButton:h})))}}t.WindowsSuggestionThreeLines=i;const r=i=>{const{suggestion:r}=i,u=r&&r.type=="OLE",f=r&&r.dateShort;let e=!0;if(n.config.removeAnaheimLinkUX&&r.type)switch(r.type){case"ANAF":case"ANAH":case"ANAR":case"ANATH":case"ANAT":e=!1}return React.createElement("div",{className:"details"},React.createElement("div",{className:"primaryText","data-partnertag":t.whenTestHooks("Suggestion.PrimaryText")},React.createElement("div",null,React.createElement("span",{className:`title ${n.config.searchHistoryTextColor&&r.type==="HS"&&"searchHistoryText"}`},React.createElement(t.HighlightedText,{text:r.text,dir:"ltr",reverse:n.hasReverseHighlighting(r)}))),r.secondaryIcon&&r.type=="OLE"&&React.createElement(t.Icon,{icon:r.secondaryIcon,type:"SecondaryIcon"})),r.primaryMetadata&&e&&React.createElement("div",{className:t.classNames("secondaryText","annotation",{emailAnnotation:u}),"data-partnertag":t.whenTestHooks("Suggestion.SecondaryText")},React.createElement(t.HighlightedText,{text:r.primaryMetadata,dir:"ltr"}),u&&f&&React.createElement("div",{className:"secondaryText annotation receivedDate"},f)),r.secondaryMetadata&&React.createElement("div",{className:"secondaryMetadata secondaryText annotation","data-partnertag":t.whenTestHooks("Suggestion.SecondaryMetadta")},React.createElement(t.HighlightedText,{text:r.secondaryMetadata,dir:"ltr"})),r.mruHintEnabled&&r.uxHint&&React.createElement("div",{className:"secondaryMetadata secondaryText annotation","data-partnertag":t.whenTestHooks("Suggestion.UxHint")},React.createElement("em",null,r.uxHint)),!r.mruHintEnabled&&r.uxHint&&React.createElement("div",{className:"secondaryMetadata secondaryText annotation","data-partnertag":t.whenTestHooks("Suggestion.UxHint")},React.createElement(t.HighlightedText,{text:r.uxHint,dir:"ltr"})))},u=n=>React.createElement("div",{className:"answer",dangerouslySetInnerHTML:{__html:n.htmlContent}})})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){const i=5;class r extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i)}render(){const{group:i,clickHandler:r}=this.props;return React.createElement("div",{className:t.classNames("group",i.instRegionName==="TrendingSearchData"&&n.isThumbnailForTSEnabled()?"tsthumb":"")},!i.hideGroupHeader&&React.createElement(u,{group:i,clickHandler:r}),React.createElement("div",{"data-region":i.instRegionName,"aria-labelledby":i.id,className:"suggsListContainer"},React.createElement(e,{suggestions:i.suggestions,rootProperties:this.props})))}}t.WindowsGroup=r;const u=i=>{const{group:r,clickHandler:o}=i;let u=r.click&&!r.onlyAnnotationIsClickable,e=(!!r.secondaryText||!!r.secondaryIcon)&&r.click&&r.onlyAnnotationIsClickable;return React.createElement("div",{className:t.classNames("groupHeader",{selectable:u,sa_hv:u&&r.selected&&!r.selectedStyleSuspended}),id:r.id,onClick:u?n=>o(r,n.nativeEvent):undefined,"data-h":u&&r.instItem&&r.instItem.getHValue(),"data-clicks":"true",role:e?"link":"heading","aria-level":u?1:e?undefined:4,"aria-label":e?r.secondaryIcon?`${r.secondaryText} ${r.text}`:"":r.narratorText,"aria-selected":r.selected?"true":"false","data-partnertag":t.whenTestHooks("AutoSuggest.GroupHeader")},n.shouldShowDSBFullWidth()&&r.type===n.GroupType.MRUHistory&&React.createElement("div",{className:"groupHeaderIcon"},React.createElement(t.MruIconInDSBV2,null)),React.createElement("div",{className:t.classNames("groupTitle",{countAndChevronHeader:r.showCountInHeader}),"data-clarity-unmask":"true",role:u?undefined:e?"heading":undefined,"aria-level":u?undefined:e?4:undefined},React.createElement("span",{className:t.classNames({title:r.showCountInHeader})},r.text),r.count>0&&r.showCountInHeader&&React.createElement("span",null," ","(",r.count,r.showPlusIconInHeader?"+":"",")")),r.popover&&React.createElement(t.InformationBubble,{subItem:r.popover.subItem,onMouseEnter:r.popover.onMouseEnter}),e&&React.createElement(f,{parent:r,clickHandler:o}))},f=n=>{let{parent:i,clickHandler:r}=n;return React.createElement("a",{className:t.classNames("groupTitle secondaryText selectable focusable",{sa_hv:i.selected&&!i.selectedStyleSuspended}),onClick:n=>r(i,n.nativeEvent),"data-h":i.instItem&&i.instItem.getHValue(),"data-clicks":"true",title:i.tooltip,"aria-selected":i.selected?"true":"false","aria-label":i.secondaryIcon?i.secondaryText:"","data-partnertag":t.whenTestHooks("AutoSuggest.GroupHeaderLink")},!i.secondaryIcon?i.secondaryText:React.createElement(t.Icon,{icon:i.secondaryIcon}))},e=t=>{const{suggestions:r,rootProperties:u}=t,c={isFirst:!0},[f,l]=React.useState(!1),[e,a]=React.useState();React.useEffect(()=>{var t;const u=n.config.msbEnableShowMoreButton&&r.length>i&&((t=n.Host.getQuery())===null||t===void 0?void 0:t.isSearchHomeZI)&&n.Host.getQuery().scope==n.Scope.Documents;a(u)},[r.length]);let h=r;return e&&!f&&(h=r.slice(0,i)),React.createElement("ul",{className:"suggsList","aria-labelledby":u.group.id,role:"list"},h.map((n,t)=>!n.suppressed&&React.createElement(o,{key:n.reactKey,suggestion:n,rootProperties:u,renderingState:c,index:t})),e&&React.createElement(s,{isShowMoreState:!f,onClick:()=>{l(!f)},isEnabled:r.length>i,rootProperties:u}))},o=n=>{const{suggestion:r,rootProperties:i,renderingState:f,index:e}=n;let u;switch(r.template){case 0:u=React.createElement(t.WindowsSuggestionSingleLine,{isFirst:f.isFirst,suggestion:r,contextMenuHandler:i.contextMenuHandler,clickHandler:i.clickHandler,openPreviewPaneButton:i.openPreviewPaneButton,isSearchHome:i.isSearchHome,webSuggestionAnnotation:i.webSuggestionAnnotation,notifyIconPending:i.notifyIconPending,notifyIconReadyOrFailed:i.notifyIconReadyOrFailed,groupInfo:i.group,where:i.where,index:e});f.isFirst=!1;break;case 1:u=React.createElement(t.WindowsSuggestionThreeLines,{suggestion:r,contextMenuHandler:i.contextMenuHandler,clickHandler:i.clickHandler,openPreviewPaneButton:i.openPreviewPaneButton,isSearchHome:i.isSearchHome,topResult:!1,notifyIconPending:i.notifyIconPending,notifyIconReadyOrFailed:i.notifyIconReadyOrFailed,where:i.where});break;case 3:u=React.createElement(t.UpsellSuggestion,{suggestion:r,contextMenuHandler:i.contextMenuHandler,clickHandler:i.clickHandler,where:i.where})}return u},s=t=>{const{isShowMoreState:i,onClick:r,isEnabled:u,rootProperties:f}=t;return u?React.createElement("li",{className:"showMoreButton",role:"button",onClick:r,tabIndex:-1,"data-show-more":i?"true":"false",id:`showMoreButton${f.group.type}`},React.createElement("a",{role:"button"},React.createElement("span",{className:"showMoreText"},i?n.Host.getLocString("ShowMore"):n.Host.getLocString("ShowLess")))):React.createElement("div",{className:"showMoreSpace"})}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i(n){var t;return((t=n.cssClasses)===null||t===void 0?void 0:t.indexOf("colRight"))>=0}class u extends t.DynamicHeightView{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i)}render(){const{groups:t}=this.props,r=(n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.features.isQwsTopListEnabled())&&t.findIndex(n=>i(n))>=0;return r?this.renderTwoColumns():this.renderOriginal()}renderOriginal(){var h;const{groups:i,scope:b,isWorkScopeZI:k,clickHandler:d,contextMenuHandler:g,openPreviewPaneButton:v,isSearchHome:nt,webSuggestionAnnotation:tt,deleteMRUButtonCallback:y,notifyIconPending:it,notifyIconReadyOrFailed:rt,updateFullyExpandState:ut,scrollTo:ft,messageBannerModel:c}=this.props,l=b===n.Scope.Work,e=l&&!k,p=n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.features.isWorkScopeListViewEnabled();let u;e&&(u=i.findIndex(t=>t.type===n.GroupType.SearchSuggestions||t.type===n.GroupType.Related));let o=n.isTwoPanesZIEnabled()&&i.findIndex(t=>t.type===n.GroupType.Upsell)>-1?"withUpsellContainer":undefined,s=[],w;e&&u>-1&&((h=i[u].suggestions[0])===null||h===void 0?void 0:h.handoffType)===21&&(s=i[u].suggestions[0].childSuggestions||i[u].suggestions,o=o?`${o} groupsWithWorkSubVerticalsPills`:"groupsWithWorkSubVerticalsPills",s.length>0&&(w={group:i[u],suggestions:s,openPreviewPaneButton:v,hasQfSuggestions:!(i.length>1),updateFullyExpandState:ut,scrollTo:ft,isEdu:n.msbHost===null||n.msbHost===void 0?void 0:n.msbHost.isEduTenant()}));let f,a=!!c;return React.createElement(React.Fragment,null,React.createElement("div",{"data-partnertag":t.whenTestHooks("AutoSuggest.GroupContainer"),"data-region":"Groups",className:o,id:"groupSuggestionsContainer"},i.length==0&&n.config.enableMessageBanner&&a&&React.createElement("div",{className:t.classNames("groupContainer","leftPaneZIsuggestions")},React.createElement(t.WSBMessageBanner,{dataModel:c})),y&&React.createElement(r,{deleteMRUButtonCallback:y}),i.map(i=>{var r;const u=e&&((r=i.suggestions[0])===null||r===void 0?void 0:r.handoffType)===21&&!i.suggestions[0].hasMruData&&!i.suggestions[0].childSuggestions&&!p;if(u)return null;let o=React.createElement("div",{key:i.id,className:t.classNames("groupContainer",i.cssClasses)},n.config.enableMessageBanner&&a&&React.createElement(t.WSBMessageBanner,{dataModel:c}),!n.isTopHitChildGroup(i.typeWithSource)&&!e&&f&&n.isTopHitChildGroup(f.typeWithSource)&&React.createElement("div",{className:"divider topHitConnectedToGroup"}),React.createElement(t.WindowsGroup,{group:i,clickHandler:d,contextMenuHandler:g,openPreviewPaneButton:v,isSearchHome:nt,isWorkScope:l,webSuggestionAnnotation:tt,notifyIconPending:it,notifyIconReadyOrFailed:rt,where:"WindowsGroups.renderOriginal"}));return f=i,a=!1,o}),f&&!l&&n.isTopHitChildGroup(f.typeWithSource)&&React.createElement("div",{className:"divider topHitConnectedToGroup"})),!p&&s.length>0&&React.createElement(t.WorkSubVerticalSuggestions,{data:w}))}renderTwoColumns(){const{groups:e,scope:b,clickHandler:o,contextMenuHandler:s,openPreviewPaneButton:h,isSearchHome:c,webSuggestionAnnotation:l,deleteMRUButtonCallback:a,notifyIconPending:v,notifyIconReadyOrFailed:y,messageBannerModel:p}=this.props,k=e.filter(n=>!i(n)),d=e.filter(n=>i(n)),f=b===n.Scope.Work;let u,w=!!p;return React.createElement("div",{"data-partnertag":t.whenTestHooks("AutoSuggest.GroupContainer"),"data-region":"Groups",className:"colLayout"},a&&React.createElement(r,{deleteMRUButtonCallback:a}),React.createElement("div",{className:"colLayoutLeft"},k.map(i=>{let r=React.createElement("div",{key:i.id,className:t.classNames("groupContainer",i.cssClasses)},n.config.enableMessageBanner&&w&&React.createElement(t.WSBMessageBanner,{dataModel:p}),!n.isTopHitChildGroup(i.typeWithSource)&&u&&!f&&n.isTopHitChildGroup(u.typeWithSource)&&React.createElement("div",{className:"divider topHitConnectedToGroup"}),React.createElement(t.WindowsGroup,{group:i,clickHandler:o,contextMenuHandler:s,openPreviewPaneButton:h,isSearchHome:c,isWorkScope:f,webSuggestionAnnotation:l,notifyIconPending:v,notifyIconReadyOrFailed:y,where:"WindowsGroups.renderTwoColumns.colLayoutLeft"}));return u=i,w=!1,r})),React.createElement("div",{className:"colLayoutRight"},d.map(i=>React.createElement("div",{key:i.id,className:t.classNames("groupContainer",i.cssClasses)},!n.isTopHitChildGroup(i.typeWithSource)&&!f&&u&&n.isTopHitChildGroup(u.typeWithSource)&&React.createElement("div",{className:"divider topHitConnectedToGroup"}),React.createElement(t.WindowsGroup,{group:i,clickHandler:o,contextMenuHandler:s,openPreviewPaneButton:h,isSearchHome:c,isWorkScope:f,webSuggestionAnnotation:l,notifyIconPending:v,notifyIconReadyOrFailed:y,where:"WindowsGroups.renderTwoColumns.colLayoutRight"})))),u&&!f&&n.isTopHitChildGroup(u.typeWithSource)&&React.createElement("div",{className:"divider topHitConnectedToGroup"}))}}t.WindowsGroups=u;const r=n=>{const{deleteMRUButtonCallback:i}=n;return React.createElement("div",{className:"groupHeader",role:"heading","data-partnertag":t.whenTestHooks("AutoSuggest.recentSearches")},React.createElement("div",{className:"groupTitle",role:"heading"},React.createElement("span",null,t.getLocString("RecentSearches"))),React.createElement("button",{id:"clearMruButton",className:"clearMruButton",onClick:()=>i(),"data-partnertag":t.whenTestHooks("AutoSuggest.ClearMRU"),tabIndex:-1},React.createElement("span",null,t.getLocString("Clear"))))}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{dataModel:r,icon:s}=this.props;if(!r)return null;const{isOnline:f,previewPaneTitle:h,previewPaneItems:i,fullPartialQuery:e}=r;let u=[];for(let t=1;t<i.length;t++)i[t].click?u.push(React.createElement("li",{onClick:()=>i[t].click(n.getCurrentTime(),2)},"• ",React.createElement("span",{className:"errorInfoLink"}," ",i[t].text," "))):u.push(React.createElement("li",null," • ",i[t].text," "));let o=()=>{typeof r.footerClick=="function"?r.footerClick():n.StaticHtmlElements.footer.click()},c=n=>{n.key==="Enter"&&o()};return React.createElement("div",{className:n.config.edgeTransferOnTimeout?"oneThirdMargin":""},n.config.disableOfflineRequest&&!f&&i.length>1&&React.createElement("div",{className:"anchor"},React.createElement("div",{className:"previewIcon"},React.createElement(t.Icon,{icon:s}),React.createElement("div",{className:"title"},React.createElement("span",null," ",h," "))),React.createElement("ul",{className:"annotation errorInfo"},React.createElement("li",null," ",i[0].text," "),u)),(!n.config.disableOfflineRequest||f)&&i.length>0&&e!=null&&React.createElement("div",{className:"anchor"},React.createElement("div",{className:"previewIcon"},React.createElement("div",{className:"title"},i[0].text,React.createElement("span",{className:"highlighted"},e),i[1].text))),n.config.edgeTransferDescription&&React.createElement("div",{className:"anchor"},n.Host.getLocString("PreviewPaneTimeoutMessage")),n.config.edgeTransferOnTimeout&&React.createElement("div",{className:"anchor"},React.createElement("footer",{id:"errorFooter",className:"focusable footer",tabIndex:1,role:"button",onClick:o,onKeyDown:n=>c(n)},React.createElement("div",{className:"seeAllResults"},n.Host.getLocString("OpenResultsBrowser")))))}}t.PreviewErrorMessageContainer=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function u(n){return!isNaN(+n)}function f(){return" “"}function e(){return"”"}class o extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>n.shouldComponentUpdateOverload(this,t,i)}render(){const{dataModel:v,expanderClickInstrumentation:d,chevronDownIcon:g}=this.props;if(!v)return null;const{suggestion:r,sections:s,suggestionClickHandler:y,itemClickHandler:h,contextMenuClickHandler:c,backButtonItem:l,settingsOnlineModules:nt,messageDataModel:p,previewLocation:o}=v,w=r.department,a=r.jobTitle,b=r.previewMetadata?Object.keys(r.previewMetadata):[],k=HitHighlightingParser.removeMarkers(r.primaryMetadata),tt=r.url;return React.createElement("div",{id:"localScrollArea"},!!l&&React.createElement("div",{role:"presentation",className:"buttonOptionContainer backButtonContainer"},React.createElement("button",{className:"buttonOption backButton focusable",onClick:()=>l.action(),"data-partnertag":t.whenTestHooks("AutoSuggest.PreviewPaneBackButton"),"aria-label":t.getLocString("DismissUpsell"),title:t.getLocString("DismissUpsell"),tabIndex:-1},React.createElement(t.Icon,{icon:l.icon}))),React.createElement("div",{className:"anchor clickable","data-partnertag":t.whenTestHooks("AutoSuggest.Preview.Anchor"),onContextMenu:c&&(n=>c(r,n.nativeEvent)),onClick:y&&(n=>y(r,n.nativeEvent))},r.previewPaneType!=1&&React.createElement("div",{className:"previewIcon"},React.createElement(t.Icon,{icon:r.previewIcon}),n.config.directNavPreviewPane&&r.type=="MD"?React.createElement("div",{className:"directNav"},React.createElement("div",{className:"officialSite"},t.getLocString("OfficialSite").toUpperCase()),r.primaryMetadata&&React.createElement("div",{className:"title"},React.createElement("span",null,HitHighlightingParser.removeMarkers(r.primaryMetadata))),React.createElement("div",{className:"url accentColor"},React.createElement("span",null,HitHighlightingParser.removeMarkers(tt)))):React.createElement("div",{className:"title"},React.createElement("span",null,HitHighlightingParser.removeMarkers(r.text)))),r.previewPaneType==1&&React.createElement("div",{className:"previewIcon"},React.createElement(t.Icon,{icon:r.previewIcon}),React.createElement("div",{className:"title",id:"previewPaneTitle"},React.createElement("span",null,t.getLocString("SearchTheWebFor")+f()),React.createElement(t.HighlightedText,{text:r.text.replace(/(^")|("$)/g,""),dir:"ltr"}),React.createElement("span",null,e()))),r.primaryMetadata&&r.previewPaneType!=1&&!(n.config.directNavPreviewPane&&r.type=="MD")&&React.createElement("div",{className:"secondaryText annotation"},!a&&k&&React.createElement("span",null,k),a&&React.createElement("span",null,a),w&&React.createElement("span",null,w)),React.createElement("div",{className:"divider"})),React.createElement("div",{className:"previewDataSection"},b.length>0&&React.createElement("div",{className:"metadata allowcontextmenu","data-partnertag":t.whenTestHooks("AutoSuggest.Preview.Metadata")},b.map(i=>React.createElement("div",{key:i,className:"secondaryText annotation"},!u(i)&&React.createElement("span",{className:"label"},i),React.createElement("ul",{className:"metadataContainer",role:"list","aria-label":i},r.previewMetadata[i].map(r=>React.createElement("li",{id:i==="Location"&&!!r.click?n.PreviewMetadataContainerId:"",key:r.text,className:t.classNames("value selectable",{clickable:!!r.click,sa_hv:!!(o===null||o===void 0?void 0:o.selected)&&!!r.click}),tabIndex:-1,"aria-label":`${r.text}`,"aria-selected":!!(o===null||o===void 0?void 0:o.selected)&&!!r.click,onClick:n=>r.click&&h(r,n.nativeEvent)},React.createElement("span",null,r.text)))))),React.createElement("div",{className:"divider"})),!r.uninstallationInProgress&&s.length>0&&s.map((n,t)=>React.createElement("div",{key:n.title},n.title&&React.createElement("h4",{className:"groupTitle"},n.title),React.createElement(i,{suggestion:r,section:n,itemClickHandler:h,numberOfSections:s.length,sectionIndex:t,expanderClickInstrumentation:d,chevronDownIcon:g,contextMenuClickHandler:c}))),!r.uninstallationInProgress&&nt.map(n=>React.createElement("div",{key:n.header},React.createElement("div",{className:"divider"}),React.createElement(t.SettingsOnlineModule,{settingsModule:n,itemClickHandler:h}))),r.uninstallationInProgress&&p&&React.createElement(t.WindowsMessage,{dataModel:p})))}}t.WindowsPreviewContainer=o;class i extends React.Component{constructor(n){super(n);this.state={sectionCollapsed:!0};this.toggleSectionVisibility=this.toggleSectionVisibility.bind(this)}toggleSectionVisibility(){let n=this.state.sectionCollapsed;this.setState({sectionCollapsed:!n});this.props.expanderClickInstrumentation(this.props.suggestion,this.props.section.sectionType,n)}render(){const{suggestion:i,section:n,itemClickHandler:u,chevronDownIcon:e,sectionIndex:o,numberOfSections:s,contextMenuClickHandler:f}=this.props;return React.createElement("ul",{"aria-label":n.narratorText},n.items.map(t=>React.createElement(r,{key:t.id,item:t,title:n.title,itemClickHandler:u,suggestion:i,contextMenuClickHandler:f})),n.collapsedItems.length>0&&React.createElement("section",{role:"presentation","aria-hidden":this.state.sectionCollapsed,className:t.classNames({sectionHidden:this.state.sectionCollapsed,sectionShown:!this.state.sectionCollapsed})},n.collapsedItems.map(t=>React.createElement(r,{key:t.id,item:t,title:n.title,itemClickHandler:u,suggestion:i,contextMenuClickHandler:f,expanderCollapsed:this.state.sectionCollapsed.valueOf()}))),n.collapsedItems.length>0&&React.createElement(t.Expander,{chevronDownIcon:e,expandCollapseClickEventHandler:this.toggleSectionVisibility,expanderCollapsed:this.state.sectionCollapsed,expanderItem:n.expander,sectionNarratorText:n.narratorText}),n.collapsedItems.length==0&&s!==o+1&&React.createElement("li",{role:"presentation",className:"divider"}))}}t.WindowsPreviewSectionsContainer=i;const r=i=>{const{item:r,title:u,itemClickHandler:o,expanderCollapsed:s,suggestion:f,contextMenuClickHandler:e}=i;return React.createElement("li",{id:r.id,className:t.classNames("sectionItem selectable",{sa_hv:r.selected},{collapsedItem:s}),onClick:n=>o(r,n.nativeEvent),onContextMenu:u&&e&&f&&(n=>e(f,n.nativeEvent,r)),title:r.tooltip,"aria-selected":r.selected,"aria-label":r.narratorText,"data-partnertag":t.whenTestHooks("AutoSuggest.Preview.SectionItem"),tabIndex:-1},React.createElement(t.Icon,{icon:r.icon,additionalCssClass:t.classNames({accentColor:n.config.noPpIconAccentColor?!u:!1})}),React.createElement("div",{className:"details secondaryText"},React.createElement("span",null,r.text),r.annotation&&React.createElement("span",{className:r.annotationClass},r.annotation)))}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function f(n){const{index:u,item:f,isLast:e,hasPartialNextWord:o,isWorkScope:s}=n;return o&&u==0?React.createElement("span",null,React.createElement("span",{key:u,className:"hidden nextword"},f.text,e?"":i),React.createElement("span",null,r)):React.createElement("span",{key:u,className:s?null:t.classNames({highlighted:f.highlighted})},f.text,e?"":i)}const r="…",i="‍";class u extends React.Component{render(){const{text:t,dir:i,reverse:u,partialNextWord:e,isWorkScope:o}=this.props,r=HitHighlightingParser.split(t,u);return n.config.disableSyntaxHighlight?React.createElement("span",{dir:i},HitHighlightingParser.removeMarkers(t)):React.createElement("span",{dir:i},r.map((n,t)=>React.createElement(f,{key:t,index:t,item:n,isLast:t==r.length-1,hasPartialNextWord:e,isWorkScope:o})))}}t.HighlightedText=u})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function u(i){const{icon:r,iconStyle:u,toScale:f}=i,e=n.canIconFail(r)&&r.onIconRendered?n=>r.onIconRendered(n.target.width,n.target.height):undefined;return r.type==0?React.createElement("img",{key:r.isSmall?"small":undefined,src:r.content,onError:n.canIconFail(r)?r.onIconError:undefined,onLoad:e,role:"presentation",style:f?{transform:"scale(1.7)"}:{}}):React.createElement("span",{className:t.classNames("iconContent",r.content==="&#xE721"&&"searchGlyphIcon",{accentColor:r.needsAccentColor,cortanaFontIcon:r.type==2,segoeRegularFont:r.type==5,settingsFluentFont:r.type==8}),style:u,"aria-hidden":"true",dangerouslySetInnerHTML:{__html:r.content}})}function f(n){const t="Suggestion.";switch(n){case"SecondaryIcon":return{dataPartnerTag:t+n,cssClassByType:"secondaryIcon"};case"ActionIcon":return{dataPartnerTag:t+n,cssClassByType:"actionIcon"};default:return{dataPartnerTag:t+"Icon",cssClassByType:undefined}}}function i(){return React.createElement("svg",{className:"searchChatIconSVG",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("path",{d:"M8.00004 1.33325C11.6819 1.33325 14.6667 4.31802 14.6667 7.99992C14.6667 11.6818 11.6819 14.6666 8.00004 14.6666C6.92117 14.6666 5.87859 14.4097 4.94195 13.9253L2.3914 14.6368C1.94812 14.7606 1.48843 14.5016 1.36465 14.0583C1.32368 13.9117 1.3237 13.7565 1.36467 13.61L2.07645 11.0614C1.59095 10.1239 1.33337 9.08012 1.33337 7.99992C1.33337 4.31802 4.31814 1.33325 8.00004 1.33325ZM8.00004 2.33325C4.87043 2.33325 2.33337 4.87031 2.33337 7.99992C2.33337 8.97965 2.58189 9.92219 3.04873 10.7583L3.14916 10.9381L2.40735 13.5942L5.06507 12.8527L5.24477 12.9529C6.08008 13.4187 7.02151 13.6666 8.00004 13.6666C11.1296 13.6666 13.6667 11.1295 13.6667 7.99992C13.6667 4.87031 11.1296 2.33325 8.00004 2.33325ZM5.83337 8.66659H8.83224C9.10837 8.66659 9.33224 8.89045 9.33224 9.16659C9.33224 9.41972 9.14411 9.62892 8.90004 9.66205L8.83224 9.66659H5.83337C5.55723 9.66659 5.33337 9.44272 5.33337 9.16659C5.33337 8.91345 5.52147 8.70425 5.76553 8.67112L5.83337 8.66659ZM5.83337 6.33325H10.1697C10.4458 6.33325 10.6697 6.55711 10.6697 6.83325C10.6697 7.08639 10.4816 7.29559 10.2376 7.32872L10.1697 7.33325H5.83337C5.55723 7.33325 5.33337 7.10939 5.33337 6.83325C5.33337 6.58012 5.52147 6.37093 5.76553 6.33782L5.83337 6.33325Z",fill:"currentColor"}))}class r extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>!n.config.reactGroups||n.shouldComponentUpdateOverload(this,t,i)}render(){const{dataPartnerTag:a,cssClassByType:v}=f(this.props.type),{icon:r,onClick:y,hidden:p,suggestionText:w,additionalCssClass:b,suggestionType:k}=this.props,c=n.TestHookUrlParameters===null||n.TestHookUrlParameters===void 0?void 0:n.TestHookUrlParameters.noRenderIcons,d=r&&r.type==7;let o="",l={},s={},e,h=w;if(r){switch(r.ratio){case 2:o="wide";break;case 3:o="tall"}r.bgColor&&!n.config.useCobaltCSS&&(l.backgroundColor=r.bgColor);r.color&&(s.color=r.color);r.type==3?e=React.createElement(t.CortanaIcon,null):r.content?e=React.createElement(u,{icon:r,iconStyle:s,toScale:this.props.toScale}):r.className&&(e=r.className==="searchChatIcon"?React.createElement(i,null):React.createElement("span",{style:s,className:t.classNames("iconContent",{bookmarksFontIcon:r.type==4})}));r.narratorText&&(h=r.narratorText)}return React.createElement("div",{"data-partnertag":t.whenTestHooks(a),"aria-label":h,role:h?"button":undefined,onClick:y,className:t.classNames("iconContainer",v,b,r&&r.className&&r.type!=4?r.className:null,{cortanaIcon:r&&r.type==3,hidden:p,iconPlaceholder:c||!e,smallIcon:r&&r.isSmall,solidSearch:r&&r.isWebSuggestionIcon&&n.config.enableSolidSearchForWebSuggestion,blueSearchBP:r&&r.isWebSuggestionIcon&&n.config.enableBlueSearchBPForWebSuggestion})},!c&&e&&React.createElement("div",{style:l,className:t.classNames(o,k==="HS"&&n.config.searchHistoryIconColor&&"searchHistoryIcon",{icon:!d,iconWithBackground:!!r.bgColor})},e))}}t.Icon=r;class e extends React.Component{render(){return React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 12 12",fill:"none"},React.createElement("path",{d:"M6 1C8.76142 1 11 3.23858 11 6C11 8.76142 8.76142 11 6 11C3.23858 11 1 8.76142 1 6C1 5.72386 0.776142 5.5 0.5 5.5C0.223858 5.5 0 5.72386 0 6C0 9.31371 2.68629 12 6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C4.46306 0 3.06118 0.578151 2 1.52786V0.5C2 0.223858 1.77614 0 1.5 0C1.22386 0 1 0.223858 1 0.5V3.5C1 3.77614 1.22386 4 1.5 4H3.5C3.77614 4 4 3.77614 4 3.5C4 3.22386 3.77614 3 3.5 3L2 2.99946C2.913 1.7844 4.36492 1 6 1ZM6.00098 3.5C6.00098 3.22386 5.77712 3 5.50098 3C5.22483 3 5.00098 3.22386 5.00098 3.5V6.5C5.00098 6.77614 5.22483 7 5.50098 7H7.50098C7.77712 7 8.00098 6.77614 8.00098 6.5C8.00098 6.22386 7.77712 6 7.50098 6H6.00098V3.5Z",fill:"black"}))}}t.MruIconInDSBV2=e;class o extends React.Component{render(){const{id:n}=this.props;return React.createElement("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",{clipPath:`url(#clip0_${n})`},React.createElement("path",{className:"chatIcon_Fill",d:"M9 0C13.9705 0 18 4.02884 18 8.99866C18 13.9684 13.9705 17.9973 9 17.9973C8.20339 17.9973 7.42144 17.8935 6.66957 17.6926C5.4328 17.362 4.13364 17.1487 2.89473 17.4712L0.958842 17.9751C0.54999 18.0816 0.13221 17.8365 0.025722 17.4277C-0.00720904 17.3014 -0.00721809 17.1686 0.0256949 17.0422L0.528426 15.1113C0.851388 13.8708 0.637119 12.57 0.305592 11.3318C0.104064 10.5791 0 9.79627 0 8.99866C0 4.02884 4.02944 0 9 0Z",fill:"white"}),React.createElement("path",{d:"M0.840757 17.5215L0.840637 17.5215C0.682338 17.5627 0.520566 17.4678 0.479335 17.3095L0.479317 17.3095C0.466594 17.2607 0.46657 17.2093 0.479326 17.1603L0.982053 15.2294C1.33676 13.867 1.095 12.4677 0.758392 11.2106C0.567467 10.4975 0.46875 9.75539 0.46875 8.99866C0.46875 4.28779 4.28825 0.46875 9 0.46875C13.7117 0.46875 17.5312 4.28779 17.5312 8.99866C17.5312 13.7095 13.7117 17.5286 9 17.5286C8.2442 17.5286 7.50295 17.4301 6.79062 17.2397C5.53482 16.9041 4.13735 16.6633 2.77665 17.0175L0.840757 17.5215Z",stroke:`url(#paint0_linear_${n})`,strokeWidth:"0.9375"}),React.createElement("path",{d:"M0.840757 17.5215L0.840637 17.5215C0.682338 17.5627 0.520566 17.4678 0.479335 17.3095L0.479317 17.3095C0.466594 17.2607 0.46657 17.2093 0.479326 17.1603L0.982053 15.2294C1.33676 13.867 1.095 12.4677 0.758392 11.2106C0.567467 10.4975 0.46875 9.75539 0.46875 8.99866C0.46875 4.28779 4.28825 0.46875 9 0.46875C13.7117 0.46875 17.5312 4.28779 17.5312 8.99866C17.5312 13.7095 13.7117 17.5286 9 17.5286C8.2442 17.5286 7.50295 17.4301 6.79062 17.2397C5.53482 16.9041 4.13735 16.6633 2.77665 17.0175L0.840757 17.5215Z",stroke:`url(#paint1_radial_${n})`,strokeOpacity:"0.6",strokeWidth:"0.9375"}),React.createElement("path",{d:"M0.840757 17.5215L0.840637 17.5215C0.682338 17.5627 0.520566 17.4678 0.479335 17.3095L0.479317 17.3095C0.466594 17.2607 0.46657 17.2093 0.479326 17.1603L0.982053 15.2294C1.33676 13.867 1.095 12.4677 0.758392 11.2106C0.567467 10.4975 0.46875 9.75539 0.46875 8.99866C0.46875 4.28779 4.28825 0.46875 9 0.46875C13.7117 0.46875 17.5312 4.28779 17.5312 8.99866C17.5312 13.7095 13.7117 17.5286 9 17.5286C8.2442 17.5286 7.50295 17.4301 6.79062 17.2397C5.53482 16.9041 4.13735 16.6633 2.77665 17.0175L0.840757 17.5215Z",stroke:`url(#paint2_radial_${n})`,strokeOpacity:"0.8",strokeWidth:"0.9375"}),React.createElement("path",{d:"M13.7124 10.7039C13.7124 10.823 13.7061 10.9414 13.6936 11.0581C13.6188 11.7698 13.3196 12.4134 12.8692 12.9112C12.926 12.8463 12.9771 12.7766 13.022 12.702C13.0565 12.6453 13.0873 12.5861 13.1133 12.5245C13.1227 12.5042 13.1313 12.4831 13.1384 12.4621C13.147 12.4419 13.1542 12.4207 13.1604 12.3998C13.1676 12.3804 13.1739 12.3601 13.1793 12.3398C13.1848 12.3187 13.1904 12.2977 13.195 12.2766C13.1959 12.2742 13.1967 12.2717 13.1973 12.2693C13.2021 12.2482 13.206 12.2272 13.2099 12.2061C13.2139 12.1843 13.2179 12.1623 13.221 12.1405C13.221 12.1396 13.221 12.1396 13.221 12.139C13.2242 12.1187 13.2265 12.0984 13.2281 12.0773C13.2329 12.0294 13.2352 11.9817 13.2352 11.933C13.2352 11.6591 13.1619 11.402 13.0337 11.1833C13.0046 11.1322 12.9723 11.0836 12.9369 11.0375C12.8952 10.9823 12.8504 10.9305 12.8016 10.8826C12.6803 10.7618 12.5386 10.6629 12.382 10.5932C12.3143 10.5624 12.2435 10.5373 12.171 10.5186C12.1702 10.5186 12.1687 10.5177 12.1679 10.5177L12.1427 10.5089L11.7759 10.3792V10.3784L10.8162 10.0387C10.8131 10.0379 10.8091 10.0379 10.8068 10.0372L10.7469 10.0145C10.554 9.93666 10.3941 9.79084 10.2942 9.60516L9.94391 8.68509L9.54233 7.6313L9.46523 7.4279L9.44554 7.3865C9.42353 7.33131 9.41162 7.27134 9.41162 7.209C9.41162 7.19281 9.41162 7.17663 9.41328 7.16198C9.43611 6.93013 9.62738 6.74854 9.85886 6.74854C9.92024 6.74854 9.97931 6.76148 10.0329 6.78499L11.8212 7.72908L12.174 7.91476C12.3606 8.02907 12.5345 8.16364 12.6935 8.31526C13.2698 8.86004 13.6477 9.62356 13.7045 10.4772C13.7093 10.5525 13.7124 10.6278 13.7124 10.7039Z",fill:`url(#paint3_linear_${n})`}),React.createElement("path",{d:"M13.2359 11.9318C13.2359 12.0258 13.2273 12.1166 13.2114 12.205C13.2066 12.2285 13.202 12.252 13.1965 12.2755C13.1863 12.3176 13.1754 12.3582 13.162 12.3987C13.1548 12.4198 13.1477 12.4408 13.14 12.4611C13.132 12.4822 13.1234 12.5025 13.1148 12.5234C13.0888 12.5851 13.0581 12.6442 13.0235 12.7009C12.9786 12.7755 12.9273 12.8452 12.8708 12.9101C12.6102 13.2069 11.7251 13.736 11.399 13.951L10.6749 14.4065C10.1445 14.7431 9.6428 14.9812 9.01057 14.9974C8.98063 14.9983 8.9515 14.9991 8.92238 14.9991C8.88152 14.9991 8.84131 14.9983 8.8011 14.9967C7.73041 14.9547 6.79655 14.3629 6.25815 13.4883C6.01178 13.0886 5.8488 12.6299 5.7937 12.1371C5.90936 12.8106 6.47953 13.3213 7.16685 13.3213C7.40776 13.3213 7.63378 13.259 7.83134 13.1486C7.83283 13.1477 7.83448 13.1469 7.83614 13.1462L7.90696 13.1024L8.19519 12.9273L8.56201 12.7036V12.6931L8.60933 12.664L11.8917 10.6618L12.1444 10.5078L12.1695 10.5167C12.1704 10.5167 12.1719 10.5175 12.1727 10.5175C12.2452 10.5361 12.316 10.5613 12.3836 10.5921C12.5403 10.6618 12.682 10.7608 12.8032 10.8816C12.8521 10.9294 12.8969 10.9812 12.9386 11.0364C12.974 11.0826 13.0063 11.1313 13.0354 11.1822C13.1626 11.4008 13.2359 11.6579 13.2359 11.9318Z",fill:`url(#paint4_linear_${n})`}),React.createElement("path",{d:"M8.56263 5.25102L8.56147 12.7042L8.19464 12.9281L7.90625 13.103L7.83527 13.1473C7.83411 13.1473 7.83196 13.1485 7.83096 13.1495C7.63307 13.2592 7.40706 13.3224 7.16598 13.3224C6.47849 13.3224 5.90931 12.8117 5.79299 12.1382C5.78753 12.1072 5.7834 12.075 5.78009 12.044C5.77579 11.9852 5.77264 11.9276 5.77148 11.8688V3.48073C5.77148 3.21601 5.98029 3 6.23841 3C6.33521 3 6.42555 3.031 6.49984 3.08194L7.92759 4.04238C7.9352 4.04902 7.94364 4.05465 7.95241 4.0601C8.32155 4.31937 8.56263 4.75581 8.56263 5.25102Z",fill:`url(#paint5_linear_${n})`}),React.createElement("path",{opacity:"0.15",d:"M13.2359 11.9318C13.2359 12.0258 13.2273 12.1166 13.2114 12.205C13.2066 12.2285 13.202 12.252 13.1965 12.2755C13.1863 12.3176 13.1754 12.3582 13.162 12.3987C13.1548 12.4198 13.1477 12.4408 13.14 12.4611C13.132 12.4822 13.1234 12.5025 13.1148 12.5234C13.0888 12.5851 13.0581 12.6442 13.0235 12.7009C12.9786 12.7755 12.9275 12.8452 12.8708 12.9101C12.6102 13.2069 11.7251 13.736 11.399 13.951L10.6749 14.4065C10.1445 14.7431 9.6428 14.9812 9.01057 14.9974C8.98063 14.9983 8.9515 14.9991 8.92238 14.9991C8.88152 14.9991 8.84131 14.9983 8.8011 14.9967C7.73041 14.9547 6.79655 14.3629 6.25815 13.4883C6.01178 13.0886 5.8488 12.6299 5.7937 12.1371C5.90936 12.8106 6.47953 13.3213 7.16685 13.3213C7.40776 13.3213 7.63378 13.259 7.83134 13.1486C7.83283 13.1477 7.83448 13.1469 7.83614 13.1462L7.90696 13.1024L8.19519 12.9273L8.56201 12.7036V12.6931L8.60933 12.664L11.8917 10.6618L12.1444 10.5078L12.1695 10.5167C12.1704 10.5167 12.1719 10.5175 12.1727 10.5175C12.2452 10.5361 12.316 10.5613 12.3836 10.5921C12.5403 10.6618 12.682 10.7608 12.8032 10.8816C12.8521 10.9294 12.8969 10.9812 12.9386 11.0364C12.974 11.0826 13.0063 11.1313 13.0354 11.1822C13.1626 11.4008 13.2359 11.6579 13.2359 11.9318Z",fill:`url(#paint6_linear_${n})`}),React.createElement("path",{opacity:"0.1",d:"M8.56263 5.25102L8.56147 12.7042L8.19464 12.9281L7.90625 13.103L7.83527 13.1473C7.83411 13.1473 7.83196 13.1485 7.83096 13.1495C7.63307 13.2592 7.40706 13.3224 7.16598 13.3224C6.47849 13.3224 5.90931 12.8117 5.79299 12.1382C5.78753 12.1072 5.7834 12.075 5.78009 12.044C5.77579 11.9852 5.77264 11.9276 5.77148 11.8688V3.48073C5.77148 3.21601 5.98029 3 6.23841 3C6.33521 3 6.42555 3.031 6.49984 3.08194L7.92759 4.04238C7.9352 4.04902 7.94364 4.05465 7.95241 4.0601C8.32155 4.31937 8.56263 4.75581 8.56263 5.25102Z",fill:`url(#paint7_linear_${n})`})),React.createElement("defs",null,React.createElement("linearGradient",{id:`paint0_linear_${n}`,x1:"0.0687025",y1:"21.375",x2:"20.2822",y2:"18.3961",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{offset:"0.107946",stopColor:"#1D6CF2"}),React.createElement("stop",{offset:"0.870845",stopColor:"#1B4AEF"})),React.createElement("radialGradient",{id:`paint1_radial_${n}`,cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(4.66071 16.0714) rotate(14.0362) scale(15.9034)"},React.createElement("stop",{stopColor:"#0B31A3"}),React.createElement("stop",{offset:"1",stopColor:"#39A0ED"})),React.createElement("radialGradient",{id:`paint2_radial_${n}`,cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(6.10714 6.42857) rotate(-140.774) scale(10.1657)"},React.createElement("stop",{stopColor:"#00FFF3",stopOpacity:"0.77"}),React.createElement("stop",{offset:"0.423394",stopColor:"#00FFF3",stopOpacity:"0.72"}),React.createElement("stop",{offset:"1",stopColor:"#5BDCD6",stopOpacity:"0"})),React.createElement("linearGradient",{id:`paint3_linear_${n}`,x1:"8.78891",y1:"8.19421",x2:"13.9762",y2:"11.1031",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#37BDFF"}),React.createElement("stop",{offset:"0.1832",stopColor:"#33BFFD"}),React.createElement("stop",{offset:"0.3576",stopColor:"#28C5F5"}),React.createElement("stop",{offset:"0.528",stopColor:"#15D0E9"}),React.createElement("stop",{offset:"0.5468",stopColor:"#12D1E7"}),React.createElement("stop",{offset:"0.5903",stopColor:"#1CD2E5"}),React.createElement("stop",{offset:"0.7679",stopColor:"#42D8DC"}),React.createElement("stop",{offset:"0.9107",stopColor:"#59DBD6"}),React.createElement("stop",{offset:"1",stopColor:"#62DCD4"})),React.createElement("linearGradient",{id:`paint4_linear_${n}`,x1:"5.79337",y1:"12.7533",x2:"13.2359",y2:"12.7533",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#39D2FF"}),React.createElement("stop",{offset:"0.1501",stopColor:"#38CEFE"}),React.createElement("stop",{offset:"0.2931",stopColor:"#35C3FA"}),React.createElement("stop",{offset:"0.4327",stopColor:"#2FB0F3"}),React.createElement("stop",{offset:"0.5468",stopColor:"#299AEB"}),React.createElement("stop",{offset:"0.5827",stopColor:"#2692EC"}),React.createElement("stop",{offset:"0.7635",stopColor:"#1A6CF1"}),React.createElement("stop",{offset:"0.909",stopColor:"#1355F4"}),React.createElement("stop",{offset:"1",stopColor:"#104CF5"})),React.createElement("linearGradient",{id:`paint5_linear_${n}`,x1:"7.16704",y1:"13.4278",x2:"7.16704",y2:"3.18178",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#1B48EF"}),React.createElement("stop",{offset:"0.1221",stopColor:"#1C51F0"}),React.createElement("stop",{offset:"0.3212",stopColor:"#1E69F5"}),React.createElement("stop",{offset:"0.5676",stopColor:"#2190FB"}),React.createElement("stop",{offset:"1",stopColor:"#26B8F4"})),React.createElement("linearGradient",{id:`paint6_linear_${n}`,x1:"7.2727",y1:"14.6444",x2:"11.9994",y2:"10.0535",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"white"}),React.createElement("stop",{offset:"0.3726",stopColor:"#FDFDFD"}),React.createElement("stop",{offset:"0.5069",stopColor:"#F6F6F6"}),React.createElement("stop",{offset:"0.6026",stopColor:"#EBEBEB"}),React.createElement("stop",{offset:"0.68",stopColor:"#DADADA"}),React.createElement("stop",{offset:"0.7463",stopColor:"#C4C4C4"}),React.createElement("stop",{offset:"0.805",stopColor:"#A8A8A8"}),React.createElement("stop",{offset:"0.8581",stopColor:"#888888"}),React.createElement("stop",{offset:"0.9069",stopColor:"#626262"}),React.createElement("stop",{offset:"0.9523",stopColor:"#373737"}),React.createElement("stop",{offset:"0.9926",stopColor:"#090909"}),React.createElement("stop",{offset:"1"})),React.createElement("linearGradient",{id:`paint7_linear_${n}`,x1:"7.16704",y1:"3",x2:"7.16704",y2:"13.3223",gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#F5F5F5"}),React.createElement("stop",{offset:"0.3726",stopColor:"#FDFDFD"}),React.createElement("stop",{offset:"0.5069",stopColor:"#F6F6F6"}),React.createElement("stop",{offset:"0.6026",stopColor:"#EBEBEB"}),React.createElement("stop",{offset:"0.68",stopColor:"#DADADA"}),React.createElement("stop",{offset:"0.7463",stopColor:"#C4C4C4"}),React.createElement("stop",{offset:"0.805",stopColor:"#A8A8A8"}),React.createElement("stop",{offset:"0.8581",stopColor:"#888888"}),React.createElement("stop",{offset:"0.9069",stopColor:"#626262"}),React.createElement("stop",{offset:"0.9523",stopColor:"#373737"}),React.createElement("stop",{offset:"0.9926",stopColor:"#090909"}),React.createElement("stop",{offset:"1"})),React.createElement("clipPath",{id:`clip0_${n}`},React.createElement("rect",{width:"18",height:"18",fill:"white"}))))}}t.ChatWithBingIcon=o;t.SearchChatIcon=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){return React.createElement("span",{className:"wrapper",dangerouslySetInnerHTML:{__html:'<svg viewBox="0 0 36 36"><g style="opacity: 0.5"><path d="M18 2c8.8 0 16 7.2 16 16s-7.2 16-16 16S2 26.8 2 18S9.2 2 18 2 M18 0C8.1 0 0 8.1 0 18s8.1 18 18 18s18-8.1 18-18S27.9 0 18 0L18 0z" /><\/g><path d="M18 2C9.2 2 2 9.2 2 18s7.2 16 16 16s16-7.2 16-16S26.8 2 18 2z M18 31c-7.2 0-13-5.8-13-13S10.8 5 18 5s13 5.8 13 13S25.2 31 18 31z" /><\/svg>'}})}}n.CortanaIcon=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){const{items:i,showIcons:r,clickHandler:u,menuType:t,enterHandler:f,leaveHandler:e,expandIcon:o,inputType:s}=this.props.dataModel;return React.createElement("ul",{className:n.classNames("contextMenu",{moreScopesDropdown:t==1,advancedScopesDropdown:t==2,b_hide:this.props.isSubmenu}),role:"listbox",tabIndex:1,"aria-label":t==0?n.getLocString("ContextMenu"):n.getLocString("Menu"),"aria-expanded":!!i},i&&i.length&&i.map(i=>!i.groupItems&&React.createElement(n.MenuItem,{key:i.id,item:i,showIcons:r,clickHandler:u,menuType:t,enterHandler:f,leaveHandler:e,expandIcon:o,inputType:s})||React.createElement("li",{key:i.id,className:"presentation"},React.createElement("ul",{role:"group","aria-label":i.narratorText},React.createElement(n.MenuItem,{item:i,showIcons:r,clickHandler:u,menuType:t,enterHandler:f,leaveHandler:e,expandIcon:o,inputType:s}),i.groupItems.map(h=>React.createElement(n.MenuItem,{key:i.id+h.id,item:h,showIcons:r,clickHandler:u,menuType:t,enterHandler:f,leaveHandler:e,expandIcon:o,inputType:s}))))))}}n.WindowsMenu=t;n.MenuItem=i=>{function l(n){const{narratorText:t,text:i}=n,r=/^[^\s@]+@[^\s@]+\.[^\s@]+$/i.test(t);return r&&t&&i?`${t} ${i}`:t?t:i}const{item:r,showIcons:u,clickHandler:e,menuType:f,enterHandler:o,leaveHandler:s,expandIcon:h,inputType:c}=i;return r.isSeparator?React.createElement("div",{className:"divider","aria-orientation":"horizontal"}):React.createElement("li",{id:r.id,className:n.classNames("menuItem",r.cssClass,{menuItemTouch:c==3,expanded:r.isExpanded,focusable:r.isSelectable}),"data-partnertag":n.whenTestHooks("AutoSuggest.MenuItem"),onMouseUp:n=>e(r,n.nativeEvent),onMouseEnter:n=>o(r,n.nativeEvent),onMouseLeave:n=>s(r,n.nativeEvent),role:r.isSelectable?"listitem":r.isSeparator?"":"heading","aria-label":l(r),"aria-expanded":r.isExpanded,"aria-haspopup":r.subItems?"menu":null,tabIndex:-1},r.subItems&&React.createElement(t,{dataModel:{items:r.subItems,showIcons:u,clickHandler:e,menuType:f,enterHandler:o,leaveHandler:s,expandIcon:h,inputType:c},isSubmenu:!0}),React.createElement("div",{className:n.classNames("itemContent",{leftPill:r.isSelectedAccount})},u&&r.icon&&React.createElement(n.Icon,{icon:r.icon}),r.subItems&&React.createElement(n.Icon,{icon:h,type:"SecondaryIcon"}),React.createElement("div",{className:u?"menu-item_details":""},r.message&&React.createElement("div",{className:n.classNames({oneLineMax:f!=2},"menuHeaderText")},r.message),r.isDefault&&React.createElement("span",{className:"highlighted"},r.text),!r.isDefault&&r.text&&React.createElement("div",{className:n.classNames({oneLineMax:f!=2},"menuSubText")},r.text))))}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){const{chevronDownIcon:f,expandCollapseClickEventHandler:e,expanderCollapsed:t,expanderItem:i,sectionNarratorText:r}=this.props;let u=t?n.getLocString("ExpanderNarratorText",r):n.getLocString("ExpanderNarratorTextExpanded",r);return React.createElement("li",{role:"presentation",className:n.classNames("expanderContainer",{expanderOpened:!t},{selectedExpander:i.selected}),onClick:()=>e()},React.createElement("div",{className:"divider"}),React.createElement("button",{"data-partnertag":n.whenTestHooks("AutoSuggest.Preview.Expander"),id:i.id,"aria-label":u,"aria-expanded":!t,tabIndex:-1,title:u},React.createElement("div",{className:"expanderCircle"},React.createElement("div",{className:"expanderInnerCircle"},React.createElement(n.Icon,{icon:f})))))}}n.Expander=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){const{settingsModule:t,itemClickHandler:r}=this.props,{header:n,settingLinks:u}=t;return React.createElement(React.Fragment,null,React.createElement("h4",{className:"groupTitle"},n),React.createElement("ul",{"aria-label":n},u.map(n=>React.createElement(i,{key:n.id,moduleElement:n,itemClickHandler:r}))))}}n.SettingsOnlineModule=t;class i extends React.Component{render(){const{moduleElement:t,itemClickHandler:i}=this.props;return React.createElement("li",{className:n.classNames("sectionItem","selectable",{sa_hv:t.selected}),title:t.narratorText,onClick:n=>i(t,n.nativeEvent),id:t.id,tabIndex:-1,"aria-selected":t.selected,"aria-label":t.narratorText,"data-partnertag":n.whenTestHooks("AutoSuggest.PPOnlineModuleItem")},React.createElement("div",{className:"secondaryText"},React.createElement("span",null,t.text)))}}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){const i=800,r=80;class u extends React.Component{constructor(n){super(n);this.state={displayBalance:0,initialBalance:0,targetBalance:0,elapsedTime:0}}increaseBalance(){this.setState(n=>{const t=n;if(t.elapsedTime=Math.min(i,t.elapsedTime+r),n.elapsedTime==i)t.displayBalance=t.targetBalance,clearInterval(t.timer),t.timer=null;else{let r=t.elapsedTime/i;t.displayBalance=Math.floor((1-r)*n.initialBalance+r*n.targetBalance)}return t})}onInitOrUpdate(){const{balance:n}=this.props.dataModel;n!=this.state.targetBalance&&this.setState(t=>{const i=t;return i.initialBalance=t.displayBalance,i.targetBalance=n,i.elapsedTime=0,i.timer||(i.timer=setInterval(()=>this.increaseBalance(),r)),i})}componentDidMount(){this.onInitOrUpdate()}componentDidUpdate(n){this.props.dataModel.balance!=n.dataModel.balance&&this.onInitOrUpdate()}render(){const{userIsGiving:r,click:u,instItem:e,badgeFillupPercentage:o,showNotification:s}=this.props.dataModel,{displayBalance:h,targetBalance:c}=this.state,l=n.config.rewFly?"rewardsFlyout":null,i=t.getLocString("MicrosoftRewardsBadgeBalance",`${c}`);return React.createElement("li",{role:"presentation",className:"rightHeaderButtons itemTooltip"},React.createElement("a",{className:"scope-tile focusable scope-tile--rewards",onClick:t=>n.invokeClickHandler(u,t.nativeEvent),role:"button","aria-controls":l,"aria-label":i,tabIndex:-1,"data-partnertag":t.whenTestHooks("AutoSuggest.MicrosoftRewardsBadge"),onFocus:()=>n.focusedToolTipHandler("#rewardsBadgeButton","title",i),onBlur:()=>n.focusedToolTipHandler("#rewardsBadgeButton","title",i),"data-h":e.getHValue(),id:"rewardsBadgeButton"},React.createElement("div",{className:"scope-tile__button"},React.createElement("span",null,h),n.config.useCobaltCSS?React.createElement(t.Icon,{icon:{content:"&#xED4E",type:2}}):React.createElement(f,{badgeFillupPercentage:o,isGivingBadge:r}),s&&React.createElement("div",{id:"RewardsNotification",className:"rewardsNotification","data-partnertag":t.whenTestHooks("AutoSuggest.MicrosoftRewardsBadgeNotification")}))))}}t.MicrosoftRewardsBadge=u;class f extends React.Component{render(){const{badgeFillupPercentage:t,isGivingBadge:n}=this.props;return React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",enableBackground:"new 0 0 32 32",viewBox:"0 0 32 32"},n&&React.createElement("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M15.9995 23.3044C16.399 23.3555 17.4828 23.1744 18.9998 22.0532C20.973 20.5948 24.5332 17.4635 23.9327 13.7746L23.9212 13.7736C23.7669 11.6639 22.0063 10.0003 19.8572 10.0003C18.0684 10.0003 16.5487 11.153 16.0005 12.7561C15.4524 11.1528 13.9327 10 12.1437 10C9.99462 10 8.23408 11.6637 8.07977 13.7734L8.06734 13.7745C7.46683 17.4634 11.027 20.5947 13.0002 22.0531C14.516 23.1735 15.5994 23.3551 15.9995 23.3044Z"}),!n&&React.createElement("path",{d:"M 12 16.006 l 2.554 1.28 c -1.492 0.581 -2.554 2.023 -2.554 3.72 c 0 2.209 1.791 4 4 4 s 4 -1.791 4 -4 c 0 -1.696 -1.06 -3.138 -2.551 -3.719 l 2.551 -1.281 v -7 h -8 v 7 Z m -4 -6.5 v 4.183 c 0 0.189 0.106 0.362 0.275 0.447 l 1.725 0.87 v -6 h -1.5 c -0.276 0 -0.5 0.224 -0.5 0.5 Z m 15.5 -0.5 h -1.5 v 6 l 1.725 -0.87 c 0.169 -0.085 0.275 -0.258 0.275 -0.447 v -4.183 c 0 -0.276 -0.224 -0.5 -0.5 -0.5 Z"}),React.createElement("circle",{className:"rewards-badge-fill",fill:"none",strokeWidth:"2",cx:"16",cy:"16",r:"14",transform:"rotate(-90, 16, 16)",strokeDasharray:`${t*88}, 88`}),React.createElement("circle",{className:"radial-bg",fill:"none",strokeWidth:"2",cx:"16",cy:"16",r:"14"}))}}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i({direction:r,click:i}){const f=`scope-with-background__${r==1?"left":"right"}Caret`;let u="&#xEDDA";return u=n.isRtl()?r==1?"&#xEDDA":"&#xEDD9":r==1?"&#xEDD9":"&#xEDDA",React.createElement("li",{role:"presentation",className:t.classNames(f,{b_hide:r==1})},React.createElement("a",{tabIndex:-1,role:"button",onClick:t=>n.invokeClickHandler(i,t.nativeEvent),title:t.getLocString(`ScopeHeader${r==1?"Left":"Right"}Button`)},React.createElement(t.Icon,{icon:{content:u,type:2}})))}function r({id:e,selected:s,clickHandler:i,label:o,icon:r,iconComponent:u,iconComponentProps:f}){const h=n.isWin11AlwaysWide();return React.createElement("li",{role:h?"listitem":"presentation"},React.createElement("a",{className:t.classNames("scope-tile",{focusable:!n.config.skipSelectedScope},{"scope-tile--selected bottomPill":s},{"scope-tile--left":n.config.useCobaltCSS}),"data-partnertag":t.whenTestHooks("AutoSuggest.ScopesL1.ScopeTile"),href:"#",onClick:t=>n.invokeClickHandler(i,t.nativeEvent),role:h?"button":"tab","aria-selected":s,"aria-label":o,title:o,id:e,tabIndex:-1},React.createElement("div",{className:"scope-tile__title scope-tile-toggle__title"},r&&React.createElement(t.Icon,{icon:r}),u&&React.createElement(n.View[u],Object.assign({},f.props)),React.createElement("div",{className:"scope-tile__label"},o))))}class u extends React.Component{constructor(){super(...arguments);this.shouldComponentUpdate=(t,i)=>n.shouldComponentUpdateOverload(this,t,i)}render(){var c,l;const{dataModel:a}=this.props;if(!a)return null;const{scopes:u,showFeedback:b,scopesBackBtnHandler:ot,scopesLeftCaretBtnHandler:v,scopesRightCaretBtnHandler:y,rewardsBadgeDataModel:p,moreMenuDataModel:w,optionsMenuDataModel:k,userProfileButtonDataModel:e,brandBarDataModel:d,isWin11DSB:g,isWorkScopeHomePage:nt,isSearchHome:st,codexChatLeftDataModel:tt,codexChatRightDataModel:it,searchHomeToggleTiles:h}=a,ht=p&&!p.counterFactualLoggingEnabled,ct=!!e,lt=b&&n.RuntimeConfig.AlwaysWide&&!n.isTwoPanesZIEnabled(),at=!st&&tt,rt=(h===null||h===void 0?void 0:h.length)>0,o=n.isWin11AlwaysWide(),vt=!!d,ut={firstScope:(c=u[0])===null||c===void 0?void 0:c.type,lastScope:(l=u[u.length-1])===null||l===void 0?void 0:l.type},ft=!g||nt,yt=t.classNames("scopes-list",{"scopes-list-minimal":g&&!nt}),s=n.isThirdPartySearchAllowed(),et=s?u.filter(t=>t.type!=n.Scope.All):undefined,f=s?u.find(t=>t.type==n.Scope.All):undefined;return React.createElement("div",null,u.length>0&&React.createElement("ul",{className:yt,"aria-label":o?undefined:t.getLocString("ScopesListToolTip"),role:o?undefined:"tablist"},rt&&React.createElement("div",null,React.createElement("ul",{role:o?"list":"tablist",className:"tablist-toggle","aria-label":t.getLocString("ScopesListToolTip")},h.map(n=>React.createElement(r,Object.assign({key:n.id},n))))),ft&&!rt&&React.createElement(React.Fragment,null,!(n.config.codexSimple&&n.isCodexEligible())&&!s&&n.config.scopeWithBackground&&n.RuntimeConfig.AlwaysWide&&n.RuntimeConfig.QfMode!=11&&React.createElement("li",{role:"presentation",className:"scope-with-background__backButton"},React.createElement("a",{id:"backButton",tabIndex:-1,role:"button",className:"scope-tile focusable",onClick:t=>n.invokeClickHandler(ot,t.nativeEvent),title:t.getLocString("ScopeHeaderBackButton")},ft&&React.createElement(t.Icon,{icon:{content:"&#xE72B",type:2}}))),at&&React.createElement(t.CodexChatButton,Object.assign({},tt)),n.RuntimeConfig.AlwaysWide&&n.config.scopeWithBackground&&React.createElement(React.Fragment,null,s&&f&&React.createElement(r,{id:f===null||f===void 0?void 0:f.id,selected:f.enabled,clickHandler:f.click,label:n.Host.getLocString("SearchToggle")}),React.createElement(i,{click:v,direction:1}),React.createElement("li",{role:o?"presentation":undefined,className:"scope-with-background__slider"},React.createElement("ul",{role:o?"list":"tablist","aria-label":t.getLocString("ScopesListToolTip")},s&&et&&et.map(n=>React.createElement(t.ScopeItem,{key:n.id,scope:n,firstAndLastScopes:ut,scopesLeftCaretBtnReset:v,scopesRightCaretBtnReset:y}))||u.map(n=>React.createElement(t.ScopeItem,{key:n.id,scope:n,firstAndLastScopes:ut,scopesLeftCaretBtnReset:v,scopesRightCaretBtnReset:y})))),React.createElement(i,{click:y,direction:2}))||React.createElement(React.Fragment,null,u.map(n=>React.createElement(t.ScopeItem,{key:n.id,scope:n})),n.RuntimeConfig.AlwaysWide&&w&&!n.config.removeMoreScopes&&React.createElement(t.MoreMenuButton,{id:"scopeMoreMenu",dropdownMenuClickHandler:w.buttonClickHandler,isOpened:w.opened}))),vt&&React.createElement(t.MsbBrandingBar,{dataModel:d}),ht&&React.createElement(t.MicrosoftRewardsBadge,{dataModel:p}),ct&&React.createElement(t.UserProfileButton,{id:"userProfileButton",controls:"suserProfileMenu",icon:e.icon,userName:e.userName,dropdownMenuClickHandler:e.buttonClickHandler,isOpened:e.opened}),lt&&React.createElement(t.FeedbackButton,{id:"feedbackButton",showFeedback:b}),React.createElement(t.OptionsMenuButton,{id:"optionsButton",controls:"scopeOptionsMenu",dropdownMenuClickHandler:k.buttonClickHandler,isOpened:k.opened}),it&&React.createElement(t.CodexChatButton,Object.assign({},it)),n.config.showCloseButton&&n.RuntimeConfig.AlwaysWide&&React.createElement(t.CloseButton,{closeWSB:a.closeButtonClickHandler,id:"closeButton"})))}}t.ScopesHeader=u})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i({scope:r,firstAndLastScopes:i,scopesLeftCaretBtnReset:u,scopesRightCaretBtnReset:f}){const s=r.enabled&&!n.config.scopeWithBackground,h=r.enabled&&n.RuntimeConfig.AlwaysWide&&n.config.scopeWithBackground,c=!n.RuntimeConfig.AlwaysWide&&n.config.scopeWithBackground,e=n.isWin11AlwaysWide(),l=r.text&&(!n.config.scopeWithBackground||n.config.scopeWithBackground&&n.RuntimeConfig.AlwaysWide),[a,o]=React.useState(!0),v=n.config.scopeWithBackground&&(r.type===(i===null||i===void 0?void 0:i.firstScope)||(i===null||i===void 0?void 0:i.lastScope)),y=n=>{n===(i===null||i===void 0?void 0:i.firstScope)?u():n===(i===null||i===void 0?void 0:i.lastScope)&&f();return};return React.createElement("li",{className:c?"singlePaneTooltip":undefined,role:e?"listitem":"presentation"},React.createElement("a",{className:t.classNames("scope-tile",{focusable:!n.config.skipSelectedScope||!r.enabled},{"scope-tile--selected":r.enabled},{bottomPill:s||h},{"scope-tile--left":n.config.useCobaltCSS}),"data-partnertag":t.whenTestHooks("AutoSuggest.ScopesL1.ScopeTile"),href:"#",onClick:t=>n.invokeClickHandler(r.click,t.nativeEvent),onFocus:()=>{v?y(r.type):null,n.config.wsbWebView2?o(!1):null},onBlur:()=>{n.config.wsbWebView2?o(!0):null},role:r.enabled&&n.shouldSkipSelectedScope()?"":e?"button":"tab","aria-selected":r.enabled?"true":"false",title:a?r.tooltip:"","aria-label":r.text,id:r.id,tabIndex:-1},React.createElement(t.Icon,{icon:r.icon}),l&&React.createElement("div",{className:"scope-tile__title"},r.text)))}t.ScopeItem=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i({showFeedback:r,id:i}){return React.createElement("li",{role:"presentation",className:"rightHeaderButtons"},React.createElement("a",{className:"scope-tile focusable",onClick:t=>n.invokeClickHandler(r,t.nativeEvent),role:"button","aria-label":t.getLocString("FeedbackButtonText"),title:t.getLocString("FeedbackButtonToolTip"),tabIndex:-1,"data-partnertag":t.whenTestHooks("AutoSuggest.FeedbackLink"),id:i},n.config.feedbackButtonIcon?React.createElement("span",{className:"scope-tile__button"},React.createElement(t.Icon,{icon:{content:n.config.feedbackButtonIcon,type:2}})):React.createElement("div",{className:"scope-tile__title"},t.getLocString("FeedbackButtonText"))))}t.FeedbackButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i({closeWSB:i,id:r}){return React.createElement("li",{role:"presentation"},React.createElement("a",{className:"scope-tile focusable",onClick:t=>n.invokeClickHandler(i,t.nativeEvent),role:"button","aria-label":t.getLocString("CloseButtonText"),title:t.getLocString("CloseButtonText"),tabIndex:-1,"data-partnertag":t.whenTestHooks("AutoSuggest.CloseButton"),id:r},React.createElement("span",{className:"scope-tile__button"},React.createElement(t.Icon,{icon:{content:"&#xF78A",type:2}}))))}t.CloseButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){function i({id:r,dropdownMenuClickHandler:i,isOpened:u}){return React.createElement("li",{role:"presentation",className:"more"},React.createElement("a",{className:t.classNames("scope-tile",{focusable:!u,dropDownOpened:u},{"scope-tile--left":n.config.useCobaltCSS}),onClick:t=>n.invokeClickHandler(i,t.nativeEvent),role:"button","aria-label":t.getLocString("MoreScopesList"),"aria-expanded":u?"true":"false","aria-haspopup":"menu","aria-controls":r,title:t.getLocString("MoreScopesListToolTip"),tabIndex:-1,id:"moreButton","data-partnertag":t.whenTestHooks("AutoSuggest.MoreMenu")},React.createElement("span",{className:"scope-tile__title"},t.getLocString("MoreScopesList")),React.createElement("span",{className:"chevron-down"},React.createElement(t.Icon,{icon:n.config.useCobaltCSS?{content:"&#xE70D",type:2}:{content:"&#xF08E",type:2}}))))}t.MoreMenuButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{id:r,controls:f,icon:e,userName:i,isOpened:u,dropdownMenuClickHandler:o}=this.props;return React.createElement("li",{role:"presentation",className:"rightHeaderButtons itemTooltip"},React.createElement("a",{className:t.classNames("scope-tile",{focusable:!u,dropDownOpened:u}),onClick:t=>n.invokeClickHandler(o,t.nativeEvent),role:"button","aria-live":"polite","aria-label":i,"aria-expanded":u,"aria-haspopup":"menu","aria-controls":f,title:i,tabIndex:-1,id:r,onFocus:()=>n.focusedToolTipHandler(`#${r}`,"title",i),onBlur:()=>n.focusedToolTipHandler(`#${r}`,"title",i),"data-partnertag":t.whenTestHooks("AutoSuggest.UserProfileButton")},React.createElement("span",{className:"userProfileMenuIcon"},React.createElement(t.Icon,{icon:e}))))}}t.UserProfileButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{constructor(t){super(t);this.shouldComponentUpdate=(t,i)=>n.shouldComponentUpdateOverload(this,t,i)}render(){const{id:i,controls:f,dropdownMenuClickHandler:e,isOpened:r}=this.props,u=t.getLocString("OptionsButtonToolTip");return React.createElement("li",{role:"presentation",className:"rightHeaderButtons itemTooltip"},React.createElement("a",{className:t.classNames("scope-tile",{focusable:!r,dropDownOpened:r}),onClick:t=>n.invokeClickHandler(e,t.nativeEvent),role:"button","aria-label":t.getLocString("OptionsButtonToolTip"),"aria-expanded":r,"aria-haspopup":"menu","aria-controls":f,title:u,tabIndex:-1,id:i,onFocus:()=>n.focusedToolTipHandler(`#${i}`,"title",u),onBlur:()=>n.focusedToolTipHandler(`#${i}`,"title",u),"data-partnertag":t.whenTestHooks("AutoSuggest.OptionsMenu")},React.createElement("span",{className:"scope-tile__button"},React.createElement(t.Icon,{icon:{content:"&#xE712",type:2}}))))}}t.OptionsMenuButton=i})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){const{}=this.props;return React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"loaderIcon",viewBox:"0 0 16 16"},React.createElement("circle",{className:"radial-bg",cx:"8px",cy:"8px",r:"7px"}),React.createElement("circle",{className:"radial radial-infinite",cx:"8px",cy:"8px",r:"7px"}))}}n.AnimatedLoader=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){let{message:n}=this.props;return n?React.createElement("div",{id:"suggestionCountForNarrator","aria-live":"polite","aria-atomic":"true"},React.createElement("span",null,n)):null}}n.NarratorAnnouncement=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){class i extends React.Component{render(){const{dataModel:i}=this.props;if(!i)return null;let e;if((i.buttonMessage||i.buttonClickHandler)&&i.showButtonMessage&&i.isLinkText){let r=i.buttonIcon?React.createElement("span",null,React.createElement(t.Icon,{icon:i.buttonIcon})):null;e=React.createElement("button",{id:"FlyoutHyperLinkButton",className:"flyoutButton flyoutHyperLinkButtonText",onClick:t=>n.invokeClickHandler(i.buttonClickHandler||i.dismissClickHandler,t.nativeEvent)},i.buttonMessage||i.acknowledgeFlyoutText," ",r)}else(i.buttonMessage||i.buttonClickHandler)&&i.showButtonMessage&&!i.isLinkText&&(e=React.createElement("button",{id:"FlyoutHyperLinkButton",className:"flyoutButton flyoutHyperLinkButton",onClick:t=>n.invokeClickHandler(i.buttonClickHandler||i.dismissClickHandler,t.nativeEvent)},i.buttonMessage||i.acknowledgeFlyoutText));let s,h;i.nbSteps>1&&(h=React.createElement("div",{className:"flyoutStepCounter flyoutNavigation"}," ",i.stepCounterText," "),s=i.currentStep+1!=i.nbSteps||e?React.createElement("span",null,React.createElement("button",{id:"FlyoutNextButton",className:"flyoutButton flyoutNavigation","data-partnertag":t.whenTestHooks("AutoSuggest.Flyout.FlyoutNavigation"),onClick:i.nextStep},i.nextFlyoutText)):React.createElement("span",null,React.createElement("button",{id:"FlyoutButton",className:"flyoutButton flyoutNavigation",onClick:t=>n.invokeClickHandler(i.buttonClickHandler||i.dismissClickHandler,t.nativeEvent)},i.buttonMessage||i.acknowledgeFlyoutText)));let o;i.showDismissButton&&(o=React.createElement("button",{id:"FlyoutDismissFooterButton",className:"flyoutButton flyoutDismissFooterButton",onClick:t=>n.invokeClickHandler(i.dismissClickHandler,t.nativeEvent)},i.dismissMessage||i.dismissFlyoutText));let c;c=e&&o?React.createElement("div",{className:"flyoutFooter"},e,o):React.createElement("div",{className:"flyoutFooter"},h,o,s,e);const l=["flyout",i.flyoutClass].join(" ");return React.createElement("div",{className:l,id:i.id,tabIndex:0,"data-partnertag":t.whenTestHooks("AutoSuggest.Flyout"),style:this.style()},React.createElement(u,{position:i.position,beakOffset:i.beakOffset}),React.createElement(r,{clickHandler:i.dismissClickHandler}),React.createElement(f,{iconKey:i.iconKey}),i.title&&React.createElement("div",{className:"flyoutTitle"},i.title),React.createElement("div",{className:"flyoutMessage"},i.message),c)}style(){let{bottom:t,left:i,top:r,right:u}=this.props.dataModel,n={};return isNaN(i)?isNaN(u)||(n.right=u):n.left=i,isNaN(r)?isNaN(t)||(n.bottom=t):n.top=r,n}}t.Flyout=i;const r=i=>React.createElement("span",{id:"flyoutDismiss"},React.createElement("a",{href:"#",id:"flyoutDismissIcon",className:"flyoutDissmissButtonArea",onClick:t=>n.invokeClickHandler(i.clickHandler,t.nativeEvent),"aria-label":t.getLocString("DismissFlyout"),"data-partnertag":t.whenTestHooks("AutoSuggest.Flyout.Dismiss"),tabIndex:-1},React.createElement(t.Icon,{icon:{content:"&#xE711",type:2}}))),u=n=>{const t={left:n.position=="Bottom"||n.position=="Top"?n.beakOffset:null,top:n.position=="Left"||n.position=="Right"?n.beakOffset:null},i=`flyoutBeak${n.position}`;return React.createElement("div",{className:["flyoutBeak",i].join(" "),style:t,role:"presentation"})},f=n=>{switch(n.iconKey){case"Rewards":return React.createElement("div",{id:"FlyoutIcon"},React.createElement(t.RewardsLogo,null));default:return React.createElement("span",null)}}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){return React.createElement("svg",{width:"100%",height:"100%",viewBox:"0 0 64 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},React.createElement("g",{clipPath:"url(#clip0)"},React.createElement("path",{d:"M24.0454 33.0031H41.0299",stroke:"#FFBA00",strokeWidth:"2"}),React.createElement("path",{d:"M31.679 39.2957V32.241",stroke:"#FFBA00",strokeWidth:"2"}),React.createElement("path",{d:"M8.73109 9.3436H31.2103H55.3941L62.9923 0.00292969H46.0352H32.1648H17.7387H1.63391L8.73109 9.3436Z",fill:"#0063B0"}),React.createElement("path",{d:"M61.8346 0.000244467L58.603 0.000911482L54.0247 0.0015785L47.156 0.00224551L32.4226 25.2807L32.0625 25.6417L16.9684 0.00224551L10.0997 0.000244467L5.51075 0.000911482L2.2898 0.000244467C1.026 -0.000422915 0.00066797 1.02267 0 2.28603C0 2.28603 0.139604 3.11692 0.373394 3.46596L22.8993 41.1897H41.2251L63.751 3.46596C63.9855 3.11692 64.1144 2.70848 64.1251 2.2887C64.1258 1.02534 63.1011 0.000911849 61.8373 0.000244467H61.8346Z",fill:"#0177D9"}),React.createElement("path",{d:"M53.9494 0.000732422L32.036 37.2259L31.9872 37.308L10.025 0.000732422H5.44678L29.6927 41.1875H34.271H34.2817L58.5277 0.000732422H53.9494Z",fill:"#F1F1F1"}),React.createElement("path",{d:"M32.0606 26.9993C41.1669 26.9993 48.5489 34.3747 48.5489 43.473C48.5489 52.5713 41.1669 59.9467 32.0606 59.9467C22.9543 59.9467 15.5724 52.5713 15.5724 43.473C15.5724 34.3747 22.9543 26.9993 32.0606 26.9993Z",fill:"#FFBA00"}),React.createElement("path",{d:"M32.3252 32.0001C38.3959 32.0001 43.3172 36.9171 43.3172 42.9824C43.3172 49.0483 38.3959 53.9658 32.3252 53.9658C26.2546 53.9658 21.3333 49.0483 21.3333 42.9824C21.3333 36.9171 26.2546 32.0001 32.3252 32.0001Z",fill:"#FF8400"})),React.createElement("defs",null,React.createElement("clipPath",{id:"clip0"},React.createElement("rect",{width:"64",height:"60",fill:"white"}))))}}n.RewardsLogo=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{render(){const{onMouseEnter:r}=this.props,{id:t,selected:i,selectedStyleSuspended:u,narratorText:f,tooltip:e}=this.props.subItem;return React.createElement("div",{id:t,key:t,className:n.classNames("informationBubble toolTipTarget",{sa_hv:i&&!u}),title:e||"","aria-label":f,"aria-selected":i,onMouseEnter:()=>r(),onClick:n=>n.stopPropagation()},"i")}}n.InformationBubble=t})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(t){t.WorkSubVerticalSuggestions=({data:i})=>{if(!i)return null;const{group:r,suggestions:e,openPreviewPaneButton:v,hasQfSuggestions:s,updateFullyExpandState:y,scrollTo:p,isEdu:o}=i,h=6,[u,w]=React.useState(!0),[f,c]=React.useState(!1||o);React.useEffect(()=>c(s||o),[s,o]);React.useEffect(()=>ft(),[f,u]);const l=n.msbHost.features.isEduScopeApplicable()?n.Host.getLocString("MsbVerticalSubVerticalGroupNameEdu"):n.Host.getLocString("MsbVerticalSubVerticalGroupName"),b={type:2,content:u?"&#xE96D":"&#xE96E"},k=n.Host.getLocString("MsbVerticalSubVerticalGroupOpened"),d=n.Host.getLocString("MsbVerticalSubVerticalGroupCollapsed"),g=`${l} ${u?k:d}`,nt=n.Host.getLocString("MsbWorkVerticalSeeMore"),tt=n.Host.getLocString("MsbWorkVerticalSeeLess"),it={id:"ws-pills-see-more-less",selected:!1,text:""},rt=()=>{w(!u),r===null||r===void 0?void 0:r.click(null,null),bfbWsbTel.logWorkScopeClick("WsbWorkPillsArrowButton")},ut=()=>{c(!f),y(),bfbWsbTel.logWorkScopeClick("WsbWorkPillsButton")},ft=()=>{f&&u&&p(it,!1,!0)},a=i=>i.map(i=>{if(i.suppressed)return null;let r=t.classNames("subVerticalsItem",{sa_hv:i.selected&&!i.selectedStyleSuspended,arrowOrTabAction:!!i.arrowOrTabAction&&i.selected,selectable:!!i.click,selected:i.selected,withOpenPreviewPaneBtn:i.selected},i.classNames.join(" "));return React.createElement("div",{id:i.id,className:"workScopeSubVerticalsListItem"},React.createElement("div",{className:r,onClick:t=>{n.isMsbSubverticalOnlineSuggestionType(i.type)&&n.InstrumentationHelper.logClientInstEvent("Select","WorkScopePillSelect",undefined,{suggestionType:i.type}),v.clickHandler(i,t)}},React.createElement("label",null,i.text)))}),et=()=>{if(e.length>h){const i=e.slice(0,h),r=f?e:i,n=f?tt:nt;return React.createElement("div",{id:"workSubVerticalPillList",className:"workScopeSubVerticalsList"},a(r),React.createElement("div",{id:"ws-pills-see-more-less",className:t.classNames("seeMoreLess"),onClick:ut,tabIndex:-1,role:"button","aria-label":n},n))}return React.createElement("div",{id:"workSubVerticalPillList",className:"workScopeSubVerticalsList"},a(e))};return React.createElement("div",{id:"workScopeSubVerticalsContainer"},React.createElement("a",{id:r.id,role:"button","aria-label":g,"aria-live":"polite",tabIndex:-1,className:t.classNames("groupHeader","workSubVerticalHeader",{sa_hv:!!(r===null||r===void 0?void 0:r.selectedStyleSuspended)}),onClick:rt},React.createElement("div",{className:"groupTitle"},React.createElement("span",null,l)),React.createElement(n.View.Icon,{additionalCssClass:"msb_ws_chevron",icon:b})),u&&et())}})(t=n.View||(n.View={}))}(WSB||(WSB={})),function(n){var t;(function(n){class t extends React.Component{insertDividers(n){let t=[...n];for(let i=0;i<n.length-1;i+=2)t.splice(i+1,0,{isDivider:!0});return t}isButton(n){return!n.isDivider}render(){const{clickHandler:r,items:t,text:i,className:u,isSideBeak:f}=this.props.dataModel;let e=this.insertDividers(t);return(!t||t.length==0)&&!i?null:React.createElement("div",{className:"popover "+u,"aria-label":i,tabIndex:-1},React.createElement("div",{className:"text"},i),React.createElement("ul",{className:"buttonList"},e.map((t,i)=>React.createElement("li",{key:i},t.isDivider&&React.createElement("span",{className:"popoverDivider",role:"display"},"|")||this.isButton(t)&&React.createElement("a",{id:t.id,className:n.classNames("focusable",{sa_hv:t.selected&&!t.selectedStyleSuspended,accentColor:t.useAccentColor}),"data-clicks":!0,"aria-label":t.narratorText,tabIndex:-1,role:"link",onClick:n=>r(t,n.nativeEvent),"data-partnertag":n.whenTestHooks("AutoSuggest.PopoverButton"),"data-h":t.instItem?t.instItem.getHValue():null},t.text)))),React.createElement("div",{className:n.classNames("beak",{sidebeak:f})}))}}n.Popover=t})(t=n.View||(n.View={}))}(WSB||(WSB={}))