https://www.sap.cn/etc.clientlibs/sapdx/front-layer/dist/resources/sapcom/3523.3bf66c21d3bbe2e8b69d.js

1"use strict";(globalThis.__LOADABLE_LOADED_CHUNKS__||=[]).push([[3523],{11931(e,t,a){a.d(t,["Mq",0,{DROPDOWN:"open dropdown",EXPANDER:"expander"},"RG",0,"breadcrumbData","n9",0,{LINK:"/tutorial-navigator.html"}])},70669(e,t,a){a.d(t,{A:()=>m});var l=a(96540),r=a(2896),s=a(5556),n=a.n(s),c=a(20053),o=a(63164),i=a(42137),u=a(77153);const d={navigationLineHeight:"Button__navigationLineHeight--WLxub",fontRegular:"Button__fontRegular--JCJIP",fontMedium:"Button__fontMedium--u1Sqm",fontBold:"Button__fontBold--ltdOy",eyebrow:"Button__eyebrow--hXM0s",displayLineHeight:"Button__displayLineHeight--NJbFJ",wrapper:"Button__wrapper--KWCN2","full-width":"Button__full-width--Hp7pw",button:"Button__button--CG639","bottom-space":"Button__bottom-space--NBqqo",left:"Button__left--TjJWg",center:"Button__center--qQu1b",right:"Button__right--mzUUc","blue--dark":"Button__blue--dark--f4UP4",primary:"Button__primary--aWvKf",secondary:"Button__secondary--Hn5d5"};function m({target:e="_self",style:t="primary",alignment:a="left",hasBottomSpace:s=!1,isFullWidth:n=!1,id:m,title:g,href:p,pathLanguage:h,className:f,emptyplaceholder:_,onClick:F}){const{isEditMode:v}=(0,r.d4)(o.Vl);if((!p||!g)&&v)return l.createElement(i.A,null,_);const y=(0,c.$)(d.wrapper,d[a],{[d["bottom-space"]]:s,[d["full-width"]]:n});return l.createElement("div",{className:y},l.createElement("a",{id:m,onClick:F,className:(0,c.$)(f,d.button,d[t]),href:(0,u.A)(p,h),target:e},g))}m.propTypes={title:n().string.isRequired,href:n().string.isRequired,id:n().string,target:n().oneOf(["_self","_blank"]),style:n().oneOf(["primary","secondary","blue--dark"]),alignment:n().oneOf(["left","center","right"]),hasBottomSpace:n().bool,className:n().string,isFullWidth:n().bool,emptyplaceholder:n().string}},60591(e,t,a){a.d(t,{A:()=>f});var l=a(96540),r=a(5556),s=a.n(r),n=a(20312),c=a.n(n),o=a(20053),i=a(16977);const u="Modal__modalContent--Dukhf",d="Modal__modalTransparent--UOcH1",m="Modal__modalCentered--vPujw",g="Modal__modalHeader--BfnFl",p="Modal__closeIcon--Ohsel",h=({title:e,description:t,closeModal:a,className:r,closeIcon:s})=>l.createElement("div",{className:r},(e||t)&&l.createElement("div",{className:"Modal__modalMeta--Xb6CR"},e&&l.createElement("div",{className:"Modal__modalTitle--uoZug"},e),t&&l.createElement("div",{className:"Modal__modalDescription--F18LI"},t)),l.createElement("div",{className:s,onClick:a},l.createElement(i.US,null)));function f({isOpen:e=!1,headerTitle:t="",headerDescription:a="",className:r="",headerClassName:s="",portalClassName:n="",closeIconClassName:i="",Header:f=h,defaultStyle:_=!0,defaultHeaderStyle:F=!0,defaultIconStyle:v=!0,transparent:y=!1,centered:b=!1,children:S,closeModal:R,onAfterOpen:T}){return l.createElement(c(),{isOpen:e,onRequestClose:R,onAfterOpen:T,className:(0,o.A)(r,{[u]:_,[d]:y,[m]:b}),overlayClassName:"Modal__modalOverlay--G56Xf",contentLabel:t||a||"",ariaHideApp:!1,portalClassName:n},l.createElement(f,{title:t,description:a,closeModal:R,className:(0,o.A)(s,{[g]:F,[d]:y}),closeIcon:(0,o.A)(i,{[p]:v})}),S)}h.propTypes={headerTitle:s().string,headerDescription:s().string,className:s().string,closeIcon:s().string,closeModal:s().func.isRequired},f.propTypes={isOpen:s().bool,headerTitle:s().string,headerDescription:s().string,closeModal:s().func.isRequired,onAfterOpen:s().func,className:s().string,headerClassName:s().string,closeIconClassName:s().string,portalClassName:s().string,defaultStyle:s().bool,defaultHeaderStyle:s().bool,defaultIconStyle:s().bool,transparent:s().bool,centered:s().bool}},66570(e,t,a){a.d(t,{A:()=>u});var l=a(96540),r=a(5556),s=a.n(r),n=a(20053),c=a(35407),o=a(70669),i=a(81443);function u({searchBarText:e="Search for something",searchButtonText:t="Search",searchValue:a,handleSearch:r,onChange:s,onReset:u}){const d=u||(()=>{s(""),r("")}),m=()=>r(a);return l.createElement("div",{className:"SearchBar__searchBar--awj3j"},l.createElement("div",{className:"SearchBar__inputWrapper--_5BLA"},l.createElement(c.pd,{onChange:e=>{s(e.target.value)},className:"SearchBar__input--lPo6k",value:a,placeholder:e,onKeyPress:e=>{if("Enter"===e.key)return r(a)}}),l.createElement("button",{className:(0,n.A)("SearchBar__clearIcon--D4tZc",i.A.iconClose,a?"SearchBar__visible--Y7Gz7":"SearchBar__invisible--Tmgo4"),onClick:d})),l.createElement("div",{className:"SearchBar__buttonWrapper--QwkSp"},l.createElement("div",{className:"SearchBar__mobileHidden--Mk96G"},l.createElement(o.A,{type:"primary",onClick:m,title:t})),l.createElement("div",{className:"SearchBar__mobileVisible--mA9zS"},l.createElement(o.A,{type:"primary",onClick:m,title:l.createElement("i",{className:`SearchBar__searchIcon--NmEa0 ${i.A.iconSearch}`})}))))}

1u.propTypes={pathLanguage:s().string,searchBarText:s().string,searchButtonText:s().string,searchValue:s().string.isRequired,handleSearch:s().func.isRequired,onChange:s().func.isRequired}},98262(e,t,a){a.r(t),a.d(t,{default:()=>be});var l=a(96540),r=a(5556),s=a.n(r);var n=a(73065),c=a.n(n),o=a(4224);const i=e=>{let t=e;return":"===t&&(t="\\"+e),decodeURIComponent(t).replace(/&/g,"%26").replace(/[\u2018\u2019\u201C\u201D]/g,(e=>"''\"\"".substr("‘’“”".indexOf(e),1)))},u=(e,t)=>{const a=t?[{category:"Keyword",name:t}]:[];return e.forEach((e=>{a.push({category:e.category,name:e.title})})),a},d=e=>e.some((e=>[o.h2,o.RG].indexOf(e.type)>-1)),m=(e,t)=>({label:e.title,value:e.key,category:e.category,tagTitle:e.tagTitle,isSelected:t}),g=()=>{window.scrollTo({top:0,behavior:"smooth"})},p=({searchText:e,tags:t,currentPage:a})=>{const l=new URLSearchParams(location.search);l.delete("tag"),l.delete("search"),l.delete("start"),e.length&&l.set("search",e),t.map((e=>l.append("tag",e.tagTitle))),a>0&&l.set("start",a),history.pushState("Changed url",`Set data. Start: ${a}`,`${location.pathname}${l.toString().length?"?":""}${l}`)},h=(e,t)=>{const a=new URLSearchParams(location.search),l=a.get("search"),r=a.get("start"),s=a.getAll("tag");e({searchText:l||"",currentPage:isNaN(+r)?0:+r,tags:s,isURLUpdateCompleted:!0,updatedFacets:t})},f=(e,t)=>{const a=e.findIndex((e=>e.key===t.key));return[...e.slice(0,a),...e.slice(a+1)]},_=({label:e})=>l.createElement("div",{onClick:g,className:"BackToTop__backToTop--PEGaw"},e),F=l.memo(_),v=({className:e,active:t,href:a,text:r,onClick:s})=>l.createElement("span",{className:`PageLink__pageLinkWrapper--hMDfb ${e}`},l.createElement("a",{onClick:()=>{s(a),g()},className:`PageLink__pageLink--EMeKt ${t}`},r)),y=l.memo(v);y.propTypes={className:s().string,active:s().string,href:s().number.isRequired,text:s().string.isRequired,onClick:s().func.isRequired};const b=(e,t,a)=>{const l=[];for(let r=e;r<=t;r++)l.push({active:r===a?"Pagination__active--MXOIg":"",className:"",href:r-1,text:`${r}`});return l},S=({numFound:e,tilesPerPage:t,currentPage:a,onChangePage:r,backtotoplabel:s})=>{const n=Math.ceil(+e/+t),c=((e,t,a,l)=>{let r,s,n=[],c=!1;for(let l=1;l<=t;l++){if(s=9*l,r=s+1-9,s=s>e?e:s,l===t&&!c)return n.concat(b(r,s,a));if(c){if(n.push({className:"Pagination__endPart--Y8lLx",href:r-1,text:`${r===s?s:`${r} - ${s}`}`}),s>=e)return n}else a>s?n.push({className:"Pagination__startPart--V7CNn",href:r-1,text:`${r} - ${s}`}):(n=n.concat(b(r,s,a)),c=!0)}})(n,Math.ceil(n/9),a+1),o=e&&e>t;return l.createElement("div",{className:"Pagination__pagination--qqUOV","data-testid":"Pagination"},l.createElement(F,{label:s}),l.createElement("div",{className:"Pagination__wrapper--LWFFl"},o&&c.map((e=>l.createElement(y,{onClick:r,key:e.href,className:e.className,active:e.active,href:e.href,text:e.text})))))},R=l.memo(S);R.propTypes={numFound:s().number.isRequired,tilesPerPage:s().number,currentPage:s().number,onChangePage:s().func};var T=a(89455),E=a(31428);const C={navigationLineHeight:"Results__navigationLineHeight--smC7W",fontRegular:"Results__fontRegular--_gaIm",fontMedium:"Results__fontMedium--TU3zm",fontBold:"Results__fontBold--hFzy6",eyebrow:"Results__eyebrow--ftbEZ",displayLineHeight:"Results__displayLineHeight--kEUoW",tutorialResultsWrapper:"Results__tutorialResultsWrapper--HyhbW",tutorialResultsTiles:"Results__tutorialResultsTiles--_xTQz"};var L=a(18744);const N=({anchorId:e,userData:t,results:a,tilesPerPage:r,currentPage:s,onChangePage:n,resultslegendlabel:c,resultsmissionlabel:o,resultsgrouplabel:i,resultstutorialslabel:u,pathLanguage:d})=>{const{tags:m,tutorialsNewFrom:g,result:p,numFound:h,countGroups:f,countMissions:_,countTutorials:F,iconPath:v}=a,y={mission:o,group:i,tutorials:u},b=(0,L.C$)({countMissions:_,countGroups:f,countTutorials:F},y),S=(0,L.cT)(p,g,m,v,d),N=(0,L.X)();return l.createElement("div",{id:e,className:C.tutorialResults,"data-testid":"Results"},l.createElement("div",{className:C.tutorialResultsWrapper},l.createElement(T.A,{title:c,items:b}),l.createElement(E.A,{className:C.tutorialResultsTiles,tiles:S,userData:t,widerColumns:!0}),l.createElement(R,{tilesPerPage:r,currentPage:s,onChangePage:n,numFound:h,backtotoplabel:N})))},P=l.memo(N);var O=a(62284);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},x.apply(null,arguments)}const A=({label:e})=>l.createElement("div",{className:"NoResultsFound__noResults--ITGpe"},l.createElement("div",{className:"NoResultsFound__noResultsIcon--_xV8Q"},l.createElement("img",x({src:"/etc.clientlibs/settings/wcm/designs/developers/clientlib/resources/no-code-image.svg",alt:""},(0,O.Df)(!0)))),l.createElement("div",{className:"NoResultsFound__noResultsText--Gx49x"},e)),k=l.memo(A);var U=a(66570),w=a(20053),B=a(16977);const I="FiltersToggle__filtersTogglePressed--zj1PP",M=({handleFiltersToggle:e,filtersOpened:t,selectedFiltersCount:a})=>l.createElement("div",{className:(0,w.A)("FiltersToggle__filtersToggle--TQJAY",{[I]:t}),onClick:e,"data-testid":"FiltersToggle"},l.createElement(B.YG,null),!!a&&l.createElement("div",{className:"FiltersToggle__filtersToggleV

1alue--RpSGA"},a)),H=l.memo(M);H.propTypes={handleFiltersToggle:s().func,filtersOpened:s().bool,selectedFiltersCount:s().number};var D=a(35407),q=a(64013),W=a(48232);const $="ActiveFilters__ActiveFiltersItem--ISiSE",V=({selectedFilters:e,onFilterRemove:t,onClearFilters:a,filterslabel:r,clearalllabel:s})=>{const n=e.every((e=>"object"==typeof e&&null!==e));return l.createElement("div",{className:"ActiveFilters__ActiveFilters--AV9up","data-testid":"ActiveFilters"},l.createElement(D.$j,{className:"ActiveFilters__ActiveFiltersTitle--tsWxX",type:"m"},r),n?e.map((e=>l.createElement("button",{key:e.key,onClick:()=>t(e),className:`${$} ActiveFilters__ActiveFiltersItemSelected--mbcui`},e.title))):null,!!e.length&&l.createElement("button",{onClick:a,className:`${$} ActiveFilters__ActiveFiltersItemClearAll--iZ6PW`},s))},j=l.memo(V);j.propTypes={selectedFilters:s().array,onFilterRemove:s().func,onClearFilters:s().func};const G={navigationLineHeight:"FilterFacets__navigationLineHeight--yl1I8",fontRegular:"FilterFacets__fontRegular--x5_uV",fontMedium:"FilterFacets__fontMedium--S0EWU",fontBold:"FilterFacets__fontBold--muAXS",eyebrow:"FilterFacets__eyebrow--TI1Md",displayLineHeight:"FilterFacets__displayLineHeight--KZuKS",filterFacets:"FilterFacets__filterFacets--lqyGB",filterFacetsColumn:"FilterFacets__filterFacetsColumn--DJtAj",filterFacetsCol1:"FilterFacets__filterFacetsCol1--nPVSn",filterFacetsCol2:"FilterFacets__filterFacetsCol2--cS9tg",filterFacetsCol3:"FilterFacets__filterFacetsCol3--m9mUx",filterFacetsCol4:"FilterFacets__filterFacetsCol4--TkPG0",filterFacetsCol5:"FilterFacets__filterFacetsCol5--z1D3X",filterFacetsTitle:"FilterFacets__filterFacetsTitle--z_2Oh",filterFacetsSelect:"FilterFacets__filterFacetsSelect--uGSzs"};var z=a(26179);const J="ScrollableTagList__scrollableTagListItem--xRS2l",X="ScrollableTagList__selected--NDEtL",K=({tagList:e,onSelect:t,onRemove:a,selectedItems:r,category:s})=>l.createElement("div",{className:"ScrollableTagList__scrollableTagList--C19Xo","data-testid":"ScrollableTagList"},l.createElement(z.A,{autoHide:!1,style:{maxHeight:136}},e.map((({key:e,title:n,tagTitle:c,type:o})=>{const i=r.find((t=>t.key===e)),u=(0,w.A)(J,{[X]:i}),d=()=>(i?a:t)({key:e,title:n,category:s,tagTitle:c,type:o});return"Options"!==s?l.createElement("div",{key:e,className:u},l.createElement("span",{onClick:d},n)):l.createElement(D.ff,{key:e,id:e,className:(0,w.A)(J,"ScrollableTagList__Options--YqCZQ"),onChange:d,label:n})})))),Q=l.memo(K),Y="SearchInput__icons--c4dzY",Z="SearchInput__iconVisible--IWLUq",ee=({name:e="Search",label:t="Label",onChange:a,searchValue:r=""})=>l.createElement("div",{className:"SearchInput__filtersSearch--en354"},l.createElement(D.pd,{name:e,placeholder:t,value:r,onChange:a,className:"SearchInput__input--v9BPY"}),l.createElement("span",{className:(0,w.A)(Y,"SearchInput__iconClose--ogB9U",{[Z]:r}),onClick:()=>a()}),l.createElement("span",{className:(0,w.A)(Y,"SearchInput__iconSearch--WG5xd",{[Z]:!r})}));ee.propTypes={name:s().string,label:s().string,searchValue:s().string,triggerSearch:s().func};const te=({title:e,showSearch:t,onFilterSelect:a,onFilterRemove:r,tagList:s,selectedFilters:n,searchfortaglabel:c})=>{const[o,i]=(0,l.useState)(""),u=o.trim().toLowerCase(),d=o?s.filter((e=>e.title.toLowerCase().includes(u)||e.tagAlternativeTitles&&e.tagAlternativeTitles.filter((e=>e.toLowerCase().includes(u))).length)):s;return l.createElement(l.Fragment,null,l.createElement("p",{className:G.filterFacetsTitle},e),t&&l.createElement(ee,{searchValue:o,onChange:e=>{e&&""!==e.target.value?e.target.value&&i(e.target.value):i("")},name:e.toLowerCase(),label:c}),l.createElement(Q,{onSelect:a,onRemove:r,tagList:d,selectedItems:n,category:e}))},ae=l.memo(te);ae.propTypes={title:s().string,showSearch:s().bool,onFilterSelect:s().func,onFilterRemove:s().func,tagList:s().array,selectedFilters:s().array};const{viewports:le}=W.Ay,re=({facets:e,onFilterSelect:t,onFilterRemove:a,onClearFilters:r,onOptionSelect:s,onOptionRemove:n,selectedFilters:c,selectedOptions:o,filterslabel:i,clearalllabel:u,searchfortaglabel:g})=>{const p=(0,q.QU)()<=le.TABLET_LANDSCAPE_MIN_WIDTH-1,h=Object.keys(e),f=(0,L.SJ)(),_=(e,l)=>{const{value:r,category:s,label:n,tagTitle:o}=l.option,i=r.split(":")[0],u={key:r,category:s,title:n,tagTitle:o,type:i};c.find((e=>r===e.key))?a(u):t(u)},F=t=>e[t].map((e=>m(e,c.find((t=>t.key===e.key)))));return l.createElement(l.Fragment,null,l.createElement(j,{onFilterRemove:a,onClearFilters:r,selectedFilters:c,filterslabel:i,clearalllabel:u}),l.createElement("div",{className:(0,w.A)(G.filterFacets,G[`filterFacetsCol${h.length+1}`])},h.map(((r,s)=>l.createElement("div",{className:G.filterFacetsColumn,key:s},p?l.createElement(D.aL,{options:F(r),onChange:_,value:c.length?c.filter((e=>e.category===r)).map(m):null,placeholder:r,className:G.filterFacetsSelect,isMulti:!0,shouldShowLabel:!0}):l.createElement(ae,{title:r,showSearch:d(e[r]),onFilterSelect:t,onFilterRemove:a,selectedFilters:c,tagList:e[r],searchfortaglabel:g})))),l.createElement("div",{className:G.filterFacetsColumn},l.createElement(ae,{title:f.title,showSearch:d(f.filtres),onFilterSelect:s,onFilterRemove:n,selectedFilters:o,tagList:f.filtres,searchfortaglabel:g}))))};re.propTypes={facets:s().object,onFilterSelect:s().func,onFilterRemove:s().func,onClearFilters:s().func,selectedFilters:s().array};const{viewports:se}=W.Ay,ne=({hideFacets:e,searchValue:t,facets:a,onSearchChange:r,onSearchReset:s,onSearch:n,onFilterSelect:c,onFilterRemove:o,onClearFilters:i,onOptionSelect:u,onOptionRemove:d,selectedFilters:m,selectedOptions:g,searchbuttonlabel:p,filterslabel:h,clearalllabel:f,searchfortaglabel:_,searchbarplaceholderlabel:F})=>{const v=(0,q.QU)()>se.TABLET_LANDSCAPE_MIN_WIDTH,[y,b]=(0,l.useState)(v);return l.createElement("div",{className:"Filter__filterContainer--aLvqM"},l.createElement("div",{className:"Filter__searchContainer--xVKUT"},l.createElement(U.A,{searchValue:t,onChange:r,onReset:s,searchButtonText:p,searchBarText:F,handleSearch:n}),!e&&l.createElement(H,{handleFiltersToggle:()=>b(!y),filtersOpened:y,selectedFiltersCount:m.length})),y&&!e&&a&&l.createElement(re,{facets:a,onFilterSelect:c,onFilterRemove:o,onOptionSelect:u,onOptionRemove:d,onClearFilters:i,selectedFilters:m,selectedOptions:g,filterslabel:h,clearalllabel:f,searchfortaglabel:_}))};

1ne.propTypes={searchValue:s().string,facets:s().object,selectedFilters:s().array,onSearch:s().func,onSearchChange:s().func,onFilterSelect:s().func,onFilterRemove:s().func,onClearFilters:s().func,searchbarplaceholderlabel:s().string};const ce={toggleLoading:"toggleLoading",updateSearchText:"updateSearchText",updateSearchResult:"updateSearchResult",selectFilter:"selectFilter",removeFilter:"removeFilter",clearFilters:"clearFilters",addOption:"addOption",error:"error",changePage:"changePage",updateFromURL:"updateFromURL"},oe=()=>({type:ce.toggleLoading}),ie=e=>({type:ce.updateSearchText,searchText:e}),ue=e=>({type:ce.changePage,page:e}),de={isLoading:!1,searchText:"",searchResult:null,selectedFilters:[],facets:null,currentPage:0,shouldUpdateURL:!1,isURLUpdateCompleted:!1,selectedOptions:[]},me=(e,t)=>{switch(t.type){case ce.toggleLoading:return{...e,isLoading:!e.isLoading};case ce.updateSearchText:return{...e,searchText:t.searchText||"",shouldUpdateURL:!0};case ce.updateSearchResult:return{...e,searchResult:t.searchResult,facets:t.facets,shouldUpdateURL:!1};case ce.selectFilter:return{...e,selectedFilters:[...e.selectedFilters,t.filter],currentPage:0,shouldUpdateURL:!0};case ce.removeFilter:return{...e,selectedFilters:f(e.selectedFilters,t.filter),currentPage:0,shouldUpdateURL:!0};case ce.clearFilters:return{...e,selectedFilters:[],currentPage:0,shouldUpdateURL:!0};case ce.addOption:return{...e,selectedOptions:[...e.selectedOptions,t.option],currentPage:0,shouldUpdateURL:!0};case ce.removeOption:return{...e,selectedOptions:f(e.selectedOptions,t.option),currentPage:0,shouldUpdateURL:!0};case ce.changePage:return{...e,currentPage:t.page,shouldUpdateURL:!0};case ce.updateFromURL:return{...e,searchText:t.searchText||"",currentPage:t.currentPage,selectedFilters:t.selectedFilters,selectedOptions:t.selectedOptions,isURLUpdateCompleted:t.isURLUpdateCompleted};case ce.error:return{...e,error:t.error};default:throw new Error("Tutorial Navigator: Unexpected action")}},ge=e=>{const[t,a]=(0,l.useReducer)(me,{...de,itemsPerRequest:e}),r=(e,l)=>{a(oe());const r=t.searchText.replaceAll("%"," "),s=l?"":r,n=JSON.stringify((c=s,{rows:(u={itemsPerRequest:t.itemsPerRequest,currentPage:t.currentPage,filters:t.selectedFilters.filter(Boolean).map((e=>(({key:e,type:t})=>{if(e&&t)return`/${e.replace(":","/")}${"option"===t?"/solrOptionId":"/solrTagId"}`})(e))),newTasks:t.selectedOptions.find((e=>"newTasks"===e.key))||"",community:t.selectedOptions.find((e=>"community"===e.key))||"",noLicense:t.selectedOptions.find((e=>"noLicense"===e.key))||""}).itemsPerRequest,start:u.currentPage,searchField:i(c),pagePath:document.querySelector("html").getAttribute("data-page-path")||"",language:document.querySelector("html").getAttribute("data-language")||"",addDefaultLanguage:!0,newTasks:u.newTasks.tagTitle,community:u.community.tagTitle,noLicense:u.noLicense.tagTitle,filters:u.filters}));var c,u;fetch(o.dD+encodeURI(n)).then((e=>e.json())).then((e=>{const t=(l=e,Object.keys(l.facets).reduce(((e,t)=>{if(!l.facets[t])return e;const a=l.facets[t].reduce(((e,a)=>{const r=a.split(":")[0],s=("option"===r?l.options[a]:l.tags[a])||{};return s.key=a,s.category=t,s.type=r,[...e,s]}),[]);return"Experience"!==t&&"Type"!==t&&a.sort(((e,t)=>e.title.toLowerCase()<t.title.toLowerCase()?-1:e.title.toLowerCase()===t.title.toLowerCase()?0:1)),{...e,[t]:a}}),{}));var l;return a(((e,t)=>({type:ce.updateSearchResult,searchResult:e,facets:t}))(e,t)),a(oe()),t})).then((t=>{e&&e(t)})).catch((e=>{a(oe()),a((e=>({type:ce.error,error:e}))(e))}))};return{isLoading:t.isLoading,isURLUpdateCompleted:t.isURLUpdateCompleted,searchText:t.searchText,onSearchTextChange:e=>a(ie(e)),onSearchReset:()=>{a(ie("")),r((()=>p({searchText:"",tags:t.selectedFilters,currentPage:t.currentPage})),!0)},onSearch:r,onSearchWithURLUpdate:(e=!1)=>{e&&a(ue(0)),r((()=>p({searchText:t.searchText,tags:t.selectedFilters,currentPage:e?0:t.currentPage})))},onFilterSelect:e=>{t.selectedFilters.find((t=>t.key===e.key))||(a((e=>({type:ce.selectFilter,filter:e}))(e)),p({searchText:t.searchText,tags:[...t.selectedFilters,e],currentPage:t.currentPage}))},onFilterRemove:e=>{a((e=>({type:ce.removeFilter,filter:e}))(e)),p({searchText:t.searchText,tags:f(t.selectedFilters,e),currentPage:t.currentPage})},onClearFilters:()=>{a({type:ce.clearFilters}),p({searchText:t.searchText,tags:[],currentPage:t.currentPage})},onOptionSelect:e=>{t.selectedOptions.find((t=>t.key===e.key))||a((e=>({type:ce.addOption,option:e}))(e))},onOptionRemove:e=>{a((e=>({type:ce.removeOption,option:e}))(e))},onChangePage:e=>{a(ue(e))},currentPage:t.currentPage,selectedFilters:t.selectedFilters,searchResult:t.searchResult,selectedOptions:t.selectedOptions,facets:t.facets,updateFromURL:({searchText:e="",currentPage:l=0,tags:s=[],isURLUpdateCompleted:n=!1,updatedFacets:c})=>{let o=s;s.length>0&&(o=o.map((e=>e.includes("products:")?e.replace("products:","software-product:"):e)));const i=((e,t)=>{if(!e)return[];const a=Object.keys(e).reduce(((t,a)=>[...t,...e[a]]),[]);return t.map((e=>a.find((t=>t.tagTitle===e))||e))})(t.facets||c,o),u=t.selectedOptions;if(i.length>0&&"string"==typeof i[0])return a(ie("")),r((()=>p({searchText:"",tags:[],currentPage:0})),!0);a(((e,t,a,l,r)=>({type:ce.updateFromURL,searchText:e,currentPage:t,selectedFilters:a,selectedOptions:l,isURLUpdateCompleted:r}))(e,l,i,u,n))}}};var pe=a(70669),he=a(60591);function fe({headline:e,message:t,title:a,isExists:r=!0,onCloseHandler:s}

1){return(0,l.useEffect)((()=>{const e=setTimeout((()=>{r&&s()}),5e3);return()=>{clearTimeout(e)}}),[r]),l.createElement(he.A,{className:"NoExists__noExists--_A_Vp",headerClassName:"NoExists__noExistsHeader--lfZAr",closeIconClassName:"NoExists__noExistsCloseIcon--X8fkD",closeModal:s,isOpen:r,defaultHeaderStyle:!1,defaultIconStyle:!1,centered:!0,transparent:!0},l.createElement("div",{className:"NoExists__content--wJSIN"},l.createElement("div",{className:"NoExists__headline--cnuar"},e),l.createElement("div",{className:"NoExists__message--O8MHb"},t),l.createElement("div",{className:"NoExists__button--JIprY"},l.createElement(pe.A,{title:a,href:"#",onClick:s}))))}fe.propTypes={headline:s().string,message:s().string,title:s().string,isExists:s().bool.isRequired,onCloseHandler:s().func};var _e=a(5317),Fe=a(2896),ve=a(11931);function ye(){return ye=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},ye.apply(null,arguments)}const be=({hideFacets:e,numberOfResults:t,i18n:a={}})=>{const{isLoading:r,isURLUpdateCompleted:s,searchText:n,onSearch:o,onSearchWithURLUpdate:i,onSearchTextChange:d,onSearchReset:m,onFilterSelect:g,onFilterRemove:p,onClearFilters:f,onOptionSelect:_,onOptionRemove:F,onChangePage:v,currentPage:y,selectedFilters:b,selectedOptions:S,searchResult:R,facets:T,updateFromURL:E}=ge(t),C=(0,Fe.d4)(_e.Qg),N=!r&&R,O=R&&R.result&&!!R.result.length,x=(0,l.useRef)(!0),A=(0,L.uV)(),[U,w]=(0,l.useState)((()=>{const e=window.location.pathname;return!(!e||!e.match("(\\/mission\\.|group\\.|tutorials\\/)(.*\\.html)$"))})()),B=(e=>{const t=(0,l.useRef)();return(0,l.useEffect)((()=>{t.current=e})),t.current})({currentPage:y,selectedFilters:b,selectedOptions:S}),I=(e=!1)=>{i(e),((e,t,a)=>{try{(a||e.length)&&SAP.developers.analytics.datalayer.triggerEvent("trackData",{events:{[t?"finderFilterAdd":"finderFilterRemove"]:!0},finder:{type:"Tutorial Navigator",filters:u(e,a)}})}catch(e){c().error("Engagement Tracking: "+e)}})(b,n&&b.length,n)};return((e,t)=>{(0,l.useLayoutEffect)((()=>{const a=()=>e((e=>{h((e=>t(e)),e)}));return e(),window.addEventListener("popstate",a),sessionStorage.removeItem("contextData"),()=>{window.removeEventListener("popstate",a)}}),[])})(o,E),(0,l.useEffect)((()=>{T&&!s&&h((e=>{E(e)}))}),[T,b,S]),(({selectedFilters:e,selectedOptions:t,initialRender:a,prevSettings:r,currentPage:s,onSearchWithAnalytics:n})=>{(0,l.useEffect)((()=>{if(a.current)return void(a.current=!1);const l=new URLSearchParams(location.search).get("search");(r.selectedFilters.length!==e.length||r.selectedOptions.length!==t.length||r.currentPage!==s||l)&&n()}),[s,e,t])})({selectedFilters:b,selectedOptions:S,initialRender:x,prevSettings:B,currentPage:y,onSearchWithAnalytics:I}),(0,l.useEffect)((()=>{sessionStorage.removeItem(ve.RG)}),[]),l.createElement(l.Fragment,null,U&&l.createElement(fe,ye({onCloseHandler:e=>{e&&e.preventDefault();const t=window.location.pathname.split("/").slice(0,-2).join("/")+"/tutorial-navigator.html";history.pushState({},"",t),w(!1)}},A)),l.createElement(ne,{hideFacets:e,searchValue:n,facets:T,onSearchChange:d,onSearchReset:m,onSearch:()=>I(!0),onFilterSelect:g,onFilterRemove:p,onClearFilters:f,onOptionSelect:_,onOptionRemove:F,selectedFilters:b,selectedOptions:S,searchbuttonlabel:a.searchButtonLabel,filterslabel:a.filtersLabel,clearalllabel:a.clearAllLabel,searchfortaglabel:a.searchForTagLabel,searchbarplaceholderlabel:a.searchBarPlaceholderLabel}),r&&l.createElement(D.Ip,null),N&&O&&l.createElement(P,{tilesPerPage:+t,userData:C,currentPage:y,onChangePage:v,results:R,resultslegendlabel:a.resultsLegendLabel,resultsmissionlabel:a.resultsMissionLabel,resultsgrouplabel:a.resultsGroupLabel,resultstutorialslabel:a.resultsTutorialsLabel}),N&&!O&&l.createElement(k,{label:a.noResultsLabel}))}}}]);