@e-llm-studio/instant-learning 1.3.2 → 1.3.3

package/dist/cjs/features/LearningManagement/LearningManagement.js

@@ -1,2 +1,887 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("../../api/transport.js"),s=require("lucide-react"),a=require("./store/useLearningTemplateStore.js"),i=require("primereact/toast"),o=require("./styles/LearningTemplateManagement.module.css.js"),l=require("./LearningTemplateLayout.js"),u=require("./components/EmptyLearningState.js"),c=require("./store/useAuthStore.js"),d=require("./config.js"),p=require("./apis/scopeApis.js"),f=require("./hooks/useLearningTemplateQueryParams.js"),g=require("./components/ConfirmationModal.js"),_=require("./components/LearningTemplateManagementSkeleton.js"),v=require("./utils/treeUtils.js"),m=require("./store/useEnvStore.js"),S=require("./store/useConfigStore.js"),h=require("./components/ToolTip.js"),T=require("./components/CreateRuleSetLegacyModal.js"),y=require("./store/usePermissionsStore.js"),A=require("./store/useAppSecRolesStore.js"),E=require("./queries/useApprovalQueries.js"),b=require("./queries/useLMSConfigQuery.js"),L=require("./RuleContent/AddScopeModal.js"),C=require("./components/RuleContentSkeleton.js"),I=require("./components/ErrorStateDisplay.js"),D=require("react-router-dom"),R=require("./shared/SuccessToastContent.js"),M=require("./shared/ErrorToastContent.js"),P=require("./RuleContent/RenameScopeModal.js"),j=require("./store/useLMSConfigStore.js"),O=require("./constants.js"),q=require("../IL-marketplace/marketplaceTheme.js"),w=require("../IL-marketplace/services/IL-marketplace.api.js");function k(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var N=k(t);exports.default=function(k){var x,B,H,U,F,G,W,Y,Q,V,K,z,X=this,J=k.userDetails,Z=k.llmStudioUrl,$=k.audacyBackendUrl,ee=k.ilLabels,ne=k.config,te=k.rbacConfig,re=k.auditLogConfig,se=k.app_integration_id,ae=k.backwardCompatibility,ie=void 0!==ae&&ae,oe=k.cognitiveCompareCompatibility,le=void 0!==oe&&oe,ue=k.enableChatLogs,ce=k.modeId,de=k.modeDetails,pe=k.pluginPayload,fe=k.axiosConfig,ge=k.isILMarketplace,_e=k.contentModeMappingId,ve=k.guidelineContentProps,me=k.treeOverrides,Se=k.selectionMode,he=void 0!==Se&&Se,Te=k.theme,ye=k.published,Ae=void 0!==ye&&ye,Ee=k.version;r.applyAxiosConfig(fe);var be=N.default.useMemo(function(){return q.getILMarketplaceThemeStyles(Te)},[Te]),Le="".concat(null!=se?se:"",":").concat(null!=Ee?Ee:""),Ce=t.useState(null),Ie=Ce[0],De=Ce[1],Re=t.useState(function(){return Ae?"checking":"idle"}),Me=Re[0],Pe=Re[1],je=Ae&&Ie!==Le,Oe=Ie===Le,qe=[{id:"learnings",label:j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.learnings.labelsByLevel.default"),"Learnings"),icon:s.BookOpen,badgeKey:"learningsCount",isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.learnings"),n).visible}},{id:"access",icon:s.Users,label:"Access",resolveLabel:function(e,n){var t;return null!==(t=j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.access"),n,{scope:e.name}).label)&&void 0!==t?t:"Access"},isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.access"),n).visible}},{id:"history",label:j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.changeHistory.labelsByLevel.default"),"Change History"),icon:s.History,isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.changeHistory"),n).visible}},{id:"human-changes",label:j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.humanChanges.labelsByLevel.default"),"Human Changes"),icon:s.History,isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.humanChanges"),n).visible}}],we=[{id:"add",isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.add"),n).visible}},{id:"rename",isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.rename"),n).visible}},{id:"delete",isVisible:function(e,n){return j.resolveTreeItem("".concat(O.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.delete"),n).visible}}],ke=qe.map(function(n){var t,r=null===(t=null==me?void 0:me.sectionsConfig)||void 0===t?void 0:t.find(function(e){return e.id===n.id});return r?e.__assign(e.__assign({},n),r):n}).filter(function(e){return!(null==me?void 0:me.sectionsConfig)||me.sectionsConfig.some(function(n){return n.id===e.id})}).filter(function(e){return!je||"access"!==e.id&&"human-changes"!==e.id}),Ne=new Set(ke.map(function(e){return e.id})),xe=null!==(B=null===(x=ke[0])||void 0===x?void 0:x.id)&&void 0!==B?B:qe[0].id,Be=f.useRuleTemplateQueryParams().clearLearningParams,He=a.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),Ue=a.useLearningTemplateStore(function(e){return e.setSelectedRuleSetId}),Fe=a.useLearningTemplateStore(function(e){return e.setIlInstanceId}),Ge=a.useLearningTemplateStore(function(e){return e.error}),We=a.useLearningTemplateStore(function(e){return e.setError}),Ye=a.useLearningTemplateStore(function(e){return e.setStations}),Qe=a.useLearningTemplateStore(function(e){return e.scopeTreeData}),Ve=a.useLearningTemplateStore(function(e){return e.setScopeTreeData}),Ke=t.useState({isOpen:!1,type:"GLOBAL"}),ze=Ke[0],Xe=Ke[1],Je=t.useState(!1),Ze=Je[0],$e=Je[1],en=t.useState(!1),nn=en[0],tn=en[1],rn=t.useState(xe),sn=rn[0],an=rn[1],on=t.useState(null),ln=on[0],un=on[1],cn=t.useState(!1),dn=cn[0],pn=cn[1],fn=t.useState(null),gn=fn[0];fn[1];var _n=t.useState(!1),vn=_n[0],mn=_n[1],Sn=t.useState(!1),hn=Sn[0],Tn=Sn[1],yn=[null!=se?se:"",ge?"marketplace":"lms",null!=_e?_e:"",je?"published:".concat(null!=Ee?Ee:""):"sandbox"].join("|"),An=t.useState(null),En=An[0],bn=An[1];t.useRef(null);var Ln=t.useRef(null),Cn=t.useRef(!1),In=t.useRef(null),Dn=t.useRef(null),Rn=t.useRef(null),Mn=c.default();Mn.user;var Pn=Mn.setUser,jn=S.useConfigStore(),On=jn.setConfig,qn=jn.setIlLabels,wn=function(){try{return D.useLocation()}catch(e){return{search:""}}}(),kn=function(){try{return D.useSearchParams()[1]}catch(e){return null}}(),Nn=t.useCallback(function(e){if(kn){var n=new URLSearchParams(window.location.search);Object.entries(e).forEach(function(e){var t=e[0],r=e[1];null==r||""===r?n.delete(t):n.set(t,r)}),kn(n,{replace:!0})}else f.setQueryParams(e)},[kn]);t.useEffect(function(){if(!Cn.current){var e=new URLSearchParams(window.location.search),n=e.get(f.QUERY_PARAM_KEYS.RULESET_ID),t=e.get(f.QUERY_PARAM_KEYS.SECTION),r=t&&(null==Ne?void 0:Ne.has(t))?t:xe;(null==n?void 0:n.length)&&Ue&&an&&(Ue(n),an(r),Cn.current=!0)}},[null==wn?void 0:wn.search,an,Ue]),t.useEffect(function(){return function(){Be()}},[Be]),t.useEffect(function(){var e;He&&Nn(((e={})[f.QUERY_PARAM_KEYS.RULESET_ID]=He,e))},[He,Nn]),t.useEffect(function(){var n;(null==pe?void 0:pe.learningManagement)&&j.useLMSConfigStore.getState().setLMSConfig(e.__assign(e.__assign({},pe.learningManagement),{agents:null!==(n=pe.agents)&&void 0!==n?n:{}}))},[pe]);var xn=y.usePermissionsStore(function(e){return e.fetchPermissions}),Bn=y.usePermissionsStore(function(e){return e.hasPermission}),Hn=A.useAppSecRolesStore(function(e){return e.setRoles}),Un=m.default(function(e){return e.appsecRbacUrl})===te.appsecRbacUrl,Fn=E.useGetAppSecRolesQuery(te.applicationId,Un&&!je).data,Gn=b.useLMSConfigQuery(se,ie,!0,_e),Wn=Gn.isLoading,Yn=Gn.isError,Qn=Gn.refetch;Gn.isSuccess;var Vn=t.useState(0),Kn=Vn[0],zn=Vn[1];t.useEffect(function(){if(!ie&&se&&Z){e.__awaiter(X,void 0,void 0,function(){var n,t,r,s,a,i,o;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,p.getILInstance(se)];case 1:return n=e.sent(),(null===(s=null==n?void 0:n.data)||void 0===s?void 0:s.ILInstanceId)&&Fe(n.data.ILInstanceId),"number"==typeof(t=null===(o=null===(i=null===(a=null==n?void 0:n.data)||void 0===a?void 0:a.learningManagement)||void 0===i?void 0:i.scopeAndHierarchy)||void 0===o?void 0:o.maxHierarchyLevels)&&t>0&&zn(t-1),[3,3];case 2:return r=e.sent(),console.error("Failed to fetch IL instance for hierarchy levels:",r),[3,3];case 3:return[2]}})})}},[se,Z]),t.useEffect(function(){Fn&&Hn(Fn.map(function(e){return{_id:e._id,name:e.name}}))},[Fn,Hn]),t.useEffect(function(){var e;console.log("userDetails",J),Pn(J),console.log("llmStudioUrl",Z),console.log("audacyBackendUrl",$),m.default.getState().setLlmStudioUrl(Z),m.default.getState().setAudacyBackendUrl($),m.default.getState().setRbacConfig(te),m.default.getState().setAuditLogConfig(re),m.default.getState().setBaseModeName((null==de?void 0:de.modeNameFromURL)||null),On(ne),qn(ee),a.useLearningTemplateStore.getState().setAppIntegrationId(null!=se?se:null),a.useLearningTemplateStore.getState().setBackwardCompatibility(ie),a.useLearningTemplateStore.getState().setCognitiveCompareCompatibility(null!=le&&le),a.useLearningTemplateStore.getState().setEnableChatLogs("boolean"==typeof ue?ue:null),a.useLearningTemplateStore.getState().setIsILMarketplace(null!=ge&&ge),a.useLearningTemplateStore.getState().setPublishedReadOnly(je),a.useLearningTemplateStore.getState().setToken(null!==(e=null==J?void 0:J.accessToken)&&void 0!==e?e:null)},[J,Pn,Z,$,te,re,ne,On,ee,qn,se,ie,le,ue,ge,de,je,Ee]),t.useEffect(function(){De(null),Pe(Ae?"checking":"idle")},[Ae,Le]),t.useEffect(function(){(null==J?void 0:J.accessToken)&&Z&&(ge||p.fetchTiers())},[se,null==J?void 0:J.accessToken,Z,ge]);var Xn=function(n,t){return void 0===n&&(n=!0),void 0===t&&(t={}),e.__awaiter(X,void 0,void 0,function(){var r,s,i,o,l,u,f,g,_,m,S,h,T,A,E,b,L,C,I;return e.__generator(this,function(D){switch(D.label){case 0:if(r=null!==(E=t.readOnly)&&void 0!==E?E:je,s=r?null!==(b=t.version)&&void 0!==b?b:Ee:null,i=[null!=se?se:"",ge?"marketplace":"lms",null!=_e?_e:"",r?"published:".concat(null!=s?s:""):"sandbox"].join("|"),Dn.current===i)return[2];Dn.current=i,n&&$e(!0),We(null),D.label=1;case 1:return D.trys.push([1,14,15,16]),!t.permissionsAlreadyFetched&&(r||!Oe)?[4,xn(te.applicationId)]:[3,6];case 2:return D.sent(),r?(Pe((R=te.applicationResourceId,["ilotj.rule.variant.edit","ilotj.rule.create","ilotj.rule.variant.create","ilotj.scope.edit"].some(function(e){return y.usePermissionsStore.getState().hasPermission(e,R)})?"idle":"denied")),[3,6]):[3,3];case 3:return 0!==y.usePermissionsStore.getState().accessData.length?[3,6]:[4,e.__awaiter(X,void 0,void 0,function(){var n,t,r,s,a,i;return e.__generator(this,function(e){switch(e.label){case 0:if(!se)return[2,!1];if(!((null===(a=te.defaultAccessAppIntegrationIds)||void 0===a?void 0:a.length)?te.defaultAccessAppIntegrationIds:d.DEFAULT_ACCESS_CONFIG.FALLBACK_APP_INTEGRATION_IDS).includes(se))return[2,!1];if(In.current===se)return[2,!1];if(n=(null==J?void 0:J.email)||(null===(i=c.default.getState().user)||void 0===i?void 0:i.email),t=te.applicationModuleId,r=te.applicationResourceId,!n||!t||!r)return[2,!1];In.current=se,e.label=1;case 1:return e.trys.push([1,3,,4]),[4,p.grantApplicationAccess({resource_type:t,resource_id:r,user_email:n,role:te.defaultMarketPlaceRoleId||d.DEFAULT_ACCESS_CONFIG.FALLBACK_MARKETPLACE_ROLE_ID})];case 2:return e.sent(),[2,!0];case 3:return s=e.sent(),console.error("Failed to grant default access for first-time user:",s),[2,!1];case 4:return[2]}})})];case 4:return D.sent()?[4,xn(te.applicationId)]:[3,6];case 5:D.sent(),D.label=6;case 6:o=function(n){var t,s;if(r)return e.__assign(e.__assign({},n),{hasAccess:!0,children:null!==(s=null===(t=n.children)||void 0===t?void 0:t.map(function(e){return o(e)}))&&void 0!==s?s:[]});var a=y.usePermissionsStore.getState().hasPermission("ilotj.scope.view",n.id),i=n.children?n.children.map(function(e){return o(e)}).filter(function(e){return null!==e}):[];return a||0!==i.length?e.__assign(e.__assign({},n),{hasAccess:a,children:i}):null},l=void 0,D.label=7;case 7:if(D.trys.push([7,12,,13]),!ge)return[3,9];if(!_e)throw new Error("contentModeMappingId is required for IL Marketplace scope data.");return[4,w.fetchMarketplaceDomains(se,J.accessToken,Z,{content_mode_mapping_id:_e})];case 8:if((u=D.sent()).error)throw null!==(L=u.error.errorObjData)&&void 0!==L?L:new Error(u.error.errorMessage);return l=u.responseData,[3,11];case 9:return[4,p.fetchScopes(se,J.accessToken,r?s:null)];case 10:l=D.sent(),D.label=11;case 11:return[3,13];case 12:if(f=D.sent(),403===(null===(C=null==f?void 0:f.response)||void 0===C?void 0:C.status))return Ve(null),un(te.applicationResourceId||null),pn(!0),[2];throw f;case 13:return l&&l.data&&l.data.data&&(g=l.data.data,Array.isArray(g)&&(g=g.length>0?g[0]:null),g?(_=o(g))?(un(null),pn(!1),Ve({data:_}),Ln.current?(Ue(Ln.current),an(xe),Ln.current=null):(m=a.useLearningTemplateStore.getState().selectedRuleSetId,S=m?v.findNodeById(_,m):null,m&&S||(h=function(e){if(e.hasAccess)return e;for(var n=0,t=e.children||[];n<t.length;n++){var r=t[n],s=h(r);if(s)return s}return null},T=h(_),Ue(T?T.id:_.id)))):(un(null!==(I=g.id)&&void 0!==I?I:null),pn(!1),Ve(null)):(un(null),pn(!1),Ve(null))),[3,16];case 14:return A=D.sent(),console.error("Failed to fetch rule sets or permissions",A),We("Failed to load data. Please try again later."),[3,16];case 15:return Dn.current===i&&(Dn.current=null,$e(!1)),bn(i),[7];case 16:return[2]}var R})})};t.useEffect(function(){var e;(null===(e=null==J?void 0:J.accessToken)||void 0===e?void 0:e.length)&&Un?Xn(!0,{readOnly:je,version:Ee}):console.warn("Error: Trying to fetch rules without access token",J)},[null==J?void 0:J.accessToken,We,Ye,te.applicationId,Un,se,ge,_e,Z,je,Ee]);var Jn=function(n,t,r){return e.__awaiter(X,void 0,void 0,function(){var t,r,s,i,o,l,u,c;return e.__generator(this,function(d){switch(d.label){case 0:tn(!0),d.label=1;case 1:return d.trys.push([1,4,5,6]),[4,p.deleteRuleSet(n,J.accessToken)];case 2:return d.sent(),a.useLearningTemplateStore.getState().selectedRuleSetId===n&&(t=a.useLearningTemplateStore.getState().scopeTreeData,(r=v.findNodePathById((null==t?void 0:t.data)||null,n))&&r.length>1&&(s=r[r.length-2],Ue(s),an(xe))),[4,Xn(!0)];case 3:return d.sent(),Xe(function(n){return e.__assign(e.__assign({},n),{isOpen:!1})}),null===(o=Rn.current)||void 0===o||o.show({severity:"success",summary:"Deleted Successfully",detail:"The scope was permanently removed."}),[3,6];case 4:return i=d.sent(),console.error("An error occurred during scope deletion.",i),null===(l=Rn.current)||void 0===l||l.show({severity:"error",summary:"Delete Failed",detail:(null===(c=null===(u=null==i?void 0:i.response)||void 0===u?void 0:u.data)||void 0===c?void 0:c.message)||"There was an error deleting the scope. Please try again."}),[3,6];case 5:return tn(!1),[7];case 6:return[2]}})})},Zn=Qe,$n=gn?{data:{id:gn.stationId,name:gn.stationName,type:"STATION",metrics:{learningsCount:gn.learningsCount,stationsCount:0},children:[]}}:Zn,et=!!(null==$n?void 0:$n.data);null===(H=null==$n?void 0:$n.data)||void 0===H||H.type;var nt=y.usePermissionsStore(function(e){return e.hasGlobalPermission}),tt=te.applicationResourceId||"",rt=!je&&nt("ilotj.scope.global.create",tt),st=function(t){return e.__awaiter(X,void 0,void 0,function(){var r,s,i,l,u,c,d,f,g,_;return e.__generator(this,function(e){switch(e.label){case 0:if(!(r="string"==typeof t?t:(null===(c=null===(u=a.useLearningTemplateStore.getState().scopeTreeData)||void 0===u?void 0:u.data)||void 0===c?void 0:c.id)||ln)&&!dn)return null===(d=Rn.current)||void 0===d||d.show({severity:"error",sticky:!1,className:o.default.errorToast,content:n.jsx(M.default,{message:"Unable to identify the global scope for this access request."})}),[2];mn(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,p.requestAccess(r,dn)];case 2:return e.sent(),Tn(!0),null===(f=Rn.current)||void 0===f||f.show({severity:"success",sticky:!1,life:3e3,className:o.default.successToast,content:n.jsx(R.default,{message:"Access request submitted successfully!"})}),[3,5];case 3:return s=e.sent(),i=null===(g=null==s?void 0:s.response)||void 0===g?void 0:g.data,l="GLOBAL_SCOPE_NOT_FOUND"===(null==i?void 0:i.code)?"Unable to identify the global scope for this access request.":(null==i?void 0:i.detail)||(null==i?void 0:i.message)||"Failed to request access. Please try again.",null===(_=Rn.current)||void 0===_||_.show({severity:"error",sticky:!1,className:o.default.errorToast,content:n.jsx(M.default,{message:l})}),[3,5];case 4:return mn(!1),[7];case 5:return[2]}})})};if(Wn)return n.jsx(q.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:n.jsx("div",e.__assign({className:o.default.learningManagementContainer,style:be},{children:n.jsx(C.default,{})}))}));if(Yn)return n.jsx(q.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:n.jsx("div",e.__assign({className:o.default.learningManagementContainer,style:be},{children:n.jsx(I.default,{errorMessage:"Failed to load configuration. Please try again.",onRetry:function(){return Qn()},title:"Error Loading Configuration"})}))}));var at=e.__spreadArray(e.__spreadArray([{type:"GLOBAL",label:"Global",addChildLabel:"".concat(j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".addScope"),"Add Scope")),addChildType:"SCOPE"}],Array.from({length:Kn},function(){return e.__assign({type:"SCOPE",label:j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".scope"),"Scope")},!ie&&{addChildLabel:j.dt("".concat(O.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".addSubScope"),"Add Subscope"),addChildType:"SUBSCOPE"})}),!0),ie?[]:[{type:"SUBSCOPE",label:j.dt("".concat(O.MIDDLE_DRAWER_DT_PATH,".subScope"),"Subscope")}],!0),it=he?ke.filter(function(e){return"learnings"===e.id}):ke,ot=gn?it.filter(function(e){return"stations"!==e.id}):it,lt=function(e,n){void 0===e&&(e=!0),n&&(Ln.current=n),Xn(e)},ut=function(){return lt(!0)},ct=null!==(U=null==me?void 0:me.nodeTypesConfig)&&void 0!==U?U:at,dt=(null==me?void 0:me.onOpenCreateModal)?function(){return me.onOpenCreateModal(ut)}:function(){return Xe({isOpen:!0,type:"GLOBAL"})},pt=(null==me?void 0:me.onAddChild)?function(e,n,t){return me.onAddChild(e,n,t,ut)}:function(e,n,t){return Xe({isOpen:!0,type:n,parentId:e,parentName:t})},ft=(null==me?void 0:me.onRenameChild)?function(e,n){return me.onRenameChild(e,n,ut)}:function(e,n){return Xe({isOpen:!0,type:"RENAME",scopeId:e,initialName:n})},gt=(null==me?void 0:me.onDeleteChild)?function(e,n,t){return me.onDeleteChild(e,n,t,ut)}:function(n,t,r){return e.__awaiter(X,void 0,void 0,function(){var s,i,o;return e.__generator(this,function(e){switch(e.label){case 0:return s=a.useLearningTemplateStore.getState().scopeTreeData,i=v.findNodePathById((null==s?void 0:s.data)||null,n),o=!!i&&3===i.length,0!==r?[3,2]:[4,Jn(n)];case 1:return e.sent(),[3,3];case 2:Xe({isOpen:!0,type:"DELETE",scopeId:n,initialName:t,isSubscope:o}),e.label=3;case 3:return[2]}})})},_t=null!==(F=null==me?void 0:me.onSectionSelect)&&void 0!==F?F:function(e,n){var t;console.log("Section Selected:",{scopeId:e,sectionId:n}),Nn(((t={})[f.QUERY_PARAM_KEYS.SECTION]=n===xe?null:n,t)),an(n),Ue(e),Tn(!1)},vt=null!==(G=null==me?void 0:me.onRefreshRuleSets)&&void 0!==G?G:lt,mt=null!==(W=null==me?void 0:me.canCreateScope)&&void 0!==W?W:function(e){return!je&&Bn("ilotj.scope.create",e)},St=null!==(Y=null==me?void 0:me.canEditScope)&&void 0!==Y?Y:function(e){return!je&&Bn("ilotj.scope.edit",e)},ht=null!==(Q=null==me?void 0:me.canDeleteScope)&&void 0!==Q?Q:function(e){return!je&&Bn("ilotj.scope.delete",e)},Tt=je?we.map(function(n){return e.__assign(e.__assign({},n),{isVisible:function(){return!1}})}):null!==(V=null==me?void 0:me.menuActionsConfig)&&void 0!==V?V:we;return n.jsx(q.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:n.jsx(h.TooltipProvider,{children:n.jsxs("div",e.__assign({className:[o.default.learningManagementContainer,he&&o.default.selectionMode].filter(Boolean).join(" "),style:be},{children:[n.jsx("div",e.__assign({className:o.default.mainWrapper},{children:Ze||En!==yn?n.jsx(_.default,{}):Ge?n.jsxs("div",e.__assign({className:o.default.errorContainer},{children:[n.jsx("div",e.__assign({className:o.default.errorTitle},{children:"Error Loading Data"})),n.jsx("p",e.__assign({className:o.default.errorDesc},{children:Ge})),n.jsx("button",e.__assign({onClick:function(){return Xn(!0)},className:o.default.tryAgainBtn},{children:"Try Again"}))]})):et?n.jsx(l.default,{onOpenCreateModal:dt,onAddChild:pt,onRenameChild:ft,onDeleteChild:gt,canDeleteScope:ht,canEditScope:St,canCreateScope:mt,onSectionSelect:_t,activeSectionId:sn,scopeTreeData:$n,sectionsConfig:ot,onViewStation:function(e){_t(e.stationId,xe)},onRefreshRuleSets:vt,nodeTypesConfig:ct,app_integration_id:se,token:J.accessToken,modeId:ce,onRequestAccess:st,isRequestingAccess:vn,isAccessRequested:hn,selectionMode:he,isILMarketplace:ge,guidelineContentProps:ve,onRequestPublishedEdit:je?function(){return e.__awaiter(X,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return je&&"idle"===Me?(De(Le),a.useLearningTemplateStore.getState().setPublishedReadOnly(!1),[4,Xn(!0,{readOnly:!1,permissionsAlreadyFetched:!0})]):[2];case 1:return e.sent(),[2]}})})}:void 0,publishedEditStatus:Me,publishedVersion:je?Ee:void 0,menuActionsConfig:Tt}):n.jsx(u.default,{onCreate:function(){return Xe({isOpen:!0,type:"GLOBAL"})},title:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".title"),"No Global Scope has been added!"),desc:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".desc"),"Start by creating a Global scope to define base learnings that apply across all stations."),button:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".createGlobalScope"),"Create Global Scope"),canCreateRule:rt,noAccessTitle:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".noAccessTitle"),"Access Restricted"),noAccessDesc:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".noAccessDesc"),"You do not have access for this application."),requestAccessButton:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".requestAccessButton"),"Request Access"),requestSentButton:j.dt("".concat(O.EMPTY_STATE_DT_PATH,".requestSentButton"),"Request Sent"),onRequestAccess:st,isRequestingAccess:vn,isAccessRequested:hn})})),n.jsx(i.Toast,{ref:Rn,pt:{root:{style:{zIndex:9999}}}}),ie&&ze.isOpen&&"DELETE"!==ze.type&&"RENAME"!==ze.type?n.jsx(T.default,{isOpen:!0,onClose:function(){return Xe(e.__assign(e.__assign({},ze),{isOpen:!1}))},onSubmit:function(n){return e.__awaiter(X,void 0,void 0,function(){var t,r,s,i,o,l,u,c,d,f,g,_,v,m,S,h,T,y,A,E;return e.__generator(this,function(b){switch(b.label){case 0:tn(!0),t=a.useLearningTemplateStore.getState().backwardCompatibility,b.label=1;case 1:return b.trys.push([1,12,13,14]),r=void 0,t&&"object"==typeof n?r=n:(s=n,i="SCOPE"===ze.type&&ze.parentId,o=i?"genreRuleSet":ze.type,r={topic:o,scope_reference_id:null,scopeDescription:"demo",parentScopeId:ze.parentId||null,scopeName:s,scopeReferenceMetadata:{},applicationMappingId:se}),[4,p.createRuleSet(r,J.accessToken)];case 2:if(l=b.sent(),!(u=null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.scopeId))return[3,10];if(Ln.current=u,c=t&&(null===(S=r.topic)||void 0===S?void 0:S.toLowerCase().includes("genre")),d=!t&&"GLOBAL"!==ze.type&&ze.parentId,!c&&!d)return[3,10];if(!(f=t?null===(T=null===(h=a.useLearningTemplateStore.getState().scopeTreeData)||void 0===h?void 0:h.data)||void 0===T?void 0:T.id:ze.parentId))return[3,10];if(!ie)return[3,7];b.label=3;case 3:return b.trys.push([3,5,,6]),[4,p.inheritScopeBackwardCompatible({source_scope_id:f,target_scope_id:u})];case 4:return b.sent(),[3,6];case 5:return g=b.sent(),console.error("Failed to inherit rules for the new scope:",g),[3,6];case 6:return[3,10];case 7:return b.trys.push([7,9,,10]),[4,p.inheritScope({source_scope_id:f,target_scope_id:u,application_mapping_id:se||"",is_copy_parent_variant_id:!1})];case 8:return b.sent(),[3,10];case 9:return _=b.sent(),console.error("Failed to inherit rules for the new scope:",_),[3,10];case 10:return[4,Xn(!0)];case 11:return b.sent(),Xe(function(n){return e.__assign(e.__assign({},n),{isOpen:!1})}),[3,14];case 12:throw v=b.sent(),console.error("An error occurred during scope creation.",v),null===(y=Rn.current)||void 0===y||y.show({severity:"error",summary:"Creation Failed",detail:(null===(E=null===(A=null==v?void 0:v.response)||void 0===A?void 0:A.data)||void 0===E?void 0:E.message)||"There was an error creating the scope. Please try again."}),v;case 13:return tn(!1),[7];case 14:return[2]}})})},hasGlobalRuleSet:et,canCreateGlobal:rt,globalScopeId:null!==(z=null===(K=null==Qe?void 0:Qe.data)||void 0===K?void 0:K.id)&&void 0!==z?z:null}):n.jsxs(n.Fragment,{children:[n.jsx(L.default,{isOpen:ze.isOpen&&"DELETE"!==ze.type&&"RENAME"!==ze.type,onClose:function(){return Xe(e.__assign(e.__assign({},ze),{isOpen:!1}))},onCreate:function(e){e&&(Ln.current=e),Xn(!0)},hasGlobalRuleSet:et,parentId:ze.parentId,parentName:ze.parentName,childType:"SUBSCOPE"===ze.type?"SUBSCOPE":"SCOPE",isILMarketplace:ge}),n.jsx(P.default,{isOpen:ze.isOpen&&"RENAME"===ze.type,onClose:function(){return Xe(e.__assign(e.__assign({},ze),{isOpen:!1}))},onSave:function(t){return e.__awaiter(X,void 0,void 0,function(){var r,s,i,l,u,c;return e.__generator(this,function(d){switch(d.label){case 0:tn(!0),d.label=1;case 1:return d.trys.push([1,4,5,6]),ze.scopeId?(r=a.useLearningTemplateStore.getState().backwardCompatibility,s=r?{scope_id:ze.scopeId,scope_name:t}:{scope_id:ze.scopeId,scope_type:"Custom",scope_name:t,application_mapping_id:se},[4,p.renameScope(s,J.accessToken)]):[2];case 2:return d.sent(),[4,Xn(!0)];case 3:return d.sent(),Xe(function(n){return e.__assign(e.__assign({},n),{isOpen:!1})}),[3,6];case 4:throw i=d.sent(),console.error("An error occurred during scope rename.",i),null===(l=Rn.current)||void 0===l||l.show({severity:"error",sticky:!1,className:o.default.errorToast,content:n.jsx(M.default,{message:(null===(c=null===(u=null==i?void 0:i.response)||void 0===u?void 0:u.data)||void 0===c?void 0:c.message)||"There was an error renaming the scope. Please try again."})}),i;case 5:return tn(!1),[7];case 6:return[2]}})})},initialName:ze.initialName})]}),n.jsx(g.default,{isOpen:ze.isOpen&&"DELETE"===ze.type,onCancel:function(){return Xe(e.__assign(e.__assign({},ze),{isOpen:!1}))},onConfirm:function(){return Jn(ze.scopeId,ze.initialName,ze.isSubscope)},title:"Delete Scope",description:n.jsxs(n.Fragment,{children:["Deleting ",n.jsx("span",e.__assign({className:o.default.highlight},{children:ze.initialName||"this scope"}))," will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."]}),confirmText:"Delete",confirmBgColor:"#EF4444",isLoading:nn})]}))})}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var transport = require('../../api/transport.js');
+var lucideReact = require('lucide-react');
+var useLearningTemplateStore = require('./store/useLearningTemplateStore.js');
+var toast = require('primereact/toast');
+var LearningTemplateManagement_module = require('./styles/LearningTemplateManagement.module.css.js');
+var LearningTemplateLayout = require('./LearningTemplateLayout.js');
+var EmptyLearningState = require('./components/EmptyLearningState.js');
+var useAuthStore = require('./store/useAuthStore.js');
+var config = require('./config.js');
+var scopeApis = require('./apis/scopeApis.js');
+var useLearningTemplateQueryParams = require('./hooks/useLearningTemplateQueryParams.js');
+var ConfirmationModal = require('./components/ConfirmationModal.js');
+var LearningTemplateManagementSkeleton = require('./components/LearningTemplateManagementSkeleton.js');
+var treeUtils = require('./utils/treeUtils.js');
+var useEnvStore = require('./store/useEnvStore.js');
+var useConfigStore = require('./store/useConfigStore.js');
+var ToolTip = require('./components/ToolTip.js');
+var CreateRuleSetLegacyModal = require('./components/CreateRuleSetLegacyModal.js');
+var usePermissionsStore = require('./store/usePermissionsStore.js');
+var useAppSecRolesStore = require('./store/useAppSecRolesStore.js');
+var useApprovalQueries = require('./queries/useApprovalQueries.js');
+var useLMSConfigQuery = require('./queries/useLMSConfigQuery.js');
+var AddScopeModal = require('./RuleContent/AddScopeModal.js');
+var RuleContentSkeleton = require('./components/RuleContentSkeleton.js');
+var ErrorStateDisplay = require('./components/ErrorStateDisplay.js');
+var reactRouterDom = require('react-router-dom');
+var RenameScopeModal = require('./RuleContent/RenameScopeModal.js');
+var useLMSConfigStore = require('./store/useLMSConfigStore.js');
+var constants = require('./constants.js');
+var marketplaceTheme = require('../IL-marketplace/marketplaceTheme.js');
+var ILMarketplace_api = require('../IL-marketplace/services/IL-marketplace.api.js');
+var ErrorToastContent = require('./shared/ErrorToastContent.js');
+var SuccessToastContent = require('./shared/SuccessToastContent.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function LearningManagement({
+  userDetails,
+  llmStudioUrl,
+  audacyBackendUrl,
+  ilLabels,
+  config: config$1,
+  rbacConfig,
+  auditLogConfig,
+  app_integration_id,
+  backwardCompatibility = false,
+  cognitiveCompareCompatibility = false,
+  enableChatLogs,
+  modeId,
+  modeDetails,
+  pluginPayload,
+  axiosConfig,
+  isILMarketplace,
+  contentModeMappingId,
+  guidelineContentProps,
+  // humanChanges,
+  treeOverrides,
+  selectionMode = false,
+  theme,
+  published = false,
+  version
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  transport.applyAxiosConfig(axiosConfig);
+  const themeStyles = React__default["default"].useMemo(() => marketplaceTheme.getILMarketplaceThemeStyles(theme), [theme]);
+  const publishedTargetKey = `${app_integration_id != null ? app_integration_id : ""}:${version != null ? version : ""}`;
+  const [editingPublishedTarget, setEditingPublishedTarget] = React.useState(null);
+  const [publishedEditStatus, setPublishedEditStatus] = React.useState(
+    () => published ? "checking" : "idle"
+  );
+  const isPublishedReadOnly = published && editingPublishedTarget !== publishedTargetKey;
+  const isEditingPublishedSandbox = editingPublishedTarget === publishedTargetKey;
+  const DEFAULT_TREE_SECTIONS = [
+    {
+      id: "learnings",
+      label: "Learnings",
+      icon: lucideReact.BookOpen,
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.learnings`, depth, { scope: node.name }).label) != null ? _a2 : "Learnings";
+      },
+      badgeKey: "learningsCount",
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.learnings`, depth).visible
+    },
+    {
+      id: "access",
+      icon: lucideReact.Users,
+      label: "Access",
+      // static fallback only, no {scope} here
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.access`, depth, { scope: node.name }).label) != null ? _a2 : "Access";
+      },
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.access`, depth).visible
+    },
+    {
+      id: "history",
+      label: "Change History",
+      icon: lucideReact.History,
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.changeHistory`, depth, { scope: node.name }).label) != null ? _a2 : "Change History";
+      },
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.changeHistory`, depth).visible
+    },
+    {
+      id: "human-changes",
+      label: useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.humanChanges.labelsByLevel.default`, "Human Changes"),
+      icon: lucideReact.History,
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.humanChanges`, depth).visible
+    }
+  ];
+  const DEFAULT_MENU_ACTIONS = [
+    {
+      id: "add",
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.add`, depth).visible
+    },
+    {
+      id: "rename",
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.rename`, depth).visible
+    },
+    {
+      id: "delete",
+      isVisible: (node, depth) => useLMSConfigStore.resolveTreeItem(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.delete`, depth).visible
+    }
+  ];
+  const treeSections = DEFAULT_TREE_SECTIONS.map((defaultSection) => {
+    var _a2;
+    const override = (_a2 = treeOverrides == null ? void 0 : treeOverrides.sectionsConfig) == null ? void 0 : _a2.find((s) => s.id === defaultSection.id);
+    return override ? { ...defaultSection, ...override } : defaultSection;
+  }).filter(
+    (section) => (treeOverrides == null ? void 0 : treeOverrides.sectionsConfig) ? treeOverrides.sectionsConfig.some((s) => s.id === section.id) : true
+  ).filter((section) => !isPublishedReadOnly || section.id !== "access" && section.id !== "human-changes");
+  const URL_SECTION_IDS = new Set(treeSections.map((section) => section.id));
+  const defaultSectionId = (_b = (_a = treeSections[0]) == null ? void 0 : _a.id) != null ? _b : DEFAULT_TREE_SECTIONS[0].id;
+  const { clearLearningParams } = useLearningTemplateQueryParams.useRuleTemplateQueryParams();
+  const selectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const setSelectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.setSelectedRuleSetId);
+  const setIlInstanceId = useLearningTemplateStore.useLearningTemplateStore((state) => state.setIlInstanceId);
+  const error = useLearningTemplateStore.useLearningTemplateStore((state) => state.error);
+  const setError = useLearningTemplateStore.useLearningTemplateStore((state) => state.setError);
+  const setStations = useLearningTemplateStore.useLearningTemplateStore((state) => state.setStations);
+  const scopeTreeData = useLearningTemplateStore.useLearningTemplateStore((state) => state.scopeTreeData);
+  const setScopeTreeData = useLearningTemplateStore.useLearningTemplateStore((state) => state.setScopeTreeData);
+  const [modalConfig, setModalConfig] = React.useState({ isOpen: false, type: "GLOBAL" });
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [isCreating, setIsCreating] = React.useState(false);
+  const [activeSectionId, setActiveSectionId] = React.useState(defaultSectionId);
+  const [inaccessibleGlobalScopeId, setInaccessibleGlobalScopeId] = React.useState(null);
+  const [isForbiddenScope, setIsForbiddenScope] = React.useState(false);
+  const [viewedStation, setViewedStation] = React.useState(null);
+  const [isRequestingAccess, setIsRequestingAccess] = React.useState(false);
+  const [isAccessRequested, setIsAccessRequested] = React.useState(false);
+  const scopeRequestKey = [
+    app_integration_id != null ? app_integration_id : "",
+    isILMarketplace ? "marketplace" : "lms",
+    contentModeMappingId != null ? contentModeMappingId : "",
+    isPublishedReadOnly ? `published:${version != null ? version : ""}` : "sandbox"
+  ].join("|");
+  const [loadedScopeRequestKey, setLoadedScopeRequestKey] = React.useState(null);
+  React.useRef(null);
+  const pendingScopeIdRef = React.useRef(null);
+  const hasHydratedFromUrl = React.useRef(false);
+  const defaultAccessAttemptedForRef = React.useRef(null);
+  const activeScopeRequestKeyRef = React.useRef(null);
+  const toast$1 = React.useRef(null);
+  const { user, setUser } = useAuthStore["default"]();
+  const { setConfig, setIlLabels } = useConfigStore.useConfigStore();
+  const useSafeLocation = () => {
+    try {
+      return reactRouterDom.useLocation();
+    } catch (e) {
+      return { search: "" };
+    }
+  };
+  const location = useSafeLocation();
+  const useSafeSetSearchParams = () => {
+    try {
+      return reactRouterDom.useSearchParams()[1];
+    } catch (e) {
+      return null;
+    }
+  };
+  const setSearchParams = useSafeSetSearchParams();
+  const writeQueryParams = React.useCallback(
+    (updates) => {
+      if (setSearchParams) {
+        const params = new URLSearchParams(window.location.search);
+        Object.entries(updates).forEach(([key, value]) => {
+          if (value === null || value === void 0 || value === "") {
+            params.delete(key);
+          } else {
+            params.set(key, value);
+          }
+        });
+        setSearchParams(params, { replace: true });
+      } else {
+        useLearningTemplateQueryParams.setQueryParams(updates);
+      }
+    },
+    [setSearchParams]
+  );
+  React.useEffect(() => {
+    if (hasHydratedFromUrl.current) return;
+    const params = new URLSearchParams(window.location.search);
+    const rulesetId = params.get(useLearningTemplateQueryParams.QUERY_PARAM_KEYS.RULESET_ID);
+    const sectionId = params.get(useLearningTemplateQueryParams.QUERY_PARAM_KEYS.SECTION);
+    const nextSectionId = sectionId && (URL_SECTION_IDS == null ? void 0 : URL_SECTION_IDS.has(sectionId)) ? sectionId : defaultSectionId;
+    if ((rulesetId == null ? void 0 : rulesetId.length) && setSelectedRuleSetId && setActiveSectionId) {
+      setSelectedRuleSetId(rulesetId);
+      setActiveSectionId(nextSectionId);
+      hasHydratedFromUrl.current = true;
+    }
+  }, [location == null ? void 0 : location.search, setActiveSectionId, setSelectedRuleSetId]);
+  React.useEffect(() => {
+    return () => {
+      clearLearningParams();
+    };
+  }, [clearLearningParams]);
+  React.useEffect(() => {
+    if (selectedRuleSetId) {
+      writeQueryParams({ [useLearningTemplateQueryParams.QUERY_PARAM_KEYS.RULESET_ID]: selectedRuleSetId });
+    }
+  }, [selectedRuleSetId, writeQueryParams]);
+  React.useEffect(() => {
+    var _a2;
+    if (pluginPayload == null ? void 0 : pluginPayload.learningManagement) {
+      useLMSConfigStore.useLMSConfigStore.getState().setLMSConfig({
+        ...pluginPayload.learningManagement,
+        agents: (_a2 = pluginPayload.agents) != null ? _a2 : {}
+      });
+    }
+  }, [pluginPayload]);
+  const fetchPermissions = usePermissionsStore.usePermissionsStore((state) => state.fetchPermissions);
+  const hasPermission = usePermissionsStore.usePermissionsStore((state) => state.hasPermission);
+  const setRoles = useAppSecRolesStore.useAppSecRolesStore((state) => state.setRoles);
+  const configuredAppsecRbacUrl = useEnvStore["default"]((state) => state.appsecRbacUrl);
+  const isRbacConfigReady = configuredAppsecRbacUrl === rbacConfig.appsecRbacUrl;
+  const { data: appSecRoles } = useApprovalQueries.useGetAppSecRolesQuery(
+    rbacConfig.applicationId,
+    isRbacConfigReady && !isPublishedReadOnly
+  );
+  const { isLoading: isLMSConfigLoading, isError: isLMSConfigError, refetch: refetchLMSConfig, isSuccess } = useLMSConfigQuery.useLMSConfigQuery(
+    app_integration_id,
+    backwardCompatibility,
+    true,
+    contentModeMappingId
+  );
+  const [maxHierarchyLevels, setMaxHierarchyLevels] = React.useState(0);
+  React.useEffect(() => {
+    if (backwardCompatibility || (!app_integration_id || !llmStudioUrl)) return;
+    const fetchILInstance = async () => {
+      var _a2, _b2, _c2, _d2;
+      try {
+        const result = await scopeApis.getILInstance(app_integration_id);
+        if ((_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.ILInstanceId) {
+          setIlInstanceId(result.data.ILInstanceId);
+        }
+        const levels = (_d2 = (_c2 = (_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.learningManagement) == null ? void 0 : _c2.scopeAndHierarchy) == null ? void 0 : _d2.maxHierarchyLevels;
+        if (typeof levels === "number" && levels > 0) {
+          setMaxHierarchyLevels(levels - 1);
+        }
+      } catch (err) {
+        console.error("Failed to fetch IL instance for hierarchy levels:", err);
+      }
+    };
+    fetchILInstance();
+  }, [app_integration_id, llmStudioUrl]);
+  React.useEffect(() => {
+    if (appSecRoles) {
+      setRoles(appSecRoles.map(({ _id, name }) => ({ _id, name })));
+    }
+  }, [appSecRoles, setRoles]);
+  React.useEffect(() => {
+    var _a2;
+    console.log("userDetails", userDetails);
+    setUser(userDetails);
+    console.log("llmStudioUrl", llmStudioUrl);
+    console.log("audacyBackendUrl", audacyBackendUrl);
+    useEnvStore["default"].getState().setLlmStudioUrl(llmStudioUrl);
+    useEnvStore["default"].getState().setAudacyBackendUrl(audacyBackendUrl);
+    useEnvStore["default"].getState().setRbacConfig(rbacConfig);
+    useEnvStore["default"].getState().setAuditLogConfig(auditLogConfig);
+    useEnvStore["default"].getState().setBaseModeName((modeDetails == null ? void 0 : modeDetails.modeNameFromURL) || null);
+    setConfig(config$1);
+    setIlLabels(ilLabels);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setAppIntegrationId(app_integration_id != null ? app_integration_id : null);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setBackwardCompatibility(backwardCompatibility);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setCognitiveCompareCompatibility(cognitiveCompareCompatibility != null ? cognitiveCompareCompatibility : false);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setEnableChatLogs(
+      typeof enableChatLogs === "boolean" ? enableChatLogs : null
+    );
+    useLearningTemplateStore.useLearningTemplateStore.getState().setIsILMarketplace(isILMarketplace != null ? isILMarketplace : false);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setPublishedReadOnly(isPublishedReadOnly);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setToken((_a2 = userDetails == null ? void 0 : userDetails.accessToken) != null ? _a2 : null);
+  }, [userDetails, setUser, llmStudioUrl, audacyBackendUrl, rbacConfig, auditLogConfig, config$1, setConfig, ilLabels, setIlLabels, app_integration_id, backwardCompatibility, cognitiveCompareCompatibility, enableChatLogs, isILMarketplace, modeDetails, isPublishedReadOnly, version]);
+  React.useEffect(() => {
+    setEditingPublishedTarget(null);
+    setPublishedEditStatus(published ? "checking" : "idle");
+  }, [published, publishedTargetKey]);
+  React.useEffect(() => {
+    if (!(userDetails == null ? void 0 : userDetails.accessToken) || !llmStudioUrl) return;
+    if (isILMarketplace) return;
+    scopeApis.fetchTiers();
+  }, [app_integration_id, userDetails == null ? void 0 : userDetails.accessToken, llmStudioUrl, isILMarketplace]);
+  const grantDefaultAccess = async () => {
+    var _a2, _b2;
+    if (!app_integration_id) return false;
+    const optedInIds = ((_a2 = rbacConfig.defaultAccessAppIntegrationIds) == null ? void 0 : _a2.length) ? rbacConfig.defaultAccessAppIntegrationIds : config.DEFAULT_ACCESS_CONFIG.FALLBACK_APP_INTEGRATION_IDS;
+    if (!optedInIds.includes(app_integration_id)) return false;
+    if (defaultAccessAttemptedForRef.current === app_integration_id) return false;
+    const userEmail = (userDetails == null ? void 0 : userDetails.email) || ((_b2 = useAuthStore["default"].getState().user) == null ? void 0 : _b2.email);
+    const resourceType = rbacConfig.applicationModuleId;
+    const resourceId = rbacConfig.applicationResourceId;
+    if (!userEmail || !resourceType || !resourceId) return false;
+    defaultAccessAttemptedForRef.current = app_integration_id;
+    try {
+      await scopeApis.grantApplicationAccess({
+        resource_type: resourceType,
+        resource_id: resourceId,
+        user_email: userEmail,
+        role: rbacConfig.defaultMarketPlaceRoleId || config.DEFAULT_ACCESS_CONFIG.FALLBACK_MARKETPLACE_ROLE_ID
+      });
+      return true;
+    } catch (err) {
+      console.error("Failed to grant default access for first-time user:", err);
+      return false;
+    }
+  };
+  const canEditPublishedSandbox = () => {
+    const resourceId = rbacConfig.applicationResourceId;
+    return [
+      "ilotj.rule.variant.edit",
+      "ilotj.rule.create",
+      "ilotj.rule.variant.create",
+      "ilotj.scope.edit"
+    ].some((permission) => usePermissionsStore.usePermissionsStore.getState().hasPermission(permission, resourceId));
+  };
+  const fetchRuleSets = async (showLoader = true, requestOptions = {}) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const readOnly = (_a2 = requestOptions.readOnly) != null ? _a2 : isPublishedReadOnly;
+    const publishedVersion = readOnly ? (_b2 = requestOptions.version) != null ? _b2 : version : null;
+    const requestKey = [
+      app_integration_id != null ? app_integration_id : "",
+      isILMarketplace ? "marketplace" : "lms",
+      contentModeMappingId != null ? contentModeMappingId : "",
+      readOnly ? `published:${publishedVersion != null ? publishedVersion : ""}` : "sandbox"
+    ].join("|");
+    if (activeScopeRequestKeyRef.current === requestKey) return;
+    activeScopeRequestKeyRef.current = requestKey;
+    if (showLoader) {
+      setIsLoading(true);
+    }
+    setError(null);
+    try {
+      const shouldFetchPermissions = !requestOptions.permissionsAlreadyFetched && (readOnly || !isEditingPublishedSandbox);
+      if (shouldFetchPermissions) {
+        await fetchPermissions(rbacConfig.applicationId);
+        if (readOnly) {
+          setPublishedEditStatus(canEditPublishedSandbox() ? "idle" : "denied");
+        } else if (usePermissionsStore.usePermissionsStore.getState().accessData.length === 0) {
+          const wasGranted = await grantDefaultAccess();
+          if (wasGranted) {
+            await fetchPermissions(rbacConfig.applicationId);
+          }
+        }
+      }
+      const filterTreeByViewPermission = (node) => {
+        var _a3, _b3;
+        if (readOnly) {
+          return {
+            ...node,
+            hasAccess: true,
+            children: (_b3 = (_a3 = node.children) == null ? void 0 : _a3.map((child) => filterTreeByViewPermission(child))) != null ? _b3 : []
+          };
+        }
+        const canView = usePermissionsStore.usePermissionsStore.getState().hasPermission("ilotj.scope.view", node.id);
+        const filteredChildren = node.children ? node.children.map((child) => filterTreeByViewPermission(child)).filter((child) => child !== null) : [];
+        if (!canView && filteredChildren.length === 0) {
+          return null;
+        }
+        return {
+          ...node,
+          hasAccess: canView,
+          children: filteredChildren
+        };
+      };
+      let response;
+      try {
+        if (isILMarketplace) {
+          if (!contentModeMappingId) {
+            throw new Error("contentModeMappingId is required for IL Marketplace scope data.");
+          }
+          const marketplaceResponse = await ILMarketplace_api.fetchMarketplaceDomains(
+            app_integration_id,
+            userDetails.accessToken,
+            llmStudioUrl,
+            { content_mode_mapping_id: contentModeMappingId }
+          );
+          if (marketplaceResponse.error) {
+            throw (_c2 = marketplaceResponse.error.errorObjData) != null ? _c2 : new Error(marketplaceResponse.error.errorMessage);
+          }
+          response = marketplaceResponse.responseData;
+        } else {
+          response = await scopeApis.fetchScopes(
+            app_integration_id,
+            userDetails.accessToken,
+            readOnly ? publishedVersion : null
+          );
+        }
+      } catch (scopeErr) {
+        if (((_d2 = scopeErr == null ? void 0 : scopeErr.response) == null ? void 0 : _d2.status) === 403) {
+          setScopeTreeData(null);
+          setInaccessibleGlobalScopeId(rbacConfig.applicationResourceId || null);
+          setIsForbiddenScope(true);
+          return;
+        }
+        throw scopeErr;
+      }
+      if (response && response.data) {
+        if (response.data.data) {
+          let treeData = response.data.data;
+          if (Array.isArray(treeData)) {
+            treeData = treeData.length > 0 ? treeData[0] : null;
+          }
+          if (treeData) {
+            const filteredTreeData = filterTreeByViewPermission(treeData);
+            if (filteredTreeData) {
+              setInaccessibleGlobalScopeId(null);
+              setIsForbiddenScope(false);
+              setScopeTreeData({ data: filteredTreeData });
+              if (pendingScopeIdRef.current) {
+                setSelectedRuleSetId(pendingScopeIdRef.current);
+                setActiveSectionId(defaultSectionId);
+                pendingScopeIdRef.current = null;
+              } else {
+                const currentSelectedId = useLearningTemplateStore.useLearningTemplateStore.getState().selectedRuleSetId;
+                const existsInTree = currentSelectedId ? treeUtils.findNodeById(filteredTreeData, currentSelectedId) : null;
+                if (!currentSelectedId || !existsInTree) {
+                  const findFirstAccessible = (node) => {
+                    if (node.hasAccess) return node;
+                    for (const child of node.children || []) {
+                      const found = findFirstAccessible(child);
+                      if (found) return found;
+                    }
+                    return null;
+                  };
+                  const firstAccessible = findFirstAccessible(filteredTreeData);
+                  setSelectedRuleSetId(firstAccessible ? firstAccessible.id : filteredTreeData.id);
+                }
+              }
+            } else {
+              setInaccessibleGlobalScopeId((_e2 = treeData.id) != null ? _e2 : null);
+              setIsForbiddenScope(false);
+              setScopeTreeData(null);
+            }
+          } else {
+            setInaccessibleGlobalScopeId(null);
+            setIsForbiddenScope(false);
+            setScopeTreeData(null);
+          }
+        }
+      }
+    } catch (err) {
+      console.error("Failed to fetch rule sets or permissions", err);
+      setError("Failed to load data. Please try again later.");
+    } finally {
+      if (activeScopeRequestKeyRef.current === requestKey) {
+        activeScopeRequestKeyRef.current = null;
+        setIsLoading(false);
+      }
+      setLoadedScopeRequestKey(requestKey);
+    }
+  };
+  const handleRequestPublishedEdit = async () => {
+    if (!isPublishedReadOnly || publishedEditStatus !== "idle") return;
+    setEditingPublishedTarget(publishedTargetKey);
+    useLearningTemplateStore.useLearningTemplateStore.getState().setPublishedReadOnly(false);
+    await fetchRuleSets(true, { readOnly: false, permissionsAlreadyFetched: true });
+  };
+  React.useEffect(() => {
+    var _a2;
+    if (((_a2 = userDetails == null ? void 0 : userDetails.accessToken) == null ? void 0 : _a2.length) && isRbacConfigReady) {
+      fetchRuleSets(true, { readOnly: isPublishedReadOnly, version });
+    } else {
+      console.warn("Error: Trying to fetch rules without access token", userDetails);
+    }
+  }, [userDetails == null ? void 0 : userDetails.accessToken, setError, setStations, rbacConfig.applicationId, isRbacConfigReady, app_integration_id, isILMarketplace, contentModeMappingId, llmStudioUrl, isPublishedReadOnly, version]);
+  const handleCreateRuleSet = async (data) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    setIsCreating(true);
+    const isBackwardCompatibility = useLearningTemplateStore.useLearningTemplateStore.getState().backwardCompatibility;
+    try {
+      let finalPayload;
+      if (isBackwardCompatibility && typeof data === "object") {
+        finalPayload = data;
+      } else {
+        const name = data;
+        const isScopeUnderGlobal = modalConfig.type === "SCOPE" && modalConfig.parentId;
+        const topic = isScopeUnderGlobal ? "genreRuleSet" : modalConfig.type;
+        finalPayload = {
+          topic,
+          scope_reference_id: null,
+          scopeDescription: "demo",
+          parentScopeId: modalConfig.parentId || null,
+          scopeName: name,
+          scopeReferenceMetadata: {},
+          applicationMappingId: app_integration_id
+        };
+      }
+      const response = await scopeApis.createRuleSet(finalPayload, userDetails.accessToken);
+      const newScopeId = (_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.scopeId;
+      if (newScopeId) {
+        pendingScopeIdRef.current = newScopeId;
+        const isLegacyGenre = isBackwardCompatibility && ((_b2 = finalPayload.topic) == null ? void 0 : _b2.toLowerCase().includes("genre"));
+        const isModernSubscope = !isBackwardCompatibility && modalConfig.type !== "GLOBAL" && modalConfig.parentId;
+        if (isLegacyGenre || isModernSubscope) {
+          const parentIdToInherit = isBackwardCompatibility ? (_d2 = (_c2 = useLearningTemplateStore.useLearningTemplateStore.getState().scopeTreeData) == null ? void 0 : _c2.data) == null ? void 0 : _d2.id : modalConfig.parentId;
+          if (parentIdToInherit) {
+            if (backwardCompatibility) {
+              try {
+                await scopeApis.inheritScopeBackwardCompatible({
+                  source_scope_id: parentIdToInherit,
+                  target_scope_id: newScopeId
+                });
+              } catch (inheritError) {
+                console.error("Failed to inherit rules for the new scope:", inheritError);
+              }
+            } else {
+              try {
+                await scopeApis.inheritScope({
+                  source_scope_id: parentIdToInherit,
+                  target_scope_id: newScopeId,
+                  application_mapping_id: app_integration_id || "",
+                  is_copy_parent_variant_id: false
+                });
+              } catch (inheritError) {
+                console.error("Failed to inherit rules for the new scope:", inheritError);
+              }
+            }
+          }
+        }
+      }
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+    } catch (apiError) {
+      console.error("An error occurred during scope creation.", apiError);
+      (_g2 = toast$1.current) == null ? void 0 : _g2.show({
+        severity: "error",
+        summary: "Creation Failed",
+        detail: ((_f2 = (_e2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || "There was an error creating the scope. Please try again."
+      });
+      throw apiError;
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handleRenameRuleSet = async (newName) => {
+    var _a2, _b2, _c2;
+    setIsCreating(true);
+    try {
+      if (!modalConfig.scopeId) return;
+      const isBackwardCompatibility = useLearningTemplateStore.useLearningTemplateStore.getState().backwardCompatibility;
+      const payload = isBackwardCompatibility ? {
+        scope_id: modalConfig.scopeId,
+        scope_name: newName
+      } : {
+        scope_id: modalConfig.scopeId,
+        scope_type: "Custom",
+        scope_name: newName,
+        application_mapping_id: app_integration_id
+      };
+      await scopeApis.renameScope(payload, userDetails.accessToken);
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+    } catch (apiError) {
+      console.error("An error occurred during scope rename.", apiError);
+      (_c2 = toast$1.current) == null ? void 0 : _c2.show({
+        severity: "error",
+        sticky: false,
+        className: LearningTemplateManagement_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { message: ((_b2 = (_a2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || "There was an error renaming the scope. Please try again." })
+      });
+      throw apiError;
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const performDelete = async (scopeId, scopeName, isSubscope) => {
+    var _a2, _b2, _c2, _d2;
+    setIsCreating(true);
+    try {
+      await scopeApis.deleteRuleSet(scopeId, userDetails.accessToken);
+      const currentSelectedId = useLearningTemplateStore.useLearningTemplateStore.getState().selectedRuleSetId;
+      if (currentSelectedId === scopeId) {
+        const currentTreeData2 = useLearningTemplateStore.useLearningTemplateStore.getState().scopeTreeData;
+        const path = treeUtils.findNodePathById((currentTreeData2 == null ? void 0 : currentTreeData2.data) || null, scopeId);
+        if (path && path.length > 1) {
+          const parentId = path[path.length - 2];
+          setSelectedRuleSetId(parentId);
+          setActiveSectionId(defaultSectionId);
+        }
+      }
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+      (_a2 = toast$1.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        summary: "Deleted Successfully",
+        detail: "The scope was permanently removed."
+      });
+    } catch (apiError) {
+      console.error("An error occurred during scope deletion.", apiError);
+      (_d2 = toast$1.current) == null ? void 0 : _d2.show({
+        severity: "error",
+        summary: "Delete Failed",
+        detail: ((_c2 = (_b2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || "There was an error deleting the scope. Please try again."
+      });
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handleDeleteChild = async (scopeId, scopeName, learningsCount) => {
+    const currentTreeData2 = useLearningTemplateStore.useLearningTemplateStore.getState().scopeTreeData;
+    const path = treeUtils.findNodePathById((currentTreeData2 == null ? void 0 : currentTreeData2.data) || null, scopeId);
+    const isSubscope = path ? path.length === 3 : false;
+    if (learningsCount === 0) {
+      await performDelete(scopeId);
+    } else {
+      setModalConfig({ isOpen: true, type: "DELETE", scopeId, initialName: scopeName, isSubscope });
+    }
+  };
+  const handleSectionSelect = (scopeId, sectionId) => {
+    console.log("Section Selected:", { scopeId, sectionId });
+    writeQueryParams({
+      [useLearningTemplateQueryParams.QUERY_PARAM_KEYS.SECTION]: sectionId === defaultSectionId ? null : sectionId
+    });
+    setActiveSectionId(sectionId);
+    setSelectedRuleSetId(scopeId);
+    setIsAccessRequested(false);
+  };
+  const currentTreeData = scopeTreeData;
+  const displayTreeData = viewedStation ? {
+    data: {
+      id: viewedStation.stationId,
+      name: viewedStation.stationName,
+      type: "STATION",
+      // Acts as a root node
+      metrics: { learningsCount: viewedStation.learningsCount, stationsCount: 0 },
+      children: []
+    }
+  } : currentTreeData;
+  const hasAnyRuleSet = !!(displayTreeData == null ? void 0 : displayTreeData.data);
+  ((_c = displayTreeData == null ? void 0 : displayTreeData.data) == null ? void 0 : _c.type) === "GLOBAL";
+  const canDeleteScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.delete", scopeId);
+  const canEditScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.edit", scopeId);
+  const canCreateScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.create", scopeId);
+  const hasGlobalPermission = usePermissionsStore.usePermissionsStore((s) => s.hasGlobalPermission);
+  const applicationResourceId = rbacConfig.applicationResourceId || "";
+  const canCreateGlobal = !isPublishedReadOnly && hasGlobalPermission("ilotj.scope.global.create", applicationResourceId);
+  const handleRequestScopeAccess = async (targetScopeId) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const scopeId = typeof targetScopeId === "string" ? targetScopeId : ((_b2 = (_a2 = useLearningTemplateStore.useLearningTemplateStore.getState().scopeTreeData) == null ? void 0 : _a2.data) == null ? void 0 : _b2.id) || inaccessibleGlobalScopeId;
+    if (!scopeId && !isForbiddenScope) {
+      (_c2 = toast$1.current) == null ? void 0 : _c2.show({
+        severity: "error",
+        sticky: false,
+        className: LearningTemplateManagement_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { message: "Unable to identify the global scope for this access request." })
+      });
+      return;
+    }
+    setIsRequestingAccess(true);
+    try {
+      await scopeApis.requestAccess(scopeId, isForbiddenScope);
+      setIsAccessRequested(true);
+      (_d2 = toast$1.current) == null ? void 0 : _d2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: LearningTemplateManagement_module["default"].successToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { message: "Access request submitted successfully!" })
+      });
+    } catch (error2) {
+      const errorData = (_e2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _e2.data;
+      const errorMessage = (errorData == null ? void 0 : errorData.code) === "GLOBAL_SCOPE_NOT_FOUND" ? "Unable to identify the global scope for this access request." : (errorData == null ? void 0 : errorData.detail) || (errorData == null ? void 0 : errorData.message) || "Failed to request access. Please try again.";
+      (_f2 = toast$1.current) == null ? void 0 : _f2.show({
+        severity: "error",
+        sticky: false,
+        className: LearningTemplateManagement_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { message: errorMessage })
+      });
+    } finally {
+      setIsRequestingAccess(false);
+    }
+  };
+  if (isLMSConfigLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(marketplaceTheme.ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagement_module["default"].learningManagementContainer, style: themeStyles, children: /* @__PURE__ */ jsxRuntime.jsx(RuleContentSkeleton["default"], {}) }) });
+  }
+  if (isLMSConfigError) {
+    return /* @__PURE__ */ jsxRuntime.jsx(marketplaceTheme.ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagement_module["default"].learningManagementContainer, style: themeStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ErrorStateDisplay["default"],
+      {
+        errorMessage: "Failed to load configuration. Please try again.",
+        onRetry: () => refetchLMSConfig(),
+        title: "Error Loading Configuration"
+      }
+    ) }) });
+  }
+  const DEFAULT_NODE_TYPES = [
+    {
+      type: "GLOBAL",
+      label: "Global",
+      addChildLabel: `${useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.addScope`, "Add Scope")}`,
+      addChildType: "SCOPE"
+    },
+    ...Array.from({ length: maxHierarchyLevels }, () => ({
+      type: "SCOPE",
+      label: useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.scope`, "Scope"),
+      ...!backwardCompatibility && {
+        addChildLabel: useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.addSubScope`, "Add Subscope"),
+        addChildType: "SUBSCOPE"
+      }
+    })),
+    ...!backwardCompatibility ? [{
+      type: "SUBSCOPE",
+      label: useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.subScope`, "Subscope")
+    }] : []
+  ];
+  const baseSectionsConfig = selectionMode ? treeSections.filter((s) => s.id === "learnings") : treeSections;
+  const displaySectionsConfig = viewedStation ? baseSectionsConfig.filter((s) => s.id !== "stations") : baseSectionsConfig;
+  const handleRefreshRuleSets = (showLoader = true, scopeId) => {
+    if (scopeId) {
+      pendingScopeIdRef.current = scopeId;
+    }
+    fetchRuleSets(showLoader);
+  };
+  const refreshTree = () => handleRefreshRuleSets(true);
+  const resolvedNodeTypesConfig = (_d = treeOverrides == null ? void 0 : treeOverrides.nodeTypesConfig) != null ? _d : DEFAULT_NODE_TYPES;
+  const resolvedOnOpenCreateModal = (treeOverrides == null ? void 0 : treeOverrides.onOpenCreateModal) ? () => treeOverrides.onOpenCreateModal(refreshTree) : () => setModalConfig({ isOpen: true, type: "GLOBAL" });
+  const resolvedOnAddChild = (treeOverrides == null ? void 0 : treeOverrides.onAddChild) ? (parentId, childType, parentName) => treeOverrides.onAddChild(parentId, childType, parentName, refreshTree) : (parentId, childType, parentName) => setModalConfig({ isOpen: true, type: childType, parentId, parentName });
+  const resolvedOnRenameChild = (treeOverrides == null ? void 0 : treeOverrides.onRenameChild) ? (scopeId, initialName) => treeOverrides.onRenameChild(scopeId, initialName, refreshTree) : (scopeId, initialName) => setModalConfig({ isOpen: true, type: "RENAME", scopeId, initialName });
+  const resolvedOnDeleteChild = (treeOverrides == null ? void 0 : treeOverrides.onDeleteChild) ? (scopeId, scopeName, learningsCount) => treeOverrides.onDeleteChild(scopeId, scopeName, learningsCount, refreshTree) : handleDeleteChild;
+  const resolvedOnSectionSelect = (_e = treeOverrides == null ? void 0 : treeOverrides.onSectionSelect) != null ? _e : handleSectionSelect;
+  const resolvedOnRefreshRuleSets = (_f = treeOverrides == null ? void 0 : treeOverrides.onRefreshRuleSets) != null ? _f : handleRefreshRuleSets;
+  const resolvedCanCreateScope = (_g = treeOverrides == null ? void 0 : treeOverrides.canCreateScope) != null ? _g : canCreateScope;
+  const resolvedCanEditScope = (_h = treeOverrides == null ? void 0 : treeOverrides.canEditScope) != null ? _h : canEditScope;
+  const resolvedCanDeleteScope = (_i = treeOverrides == null ? void 0 : treeOverrides.canDeleteScope) != null ? _i : canDeleteScope;
+  const resolvedMenuActionsConfig = isPublishedReadOnly ? DEFAULT_MENU_ACTIONS.map((action) => ({ ...action, isVisible: () => false })) : (_j = treeOverrides == null ? void 0 : treeOverrides.menuActionsConfig) != null ? _j : DEFAULT_MENU_ACTIONS;
+  return /* @__PURE__ */ jsxRuntime.jsx(marketplaceTheme.ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsxRuntime.jsx(ToolTip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: [LearningTemplateManagement_module["default"].learningManagementContainer, selectionMode && LearningTemplateManagement_module["default"].selectionMode].filter(Boolean).join(" "),
+      style: themeStyles,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagement_module["default"].mainWrapper, children: isLoading || loadedScopeRequestKey !== scopeRequestKey ? /* @__PURE__ */ jsxRuntime.jsx(LearningTemplateManagementSkeleton["default"], {}) : error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: LearningTemplateManagement_module["default"].errorContainer, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningTemplateManagement_module["default"].errorTitle, children: "Error Loading Data" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: LearningTemplateManagement_module["default"].errorDesc, children: error }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => fetchRuleSets(true),
+              className: LearningTemplateManagement_module["default"].tryAgainBtn,
+              children: "Try Again"
+            }
+          )
+        ] }) : !hasAnyRuleSet ? /* @__PURE__ */ jsxRuntime.jsx(
+          EmptyLearningState["default"],
+          {
+            onCreate: () => setModalConfig({ isOpen: true, type: "GLOBAL" }),
+            title: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.title`, "No Global Scope has been added!"),
+            desc: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.desc`, "Start by creating a Global scope to define base learnings that apply across all stations."),
+            button: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.createGlobalScope`, "Create Global Scope"),
+            canCreateRule: canCreateGlobal,
+            noAccessTitle: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.noAccessTitle`, "Access Restricted"),
+            noAccessDesc: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.noAccessDesc`, "You do not have access for this application."),
+            requestAccessButton: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.requestAccessButton`, "Request Access"),
+            requestSentButton: useLMSConfigStore.dt(`${constants.EMPTY_STATE_DT_PATH}.requestSentButton`, "Request Sent"),
+            onRequestAccess: handleRequestScopeAccess,
+            isRequestingAccess,
+            isAccessRequested
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx(
+          LearningTemplateLayout["default"],
+          {
+            onOpenCreateModal: resolvedOnOpenCreateModal,
+            onAddChild: resolvedOnAddChild,
+            onRenameChild: resolvedOnRenameChild,
+            onDeleteChild: resolvedOnDeleteChild,
+            canDeleteScope: resolvedCanDeleteScope,
+            canEditScope: resolvedCanEditScope,
+            canCreateScope: resolvedCanCreateScope,
+            onSectionSelect: resolvedOnSectionSelect,
+            activeSectionId,
+            scopeTreeData: displayTreeData,
+            sectionsConfig: displaySectionsConfig,
+            onViewStation: (station) => {
+              resolvedOnSectionSelect(station.stationId, defaultSectionId);
+            },
+            onRefreshRuleSets: resolvedOnRefreshRuleSets,
+            nodeTypesConfig: resolvedNodeTypesConfig,
+            app_integration_id,
+            token: userDetails.accessToken,
+            modeId,
+            onRequestAccess: handleRequestScopeAccess,
+            isRequestingAccess,
+            isAccessRequested,
+            selectionMode,
+            isILMarketplace,
+            guidelineContentProps,
+            onRequestPublishedEdit: isPublishedReadOnly ? handleRequestPublishedEdit : void 0,
+            publishedEditStatus,
+            publishedVersion: isPublishedReadOnly ? version : void 0,
+            menuActionsConfig: resolvedMenuActionsConfig
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(toast.Toast, { ref: toast$1, pt: { root: { style: { zIndex: 9999 } } } }),
+        backwardCompatibility && modalConfig.isOpen && modalConfig.type !== "DELETE" && modalConfig.type !== "RENAME" ? /* @__PURE__ */ jsxRuntime.jsx(
+          CreateRuleSetLegacyModal["default"],
+          {
+            isOpen: true,
+            onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+            onSubmit: handleCreateRuleSet,
+            hasGlobalRuleSet: hasAnyRuleSet,
+            canCreateGlobal,
+            globalScopeId: (_l = (_k = scopeTreeData == null ? void 0 : scopeTreeData.data) == null ? void 0 : _k.id) != null ? _l : null
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            AddScopeModal["default"],
+            {
+              isOpen: modalConfig.isOpen && modalConfig.type !== "DELETE" && modalConfig.type !== "RENAME",
+              onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+              onCreate: (scopeId) => {
+                if (scopeId) {
+                  pendingScopeIdRef.current = scopeId;
+                }
+                fetchRuleSets(true);
+              },
+              hasGlobalRuleSet: hasAnyRuleSet,
+              parentId: modalConfig.parentId,
+              parentName: modalConfig.parentName,
+              childType: modalConfig.type === "SUBSCOPE" ? "SUBSCOPE" : "SCOPE",
+              isILMarketplace
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RenameScopeModal["default"],
+            {
+              isOpen: modalConfig.isOpen && modalConfig.type === "RENAME",
+              onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+              onSave: handleRenameRuleSet,
+              initialName: modalConfig.initialName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConfirmationModal["default"],
+          {
+            isOpen: modalConfig.isOpen && modalConfig.type === "DELETE",
+            onCancel: () => setModalConfig({ ...modalConfig, isOpen: false }),
+            onConfirm: () => performDelete(modalConfig.scopeId, modalConfig.initialName, modalConfig.isSubscope),
+            title: "Delete Scope",
+            description: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              "Deleting ",
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: LearningTemplateManagement_module["default"].highlight, children: modalConfig.initialName || "this scope" }),
+              " will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."
+            ] }),
+            confirmText: "Delete",
+            confirmBgColor: "#EF4444",
+            isLoading: isCreating
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+exports["default"] = LearningManagement;
 //# sourceMappingURL=LearningManagement.js.map