@e-llm-studio/instant-learning 1.3.1 → 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"),t=require("react/jsx-runtime"),n=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"),A=require("./store/usePermissionsStore.js"),y=require("./store/useAppSecRolesStore.js"),E=require("./queries/useApprovalQueries.js"),L=require("./queries/useLMSConfigQuery.js"),b=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"),q=require("./constants.js"),w=require("../IL-marketplace/marketplaceTheme.js"),O=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(n);exports.default=function(k){var x,B,H,U,F,G,W,Y,Q,K,V,z,X=this,J=k.userDetails,Z=k.llmStudioUrl,$=k.audacyBackendUrl,ee=k.ilLabels,te=k.config,ne=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;r.applyAxiosConfig(fe);var Ae=N.default.useMemo(function(){return w.getILMarketplaceThemeStyles(Te)},[Te]),ye=[{id:"learnings",label:j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.learnings.labelsByLevel.default"),"Learnings"),icon:s.BookOpen,badgeKey:"learningsCount",isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.learnings"),t).visible}},{id:"access",icon:s.Users,label:"Access",resolveLabel:function(e,t){var n;return null!==(n=j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.access"),t,{scope:e.name}).label)&&void 0!==n?n:"Access"},isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.access"),t).visible}},{id:"history",label:j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.changeHistory.labelsByLevel.default"),"Change History"),icon:s.History,isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.changeHistory"),t).visible}},{id:"human-changes",label:j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.humanChanges.labelsByLevel.default"),"Human Changes"),icon:s.History,isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.humanChanges"),t).visible}}],Ee=[{id:"add",isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.add"),t).visible}},{id:"rename",isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.rename"),t).visible}},{id:"delete",isVisible:function(e,t){return j.resolveTreeItem("".concat(q.MIDDLE_DRAWER_DT_PATH,".treeMenu.contextMenu.delete"),t).visible}}],Le=ye.map(function(t){var n,r=null===(n=null==me?void 0:me.sectionsConfig)||void 0===n?void 0:n.find(function(e){return e.id===t.id});return r?e.__assign(e.__assign({},t),r):t}).filter(function(e){return!(null==me?void 0:me.sectionsConfig)||me.sectionsConfig.some(function(t){return t.id===e.id})}),be=new Set(Le.map(function(e){return e.id})),Ce=null!==(B=null===(x=Le[0])||void 0===x?void 0:x.id)&&void 0!==B?B:ye[0].id,Ie=f.useRuleTemplateQueryParams().clearLearningParams,De=a.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),Re=a.useLearningTemplateStore(function(e){return e.setSelectedRuleSetId}),Me=a.useLearningTemplateStore(function(e){return e.setIlInstanceId}),Pe=a.useLearningTemplateStore(function(e){return e.error}),je=a.useLearningTemplateStore(function(e){return e.setError}),qe=a.useLearningTemplateStore(function(e){return e.setStations}),we=a.useLearningTemplateStore(function(e){return e.scopeTreeData}),Oe=a.useLearningTemplateStore(function(e){return e.setScopeTreeData}),ke=n.useState({isOpen:!1,type:"GLOBAL"}),Ne=ke[0],xe=ke[1],Be=n.useState(!1),He=Be[0],Ue=Be[1],Fe=n.useState(!1),Ge=Fe[0],We=Fe[1],Ye=n.useState(Ce),Qe=Ye[0],Ke=Ye[1],Ve=n.useState(null),ze=Ve[0],Xe=Ve[1],Je=n.useState(!1),Ze=Je[0],$e=Je[1],et=n.useState(null),tt=et[0];et[1];var nt=n.useState(!1),rt=nt[0],st=nt[1],at=n.useState(!1),it=at[0],ot=at[1];n.useRef(null);var lt=n.useRef(null),ut=n.useRef(!1),ct=n.useRef(null),dt=n.useRef(null),pt=c.default();pt.user;var ft=pt.setUser,gt=S.useConfigStore(),_t=gt.setConfig,vt=gt.setIlLabels,mt=function(){try{return D.useLocation()}catch(e){return{search:""}}}(),St=function(){try{return D.useSearchParams()[1]}catch(e){return null}}(),ht=n.useCallback(function(e){if(St){var t=new URLSearchParams(window.location.search);Object.entries(e).forEach(function(e){var n=e[0],r=e[1];null==r||""===r?t.delete(n):t.set(n,r)}),St(t,{replace:!0})}else f.setQueryParams(e)},[St]);n.useEffect(function(){if(!ut.current){var e=new URLSearchParams(window.location.search),t=e.get(f.QUERY_PARAM_KEYS.RULESET_ID),n=e.get(f.QUERY_PARAM_KEYS.SECTION),r=n&&(null==be?void 0:be.has(n))?n:Ce;(null==t?void 0:t.length)&&Re&&Ke&&(Re(t),Ke(r),ut.current=!0)}},[null==mt?void 0:mt.search,Ke,Re]),n.useEffect(function(){return function(){Ie()}},[Ie]),n.useEffect(function(){var e;De&&ht(((e={})[f.QUERY_PARAM_KEYS.RULESET_ID]=De,e))},[De,ht]),n.useEffect(function(){var t;(null==pe?void 0:pe.learningManagement)&&j.useLMSConfigStore.getState().setLMSConfig(e.__assign(e.__assign({},pe.learningManagement),{agents:null!==(t=pe.agents)&&void 0!==t?t:{}}))},[pe]);var Tt=A.usePermissionsStore(function(e){return e.fetchPermissions}),At=A.usePermissionsStore(function(e){return e.hasPermission}),yt=y.useAppSecRolesStore(function(e){return e.setRoles}),Et=m.default(function(e){return e.appsecRbacUrl})===ne.appsecRbacUrl,Lt=E.useGetAppSecRolesQuery(ne.applicationId,Et).data,bt=L.useLMSConfigQuery(se,ie,!0,_e),Ct=bt.isLoading,It=bt.isError,Dt=bt.refetch;bt.isSuccess;var Rt=n.useState(0),Mt=Rt[0],Pt=Rt[1];n.useEffect(function(){if(!ie&&se&&Z){e.__awaiter(X,void 0,void 0,function(){var t,n,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 t=e.sent(),(null===(s=null==t?void 0:t.data)||void 0===s?void 0:s.ILInstanceId)&&Me(t.data.ILInstanceId),"number"==typeof(n=null===(o=null===(i=null===(a=null==t?void 0:t.data)||void 0===a?void 0:a.learningManagement)||void 0===i?void 0:i.scopeAndHierarchy)||void 0===o?void 0:o.maxHierarchyLevels)&&n>0&&Pt(n-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]),n.useEffect(function(){Lt&&yt(Lt.map(function(e){return{_id:e._id,name:e.name}}))},[Lt,yt]),n.useEffect(function(){var e;console.log("userDetails",J),ft(J),console.log("llmStudioUrl",Z),console.log("audacyBackendUrl",$),m.default.getState().setLlmStudioUrl(Z),m.default.getState().setAudacyBackendUrl($),m.default.getState().setRbacConfig(ne),m.default.getState().setAuditLogConfig(re),m.default.getState().setBaseModeName((null==de?void 0:de.modeNameFromURL)||null),_t(te),vt(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().setToken(null!==(e=null==J?void 0:J.accessToken)&&void 0!==e?e:null)},[J,ft,Z,$,ne,re,te,_t,ee,vt,se,ie,le,ue,ge,de]),n.useEffect(function(){(null==J?void 0:J.accessToken)&&Z&&(ge||p.fetchTiers())},[se,null==J?void 0:J.accessToken,Z,ge]);var jt=function(t){return void 0===t&&(t=!0),e.__awaiter(X,void 0,void 0,function(){var n,r,s,i,o,l,u,f,g,_,m,S,h,T;return e.__generator(this,function(y){switch(y.label){case 0:t&&Ue(!0),je(null),y.label=1;case 1:return y.trys.push([1,13,14,15]),[4,Tt(ne.applicationId)];case 2:return y.sent(),0!==A.usePermissionsStore.getState().accessData.length?[3,5]:[4,e.__awaiter(X,void 0,void 0,function(){var t,n,r,s,a,i;return e.__generator(this,function(e){switch(e.label){case 0:if(!se)return[2,!1];if(!((null===(a=ne.defaultAccessAppIntegrationIds)||void 0===a?void 0:a.length)?ne.defaultAccessAppIntegrationIds:d.DEFAULT_ACCESS_CONFIG.FALLBACK_APP_INTEGRATION_IDS).includes(se))return[2,!1];if(ct.current===se)return[2,!1];if(t=(null==J?void 0:J.email)||(null===(i=c.default.getState().user)||void 0===i?void 0:i.email),n=ne.applicationModuleId,r=ne.applicationResourceId,!t||!n||!r)return[2,!1];ct.current=se,e.label=1;case 1:return e.trys.push([1,3,,4]),[4,p.grantApplicationAccess({resource_type:n,resource_id:r,user_email:t,role:ne.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 3:return y.sent()?[4,Tt(ne.applicationId)]:[3,5];case 4:y.sent(),y.label=5;case 5:n=function(t){var r=A.usePermissionsStore.getState().hasPermission("ilotj.scope.view",t.id),s=t.children?t.children.map(function(e){return n(e)}).filter(function(e){return null!==e}):[];return r||0!==s.length?e.__assign(e.__assign({},t),{hasAccess:r,children:s}):null},r=void 0,y.label=6;case 6:if(y.trys.push([6,11,,12]),!ge)return[3,8];if(!_e)throw new Error("contentModeMappingId is required for IL Marketplace scope data.");return[4,O.fetchMarketplaceDomains(se,J.accessToken,Z,{content_mode_mapping_id:_e})];case 7:if((s=y.sent()).error)throw null!==(S=s.error.errorObjData)&&void 0!==S?S:new Error(s.error.errorMessage);return r=s.responseData,[3,10];case 8:return[4,p.fetchScopes(se,J.accessToken)];case 9:r=y.sent(),y.label=10;case 10:return[3,12];case 11:if(i=y.sent(),403===(null===(h=null==i?void 0:i.response)||void 0===h?void 0:h.status))return Oe(null),Xe(ne.applicationResourceId||null),$e(!0),[2];throw i;case 12:return r&&r.data&&r.data.data&&(o=r.data.data,Array.isArray(o)&&(o=o.length>0?o[0]:null),o?(l=n(o))?(Xe(null),$e(!1),Oe({data:l}),lt.current?(Re(lt.current),Ke(Ce),lt.current=null):(u=a.useLearningTemplateStore.getState().selectedRuleSetId,f=u?v.findNodeById(l,u):null,u&&f||(g=function(e){if(e.hasAccess)return e;for(var t=0,n=e.children||[];t<n.length;t++){var r=n[t],s=g(r);if(s)return s}return null},_=g(l),Re(_?_.id:l.id)))):(Xe(null!==(T=o.id)&&void 0!==T?T:null),$e(!1),Oe(null)):(Xe(null),$e(!1),Oe(null))),[3,15];case 13:return m=y.sent(),console.error("Failed to fetch rule sets or permissions",m),je("Failed to load data. Please try again later."),[3,15];case 14:return Ue(!1),[7];case 15:return[2]}})})};n.useEffect(function(){var e;(null===(e=null==J?void 0:J.accessToken)||void 0===e?void 0:e.length)&&Et?jt(!0):console.warn("Error: Trying to fetch rules without access token",J)},[null==J?void 0:J.accessToken,je,qe,ne.applicationId,Et,se,ge,_e,Z]);var qt=function(t,n,r){return e.__awaiter(X,void 0,void 0,function(){var n,r,s,i,o,l,u,c;return e.__generator(this,function(d){switch(d.label){case 0:We(!0),d.label=1;case 1:return d.trys.push([1,4,5,6]),[4,p.deleteRuleSet(t,J.accessToken)];case 2:return d.sent(),a.useLearningTemplateStore.getState().selectedRuleSetId===t&&(n=a.useLearningTemplateStore.getState().scopeTreeData,(r=v.findNodePathById((null==n?void 0:n.data)||null,t))&&r.length>1&&(s=r[r.length-2],Re(s),Ke(Ce))),[4,jt(!0)];case 3:return d.sent(),xe(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),null===(o=dt.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=dt.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 We(!1),[7];case 6:return[2]}})})},wt=we,Ot=tt?{data:{id:tt.stationId,name:tt.stationName,type:"STATION",metrics:{learningsCount:tt.learningsCount,stationsCount:0},children:[]}}:wt,kt=!!(null==Ot?void 0:Ot.data);null===(H=null==Ot?void 0:Ot.data)||void 0===H||H.type;var Nt=A.usePermissionsStore(function(e){return e.hasGlobalPermission})("ilotj.scope.global.create",ne.applicationResourceId||""),xt=function(n){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 n?n:(null===(c=null===(u=a.useLearningTemplateStore.getState().scopeTreeData)||void 0===u?void 0:u.data)||void 0===c?void 0:c.id)||ze)&&!Ze)return null===(d=dt.current)||void 0===d||d.show({severity:"error",sticky:!1,className:o.default.errorToast,content:t.jsx(M.default,{message:"Unable to identify the global scope for this access request."})}),[2];st(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,p.requestAccess(r,Ze)];case 2:return e.sent(),ot(!0),null===(f=dt.current)||void 0===f||f.show({severity:"success",sticky:!1,life:3e3,className:o.default.successToast,content:t.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===(_=dt.current)||void 0===_||_.show({severity:"error",sticky:!1,className:o.default.errorToast,content:t.jsx(M.default,{message:l})}),[3,5];case 4:return st(!1),[7];case 5:return[2]}})})};if(Ct)return t.jsx(w.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:t.jsx("div",e.__assign({className:o.default.learningManagementContainer,style:Ae},{children:t.jsx(C.default,{})}))}));if(It)return t.jsx(w.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:t.jsx("div",e.__assign({className:o.default.learningManagementContainer,style:Ae},{children:t.jsx(I.default,{errorMessage:"Failed to load configuration. Please try again.",onRetry:function(){return Dt()},title:"Error Loading Configuration"})}))}));var Bt=e.__spreadArray(e.__spreadArray([{type:"GLOBAL",label:"Global",addChildLabel:"".concat(j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".addScope"),"Add Scope")),addChildType:"SCOPE"}],Array.from({length:Mt},function(){return e.__assign({type:"SCOPE",label:j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".scope"),"Scope")},!ie&&{addChildLabel:j.dt("".concat(q.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".addSubScope"),"Add Subscope"),addChildType:"SUBSCOPE"})}),!0),ie?[]:[{type:"SUBSCOPE",label:j.dt("".concat(q.MIDDLE_DRAWER_DT_PATH,".subScope"),"Subscope")}],!0),Ht=he?Le.filter(function(e){return"learnings"===e.id}):Le,Ut=tt?Ht.filter(function(e){return"stations"!==e.id}):Ht,Ft=function(e,t){void 0===e&&(e=!0),t&&(lt.current=t),jt(e)},Gt=function(){return Ft(!0)},Wt=null!==(U=null==me?void 0:me.nodeTypesConfig)&&void 0!==U?U:Bt,Yt=(null==me?void 0:me.onOpenCreateModal)?function(){return me.onOpenCreateModal(Gt)}:function(){return xe({isOpen:!0,type:"GLOBAL"})},Qt=(null==me?void 0:me.onAddChild)?function(e,t,n){return me.onAddChild(e,t,n,Gt)}:function(e,t,n){return xe({isOpen:!0,type:t,parentId:e,parentName:n})},Kt=(null==me?void 0:me.onRenameChild)?function(e,t){return me.onRenameChild(e,t,Gt)}:function(e,t){return xe({isOpen:!0,type:"RENAME",scopeId:e,initialName:t})},Vt=(null==me?void 0:me.onDeleteChild)?function(e,t,n){return me.onDeleteChild(e,t,n,Gt)}:function(t,n,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,t),o=!!i&&3===i.length,0!==r?[3,2]:[4,qt(t)];case 1:return e.sent(),[3,3];case 2:xe({isOpen:!0,type:"DELETE",scopeId:t,initialName:n,isSubscope:o}),e.label=3;case 3:return[2]}})})},zt=null!==(F=null==me?void 0:me.onSectionSelect)&&void 0!==F?F:function(e,t){var n;console.log("Section Selected:",{scopeId:e,sectionId:t}),ht(((n={})[f.QUERY_PARAM_KEYS.SECTION]=t===Ce?null:t,n)),Ke(t),Re(e),ot(!1)},Xt=null!==(G=null==me?void 0:me.onRefreshRuleSets)&&void 0!==G?G:Ft,Jt=null!==(W=null==me?void 0:me.canCreateScope)&&void 0!==W?W:function(e){return At("ilotj.scope.create",e)},Zt=null!==(Y=null==me?void 0:me.canEditScope)&&void 0!==Y?Y:function(e){return At("ilotj.scope.edit",e)},$t=null!==(Q=null==me?void 0:me.canDeleteScope)&&void 0!==Q?Q:function(e){return At("ilotj.scope.delete",e)},en=null!==(K=null==me?void 0:me.menuActionsConfig)&&void 0!==K?K:Ee;return t.jsx(w.ILMarketplaceThemeProvider,e.__assign({theme:Te},{children:t.jsx(h.TooltipProvider,{children:t.jsxs("div",e.__assign({className:[o.default.learningManagementContainer,he&&o.default.selectionMode].filter(Boolean).join(" "),style:Ae},{children:[t.jsx("div",e.__assign({className:o.default.mainWrapper},{children:He?t.jsx(_.default,{}):Pe?t.jsxs("div",e.__assign({className:o.default.errorContainer},{children:[t.jsx("div",e.__assign({className:o.default.errorTitle},{children:"Error Loading Data"})),t.jsx("p",e.__assign({className:o.default.errorDesc},{children:Pe})),t.jsx("button",e.__assign({onClick:function(){return jt(!0)},className:o.default.tryAgainBtn},{children:"Try Again"}))]})):kt?t.jsx(l.default,{onOpenCreateModal:Yt,onAddChild:Qt,onRenameChild:Kt,onDeleteChild:Vt,canDeleteScope:$t,canEditScope:Zt,canCreateScope:Jt,onSectionSelect:zt,activeSectionId:Qe,scopeTreeData:Ot,sectionsConfig:Ut,onViewStation:function(e){zt(e.stationId,Ce)},onRefreshRuleSets:Xt,nodeTypesConfig:Wt,app_integration_id:se,token:J.accessToken,modeId:ce,onRequestAccess:xt,isRequestingAccess:rt,isAccessRequested:it,selectionMode:he,isILMarketplace:ge,guidelineContentProps:ve,menuActionsConfig:en}):t.jsx(u.default,{onCreate:function(){return xe({isOpen:!0,type:"GLOBAL"})},title:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".title"),"No Global Scope has been added!"),desc:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".desc"),"Start by creating a Global scope to define base learnings that apply across all stations."),button:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".createGlobalScope"),"Create Global Scope"),canCreateRule:Nt,noAccessTitle:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".noAccessTitle"),"Access Restricted"),noAccessDesc:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".noAccessDesc"),"You do not have access for this application."),requestAccessButton:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".requestAccessButton"),"Request Access"),requestSentButton:j.dt("".concat(q.EMPTY_STATE_DT_PATH,".requestSentButton"),"Request Sent"),onRequestAccess:xt,isRequestingAccess:rt,isAccessRequested:it})})),t.jsx(i.Toast,{ref:dt,pt:{root:{style:{zIndex:9999}}}}),ie&&Ne.isOpen&&"DELETE"!==Ne.type&&"RENAME"!==Ne.type?t.jsx(T.default,{isOpen:!0,onClose:function(){return xe(e.__assign(e.__assign({},Ne),{isOpen:!1}))},onSubmit:function(t){return e.__awaiter(X,void 0,void 0,function(){var n,r,s,i,o,l,u,c,d,f,g,_,v,m,S,h,T,A,y,E;return e.__generator(this,function(L){switch(L.label){case 0:We(!0),n=a.useLearningTemplateStore.getState().backwardCompatibility,L.label=1;case 1:return L.trys.push([1,12,13,14]),r=void 0,n&&"object"==typeof t?r=t:(s=t,i="SCOPE"===Ne.type&&Ne.parentId,o=i?"genreRuleSet":Ne.type,r={topic:o,scope_reference_id:null,scopeDescription:"demo",parentScopeId:Ne.parentId||null,scopeName:s,scopeReferenceMetadata:{},applicationMappingId:se}),[4,p.createRuleSet(r,J.accessToken)];case 2:if(l=L.sent(),!(u=null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.scopeId))return[3,10];if(lt.current=u,c=n&&(null===(S=r.topic)||void 0===S?void 0:S.toLowerCase().includes("genre")),d=!n&&"GLOBAL"!==Ne.type&&Ne.parentId,!c&&!d)return[3,10];if(!(f=n?null===(T=null===(h=a.useLearningTemplateStore.getState().scopeTreeData)||void 0===h?void 0:h.data)||void 0===T?void 0:T.id:Ne.parentId))return[3,10];if(!ie)return[3,7];L.label=3;case 3:return L.trys.push([3,5,,6]),[4,p.inheritScopeBackwardCompatible({source_scope_id:f,target_scope_id:u})];case 4:return L.sent(),[3,6];case 5:return g=L.sent(),console.error("Failed to inherit rules for the new scope:",g),[3,6];case 6:return[3,10];case 7:return L.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 L.sent(),[3,10];case 9:return _=L.sent(),console.error("Failed to inherit rules for the new scope:",_),[3,10];case 10:return[4,jt(!0)];case 11:return L.sent(),xe(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,14];case 12:throw v=L.sent(),console.error("An error occurred during scope creation.",v),null===(A=dt.current)||void 0===A||A.show({severity:"error",summary:"Creation Failed",detail:(null===(E=null===(y=null==v?void 0:v.response)||void 0===y?void 0:y.data)||void 0===E?void 0:E.message)||"There was an error creating the scope. Please try again."}),v;case 13:return We(!1),[7];case 14:return[2]}})})},hasGlobalRuleSet:kt,canCreateGlobal:Nt,globalScopeId:null!==(z=null===(V=null==we?void 0:we.data)||void 0===V?void 0:V.id)&&void 0!==z?z:null}):t.jsxs(t.Fragment,{children:[t.jsx(b.default,{isOpen:Ne.isOpen&&"DELETE"!==Ne.type&&"RENAME"!==Ne.type,onClose:function(){return xe(e.__assign(e.__assign({},Ne),{isOpen:!1}))},onCreate:function(e){e&&(lt.current=e),jt(!0)},hasGlobalRuleSet:kt,parentId:Ne.parentId,parentName:Ne.parentName,childType:"SUBSCOPE"===Ne.type?"SUBSCOPE":"SCOPE",isILMarketplace:ge}),t.jsx(P.default,{isOpen:Ne.isOpen&&"RENAME"===Ne.type,onClose:function(){return xe(e.__assign(e.__assign({},Ne),{isOpen:!1}))},onSave:function(n){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:We(!0),d.label=1;case 1:return d.trys.push([1,4,5,6]),Ne.scopeId?(r=a.useLearningTemplateStore.getState().backwardCompatibility,s=r?{scope_id:Ne.scopeId,scope_name:n}:{scope_id:Ne.scopeId,scope_type:"Custom",scope_name:n,application_mapping_id:se},[4,p.renameScope(s,J.accessToken)]):[2];case 2:return d.sent(),[4,jt(!0)];case 3:return d.sent(),xe(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,6];case 4:throw i=d.sent(),console.error("An error occurred during scope rename.",i),null===(l=dt.current)||void 0===l||l.show({severity:"error",sticky:!1,className:o.default.errorToast,content:t.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 We(!1),[7];case 6:return[2]}})})},initialName:Ne.initialName})]}),t.jsx(g.default,{isOpen:Ne.isOpen&&"DELETE"===Ne.type,onCancel:function(){return xe(e.__assign(e.__assign({},Ne),{isOpen:!1}))},onConfirm:function(){return qt(Ne.scopeId,Ne.initialName,Ne.isSubscope)},title:"Delete Scope",description:t.jsxs(t.Fragment,{children:["Deleting ",t.jsx("span",e.__assign({className:o.default.highlight},{children:Ne.initialName||"this scope"}))," will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."]}),confirmText:"Delete",confirmBgColor:"#EF4444",isLoading:Ge})]}))})}))};
+'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