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

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

@@ -1,2 +1,727 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("../store/useLearningTemplateStore.js"),i=require("../components/EmptyLearningState.js"),l=require("../apis/scopeApis.js"),o=require("../components/RuleContentSkeleton.js"),u=require("primereact/toast"),a=require("./ContentLogic.js"),s=require("../components/ErrorStateDisplay.js"),d=require("../shared/SuccessToastContent.js"),c=require("../shared/ErrorToastContent.js"),v=require("../utils/treeUtils.js"),f=require("../styles/LearningContent.module.css.js"),p=require("../components/ConfirmationModal.js"),g=require("../store/useLMSConfigStore.js");require("../../IL-OTJ/_components/atoms/Textarea/Textarea.js"),require("lucide-react"),require("../../IL-OTJ/_components/InputDataReasoningCard.js"),require("../../IL-OTJ/_components/TooltipComponent.js"),require("../../IL-OTJ/_components/templates/TemplatesMap/templatesMap.js");var m=require("../../IL-OTJ/store/CitationsContext.js");require("@mui/material"),require("uuid"),require("@mui/material/Tooltip"),require("react-markdown"),require("rehype-raw"),require("../../../api/transport.js"),require("@e-llm-studio/streaming-response"),require("@e-llm-studio/watch-me-work"),require("../../IL-OTJ/_components/ChatComponents/ChatHeader.js"),require("remark-gfm"),require("../../IL-OTJ/_components/MarkdownComponents/MarkdownElements.js"),require("../../IL-OTJ/_components/CitationLink.js"),require("@e-llm-studio/citation");var T=require("../../IL-OTJ/ValueTypeWrappers/TeachMePlugin.js"),_=require("../../../ContinueWithTemplateModal.js"),h=require("../constants.js"),y=require("../store/useConfigStore.js");require("../store/usePermissionsStore.js"),require("appsec-ui"),require("../store/useAuthStore.js"),require("../store/useEnvStore.js"),require("../../IL-marketplace/marketplaceTheme.js"),require("react-dom"),require("@radix-ui/react-tooltip"),require("../components/StationOnboarding/InputField.js"),require("../config.js"),require("../store/useAppSecRolesStore.js"),require("@tanstack/react-query"),require("@e-llm-studio/audit-log"),require("@e-llm-studio/audit-log/dist/styles.css"),require("../AuditLog/ChangeLogDiff.js"),require("react-router-dom"),require("../../IL-marketplace/components/GuidelineIconButton.js"),require("../hooks/useLearningTemplateQueryParams.js"),require("../components/ToolTip.js"),require("../../../ILMarketplaceWrapper.js"),require("../LearningManagementTest.js");exports.default=function(S){var j,q=S.noRulesTitle,w=void 0===q?"No rules have been added !":q,x=S.noRulesDesc,A=void 0===x?"Start by adding rules that should apply across all stations.":x,I=S.noRulesButtonText,R=void 0===I?"Create New Rule":I,D=S.deleteRuleSuccessMessage,L=void 0===D?"Rule deleted successfully!":D,C=S.deleteVariantSuccessMessage,b=void 0===C?"Variant deleted successfully!":C,N=S.deleteRuleErrorMessage,k=void 0===N?"Failed to delete rule. Please try again.":N,P=S.deleteVariantErrorMessage,E=void 0===P?"Failed to delete variant. Please try again.":P,M=S.deleteModalTitle,O=void 0===M?"Delete":M,V=S.deleteRuleModalWarning,F=void 0===V?"This will permanently delete the rule configuration.":V,B=S.deleteVariantModalWarning,H=void 0===B?"This will permanently delete the variant configuration.":B,J=S.deleteConfirmText,G=void 0===J?"Delete":J,U=S.onRefreshRuleSets,W=S.app_integration_id,Q=S.token,$=S.modeId,z=S.onRequestPublishedEdit,K=S.publishedEditStatus,X=S.publishedVersion,Y=r.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),Z=r.useLearningTemplateStore(function(e){return e.scopeTreeData}),ee=r.useLearningTemplateStore(function(e){return e.sidebarTab}),te=r.useLearningTemplateStore(function(e){return e.setInitialRules}),ne=r.useLearningTemplateStore(function(e){return e.currentRules}),re=r.useLearningTemplateStore(function(e){return e.setRawAuditRuleData});r.useLearningTemplateStore(function(e){return e.createdVariantInfo});var ie=r.useLearningTemplateStore(function(e){return e.resetCreatedVariantInfo}),le=r.useLearningTemplateStore(function(e){return e.isILModalTriggered}),oe=r.useLearningTemplateStore(function(e){return e.setIsILModalTriggered}),ue=n.useRef(null),ae=y.useConfigStore.getState().configuration,se=n.useState(!1),de=se[0],ce=se[1],ve=n.useState(null),fe=ve[0],pe=ve[1],ge=n.useState(null),me=ge[0],Te=ge[1],_e=n.useState(null),he=_e[0],ye=_e[1],Se=n.useState("create"),je=Se[0],qe=Se[1],we=n.useState(null),xe=we[0],Ae=we[1],Ie=n.useState(0),Re=Ie[0],De=Ie[1],Le=n.useState(!1),Ce=Le[0],be=Le[1],Ne=n.useState(null),ke=Ne[0],Pe=Ne[1],Ee=n.useState(!1),Me=Ee[0],Oe=Ee[1],Ve=n.useRef(null),Fe=n.useState(""),Be=Fe[0],He=Fe[1],Je=n.useState(null),Ge=Je[0],Ue=Je[1],We=n.useState(!1),Qe=We[0],$e=We[1],ze=n.useState(!1),Ke=ze[0],Xe=ze[1],Ye=n.useState("ruleDeletion"),Ze=Ye[0],et=Ye[1],tt=n.useState(null),nt=tt[0],rt=tt[1],it=n.useState(!1),lt=it[0],ot=it[1],ut=n.useState(!1),at=ut[0],st=ut[1],dt=n.useState(!1),ct=dt[0],vt=dt[1],ft=r.useLearningTemplateStore.getState().tiers,pt=n.useState(null),gt=pt[0],mt=pt[1],Tt=n.useState(null),_t=Tt[0],ht=Tt[1],yt=n.useState(null),St=yt[0],jt=yt[1],qt=function(e){return String(e||"").trim().toLowerCase().replace(/\s+/g,"_").replace(/tier_?(\d+)/i,"tier_$1")},wt=function(e){return qt(e).replace(/_/g," ").replace(/\b\w/g,function(e){return e.toUpperCase()})},xt=function(e){if(!e||"object"!=typeof e)return!1;var t=e;return Boolean(t.ruleId||t.ruleTitle||Array.isArray(t.variants))},At=function(t){var n,r,i,l,o,u,a,s,d,c=null!==(l=null!==(i=null!==(r=null!==(n=null==t?void 0:t.ruleId)&&void 0!==n?n:null==t?void 0:t.id)&&void 0!==r?r:null==t?void 0:t.questionId)&&void 0!==i?i:null==t?void 0:t.question_id)&&void 0!==l?l:"",v=null!==(d=null!==(s=null!==(a=null!==(u=null!==(o=null==t?void 0:t.ruleTitle)&&void 0!==o?o:null==t?void 0:t.title)&&void 0!==u?u:null==t?void 0:t.question_title)&&void 0!==a?a:null==t?void 0:t.originalQuestion)&&void 0!==s?s:null==t?void 0:t.question)&&void 0!==d?d:"",f=Array.isArray(null==t?void 0:t.variants)?t.variants:(null==t?void 0:t.variantId)||(null==t?void 0:t.description)||(null==t?void 0:t.ruleDesc)?[t]:[];return e.__assign(e.__assign({},t),{ruleId:c,ruleTitle:v,variants:f.map(function(t,n){var r,i,l,o,u,a,s,d,f,p,g,m,T,_,h,y,S,j,q=null!==(o=null!==(l=null!==(i=null!==(r=null==t?void 0:t.variantId)&&void 0!==r?r:null==t?void 0:t.variant_id)&&void 0!==i?i:null==t?void 0:t.id)&&void 0!==l?l:null==t?void 0:t.new_variant_id)&&void 0!==o?o:"".concat(c||"rule","-variant-").concat(n);return e.__assign(e.__assign({},t),{variantId:q,description:null!==(s=null!==(a=null!==(u=null==t?void 0:t.description)&&void 0!==u?u:null==t?void 0:t.ruleDesc)&&void 0!==a?a:null==t?void 0:t.variant)&&void 0!==s?s:"",whenToApply:null!==(p=null!==(f=null!==(d=null==t?void 0:t.whenToApply)&&void 0!==d?d:null==t?void 0:t.conditions_whentoapply)&&void 0!==f?f:null==t?void 0:t.wta)&&void 0!==p?p:"",whenNotToApply:null!==(T=null!==(m=null!==(g=null==t?void 0:t.whenNotToApply)&&void 0!==g?g:null==t?void 0:t.conditions_whennottoapply)&&void 0!==m?m:null==t?void 0:t.wnta)&&void 0!==T?T:"",variantType:null!==(h=null!==(_=null==t?void 0:t.variantType)&&void 0!==_?_:null==t?void 0:t.variant_type)&&void 0!==h?h:"variant",is_drafted:(j=null!==(y=null==t?void 0:t.is_drafted)&&void 0!==y?y:null==t?void 0:t.wasDrafted,!0===j||"true"===j||1===j||"1"===j),is_enabled:null===(S=null==t?void 0:t.is_enabled)||void 0===S||S,ruleTitle:v,title:v})})})},It=function(){qe("create"),pe(null),ye(null),Te(null),mt(null),ht(null),jt(null),He(""),vt(!1),Xe(!1),st(!1),Ae(null),De(function(e){return e+1}),ce(!0)},Rt=function(){ce(!1),oe(!1),pe(null),Te(null),ye(null),Ae(null),Xe(!1),st(!1),vt(!1),Dt(),mt(null),ht(null),jt(null),He(""),U&&U(!1,Y||void 0)};n.useEffect(function(){Dt()},[Y,te,X]),n.useEffect(function(){le&&ce(!0)},[le]);var Dt=function(t){return void 0===t&&(t=!1),e.__awaiter(void 0,void 0,void 0,function(){var n,i,o,u,a,s,d,c,v,f,p,m,T,_,h,y,S,j,q;return e.__generator(this,function(w){switch(w.label){case 0:if(!Y)return te([]),[2];if(n=[W,Y,null!=X?X:"sandbox"].join("|"),Ve.current===n)return[2];Ve.current=n,t||be(!0),Pe(null),w.label=1;case 1:return w.trys.push([1,3,4,5]),[4,l.getRulesInRuleSetById(Y,Q,X,W)];case 2:return i=w.sent(),Ve.current!==n?[2]:(console.log("response==",i),(null==i?void 0:i.data)&&0!==Object.keys(i.data).length?(re(i),o=i.data,console.log("rulesData==",o),u=function(t){var n=function(e){var t,n,r,i,l=null!==(i=null!==(r=null!==(n=null!==(t=null==e?void 0:e.value)&&void 0!==t?t:null==e?void 0:e.rules)&&void 0!==n?n:null==e?void 0:e.learnings)&&void 0!==r?r:null==e?void 0:e.questions)&&void 0!==i?i:[];return Array.isArray(l)?l.filter(xt).map(At):[]};if(Array.isArray(t))return[["tier_1",t.filter(xt).map(At)]];if(Array.isArray(t.tiers))return e.__spreadArray([],t.tiers,!0).sort(function(e,t){var n,r,i,l;return(null!==(r=null!==(n=e.tier_priority)&&void 0!==n?n:e.priority)&&void 0!==r?r:0)-(null!==(l=null!==(i=t.tier_priority)&&void 0!==i?i:t.priority)&&void 0!==l?l:0)}).map(function(e,t){var r,i,l;return[null!==(l=null!==(i=null!==(r=e.name)&&void 0!==r?r:e.tier_name)&&void 0!==i?i:e.tier_title)&&void 0!==l?l:"tier_".concat(t+1),n(e)]});var r=n(t);if(r.length>0)return[["tier_1",r]];var i=new Set(["ruleSetName","ruleSetDesc","created_at","updated_at","created_by","updated_by","scope_id","application_mapping_id"]);return Object.entries(t).filter(function(e){var t=e[0],n=e[1];return!i.has(t)&&Array.isArray(n)&&n.some(xt)}).map(function(e){return[e[0],e[1].map(At)]})}(o),a=u.map(function(e){var t=e[1];return new Set(t.flatMap(function(e){var t,n;return null!==(n=null===(t=e.variants)||void 0===t?void 0:t.map(function(e){return e.link_id}).filter(Boolean))&&void 0!==n?n:[]}))}),s=a.flatMap(function(e){return Array.from(e)}),d=s.reduce(function(e,t){var n;return e[t]=(null!==(n=e[t])&&void 0!==n?n:0)+1,e},{}),c=new Set(Object.entries(d).filter(function(e){return e[1]>1}).map(function(e){return e[0]})),v=function(t){return t.map(function(t){var n;return e.__assign(e.__assign({},t),{variants:null===(n=t.variants)||void 0===n?void 0:n.map(function(t){return e.__assign(e.__assign({},t),{isLinked:!!t.link_id&&c.has(t.link_id)})})})})},f=u.map(function(e,t){var n,r=e[0],i=e[1],l=qt(r),o=ft.find(function(e){return qt(e.tier_name)===l});return{id:null!==(n=null==o?void 0:o.tier_id)&&void 0!==n?n:String(t+1),name:wt(r),ruleCount:i.length,description:0===t?"".concat(g.dt("tier.subtitle","These are the system-wide learnings applied across all stations.")):"These learnings apply after higher-priority tiers and may refine or relax default behavior.",isOpen:0===t,rules:v(i)}}),(p=r.useLearningTemplateStore.getState().createdVariantInfo)&&p.length>0?(m=Object.fromEntries(u.flatMap(function(e,t){var n,r,i=e[0],l=null!==(r=null===(n=f[t])||void 0===n?void 0:n.id)&&void 0!==r?r:String(t+1);return[[i,l],[qt(i),l],[wt(i),l]]})),T=new Set(p.flatMap(function(e){return[e.tierName,qt(e.tierName)]}).map(function(e){return m[e]}).filter(Boolean)),_=f.map(function(t){return e.__assign(e.__assign({},t),{isOpen:t.isOpen||T.has(t.id)})}),te(_),(h=null===(q=null===(j=null===(S=p[0])||void 0===S?void 0:S.variants)||void 0===j?void 0:j[0])||void 0===q?void 0:q.id)?setTimeout(function(){var e=document.querySelector('[data-variant-id="'.concat(h,'"]'));e&&e.scrollIntoView({behavior:"smooth",block:"center"}),setTimeout(function(){return ie()},1e4)},500):ie()):te(f),[3,5]):(te([]),[2]));case 3:return y=w.sent(),Ve.current!==n?[2]:(console.error("Failed to fetch rule details",y),404!==(null==y?void 0:y.status)&&Pe((null==y?void 0:y.message)||"Failed to load rules. Please try again."),te([]),[3,5]);case 4:return Ve.current===n&&(Ve.current=null,t||be(!1)),[7];case 5:return[2]}})})},Lt=Y?v.findNodeById((null==Z?void 0:Z.data)||null,Y):null,Ct=Lt?{ruleSetId:Lt.id,ruleSetName:Lt.name,ruleSetDesc:"",ruleCount:null===(j=null==Lt?void 0:Lt.metrics)||void 0===j?void 0:j.learningsCount}:void 0,bt=Boolean(null==Z?void 0:Z.data),Nt=Boolean(Y&&!Lt&&bt),kt=function(){if("stations"===ee)return"custom";if(!Lt)return"global";switch(Lt.type){case"GLOBAL":default:return"global";case"SCOPE":return"genre";case"SUBSCOPE":case"Custom":return"custom"}},Pt=function(e){var n;if(!e)return t.jsx("p",{children:g.dt("".concat(h.TIER_DT_PATH,".deleteDialog.description"),"Are you sure you want to delete this rule? This action cannot be undone.")});var r=null==ne?void 0:ne.flatMap(function(e){var t;return null!==(t=e.rules)&&void 0!==t?t:[]}).find(function(t){return t.ruleId===e});return t.jsx("p",{children:g.dt("".concat(h.TIER_DT_PATH,".deleteDialog.description"),"Are you sure you want to delete ".concat(null==r?void 0:r.ruleTitle," rule? This action cannot be undone."),{rule_title:null!==(n=null==r?void 0:r.ruleTitle)&&void 0!==n?n:""})})},Et={flow:je,editingRule:fe,editingTier:me,editingVariants:he,focusedVariantIndex:xe,setFocusedVariantIndex:Ae,triggerAddVariant:Ke,triggerFixGaps:at,isDraftFlow:ct,copiedRule:gt,copiedSourceTier:_t,copiedTargetTier:St,initialDraftMessage:Be,app_integration_id:W,modeId:$};return Ct?t.jsxs(t.Fragment,{children:[t.jsx(u.Toast,{ref:ue}),t.jsx("div",e.__assign({className:f.default.container},{children:Ce?t.jsx(o.default,{}):ke?t.jsx(s.default,{errorMessage:ke,onRetry:Dt}):t.jsx(a.default,{onAddRule:It,onDeleteRule:function(e){Ue(e)},onEditRule:function(e,t){qe("edit"),pe(e),Te(t||null),ye(e.variants||null),Ae(null),Xe(!0),vt(!1),st(!1),De(function(e){return e+1}),ce(!0)},onEditVariant:function(e,t,n,r){var i,l,o,u,a=null!==(o=null===(l=null===(i=null==ne?void 0:ne.find(function(e){return e.name===n}))||void 0===i?void 0:i.rules)||void 0===l?void 0:l.find(function(e){return e.ruleId===t}))&&void 0!==o?o:null==ne?void 0:ne.flatMap(function(e){return e.rules}).find(function(e){return e.ruleId===t});if(a){if(e.is_drafted)return qe("create"),pe(null),Te(n||null),ye([e]),Ae(0),vt(!0),Xe(!1),st(!1),De(function(e){return e+1}),void ce(!0);var s=null===(u=a.variants)||void 0===u?void 0:u.findIndex(function(t){return t.variantId===e.variantId}),d=void 0!==s&&-1!==s?s:0;qe("edit"),pe(a),Te(n||null),ye(a.variants||null),Ae(d),vt(!1),Xe(!1),st(!1),De(function(e){return e+1}),ce(!0),"resolve_gaps"===r&&st(!0)}},onDeleteVariant:function(e,t){rt({variantId:e,ruleId:t})},onExportRule:function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,r,i,o,u,a,s;return e.__generator(this,function(e){switch(e.label){case 0:if(!Y)return[2];Oe(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,l.exportRuleSet(Y)];case 2:return n=e.sent(),r=window.URL.createObjectURL(n),(i=document.createElement("a")).href=r,o=(null==Ct?void 0:Ct.ruleSetName)?"".concat(Ct.ruleSetName.replace(/\s+/g,"_"),"_rules.csv"):"ruleset_".concat(Y,".csv"),i.download=o,document.body.appendChild(i),i.click(),document.body.removeChild(i),window.URL.revokeObjectURL(r),null===(a=ue.current)||void 0===a||a.show({severity:"success",sticky:!1,life:3e3,className:f.default.successToast,content:t.jsx(d.default,{message:"Ruleset exported successfully!"})}),[3,5];case 3:return u=e.sent(),console.error("Export error:",u),null===(s=ue.current)||void 0===s||s.show({severity:"error",sticky:!1,className:f.default.errorToast,content:t.jsx(c.default,{message:u.message||"Failed to export ruleset. Please try again."})}),[3,5];case 4:return Oe(!1),[7];case 5:return[2]}})})},isExporting:Me,onToggleSuccess:function(){return Dt(!0)},onReorderRules:function(n,r,i,o,u){return e.__awaiter(void 0,void 0,void 0,function(){var a,s,v;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,l.alterQuestionPriority(n,r,i,o,u)];case 1:return e.sent(),Dt(!0),null===(s=ue.current)||void 0===s||s.show({severity:"success",sticky:!1,life:3e3,className:f.default.successToast,content:t.jsx(d.default,{message:"Rule order changed successfully. Future rule applications will follow the updated order."})}),[3,3];case 2:return a=e.sent(),console.error("Failed to reorder rules:",a),Dt(!0),null===(v=ue.current)||void 0===v||v.show({severity:"error",sticky:!1,className:f.default.errorToast,content:t.jsx(c.default,{message:"Failed to update rule order. Please try again."})}),[3,3];case 3:return[2]}})})},onRefreshRuleSets:U,setDeleteConfirmationUsedFor:et,onCopyToTier:function(e,t,n,r,i){var l,o,u=null===(o=null===(l=null==ne?void 0:ne.find(function(e){return e.name===r}))||void 0===l?void 0:l.rules)||void 0===o?void 0:o.find(function(e){return e.ruleId===t});if(u){var a=["Add a new learning with the following details:","- Rule Title: ".concat(n),"- Description: ".concat(e.description),"- When to apply: ".concat(e.whenToApply),"- When NOT to apply: ".concat(e.whenNotToApply),"- Tier information:  ".concat(i)].join("\n");He(a),mt(u),ht(r),jt(i),qe("create"),pe(null),Te(null),ye(null),Ae(null),vt(!1),Xe(!1),st(!1),De(function(e){return e+1}),ce(!0)}},onRequestPublishedEdit:z,publishedEditStatus:K})})),de&&t.jsx(m.CitationProvider,{children:t.jsx(T.default,{isOpen:de,onClose:Rt,app_integration_id:W,token:Q,mode:"ADD",config:ae,pluginPayload:e.__assign(e.__assign({},Et),{initialScope:kt(),ruleSet:Ct}),renderContinueModal:!1},Re)}),t.jsx(_.default,{}),t.jsx(p.default,{isOpen:!!Ge,title:g.dt("".concat(h.LEARNING_DT_PATH,".deleteDialog.title"),O),description:Pt(Ge),warning:g.dt("".concat(h.LEARNING_DT_PATH,".deleteDialog.warningText"),F),confirmText:g.dt("".concat(h.LEARNING_DT_PATH,".deleteDialog.deleteText"),G),cancelText:g.dt("".concat(h.LEARNING_DT_PATH,".deleteDialog.cancelText"),"Cancel"),loadingText:g.dt("".concat(h.LEARNING_DT_PATH,".deleteDialog.loadingText"),"Deleting..."),confirmBgColor:"#EF4444",onConfirm:function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,r,i,o,u;return e.__generator(this,function(e){switch(e.label){case 0:if(!Ge)return[2];$e(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,l.deleteRule(Ge)];case 2:return e.sent(),Ue(null),null===(r=ue.current)||void 0===r||r.show({severity:"success",sticky:!1,life:3e3,className:f.default.successToast,content:t.jsx(d.default,{message:L})}),Dt(),U&&U(!1,Y||void 0),[3,5];case 3:return n=e.sent(),console.error("Failed to delete rule",n),null===(i=ue.current)||void 0===i||i.show({severity:"error",sticky:!1,className:f.default.errorToast,content:t.jsx(c.default,{message:(null===(u=null===(o=null==n?void 0:n.response)||void 0===o?void 0:o.data)||void 0===u?void 0:u.detail)||k})}),[3,5];case 4:return $e(!1),[7];case 5:return[2]}})})},onCancel:function(){return Ue(null)},isLoading:Qe,position:"fixed"}),t.jsx(p.default,{isOpen:!!nt,title:g.dt("".concat(h.VARIANT_DT_PATH,".deleteVariant.title"),O),description:"variantDeletion"===Ze?t.jsx("span",{children:g.dt("".concat(h.VARIANT_DT_PATH,".deleteVariant.desc"),"Are you sure you want to delete this variant? This action cannot be undone.")}):Pt((null==nt?void 0:nt.ruleId)||null),warning:g.dt("".concat(h.VARIANT_DT_PATH,".deleteVariant.warningText"),"ruleDeletion"===Ze?F:H),confirmText:g.dt("".concat(h.VARIANT_DT_PATH,".deleteDialog.deleteText"),G),cancelText:g.dt("".concat(h.VARIANT_DT_PATH,".cancelText"),"Cancel"),loadingText:g.dt("".concat(h.VARIANT_DT_PATH,".loadingText"),"Deleting..."),confirmBgColor:"#EF4444",onConfirm:function(){return e.__awaiter(void 0,void 0,void 0,function(){var n,r,i,o,u;return e.__generator(this,function(e){switch(e.label){case 0:if(!nt)return[2];ot(!0),e.label=1;case 1:return e.trys.push([1,6,7,8]),"ruleDeletion"!==Ze?[3,3]:[4,l.deleteQuestion(nt.ruleId)];case 2:return e.sent(),[3,5];case 3:return[4,l.deleteRule(nt.variantId)];case 4:e.sent(),e.label=5;case 5:return rt(null),null===(r=ue.current)||void 0===r||r.show({severity:"success",sticky:!1,life:3e3,className:f.default.successToast,content:t.jsx(d.default,{message:"ruleDeletion"===Ze?L:b})}),Dt(),U&&U(!1,Y||void 0),[3,8];case 6:return n=e.sent(),console.error("Failed to delete variant",n),null===(i=ue.current)||void 0===i||i.show({severity:"error",sticky:!1,className:f.default.errorToast,content:t.jsx(c.default,{message:(null===(u=null===(o=null==n?void 0:n.response)||void 0===o?void 0:o.data)||void 0===u?void 0:u.detail)||("ruleDeletion"===Ze?k:E)})}),[3,8];case 7:return ot(!1),[7];case 8:return[2]}})})},onCancel:function(){return rt(null)},isLoading:lt,position:"fixed"})]}):Nt?t.jsx(s.default,{title:"Scope Not Found",errorMessage:"The selected scope does not exist. Please refresh the page or choose a valid scope.",onRetry:function(){return null==U?void 0:U(!0)},retryButtonText:"Refresh"}):t.jsxs(t.Fragment,{children:[t.jsx(i.default,{onCreate:It,title:w,desc:A,button:R}),de&&t.jsx(m.CitationProvider,{children:t.jsx(T.default,{isOpen:de,onClose:Rt,app_integration_id:W,token:Q,mode:"ADD",config:ae,pluginPayload:e.__assign(e.__assign({},Et),{initialScope:kt(),ruleSet:Ct}),renderContinueModal:!1},Re)}),t.jsx(_.default,{})]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useLearningTemplateStore = require('../store/useLearningTemplateStore.js');
+var EmptyLearningState = require('../components/EmptyLearningState.js');
+var scopeApis = require('../apis/scopeApis.js');
+var RuleContentSkeleton = require('../components/RuleContentSkeleton.js');
+var toast = require('primereact/toast');
+var ContentLogic = require('./ContentLogic.js');
+var ErrorStateDisplay = require('../components/ErrorStateDisplay.js');
+var treeUtils = require('../utils/treeUtils.js');
+var LearningContent_module = require('../styles/LearningContent.module.css.js');
+var ConfirmationModal = require('../components/ConfirmationModal.js');
+var useLMSConfigStore = require('../store/useLMSConfigStore.js');
+var TeachMePlugin = require('../../IL-OTJ/ValueTypeWrappers/TeachMePlugin.js');
+var ContinueWithTemplateModal = require('../../../ContinueWithTemplateModal.js');
+var constants = require('../constants.js');
+var useConfigStore = require('../store/useConfigStore.js');
+var CitationsContext = require('../../IL-OTJ/store/CitationsContext.js');
+var SuccessToastContent = require('../shared/SuccessToastContent.js');
+var ErrorToastContent = require('../shared/ErrorToastContent.js');
+
+const RuleContent = ({
+  noRulesTitle = "No rules have been added !",
+  noRulesDesc = "Start by adding rules that should apply across all stations.",
+  noRulesButtonText = "Create New Rule",
+  deleteRuleSuccessMessage = "Rule deleted successfully!",
+  deleteVariantSuccessMessage = "Variant deleted successfully!",
+  deleteRuleErrorMessage = "Failed to delete rule. Please try again.",
+  deleteVariantErrorMessage = "Failed to delete variant. Please try again.",
+  deleteModalTitle = "Delete",
+  deleteRuleModalWarning = "This will permanently delete the rule configuration.",
+  deleteVariantModalWarning = "This will permanently delete the variant configuration.",
+  deleteConfirmText = "Delete",
+  onRefreshRuleSets,
+  app_integration_id,
+  token,
+  modeId,
+  onRequestPublishedEdit,
+  publishedEditStatus,
+  publishedVersion
+}) => {
+  var _a;
+  const selectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const scopeTreeData = useLearningTemplateStore.useLearningTemplateStore((state) => state.scopeTreeData);
+  const sidebarTab = useLearningTemplateStore.useLearningTemplateStore((state) => state.sidebarTab);
+  const setInitialRules = useLearningTemplateStore.useLearningTemplateStore((state) => state.setInitialRules);
+  const currentRules = useLearningTemplateStore.useLearningTemplateStore((state) => state.currentRules);
+  const setRawAuditRuleData = useLearningTemplateStore.useLearningTemplateStore((state) => state.setRawAuditRuleData);
+  useLearningTemplateStore.useLearningTemplateStore((state) => state.createdVariantInfo);
+  const resetCreatedVariantInfo = useLearningTemplateStore.useLearningTemplateStore(
+    (state) => state.resetCreatedVariantInfo
+  );
+  const isILModalTriggered = useLearningTemplateStore.useLearningTemplateStore((state) => state.isILModalTriggered);
+  const setIsILModalTriggered = useLearningTemplateStore.useLearningTemplateStore((state) => state.setIsILModalTriggered);
+  const toast$1 = React.useRef(null);
+  const { configuration } = useConfigStore.useConfigStore.getState();
+  const [isILModalOpen, setIsILModalOpen] = React.useState(false);
+  const [editingRule, setEditingRule] = React.useState(null);
+  const [editingTier, setEditingTier] = React.useState(null);
+  const [editingVariants, setEditingVariants] = React.useState(null);
+  const [flow, setFlow] = React.useState("create");
+  const [focusedVariantIndex, setFocusedVariantIndex] = React.useState(null);
+  const [modalSessionKey, setModalSessionKey] = React.useState(0);
+  const [isLoadingRules, setIsLoadingRules] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const [isExporting, setIsExporting] = React.useState(false);
+  const activeRulesRequestKeyRef = React.useRef(null);
+  const [initialDraftMessage, setInitialDraftMessage] = React.useState("");
+  const [confirmDeleteRuleId, setConfirmDeleteRuleId] = React.useState(null);
+  const [isDeletingRule, setIsDeletingRule] = React.useState(false);
+  const [triggerAddVariant, setTriggerAddVariant] = React.useState(false);
+  const [deleteConfirmationUsedFor, setDeleteConfirmationUsedFor] = React.useState("ruleDeletion");
+  const [confirmDeleteVariant, setConfirmDeleteVariant] = React.useState(null);
+  const [isDeletingVariant, setIsDeletingVariant] = React.useState(false);
+  const [triggerFixGaps, setTriggerFixGaps] = React.useState(false);
+  const [isDraftFlow, setIsDraftFlow] = React.useState(false);
+  const { tiers } = useLearningTemplateStore.useLearningTemplateStore.getState();
+  const [copiedRule, setCopiedRule] = React.useState(null);
+  const [copiedSourceTier, setCopiedSourceTier] = React.useState(null);
+  const [copiedTargetTier, setCopiedTargetTier] = React.useState(null);
+  const normalizeTierKey = (tierKey) => String(tierKey || "").trim().toLowerCase().replace(/\s+/g, "_").replace(/tier_?(\d+)/i, "tier_$1");
+  const toTitleCaseTierName = (tierKey) => normalizeTierKey(tierKey).replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase());
+  const normalizeBoolean = (value) => value === true || value === "true" || value === 1 || value === "1";
+  const looksLikeRule = (value) => {
+    if (!value || typeof value !== "object") return false;
+    const rule = value;
+    return Boolean(rule.ruleId || rule.ruleTitle || Array.isArray(rule.variants));
+  };
+  const normalizeRule = (rawRule) => {
+    var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
+    const ruleId = (_d = (_c = (_b = (_a2 = rawRule == null ? void 0 : rawRule.ruleId) != null ? _a2 : rawRule == null ? void 0 : rawRule.id) != null ? _b : rawRule == null ? void 0 : rawRule.questionId) != null ? _c : rawRule == null ? void 0 : rawRule.question_id) != null ? _d : "";
+    const ruleTitle = (_i = (_h = (_g = (_f = (_e = rawRule == null ? void 0 : rawRule.ruleTitle) != null ? _e : rawRule == null ? void 0 : rawRule.title) != null ? _f : rawRule == null ? void 0 : rawRule.question_title) != null ? _g : rawRule == null ? void 0 : rawRule.originalQuestion) != null ? _h : rawRule == null ? void 0 : rawRule.question) != null ? _i : "";
+    const rawVariants = Array.isArray(rawRule == null ? void 0 : rawRule.variants) ? rawRule.variants : (rawRule == null ? void 0 : rawRule.variantId) || (rawRule == null ? void 0 : rawRule.description) || (rawRule == null ? void 0 : rawRule.ruleDesc) ? [rawRule] : [];
+    return {
+      ...rawRule,
+      ruleId,
+      ruleTitle,
+      variants: rawVariants.map((rawVariant, index) => {
+        var _a3, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j, _k, _l, _m, _n, _o, _p, _q;
+        const variantId = (_d2 = (_c2 = (_b2 = (_a3 = rawVariant == null ? void 0 : rawVariant.variantId) != null ? _a3 : rawVariant == null ? void 0 : rawVariant.variant_id) != null ? _b2 : rawVariant == null ? void 0 : rawVariant.id) != null ? _c2 : rawVariant == null ? void 0 : rawVariant.new_variant_id) != null ? _d2 : `${ruleId || "rule"}-variant-${index}`;
+        return {
+          ...rawVariant,
+          variantId,
+          description: (_g2 = (_f2 = (_e2 = rawVariant == null ? void 0 : rawVariant.description) != null ? _e2 : rawVariant == null ? void 0 : rawVariant.ruleDesc) != null ? _f2 : rawVariant == null ? void 0 : rawVariant.variant) != null ? _g2 : "",
+          whenToApply: (_j = (_i2 = (_h2 = rawVariant == null ? void 0 : rawVariant.whenToApply) != null ? _h2 : rawVariant == null ? void 0 : rawVariant.conditions_whentoapply) != null ? _i2 : rawVariant == null ? void 0 : rawVariant.wta) != null ? _j : "",
+          whenNotToApply: (_m = (_l = (_k = rawVariant == null ? void 0 : rawVariant.whenNotToApply) != null ? _k : rawVariant == null ? void 0 : rawVariant.conditions_whennottoapply) != null ? _l : rawVariant == null ? void 0 : rawVariant.wnta) != null ? _m : "",
+          variantType: (_o = (_n = rawVariant == null ? void 0 : rawVariant.variantType) != null ? _n : rawVariant == null ? void 0 : rawVariant.variant_type) != null ? _o : "variant",
+          is_drafted: normalizeBoolean((_p = rawVariant == null ? void 0 : rawVariant.is_drafted) != null ? _p : rawVariant == null ? void 0 : rawVariant.wasDrafted),
+          is_enabled: (_q = rawVariant == null ? void 0 : rawVariant.is_enabled) != null ? _q : true,
+          ruleTitle,
+          title: ruleTitle
+        };
+      })
+    };
+  };
+  const extractTierEntries = (rulesData) => {
+    const getTierRules = (tier) => {
+      var _a2, _b, _c, _d;
+      const rules = (_d = (_c = (_b = (_a2 = tier == null ? void 0 : tier.value) != null ? _a2 : tier == null ? void 0 : tier.rules) != null ? _b : tier == null ? void 0 : tier.learnings) != null ? _c : tier == null ? void 0 : tier.questions) != null ? _d : [];
+      return Array.isArray(rules) ? rules.filter(looksLikeRule).map(normalizeRule) : [];
+    };
+    if (Array.isArray(rulesData)) {
+      return [["tier_1", rulesData.filter(looksLikeRule).map(normalizeRule)]];
+    }
+    if (Array.isArray(rulesData.tiers)) {
+      return [...rulesData.tiers].sort((a, b) => {
+        var _a2, _b, _c, _d;
+        return ((_b = (_a2 = a.tier_priority) != null ? _a2 : a.priority) != null ? _b : 0) - ((_d = (_c = b.tier_priority) != null ? _c : b.priority) != null ? _d : 0);
+      }).map((tier, index) => {
+        var _a2, _b, _c;
+        return [
+          (_c = (_b = (_a2 = tier.name) != null ? _a2 : tier.tier_name) != null ? _b : tier.tier_title) != null ? _c : `tier_${index + 1}`,
+          getTierRules(tier)
+        ];
+      });
+    }
+    const rootRules = getTierRules(rulesData);
+    if (rootRules.length > 0) {
+      return [["tier_1", rootRules]];
+    }
+    const METADATA_KEYS = /* @__PURE__ */ new Set([
+      "ruleSetName",
+      "ruleSetDesc",
+      "created_at",
+      "updated_at",
+      "created_by",
+      "updated_by",
+      "scope_id",
+      "application_mapping_id"
+    ]);
+    return Object.entries(rulesData).filter(
+      ([key, value]) => !METADATA_KEYS.has(key) && Array.isArray(value) && value.some(looksLikeRule)
+    ).map(([key, value]) => [key, value.map(normalizeRule)]);
+  };
+  const handleOpenIL = () => {
+    setFlow("create");
+    setEditingRule(null);
+    setEditingVariants(null);
+    setEditingTier(null);
+    setCopiedRule(null);
+    setCopiedSourceTier(null);
+    setCopiedTargetTier(null);
+    setInitialDraftMessage("");
+    setIsDraftFlow(false);
+    setTriggerAddVariant(false);
+    setTriggerFixGaps(false);
+    setFocusedVariantIndex(null);
+    setModalSessionKey((key) => key + 1);
+    setIsILModalOpen(true);
+  };
+  const handleCopyToTier = (variant, ruleId, ruleTitle, sourceTier, targetTier) => {
+    var _a2, _b;
+    const parentRule = (_b = (_a2 = currentRules == null ? void 0 : currentRules.find((tier) => tier.name === sourceTier)) == null ? void 0 : _a2.rules) == null ? void 0 : _b.find((r) => r.ruleId === ruleId);
+    if (parentRule) {
+      const message = [
+        "Add a new learning with the following details:",
+        `- Rule Title: ${ruleTitle}`,
+        `- Description: ${variant.description}`,
+        `- When to apply: ${variant.whenToApply}`,
+        `- When NOT to apply: ${variant.whenNotToApply}`,
+        `- Tier information:  ${targetTier}`
+      ].join("\n");
+      setInitialDraftMessage(message);
+      setCopiedRule(parentRule);
+      setCopiedSourceTier(sourceTier);
+      setCopiedTargetTier(targetTier);
+      setFlow("create");
+      setEditingRule(null);
+      setEditingTier(null);
+      setEditingVariants(null);
+      setFocusedVariantIndex(null);
+      setIsDraftFlow(false);
+      setTriggerAddVariant(false);
+      setTriggerFixGaps(false);
+      setModalSessionKey((key) => key + 1);
+      setIsILModalOpen(true);
+    }
+  };
+  const handleExport = async () => {
+    var _a2, _b;
+    if (!selectedRuleSetId) return;
+    setIsExporting(true);
+    try {
+      const blob = await scopeApis.exportRuleSet(selectedRuleSetId);
+      const downloadUrl = window.URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = downloadUrl;
+      const fileName = (selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetName) ? `${selectedRuleSet.ruleSetName.replace(/\s+/g, "_")}_rules.csv` : `ruleset_${selectedRuleSetId}.csv`;
+      link.download = fileName;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      window.URL.revokeObjectURL(downloadUrl);
+      (_a2 = toast$1.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: LearningContent_module["default"].successToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { message: "Ruleset exported successfully!" })
+      });
+    } catch (error2) {
+      console.error("Export error:", error2);
+      (_b = toast$1.current) == null ? void 0 : _b.show({
+        severity: "error",
+        sticky: false,
+        className: LearningContent_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(
+          ErrorToastContent["default"],
+          {
+            message: error2.message || "Failed to export ruleset. Please try again."
+          }
+        )
+      });
+    } finally {
+      setIsExporting(false);
+    }
+  };
+  const handleEditRule = (rule, tierName) => {
+    setFlow("edit");
+    setEditingRule(rule);
+    setEditingTier(tierName || null);
+    setEditingVariants(rule.variants || null);
+    setFocusedVariantIndex(null);
+    setTriggerAddVariant(true);
+    setIsDraftFlow(false);
+    setTriggerFixGaps(false);
+    setModalSessionKey((key) => key + 1);
+    setIsILModalOpen(true);
+  };
+  const handleEditVariant = (variant, ruleId, tierName, action) => {
+    var _a2, _b, _c, _d;
+    const parentRule = (_c = (_b = (_a2 = currentRules == null ? void 0 : currentRules.find((tier) => tier.name === tierName)) == null ? void 0 : _a2.rules) == null ? void 0 : _b.find((r) => r.ruleId === ruleId)) != null ? _c : (
+      // Fallback to global search if tierName is somehow missing or not found
+      currentRules == null ? void 0 : currentRules.flatMap((tier) => tier.rules).find((r) => r.ruleId === ruleId)
+    );
+    if (parentRule) {
+      if (variant.is_drafted) {
+        setFlow("create");
+        setEditingRule(null);
+        setEditingTier(tierName || null);
+        setEditingVariants([variant]);
+        setFocusedVariantIndex(0);
+        setIsDraftFlow(true);
+        setTriggerAddVariant(false);
+        setTriggerFixGaps(false);
+        setModalSessionKey((key) => key + 1);
+        setIsILModalOpen(true);
+        return;
+      }
+      const variantIndex = (_d = parentRule.variants) == null ? void 0 : _d.findIndex((v) => v.variantId === variant.variantId);
+      const safeVariantIndex = variantIndex !== void 0 && variantIndex !== -1 ? variantIndex : 0;
+      setFlow("edit");
+      setEditingRule(parentRule);
+      setEditingTier(tierName || null);
+      setEditingVariants(parentRule.variants || null);
+      setFocusedVariantIndex(safeVariantIndex);
+      setIsDraftFlow(false);
+      setTriggerAddVariant(false);
+      setTriggerFixGaps(false);
+      setModalSessionKey((key) => key + 1);
+      setIsILModalOpen(true);
+      if (action === "resolve_gaps") {
+        setTriggerFixGaps(true);
+      }
+    }
+  };
+  const handleDeleteVariant = (variantId, ruleId) => {
+    setConfirmDeleteVariant({ variantId, ruleId });
+  };
+  const handleCloseIL = () => {
+    setIsILModalOpen(false);
+    setIsILModalTriggered(false);
+    setEditingRule(null);
+    setEditingTier(null);
+    setEditingVariants(null);
+    setFocusedVariantIndex(null);
+    setTriggerAddVariant(false);
+    setTriggerFixGaps(false);
+    setIsDraftFlow(false);
+    fetchRules();
+    setCopiedRule(null);
+    setCopiedSourceTier(null);
+    setCopiedTargetTier(null);
+    setInitialDraftMessage("");
+    if (onRefreshRuleSets) {
+      onRefreshRuleSets(false, selectedRuleSetId || void 0);
+    }
+  };
+  React.useEffect(() => {
+    fetchRules();
+  }, [selectedRuleSetId, setInitialRules, publishedVersion]);
+  React.useEffect(() => {
+    if (isILModalTriggered) {
+      setIsILModalOpen(true);
+    }
+  }, [isILModalTriggered]);
+  const fetchRules = async (silent = false) => {
+    var _a2, _b, _c;
+    if (!selectedRuleSetId) {
+      setInitialRules([]);
+      return;
+    }
+    const requestKey = [
+      app_integration_id,
+      selectedRuleSetId,
+      publishedVersion != null ? publishedVersion : "sandbox"
+    ].join("|");
+    if (activeRulesRequestKeyRef.current === requestKey) return;
+    activeRulesRequestKeyRef.current = requestKey;
+    if (!silent) setIsLoadingRules(true);
+    setError(null);
+    try {
+      const response = await scopeApis.getRulesInRuleSetById(
+        selectedRuleSetId,
+        token,
+        publishedVersion,
+        app_integration_id
+      );
+      if (activeRulesRequestKeyRef.current !== requestKey) return;
+      console.log("response==", response);
+      if (!(response == null ? void 0 : response.data) || Object.keys(response.data).length === 0) {
+        setInitialRules([]);
+        return;
+      }
+      setRawAuditRuleData(response);
+      const rulesData = response.data;
+      console.log("rulesData==", rulesData);
+      const tierEntries = extractTierEntries(rulesData);
+      const linkSetsByTier = tierEntries.map(
+        ([, rules]) => new Set(rules.flatMap((r) => {
+          var _a3, _b2;
+          return (_b2 = (_a3 = r.variants) == null ? void 0 : _a3.map((v) => v.link_id).filter(Boolean)) != null ? _b2 : [];
+        }))
+      );
+      const allLinkIds = linkSetsByTier.flatMap((s) => Array.from(s));
+      const linkIdCount = allLinkIds.reduce((acc, id) => {
+        var _a3;
+        acc[id] = ((_a3 = acc[id]) != null ? _a3 : 0) + 1;
+        return acc;
+      }, {});
+      const commonLinks = new Set(
+        Object.entries(linkIdCount).filter(([, c]) => c > 1).map(([id]) => id)
+      );
+      const injectLinkFlag = (rules) => rules.map((rule) => {
+        var _a3;
+        return {
+          ...rule,
+          variants: (_a3 = rule.variants) == null ? void 0 : _a3.map((variant) => ({
+            ...variant,
+            isLinked: !!variant.link_id && commonLinks.has(variant.link_id)
+          }))
+        };
+      });
+      const tiersList = tierEntries.map(([tierKey, rules], index) => {
+        var _a3;
+        const normalizedKey = normalizeTierKey(tierKey);
+        const matchedTier = tiers.find((t) => normalizeTierKey(t.tier_name) === normalizedKey);
+        return {
+          id: (_a3 = matchedTier == null ? void 0 : matchedTier.tier_id) != null ? _a3 : String(index + 1),
+          name: toTitleCaseTierName(tierKey),
+          ruleCount: rules.length,
+          description: index === 0 ? `${useLMSConfigStore.dt("tier.subtitle", "These are the system-wide learnings applied across all stations.")}` : "These learnings apply after higher-priority tiers and may refine or relax default behavior.",
+          isOpen: index === 0,
+          rules: injectLinkFlag(rules)
+        };
+      });
+      const variantInfo = useLearningTemplateStore.useLearningTemplateStore.getState().createdVariantInfo;
+      if (variantInfo && variantInfo.length > 0) {
+        const tierNameToId = Object.fromEntries(
+          tierEntries.flatMap(([key], index) => {
+            var _a3, _b2;
+            const tierId = (_b2 = (_a3 = tiersList[index]) == null ? void 0 : _a3.id) != null ? _b2 : String(index + 1);
+            return [
+              [key, tierId],
+              [normalizeTierKey(key), tierId],
+              [toTitleCaseTierName(key), tierId]
+            ];
+          })
+        );
+        const tierIdsToOpen = new Set(
+          variantInfo.flatMap((entry) => [entry.tierName, normalizeTierKey(entry.tierName)]).map((tierName) => tierNameToId[tierName]).filter(Boolean)
+        );
+        const updatedTiers = tiersList.map((tier) => ({
+          ...tier,
+          isOpen: tier.isOpen || tierIdsToOpen.has(tier.id)
+        }));
+        setInitialRules(updatedTiers);
+        const firstVariantId = (_c = (_b = (_a2 = variantInfo[0]) == null ? void 0 : _a2.variants) == null ? void 0 : _b[0]) == null ? void 0 : _c.id;
+        if (firstVariantId) {
+          setTimeout(() => {
+            const el = document.querySelector(`[data-variant-id="${firstVariantId}"]`);
+            if (el) el.scrollIntoView({ behavior: "smooth", block: "center" });
+            setTimeout(() => resetCreatedVariantInfo(), 1e4);
+          }, 500);
+        } else {
+          resetCreatedVariantInfo();
+        }
+      } else {
+        setInitialRules(tiersList);
+      }
+    } catch (err) {
+      if (activeRulesRequestKeyRef.current !== requestKey) return;
+      console.error("Failed to fetch rule details", err);
+      if ((err == null ? void 0 : err.status) !== 404) {
+        setError((err == null ? void 0 : err.message) || "Failed to load rules. Please try again.");
+      }
+      setInitialRules([]);
+    } finally {
+      if (activeRulesRequestKeyRef.current === requestKey) {
+        activeRulesRequestKeyRef.current = null;
+        if (!silent) setIsLoadingRules(false);
+      }
+    }
+  };
+  const handleDeleteRule = (ruleId) => {
+    setConfirmDeleteRuleId(ruleId);
+  };
+  const handleConfirmDeleteRule = async () => {
+    var _a2, _b, _c, _d;
+    if (!confirmDeleteRuleId) return;
+    setIsDeletingRule(true);
+    try {
+      await scopeApis.deleteRule(confirmDeleteRuleId);
+      setConfirmDeleteRuleId(null);
+      (_a2 = toast$1.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: LearningContent_module["default"].successToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { message: deleteRuleSuccessMessage })
+      });
+      fetchRules();
+      if (onRefreshRuleSets) {
+        onRefreshRuleSets(false, selectedRuleSetId || void 0);
+      }
+    } catch (error2) {
+      console.error("Failed to delete rule", error2);
+      (_d = toast$1.current) == null ? void 0 : _d.show({
+        severity: "error",
+        sticky: false,
+        className: LearningContent_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { message: ((_c = (_b = error2 == null ? void 0 : error2.response) == null ? void 0 : _b.data) == null ? void 0 : _c.detail) || deleteRuleErrorMessage })
+      });
+    } finally {
+      setIsDeletingRule(false);
+    }
+  };
+  const handleConfirmDeleteVariant = async () => {
+    var _a2, _b, _c, _d;
+    if (!confirmDeleteVariant) return;
+    setIsDeletingVariant(true);
+    try {
+      if (deleteConfirmationUsedFor === "ruleDeletion") {
+        await scopeApis.deleteQuestion(confirmDeleteVariant.ruleId);
+      } else {
+        await scopeApis.deleteRule(confirmDeleteVariant.variantId);
+      }
+      setConfirmDeleteVariant(null);
+      (_a2 = toast$1.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: LearningContent_module["default"].successToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(
+          SuccessToastContent["default"],
+          {
+            message: deleteConfirmationUsedFor === "ruleDeletion" ? deleteRuleSuccessMessage : deleteVariantSuccessMessage
+          }
+        )
+      });
+      fetchRules();
+      if (onRefreshRuleSets) {
+        onRefreshRuleSets(false, selectedRuleSetId || void 0);
+      }
+    } catch (error2) {
+      console.error("Failed to delete variant", error2);
+      (_d = toast$1.current) == null ? void 0 : _d.show({
+        severity: "error",
+        sticky: false,
+        className: LearningContent_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(
+          ErrorToastContent["default"],
+          {
+            message: ((_c = (_b = error2 == null ? void 0 : error2.response) == null ? void 0 : _b.data) == null ? void 0 : _c.detail) || (deleteConfirmationUsedFor === "ruleDeletion" ? deleteRuleErrorMessage : deleteVariantErrorMessage)
+          }
+        )
+      });
+    } finally {
+      setIsDeletingVariant(false);
+    }
+  };
+  const handleReorderRules = async (scopeId, tierId, movedRuleId, prevRuleId, nextRuleId) => {
+    var _a2, _b;
+    try {
+      await scopeApis.alterQuestionPriority(scopeId, tierId, movedRuleId, prevRuleId, nextRuleId);
+      fetchRules(true);
+      (_a2 = toast$1.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: LearningContent_module["default"].successToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { message: "Rule order changed successfully. Future rule applications will follow the updated order." })
+      });
+    } catch (err) {
+      console.error("Failed to reorder rules:", err);
+      fetchRules(true);
+      (_b = toast$1.current) == null ? void 0 : _b.show({
+        severity: "error",
+        sticky: false,
+        className: LearningContent_module["default"].errorToast,
+        content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { message: "Failed to update rule order. Please try again." })
+      });
+    }
+  };
+  const selectedNode = selectedRuleSetId ? treeUtils.findNodeById((scopeTreeData == null ? void 0 : scopeTreeData.data) || null, selectedRuleSetId) : null;
+  const selectedRuleSet = selectedNode ? {
+    ruleSetId: selectedNode.id,
+    ruleSetName: selectedNode.name,
+    ruleSetDesc: "",
+    // Tree doesn't have descriptions yet
+    ruleCount: (_a = selectedNode == null ? void 0 : selectedNode.metrics) == null ? void 0 : _a.learningsCount
+  } : void 0;
+  const hasAnyRuleSet = Boolean(scopeTreeData == null ? void 0 : scopeTreeData.data);
+  const isSelectedScopeMissing = Boolean(selectedRuleSetId && !selectedNode && hasAnyRuleSet);
+  const getInitialScope = () => {
+    if (sidebarTab === "stations") return "custom";
+    if (!selectedNode) return "global";
+    switch (selectedNode.type) {
+      case "GLOBAL":
+        return "global";
+      case "SCOPE":
+        return "genre";
+      case "SUBSCOPE":
+        return "custom";
+      case "Custom":
+        return "custom";
+      default:
+        return "global";
+    }
+  };
+  const getDeleteRuleDescription = (ruleId) => {
+    var _a2;
+    if (!ruleId)
+      return /* @__PURE__ */ jsxRuntime.jsx("p", { children: useLMSConfigStore.dt(
+        `${constants.TIER_DT_PATH}.deleteDialog.description`,
+        "Are you sure you want to delete this rule? This action cannot be undone."
+      ) });
+    const rule = currentRules == null ? void 0 : currentRules.flatMap((tier) => {
+      var _a3;
+      return (_a3 = tier.rules) != null ? _a3 : [];
+    }).find((r) => r.ruleId === ruleId);
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { children: useLMSConfigStore.dt(
+      `${constants.TIER_DT_PATH}.deleteDialog.description`,
+      `Are you sure you want to delete ${rule == null ? void 0 : rule.ruleTitle} rule? This action cannot be undone.`,
+      { rule_title: (_a2 = rule == null ? void 0 : rule.ruleTitle) != null ? _a2 : "" }
+    ) });
+  };
+  const renderersPayload = {
+    flow,
+    editingRule,
+    editingTier,
+    editingVariants,
+    focusedVariantIndex,
+    setFocusedVariantIndex,
+    triggerAddVariant,
+    triggerFixGaps,
+    isDraftFlow,
+    copiedRule,
+    copiedSourceTier,
+    copiedTargetTier,
+    initialDraftMessage,
+    app_integration_id,
+    modeId
+  };
+  if (!selectedRuleSet) {
+    if (isSelectedScopeMissing) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ErrorStateDisplay["default"],
+        {
+          title: "Scope Not Found",
+          errorMessage: "The selected scope does not exist. Please refresh the page or choose a valid scope.",
+          onRetry: () => onRefreshRuleSets == null ? void 0 : onRefreshRuleSets(true),
+          retryButtonText: "Refresh"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EmptyLearningState["default"],
+        {
+          onCreate: handleOpenIL,
+          title: noRulesTitle,
+          desc: noRulesDesc,
+          button: noRulesButtonText
+        }
+      ),
+      isILModalOpen && /* @__PURE__ */ jsxRuntime.jsx(CitationsContext.CitationProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        TeachMePlugin["default"],
+        {
+          isOpen: isILModalOpen,
+          onClose: handleCloseIL,
+          app_integration_id,
+          token,
+          mode: "ADD",
+          config: configuration,
+          pluginPayload: {
+            ...renderersPayload,
+            initialScope: getInitialScope(),
+            ruleSet: selectedRuleSet
+          },
+          renderContinueModal: false
+        },
+        modalSessionKey
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ContinueWithTemplateModal["default"], {})
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(toast.Toast, { ref: toast$1 }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: LearningContent_module["default"].container, children: isLoadingRules ? /* @__PURE__ */ jsxRuntime.jsx(RuleContentSkeleton["default"], {}) : error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorStateDisplay["default"], { errorMessage: error, onRetry: fetchRules }) : /* @__PURE__ */ jsxRuntime.jsx(
+      ContentLogic["default"],
+      {
+        onAddRule: handleOpenIL,
+        onDeleteRule: handleDeleteRule,
+        onEditRule: handleEditRule,
+        onEditVariant: handleEditVariant,
+        onDeleteVariant: handleDeleteVariant,
+        onExportRule: handleExport,
+        isExporting,
+        onToggleSuccess: () => fetchRules(true),
+        onReorderRules: handleReorderRules,
+        onRefreshRuleSets,
+        setDeleteConfirmationUsedFor,
+        onCopyToTier: handleCopyToTier,
+        onRequestPublishedEdit,
+        publishedEditStatus
+      }
+    ) }),
+    isILModalOpen && /* @__PURE__ */ jsxRuntime.jsx(CitationsContext.CitationProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      TeachMePlugin["default"],
+      {
+        isOpen: isILModalOpen,
+        onClose: handleCloseIL,
+        app_integration_id,
+        token,
+        mode: "ADD",
+        config: configuration,
+        pluginPayload: {
+          ...renderersPayload,
+          initialScope: getInitialScope(),
+          ruleSet: selectedRuleSet
+        },
+        renderContinueModal: false
+      },
+      modalSessionKey
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(ContinueWithTemplateModal["default"], {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfirmationModal["default"],
+      {
+        isOpen: !!confirmDeleteRuleId,
+        title: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.deleteDialog.title`, deleteModalTitle),
+        description: getDeleteRuleDescription(confirmDeleteRuleId),
+        warning: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.deleteDialog.warningText`, deleteRuleModalWarning),
+        confirmText: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.deleteDialog.deleteText`, deleteConfirmText),
+        cancelText: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.deleteDialog.cancelText`, "Cancel"),
+        loadingText: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.deleteDialog.loadingText`, "Deleting..."),
+        confirmBgColor: "#EF4444",
+        onConfirm: handleConfirmDeleteRule,
+        onCancel: () => setConfirmDeleteRuleId(null),
+        isLoading: isDeletingRule,
+        position: "fixed"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ConfirmationModal["default"],
+      {
+        isOpen: !!confirmDeleteVariant,
+        title: useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.deleteVariant.title`, deleteModalTitle),
+        description: deleteConfirmationUsedFor === "variantDeletion" ? /* @__PURE__ */ jsxRuntime.jsx("span", { children: useLMSConfigStore.dt(
+          `${constants.VARIANT_DT_PATH}.deleteVariant.desc`,
+          "Are you sure you want to delete this variant? This action cannot be undone."
+        ) }) : getDeleteRuleDescription((confirmDeleteVariant == null ? void 0 : confirmDeleteVariant.ruleId) || null),
+        warning: useLMSConfigStore.dt(
+          `${constants.VARIANT_DT_PATH}.deleteVariant.warningText`,
+          deleteConfirmationUsedFor === "ruleDeletion" ? deleteRuleModalWarning : deleteVariantModalWarning
+        ),
+        confirmText: useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.deleteDialog.deleteText`, deleteConfirmText),
+        cancelText: useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.cancelText`, "Cancel"),
+        loadingText: useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.loadingText`, "Deleting..."),
+        confirmBgColor: "#EF4444",
+        onConfirm: handleConfirmDeleteVariant,
+        onCancel: () => setConfirmDeleteVariant(null),
+        isLoading: isDeletingVariant,
+        position: "fixed"
+      }
+    )
+  ] });
+};
+var RuleContent$1 = RuleContent;
+
+exports["default"] = RuleContent$1;
 //# sourceMappingURL=RuleContent.js.map