@e-llm-studio/instant-learning 1.3.0-alpha.4 → 1.3.0-alpha.42

package/dist/cjs/features/IL-OTJ/_components/templates/RuleComparison/AgentComposerRuleComparison.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),r=require("lucide-react"),o=require("../../_svg/SparkleIcon.js"),s=require("@e-llm-studio/citation"),l=require("../../_svg/ButtonCognitiveIcon.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=function(e,n){if(!n)return null;var i=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),t=n.match(i);return t?t[1].replace(/\\n/g,"\n"):null},c=function(e,n,i){var t=100*e;if(!i)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e&&"null"!==e.toLowerCase()?e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" "):"Different"}(n);return t>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:t>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},p=a(i).default.forwardRef(function(i,r){var o=i.label,s=i.content,l=i.highlights,a=void 0===l?[]:l,d=i.styleVariant,c=i.isHighlighted,p=void 0!==c&&c,x=Array.isArray(s)?s.join("\n"):s||"",g="#B91C1C"===d.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===d.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return n.jsxs(t.Box,e.__assign({sx:{mb:1.5}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),n.jsx(t.Box,e.__assign({ref:r,sx:{p:"8px 12px",borderRadius:"6px",border:p?"1.5px solid ".concat(g.borderColor):"1px solid ".concat(d.border),boxShadow:p?"0px 0px 0px 2px ".concat(g.shadow):"none",bgcolor:d.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"28px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:n.jsx(t.Box,{children:function(){if(!x)return n.jsx(t.Typography,e.__assign({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!a||0===a.length)return x;var i=a.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===i.length)return x;var r=new RegExp("(".concat(i.join("|"),")"),"gi");return x.split(r).map(function(i,r){return a.some(function(e){return e&&e.toLowerCase()===i.toLowerCase()})?n.jsx(t.Box,e.__assign({component:"span",sx:{bgcolor:d.highlightBg,borderRadius:"2px",px:"2px"}},{children:i}),r):i})}()})}))]}))}),x=function(i){var r=i.data,o=i.isSelected,s=i.isCognitiveOpen,a=i.onToggleCognitive,d=i.onClick,c=r.summaryText||r.description||"",p=c.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),x=p?c.replace(p[0],"").trim():c,g=!!p;return n.jsxs(t.Box,e.__assign({id:"variant-card-".concat(r.id),onClick:d,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:r.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[n.jsx(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:r.isLoading?n.jsx(t.Skeleton,{variant:"rounded",width:80,height:20}):n.jsxs(t.Box,e.__assign({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==r.similarity?r.similarity:0,"% Similarity"]}))})),n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2}},{children:r.title})),r.isLoading?n.jsxs(t.Box,{children:[n.jsx(t.Skeleton,{width:"90%"}),n.jsx(t.Skeleton,{width:"60%"})]}):n.jsxs(t.Typography,e.__assign({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",display:"-webkit-box",lineHeight:1.4}},{children:[x,g&&n.jsxs(t.Box,e.__assign({component:"span",onClick:function(e){e.stopPropagation(),o||d(),a()},sx:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",verticalAlign:"middle",marginLeft:"6px"}},{children:[n.jsx("div",e.__assign({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:n.jsx(l.ButtonCognitiveIcon,{})})),n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:n.jsx("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))};exports.default=function(a){var g,h,u=a.proposedRule,f=a.variants,_=void 0===f?[]:f,y=a.onSelectVariant,m=a.onSkip,b=a.onBack,v=a.targetVariantId,w=a.highlightedField,F=i.useState(v||null),B=F[0],j=F[1],C=i.useState(!1),E=C[0],S=C[1],k=i.useState(null),T=k[0],A=k[1],R=i.useRef(null),D=i.useRef(null),I=i.useRef(null),L=i.useState([]),z=L[0],W=L[1],H=i.useState(!1),M=H[0],q=H[1],O=i.useState(!1),V=O[0],G=O[1];i.useEffect(function(){if(v&&j(v),A(null!=w?w:null),w){var e=setTimeout(function(){return A(null)},6e3);return function(){return clearTimeout(e)}}},[v,w]);var N=i.useMemo(function(){return e.__spreadArray([],_,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[_]),P=i.useMemo(function(){if(B){var e=String(B).trim();return _.find(function(n){return n.id&&String(n.id).trim()===e})||N[0]}return N.length>0?N[0]:null},[B,_,N]);i.useEffect(function(){if(B&&R.current){var e=B.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),i=R.current;if(n&&i){var t=n.offsetLeft-i.offsetLeft-i.clientWidth/2+n.clientWidth/2;i.scrollTo({left:t,behavior:"smooth"})}},150)}},[B,N]);var U=P||{title:"",description:"",wta:"",wnta:""},$=null==P?void 0:P.analysis,J=(null===(h=null===(g=null==$?void 0:$.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===h?void 0:h.overall_summary)||"",X=J.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),Y=!!X,K=X?X[1]:"",Q=d("reason",K)||"",Z=d("gap",K)||"",ee=d("relevance_score",K)||"",ne=i.useMemo(function(){return{ul:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},t,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},t,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:t.children}))},ol:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},t,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:t.children}))},a:function(i){var t=i.href,r=i.children,o=e.__rest(i,["href","children"]);if(!t)return n.jsx("a",e.__assign({},o,{children:r}));var s=t||"";try{s=decodeURIComponent(t)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var l="",a="",d=s.match(/variant_id=([^?&]+)/);d&&(l=d[1]);var c=s.match(/field_name=([^&]+)/);return c&&(a=c[1]),n.jsxs("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),j(l),A(a),setTimeout(function(){return A(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[r,n.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return n.jsx("a",e.__assign({href:t,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},o,{children:r}))}}},[]),ie=["title","description","when_to_apply","when_not_to_apply"],te={title:i.useRef(null),description:i.useRef(null),wta:i.useRef(null),wnta:i.useRef(null)},re={title:i.useRef(null),description:i.useRef(null),wta:i.useRef(null),wnta:i.useRef(null)};i.useEffect(function(){if(T){var e="when_to_apply"===T?"wta":"when_not_to_apply"===T?"wnta":T,n=te[e]||re[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[T]);var oe=function(e){var n,i,t,r,o,s=null===(n=null==$?void 0:$.rule_difference_comparison)||void 0===n?void 0:n.fields,l="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,a=!(!u[l]&&!U[l]);if(!s||!s[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var d=s[e];if(d.mappings){var c=d.mappings[0]||{};return{score:d.score,relation:c.relation||"",highlightsA:(null===(i=c.highlights)||void 0===i?void 0:i.ruleA_spans)||[],highlightsB:(null===(t=c.highlights)||void 0===t?void 0:t.ruleB_spans)||[],hasContent:a}}return{score:d.score,relation:d.relation||"",highlightsA:(null===(r=d.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=d.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:a}},se=function(){if(I.current){var e=I.current.getBoundingClientRect(),n=[];ie.forEach(function(i){var t="when_to_apply"===i?te.wta:"when_not_to_apply"===i?te.wnta:te[i],r="when_to_apply"===i?re.wta:"when_not_to_apply"===i?re.wnta:re[i];if(t.current&&r.current){var o=oe(i),s=c(o.score,o.relation,o.hasContent),l=t.current.getBoundingClientRect(),a=r.current.getBoundingClientRect();n.push({x1:l.right-e.left,y1:l.top+l.height/2-e.top,x2:a.left-e.left,y2:a.top+a.height/2-e.top,style:s})}}),W(n)}};i.useEffect(function(){var e=setTimeout(se,250);window.addEventListener("resize",se);var n=null;return I.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){se()})})).observe(I.current),function(){clearTimeout(e),window.removeEventListener("resize",se),n&&n.disconnect()}},[u,U,$,E]),i.useEffect(function(){var e=R.current;if(e){var n=function(){q(e.scrollLeft>0),G(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[N]),i.useEffect(function(){!B&&!v&&N.length>0&&!N[0].isLoading&&j(N[0].id)},[N,B,v]);var le=function(e){R.current&&R.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};return n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[n.jsxs(t.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[n.jsxs(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n.jsx(t.IconButton,e.__assign({onClick:b,size:"small"},{children:n.jsx(r.ArrowLeft,{})})),n.jsx(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Conflict Resolution"}))]})),n.jsx(t.IconButton,e.__assign({onClick:m,size:"small"},{children:n.jsx(t.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),N.length>1&&n.jsxs(t.Box,e.__assign({sx:{px:3,pb:.25}},{children:[n.jsxs(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the guideline you want to compare with."})),n.jsxs(t.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[n.jsx(t.IconButton,e.__assign({onClick:function(){return le("left")},size:"small",disabled:!M},{children:n.jsx(r.ArrowLeft,{size:18})})),n.jsx(t.IconButton,e.__assign({onClick:function(){return le("right")},size:"small",disabled:!V},{children:n.jsx(r.ArrowRight,{size:18})}))]}))]})),n.jsx(t.Box,e.__assign({ref:R,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:N.map(function(e){return n.jsx(x,{data:e,isSelected:(null==P?void 0:P.id)===e.id,isCognitiveOpen:E,onToggleCognitive:function(){S(function(e){var n=!e;return n&&D.current&&D.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return j((n=e).id),y(n),void S(!1);var n}},e.id)})}))]})),n.jsx(t.Box,e.__assign({ref:D,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:J&&Y&&E?"none":"1.5px solid #EEF0F4"}},{children:n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[J&&Y&&E&&n.jsx(t.Box,e.__assign({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:n.jsx(s.CognitiveDecisioningCard,{headerIcon:n.jsx(l.ButtonCognitiveIcon,{}),reasoning:Q,gap:Z,score:ee,mdComponents:ne,isOpen:!0,onToggle:function(){return S(!1)}})})),n.jsxs(t.Box,e.__assign({ref:I,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[n.jsx("svg",e.__assign({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:z.map(function(i,r){var o=(i.x1+i.x2)/2,s=(i.y1+i.y2)/2;return n.jsxs("g",{children:[n.jsx("line",{x1:i.x1,y1:i.y1,x2:i.x2,y2:i.y2,stroke:i.style.badgeBorder,strokeWidth:"1"}),n.jsx("foreignObject",e.__assign({x:o-125,y:s-16,width:"250",height:"32"},{children:n.jsx(t.Box,e.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:n.jsx(t.Box,e.__assign({sx:{fontSize:"11px",bgcolor:i.style.badgeBg,color:i.style.badgeText,border:"1px solid ".concat(i.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:i.style.label}))}))}))]},r)})})),n.jsxs(t.Box,e.__assign({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[n.jsx(t.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:n.jsx(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Conflicting Guideline 1"}))})),n.jsx(t.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:ie.map(function(e){var i=oe(e),t=c(i.score,i.relation,i.hasContent),r="when_to_apply"===e?te.wta:"when_not_to_apply"===e?te.wnta:te[e],o=u["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:i.highlightsA,styleVariant:t,isHighlighted:T===e},"left-".concat(e))})}))]})),n.jsx(t.Box,{sx:{width:"1px"}}),n.jsxs(t.Box,e.__assign({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[n.jsx(t.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:n.jsxs(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[n.jsx("div",e.__assign({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:n.jsx(o.default,{})})),"Conflicting Guideline 2"]}))})),n.jsx(t.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:ie.map(function(e){var i=oe(e),t=c(i.score,i.relation,i.hasContent),r="when_to_apply"===e?re.wta:"when_not_to_apply"===e?re.wnta:re[e],o=U["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:i.highlightsB,styleVariant:t,isHighlighted:T===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material"),r=require("lucide-react"),o=require("../../_svg/SparkleIcon.js"),s=require("@e-llm-studio/citation"),l=require("../../_svg/ButtonCognitiveIcon.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=function(e,n){if(!n)return null;var i=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),t=n.match(i);return t?t[1].replace(/\\n/g,"\n"):null},c=function(e,n,i){var t=100*e;if(!i)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e&&"null"!==e.toLowerCase()?e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" "):"Different"}(n);return t>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:t>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},p=a(i).default.forwardRef(function(i,r){var o=i.label,s=i.content,l=i.highlights,a=void 0===l?[]:l,d=i.styleVariant,c=i.isHighlighted,p=void 0!==c&&c,x=Array.isArray(s)?s.join("\n"):s||"",g="#B91C1C"===d.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===d.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return n.jsxs(t.Box,e.__assign({sx:{mb:1.5}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),n.jsx(t.Box,e.__assign({ref:r,sx:{p:"8px 12px",borderRadius:"6px",border:p?"1.5px solid ".concat(g.borderColor):"1px solid ".concat(d.border),boxShadow:p?"0px 0px 0px 2px ".concat(g.shadow):"none",bgcolor:d.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"28px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:n.jsx(t.Box,{children:function(){if(!x)return n.jsx(t.Typography,e.__assign({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!a||0===a.length)return x;var i=a.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===i.length)return x;var r=new RegExp("(".concat(i.join("|"),")"),"gi");return x.split(r).map(function(i,r){return a.some(function(e){return e&&e.toLowerCase()===i.toLowerCase()})?n.jsx(t.Box,e.__assign({component:"span",sx:{bgcolor:d.highlightBg,borderRadius:"2px",px:"2px"}},{children:i}),r):i})}()})}))]}))}),x=function(i){var r=i.data,o=i.isSelected,s=i.isCognitiveOpen,a=i.onToggleCognitive,d=i.onClick,c=r.summaryText||r.description||"",p=c.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),x=p?c.replace(p[0],"").trim():c,g=!!p;return n.jsxs(t.Box,e.__assign({id:"variant-card-".concat(r.id),onClick:d,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:r.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[n.jsx(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:r.isLoading?n.jsx(t.Skeleton,{variant:"rounded",width:80,height:20}):n.jsxs(t.Box,e.__assign({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==r.similarity?r.similarity:0,"% Similarity"]}))})),n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2}},{children:r.title})),r.isLoading?n.jsxs(t.Box,{children:[n.jsx(t.Skeleton,{width:"90%"}),n.jsx(t.Skeleton,{width:"60%"})]}):n.jsxs(t.Typography,e.__assign({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",display:"-webkit-box",lineHeight:1.4}},{children:[x,g&&n.jsxs(t.Box,e.__assign({component:"span",onClick:function(e){e.stopPropagation(),o||d(),a()},sx:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",verticalAlign:"middle",marginLeft:"6px"}},{children:[n.jsx("div",e.__assign({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:n.jsx(l.ButtonCognitiveIcon,{})})),n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:n.jsx("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))};exports.default=function(a){var g,h,u=a.proposedRule,f=a.variants,_=void 0===f?[]:f,y=a.onSelectVariant,m=a.onSkip,b=a.onBack,v=a.targetVariantId,w=a.highlightedField,F=i.useState(v||null),B=F[0],j=F[1],C=i.useState(!1),E=C[0],S=C[1],k=i.useState(null),T=k[0],A=k[1],R=i.useRef(null),D=i.useRef(null),I=i.useRef(null),L=i.useState([]),z=L[0],W=L[1],H=i.useState(!1),M=H[0],q=H[1],O=i.useState(!1),V=O[0],G=O[1];i.useEffect(function(){if(v&&j(v),A(null!=w?w:null),w){var e=setTimeout(function(){return A(null)},6e3);return function(){return clearTimeout(e)}}},[v,w]);var N=i.useMemo(function(){return e.__spreadArray([],_,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[_]),P=i.useMemo(function(){if(B){var e=String(B).trim();return _.find(function(n){return n.id&&String(n.id).trim()===e})||N[0]}return N.length>0?N[0]:null},[B,_,N]);i.useEffect(function(){if(B&&R.current){var e=B.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),i=R.current;if(n&&i){var t=n.offsetLeft-i.offsetLeft-i.clientWidth/2+n.clientWidth/2;i.scrollTo({left:t,behavior:"smooth"})}},150)}},[B,N]);var U=P||{title:"",description:"",wta:"",wnta:""},$=null==P?void 0:P.analysis,J=(null===(h=null===(g=null==$?void 0:$.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===h?void 0:h.overall_summary)||"",X=J.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),Y=!!X,K=X?X[1]:"",Q=d("reason",K)||"",Z=d("gap",K)||"",ee=d("relevance_score",K)||"",ne=i.useMemo(function(){return{ul:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},t,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},t,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:t.children}))},ol:function(i){i.node;var t=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},t,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:t.children}))},a:function(i){var t=i.href,r=i.children,o=e.__rest(i,["href","children"]);if(!t)return n.jsx("a",e.__assign({},o,{children:r}));var s=t||"";try{s=decodeURIComponent(t)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var l="",a="",d=s.match(/variant_id=([^?&]+)/);d&&(l=d[1]);var c=s.match(/field_name=([^&]+)/);return c&&(a=c[1]),n.jsxs("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),j(l),A(a),setTimeout(function(){return A(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[r,n.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return n.jsx("a",e.__assign({href:t,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},o,{children:r}))}}},[]),ie=["title","description","when_to_apply","when_not_to_apply"],te={title:i.useRef(null),description:i.useRef(null),wta:i.useRef(null),wnta:i.useRef(null)},re={title:i.useRef(null),description:i.useRef(null),wta:i.useRef(null),wnta:i.useRef(null)};i.useEffect(function(){if(T){var e="when_to_apply"===T?"wta":"when_not_to_apply"===T?"wnta":T,n=te[e]||re[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[T]);var oe=function(e){var n,i,t,r,o,s=null===(n=null==$?void 0:$.rule_difference_comparison)||void 0===n?void 0:n.fields,l="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,a=!(!u[l]&&!U[l]);if(!s||!s[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var d=s[e];if(d.mappings){var c=d.mappings[0]||{};return{score:d.score,relation:c.relation||"",highlightsA:(null===(i=c.highlights)||void 0===i?void 0:i.ruleA_spans)||[],highlightsB:(null===(t=c.highlights)||void 0===t?void 0:t.ruleB_spans)||[],hasContent:a}}return{score:d.score,relation:d.relation||"",highlightsA:(null===(r=d.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=d.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:a}},se=function(){if(I.current){var e=I.current.getBoundingClientRect(),n=[];ie.forEach(function(i){var t="when_to_apply"===i?te.wta:"when_not_to_apply"===i?te.wnta:te[i],r="when_to_apply"===i?re.wta:"when_not_to_apply"===i?re.wnta:re[i];if(t.current&&r.current){var o=oe(i),s=c(o.score,o.relation,o.hasContent),l=t.current.getBoundingClientRect(),a=r.current.getBoundingClientRect();n.push({x1:l.right-e.left,y1:l.top+l.height/2-e.top,x2:a.left-e.left,y2:a.top+a.height/2-e.top,style:s})}}),W(n)}};i.useEffect(function(){var e=setTimeout(se,250);window.addEventListener("resize",se);var n=null;return I.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){se()})})).observe(I.current),function(){clearTimeout(e),window.removeEventListener("resize",se),n&&n.disconnect()}},[u,U,$,E]),i.useEffect(function(){var e=R.current;if(e){var n=function(){q(e.scrollLeft>0),G(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[N]),i.useEffect(function(){!B&&!v&&N.length>0&&!N[0].isLoading&&j(N[0].id)},[N,B,v]);var le=function(e){R.current&&R.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};return n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[n.jsxs(t.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[n.jsxs(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n.jsx(t.IconButton,e.__assign({onClick:b,size:"small"},{children:n.jsx(r.ArrowLeft,{})})),n.jsx(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Conflict Resolution"}))]})),n.jsx(t.IconButton,e.__assign({onClick:m,size:"small"},{children:n.jsx(t.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),N.length>0&&n.jsxs(t.Box,e.__assign({sx:{px:3,pb:.25}},{children:[n.jsxs(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[n.jsx(t.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the guideline you want to compare with."})),n.jsxs(t.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[n.jsx(t.IconButton,e.__assign({onClick:function(){return le("left")},size:"small",disabled:!M},{children:n.jsx(r.ArrowLeft,{size:18})})),n.jsx(t.IconButton,e.__assign({onClick:function(){return le("right")},size:"small",disabled:!V},{children:n.jsx(r.ArrowRight,{size:18})}))]}))]})),n.jsx(t.Box,e.__assign({ref:R,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:N.map(function(e){return n.jsx(x,{data:e,isSelected:(null==P?void 0:P.id)===e.id,isCognitiveOpen:E,onToggleCognitive:function(){S(function(e){var n=!e;return n&&D.current&&D.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return j((n=e).id),y(n),void S(!1);var n}},e.id)})}))]})),n.jsx(t.Box,e.__assign({ref:D,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:J&&Y&&E?"none":"1.5px solid #EEF0F4"}},{children:n.jsxs(t.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[J&&Y&&E&&n.jsx(t.Box,e.__assign({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:n.jsx(s.CognitiveDecisioningCard,{headerIcon:n.jsx(l.ButtonCognitiveIcon,{}),reasoning:Q,gap:Z,score:ee,mdComponents:ne,isOpen:!0,onToggle:function(){return S(!1)}})})),n.jsxs(t.Box,e.__assign({ref:I,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[n.jsx("svg",e.__assign({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:z.map(function(i,r){var o=(i.x1+i.x2)/2,s=(i.y1+i.y2)/2;return n.jsxs("g",{children:[n.jsx("line",{x1:i.x1,y1:i.y1,x2:i.x2,y2:i.y2,stroke:i.style.badgeBorder,strokeWidth:"1"}),n.jsx("foreignObject",e.__assign({x:o-125,y:s-16,width:"250",height:"32"},{children:n.jsx(t.Box,e.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:n.jsx(t.Box,e.__assign({sx:{fontSize:"11px",bgcolor:i.style.badgeBg,color:i.style.badgeText,border:"1px solid ".concat(i.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:i.style.label}))}))}))]},r)})})),n.jsxs(t.Box,e.__assign({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[n.jsx(t.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:n.jsx(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Conflicting Guideline 1"}))})),n.jsx(t.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:ie.map(function(e){var i=oe(e),t=c(i.score,i.relation,i.hasContent),r="when_to_apply"===e?te.wta:"when_not_to_apply"===e?te.wnta:te[e],o=u["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:i.highlightsA,styleVariant:t,isHighlighted:T===e},"left-".concat(e))})}))]})),n.jsx(t.Box,{sx:{width:"1px"}}),n.jsxs(t.Box,e.__assign({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[n.jsx(t.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:n.jsxs(t.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[n.jsx("div",e.__assign({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:n.jsx(o.default,{})})),"Conflicting Guideline 2"]}))})),n.jsx(t.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:ie.map(function(e){var i=oe(e),t=c(i.score,i.relation,i.hasContent),r="when_to_apply"===e?re.wta:"when_not_to_apply"===e?re.wnta:re[e],o=U["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to apply":"title"===e?"Guideline Title":"Guideline Description",content:o,highlights:i.highlightsB,styleVariant:t,isHighlighted:T===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};
 //# sourceMappingURL=AgentComposerRuleComparison.js.map

package/dist/cjs/features/IL-OTJ/_components/templates/RuleComparison/RuleComparison.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),r=require("@mui/material"),s=require("lucide-react"),t=require("@viswa-test/test-citation"),o=function(n){var s=n.data,t=n.isSelected,o=n.onClick;return i.jsxs(r.Box,e.__assign({id:"variant-card-".concat(s.id),onClick:o,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:t?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:s.isLoading?.7:1,border:t?"1.4px solid #2563EB":"1.4px solid transparent",boxShadow:t?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:t?"#2563EB":"#CBD5E1",boxShadow:t?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[i.jsx(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:s.isLoading?i.jsx(r.Skeleton,{variant:"rounded",width:80,height:20}):i.jsx(r.Box,e.__assign({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1",textTransform:"capitalize"}},{children:s.similarityScoreText||"0% Similarity"}))})),i.jsx(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:i.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[s.isLoading?i.jsx(r.Skeleton,{width:"90%"}):i.jsx(r.Typography,e.__assign({title:s.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:s.title})),s.scope&&i.jsx(r.Box,e.__assign({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:s.scope}))]}))}))]}))};exports.default=function(a){var l=a.variants,x=void 0===l?[]:l,c=a.onSelectVariant,d=a.onSkip,g=a.onBack,p=a.targetVariantId,f=n.useState(p||null),h=f[0],u=f[1],_=n.useRef(null);n.useEffect(function(){p&&u(p)},[p]);var m=function(e){_.current&&_.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},b=n.useMemo(function(){if(h){var e=String(h).trim();return x.find(function(i){return i.id&&String(i.id).trim()===e})||x[0]}return x.length>0?x[0]:null},[h,x]);n.useEffect(function(){if(h&&_.current){var e=h.trim();setTimeout(function(){var i=document.getElementById("variant-card-".concat(e)),n=_.current;if(i&&n){var r=i.offsetLeft-n.offsetLeft-n.clientWidth/2+i.clientWidth/2;n.scrollTo({left:r,behavior:"smooth"})}},150)}},[h,x]);n.useEffect(function(){!h&&!p&&x.length>0&&!x[0].isLoading&&u(x[0].id)},[x,h,p]);var y=n.useState(!1),F=y[0],v=y[1],j=n.useState(!1),B=j[0],w=j[1];n.useEffect(function(){var e=_.current;if(e){var i=function(){v(e.scrollLeft>0),w(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return i(),e.addEventListener("scroll",i),window.addEventListener("resize",i),function(){e.removeEventListener("scroll",i),window.removeEventListener("resize",i)}}},[x]);var S=(null==b?void 0:b.intentTreeData)||null,E=(null==b?void 0:b.behaviorTreeData)||null;return i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#FFFFFF",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF"}},{children:[i.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[i.jsx(r.IconButton,e.__assign({onClick:g,size:"small"},{children:i.jsx(s.ArrowLeft,{})})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),i.jsx(r.IconButton,e.__assign({onClick:d,size:"small"},{children:i.jsx(r.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),i.jsx(r.Box,e.__assign({sx:{bgcolor:"#F6F7F9B2"}},{children:x.length>1&&i.jsxs(r.Box,e.__assign({sx:{pb:2}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),i.jsxs(r.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[i.jsx(r.IconButton,e.__assign({onClick:function(){return m("left")},size:"small",disabled:!F},{children:i.jsx(s.ArrowLeft,{size:18})})),i.jsx(r.IconButton,e.__assign({onClick:function(){return m("right")},size:"small",disabled:!B},{children:i.jsx(s.ArrowRight,{size:18})}))]}))]})),i.jsx(r.Box,e.__assign({ref:_,sx:{display:"flex",gap:1,overflowX:"auto",px:3,"&::-webkit-scrollbar":{display:"none"}}},{children:x.map(function(e){return i.jsx(o,{data:e,isSelected:(null==b?void 0:b.id)===e.id,onClick:function(){return u((i=e).id),void c(i);var i}},e.id)})}))]}))})),i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:3,margin:3,overflowY:"auto",backgroundColor:"#fff","&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#CBD5E1",borderRadius:"10px"}}},{children:[S&&i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning's intent matching?"})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the learning you are creating is same as the existing learning."}))]})),i.jsx(t.CognitiveCompare,{treeData:S,componentHeaderText:"Is the learning's intent matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1}})]})),E&&i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning behavior matching?"})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the variant you are trying to add is similar, overlapping or conflicting with the existing variant."}))]})),i.jsx(t.CognitiveCompare,{treeData:E,componentHeaderText:"Is the learning behavior matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1}})]}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),r=require("@mui/material"),t=require("lucide-react"),o=require("@viswa-test/test-citation"),s=function(n){var t=n.data,o=n.isSelected,s=n.onClick,a=function(e){var i=String(null!=e?e:"").match(/(\d+(?:\.\d+)?)\s*%/);if(!i)return{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"};var n=parseFloat(i[1]);return n<=34?{bg:"#EFF6FF",text:"#1D4ED8",border:"#BFDBFE"}:n<=75?{bg:"#FFF9EA",text:"#A16207",border:"#F2E5A1"}:{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"}}(t.similarityScoreText);return i.jsxs(r.Box,e.__assign({id:"variant-card-".concat(t.id),onClick:s,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:t.isLoading?.7:1,border:o?"1.4px solid #2563EB":"1.4px solid transparent",boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[i.jsx(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:t.isLoading?i.jsx(r.Skeleton,{variant:"rounded",width:80,height:20}):i.jsx(r.Box,e.__assign({sx:{bgcolor:a.bg,color:a.text,fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid ".concat(a.border),textTransform:"capitalize"}},{children:t.similarityScoreText||"0% Similarity"}))})),i.jsx(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:i.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[t.isLoading?i.jsx(r.Skeleton,{width:"90%"}):i.jsx(r.Typography,e.__assign({title:t.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:t.title})),t.scope&&i.jsx(r.Box,e.__assign({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:t.scope}))]}))}))]}))},a=function(e){if(null==e||""===e)return null;var i=parseFloat(String(e));if(isNaN(i))return null;var n=i<=1?100*i:i;return n<=34?{bg:"#EFF6FF",text:"#1D4ED8",border:"#BFDBFE"}:n<=75?{bg:"#FFF9EA",text:"#A16207",border:"#F2E5A1"}:{bg:"#FEF2F2",text:"#B91C1C",border:"#FECACA"}};exports.default=function(l){var c=l.variants,x=void 0===c?[]:c,d=l.onSelectVariant,g=l.onSkip,p=l.onBack,u=l.targetVariantId,f=n.useState(u||null),h=f[0],F=f[1],b=n.useRef(null);n.useEffect(function(){u&&F(u)},[u]);var _=function(e){b.current&&b.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})};console.log("formatedData",x);var m=n.useMemo(function(){if(h){var e=String(h).trim();return x.find(function(i){return i.id&&String(i.id).trim()===e})||x[0]}return x.length>0?x[0]:null},[h,x]);n.useEffect(function(){if(h&&b.current){var e=h.trim();setTimeout(function(){var i=document.getElementById("variant-card-".concat(e)),n=b.current;if(i&&n){var r=i.offsetLeft-n.offsetLeft-n.clientWidth/2+i.clientWidth/2;n.scrollTo({left:r,behavior:"smooth"})}},150)}},[h,x]);n.useEffect(function(){!h&&!u&&x.length>0&&!x[0].isLoading&&F(x[0].id)},[x,h,u]);var v=n.useState(!1),y=v[0],B=v[1],j=n.useState(!1),E=j[0],S=j[1];n.useEffect(function(){var e=b.current;if(e){var i=function(){B(e.scrollLeft>0),S(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return i(),e.addEventListener("scroll",i),window.addEventListener("resize",i),function(){e.removeEventListener("scroll",i),window.removeEventListener("resize",i)}}},[x]);var C=n.useMemo(function(){return e.__spreadArray([],x,!0).sort(function(e,i){var n=function(e){var i=null==e?void 0:e.match(/(\d+(\.\d+)?)\s*%/);return i?parseFloat(i[1]):-1};return n(i.similarityScoreText)-n(e.similarityScoreText)})},[x]),w=(null==m?void 0:m.intentTreeData)||null,k=(null==m?void 0:m.behaviorTreeData)||null;return i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#FFFFFF",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF"}},{children:[i.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[i.jsx(r.IconButton,e.__assign({onClick:p,size:"small"},{children:i.jsx(t.ArrowLeft,{})})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),i.jsx(r.IconButton,e.__assign({onClick:g,size:"small"},{children:i.jsx(r.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),i.jsx(r.Box,e.__assign({sx:{bgcolor:"#F6F7F9B2"}},{children:x.length>0&&i.jsxs(r.Box,e.__assign({sx:{pb:2}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),i.jsxs(r.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[i.jsx(r.IconButton,e.__assign({onClick:function(){return _("left")},size:"small",disabled:!y},{children:i.jsx(t.ArrowLeft,{size:18})})),i.jsx(r.IconButton,e.__assign({onClick:function(){return _("right")},size:"small",disabled:!E},{children:i.jsx(t.ArrowRight,{size:18})}))]}))]})),i.jsx(r.Box,e.__assign({ref:b,sx:{display:"flex",gap:1,overflowX:"auto",px:3,"&::-webkit-scrollbar":{display:"none"}}},{children:C.map(function(e){return i.jsx(s,{data:e,isSelected:(null==m?void 0:m.id)===e.id,onClick:function(){return F((i=e).id),void d(i);var i}},e.id)})}))]}))})),i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:3,margin:3,overflowY:"auto",backgroundColor:"#fff","&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#CBD5E1",borderRadius:"10px"}}},{children:[w&&i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning's intent matching?"})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the learning you are creating is same as the existing learning."}))]})),i.jsx(o.CognitiveCompare,{treeData:w,componentHeaderText:"Is the learning's intent matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1,expandLevels:1,badgeStyleOverride:a}},"intent-".concat(null==m?void 0:m.id))]})),k&&i.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E2E8F0"}},{children:[i.jsxs(r.Box,e.__assign({sx:{px:3,py:1.5,bgcolor:"#F8F9FB",borderBottom:"1px solid #E2E8F0",textAlign:"center"}},{children:[i.jsx(r.Typography,e.__assign({sx:{fontSize:"15px",fontWeight:600,color:"#0F172A",mb:.5}},{children:"Is the learning behavior matching?"})),i.jsx(r.Typography,e.__assign({sx:{fontSize:"13px",color:"#64748B"}},{children:"Checking if the variant you are trying to add is similar, overlapping or conflicting with the existing variant."}))]})),i.jsx(o.CognitiveCompare,{treeData:k,componentHeaderText:"Is the learning behavior matching?",displayConfig:{isHeaderVisible:!1,isToggleVisible:!1,maintainRelativeOrder:!1,isLoading:!1,expandLevels:2,badgeStyleOverride:a}},"intent-".concat(null==m?void 0:m.id))]}))]}))]}))};
 //# sourceMappingURL=RuleComparison.js.map

package/dist/cjs/features/IL-OTJ/_components/templates/RuleComparison/RuleComparisonNew.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),r=require("lucide-react"),o=require("../../_svg/SparkleIcon.js"),s=require("@e-llm-studio/citation"),l=require("../../_svg/ButtonCognitiveIcon.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},d=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" ")}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},p=a(t).default.forwardRef(function(t,r){var o=t.label,s=t.content,l=t.highlights,a=void 0===l?[]:l,c=t.styleVariant,d=t.isHighlighted,p=void 0!==d&&d,x=Array.isArray(s)?s.join("\n"):s||"",g="#B91C1C"===c.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===c.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return n.jsxs(i.Box,e.__assign({sx:{mb:1.5}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),n.jsx(i.Box,e.__assign({ref:r,sx:{p:"4px 12px",borderRadius:"6px",border:p?"1.5px solid ".concat(g.borderColor):"1px solid ".concat(c.border),boxShadow:p?"0px 0px 0px 2px ".concat(g.shadow):"none",bgcolor:c.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"24px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:n.jsx(i.Box,{children:function(){if(!x)return n.jsx(i.Typography,e.__assign({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!a||0===a.length)return x;var t=a.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===t.length)return x;var r=new RegExp("(".concat(t.join("|"),")"),"gi");return x.split(r).map(function(t,r){return a.some(function(e){return e&&e.toLowerCase()===t.toLowerCase()})?n.jsx(i.Box,e.__assign({component:"span",sx:{bgcolor:c.highlightBg,borderRadius:"2px",px:"2px"}},{children:t}),r):t})}()})}))]}))}),x=function(t){var r=t.data,o=t.isSelected,s=t.isCognitiveOpen,a=t.onToggleCognitive,c=t.onClick,d=r.summaryText||r.description||"",p=d.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),x=p?d.replace(p[0],"").trim():d,g=!!p;return n.jsxs(i.Box,e.__assign({id:"variant-card-".concat(r.id),onClick:c,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:r.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[n.jsx(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:r.isLoading?n.jsx(i.Skeleton,{variant:"rounded",width:80,height:20}):n.jsxs(i.Box,e.__assign({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==r.similarity?r.similarity:0,"% Similarity"]}))})),n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[n.jsx(i.Typography,e.__assign({title:r.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:r.title})),r.scope&&n.jsx(i.Box,e.__assign({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:r.scope}))]})),r.isLoading?n.jsxs(i.Box,{children:[n.jsx(i.Skeleton,{width:"90%"}),n.jsx(i.Skeleton,{width:"60%"})]}):n.jsxs(i.Box,e.__assign({title:x,sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"}},{children:x})),g&&n.jsxs(i.Box,e.__assign({onClick:function(e){e.stopPropagation(),o||c(),a()},sx:{display:"inline-flex",alignItems:"center",alignSelf:"flex-start",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",marginLeft:"-4px","&:hover":{backgroundColor:"#F1F5F9"}}},{children:[n.jsx("div",e.__assign({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:n.jsx(l.ButtonCognitiveIcon,{})})),n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:n.jsx("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))};exports.default=function(a){var g,h,u=a.proposedRule,f=a.variants,_=void 0===f?[]:f,y=a.onSelectVariant;a.onAddAsVariant;var b=a.onSkip,m=a.onBack,v=a.targetVariantId,w=a.highlightedField,F=t.useState(v||null),B=F[0],j=F[1],C=t.useState(!1),E=C[0],S=C[1],k=t.useState(null),A=k[0],R=k[1],T=t.useRef(null),L=t.useRef(null);t.useEffect(function(){if(v&&j(v),R(null!=w?w:null),w){var e=setTimeout(function(){return R(null)},6e3);return function(){return clearTimeout(e)}}},[v,w]);var D=function(e){T.current&&T.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},I=t.useMemo(function(){return e.__spreadArray([],_,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[_]),W=t.useMemo(function(){if(B){var e=String(B).trim();return _.find(function(n){return n.id&&String(n.id).trim()===e})||I[0]}return I.length>0?I[0]:null},[B,_,I]);t.useEffect(function(){if(B&&T.current){var e=B.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=T.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[B,I]);var z=W||{title:"",scope:"",description:"",wta:"",wnta:"",variantType:"Default"},H=null==W?void 0:W.analysis,M=(null===(h=null===(g=null==H?void 0:H.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===h?void 0:h.overall_summary)||"",O=M.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),q=!!O,V=O?O[1]:"",N=c("reason",V)||"",P=c("gap",V)||"",U=c("relevance_score",V)||"",Y=t.useMemo(function(){return{ul:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(t){var i=t.href,r=t.children,o=e.__rest(t,["href","children"]);if(!i)return n.jsx("a",e.__assign({},o,{children:r}));var s=i||"";try{s=decodeURIComponent(i)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var l="",a="",c=s.match(/variant_id=([^?&]+)/);c&&(l=c[1]);var d=s.match(/field_name=([^&]+)/);return d&&(a=d[1]),n.jsxs("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),j(l),R(a),setTimeout(function(){return R(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[r,n.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return n.jsx("a",e.__assign({href:i,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},o,{children:r}))}}},[]);t.useEffect(function(){!B&&!v&&I.length>0&&!I[0].isLoading&&j(I[0].id)},[I,B,v]);var $=t.useRef(null),J=t.useState([]),X=J[0],G=J[1],K=t.useState(!1),Q=K[0],Z=K[1],ee=t.useState(!1),ne=ee[0],te=ee[1];t.useEffect(function(){var e=T.current;if(e){var n=function(){Z(e.scrollLeft>0),te(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[I]);var ie={title:t.useRef(null),scope:t.useRef(null),description:t.useRef(null),wta:t.useRef(null),wnta:t.useRef(null)},re={title:t.useRef(null),scope:t.useRef(null),description:t.useRef(null),wta:t.useRef(null),wnta:t.useRef(null)};t.useEffect(function(){if(A){var e="when_to_apply"===A?"wta":"when_not_to_apply"===A?"wnta":A,n=ie[e]||re[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[A]);var oe=function(e){var n,t,i,r,o,s=null===(n=null==H?void 0:H.rule_difference_comparison)||void 0===n?void 0:n.fields,l="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,a=!(!u[l]&&!z[l]);if(!s||!s[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var c=s[e];if(c.mappings){var d=c.mappings[0]||{};return{score:c.score,relation:d.relation||"",highlightsA:(null===(t=d.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=d.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:a}}return{score:c.score,relation:c.relation||"",highlightsA:(null===(r=c.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=c.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:a}},se=["title","scope","description","when_to_apply","when_not_to_apply"],le=function(){if($.current){var e=$.current.getBoundingClientRect(),n=[];se.forEach(function(t){var i="when_to_apply"===t?ie.wta:"when_not_to_apply"===t?ie.wnta:ie[t],r="when_to_apply"===t?re.wta:"when_not_to_apply"===t?re.wnta:re[t];if(i.current&&r.current){i.current.style.height="auto",r.current.style.height="auto";var o=i.current.getBoundingClientRect(),s=r.current.getBoundingClientRect(),l=Math.max(o.height,s.height);i.current.style.height="".concat(l,"px"),r.current.style.height="".concat(l,"px");var a=i.current.getBoundingClientRect(),c=r.current.getBoundingClientRect(),p=oe(t),x=d(p.score,p.relation,p.hasContent),g=a.top+a.height/2-e.top;n.push({x1:a.right-e.left,y1:g,x2:c.left-e.left,y2:g,style:x})}}),G(n)}};return t.useEffect(function(){var e=setTimeout(le,250);window.addEventListener("resize",le);var n=null;return $.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){le()})})).observe($.current),function(){clearTimeout(e),window.removeEventListener("resize",le),n&&n.disconnect()}},[u,z,H,E]),n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[n.jsxs(i.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n.jsx(i.IconButton,e.__assign({onClick:m,size:"small"},{children:n.jsx(r.ArrowLeft,{})})),n.jsx(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),n.jsx(i.IconButton,e.__assign({onClick:b,size:"small"},{children:n.jsx(i.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),I.length>1&&n.jsxs(i.Box,e.__assign({sx:{px:3,pb:.25}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),n.jsxs(i.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[n.jsx(i.IconButton,e.__assign({onClick:function(){return D("left")},size:"small",disabled:!Q},{children:n.jsx(r.ArrowLeft,{size:18})})),n.jsx(i.IconButton,e.__assign({onClick:function(){return D("right")},size:"small",disabled:!ne},{children:n.jsx(r.ArrowRight,{size:18})}))]}))]})),n.jsx(i.Box,e.__assign({ref:T,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:I.map(function(e){return n.jsx(x,{data:e,isSelected:(null==W?void 0:W.id)===e.id,isCognitiveOpen:E,onToggleCognitive:function(){S(function(e){var n=!e;return n&&L.current&&L.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return j((n=e).id),y(n),void S(!1);var n}},e.id)})}))]})),n.jsx(i.Box,e.__assign({ref:L,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:M&&q&&E?"none":"1.5px solid #EEF0F4"}},{children:n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[M&&q&&E&&n.jsx(i.Box,e.__assign({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:n.jsx(s.CognitiveDecisioningCard,{headerIcon:n.jsx(l.ButtonCognitiveIcon,{}),reasoning:N,gap:P,score:U,mdComponents:Y,isOpen:!0,onToggle:function(){return S(!1)}})})),n.jsxs(i.Box,e.__assign({ref:$,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[n.jsx("svg",e.__assign({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:X.map(function(t,r){var o=(t.x1+t.x2)/2,s=t.y1;return n.jsxs("g",{children:[n.jsx("line",{x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:t.style.badgeBorder,strokeWidth:"1"}),n.jsx("foreignObject",e.__assign({x:o-125,y:s-16,width:"250",height:"32"},{children:n.jsx(i.Box,e.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:n.jsx(i.Box,e.__assign({sx:{fontSize:"11px",bgcolor:t.style.badgeBg,color:t.style.badgeText,border:"1px solid ".concat(t.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:t.style.label}))}))}))]},r)})})),n.jsxs(i.Box,e.__assign({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[n.jsx(i.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:n.jsx(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Learning You’re Creating"}))})),n.jsx(i.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:se.map(function(e){var t=oe(e),i=d(t.score,t.relation,t.hasContent),r="when_to_apply"===e?ie.wta:"when_not_to_apply"===e?ie.wnta:ie[e],o=u["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:t.highlightsA,styleVariant:i,isHighlighted:A===e},"left-".concat(e))})}))]})),n.jsx(i.Box,{sx:{width:"1px"}}),n.jsxs(i.Box,e.__assign({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[n.jsx(i.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:n.jsxs(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[n.jsx("div",e.__assign({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:n.jsx(o.default,{})})),"Existing Learning"]}))})),n.jsx(i.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:se.map(function(e){var t=oe(e),i=d(t.score,t.relation,t.hasContent),r="when_to_apply"===e?re.wta:"when_not_to_apply"===e?re.wnta:re[e],o=z["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:t.highlightsB,styleVariant:i,isHighlighted:A===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material"),r=require("lucide-react"),o=require("../../_svg/SparkleIcon.js"),s=require("@e-llm-studio/citation"),l=require("../../_svg/ButtonCognitiveIcon.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=function(e,n){if(!n)return null;var t=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].replace(/\\n/g,"\n"):null},d=function(e,n,t){var i=100*e;if(!t)return{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:"Not Defined"};var r=function(e){return e.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}).join(" ")}(n);return i>=70?{bg:"#FEF2F2",border:"#FEE2E2",badgeBg:"#FEF2F2",badgeBorder:"#FECACA",badgeText:"#B91C1C",highlightBg:"#FECACA",label:r}:i>=40?{bg:"#FFFCF6",border:"#FFDD80",badgeBg:"#FEF9C3",badgeBorder:"#FEF08A",badgeText:"#A16207",highlightBg:"#FDDEB3",label:r}:{bg:"#FFFFFF",border:"#E2E8F0",badgeBg:"#F1F5F9",badgeBorder:"#CBD5E1",badgeText:"#64748B",highlightBg:"transparent",label:r}},p=a(t).default.forwardRef(function(t,r){var o=t.label,s=t.content,l=t.highlights,a=void 0===l?[]:l,c=t.styleVariant,d=t.isHighlighted,p=void 0!==d&&d,x=Array.isArray(s)?s.join("\n"):s||"",g="#B91C1C"===c.badgeText?{borderColor:"#EF4444",shadow:"rgba(239, 68, 68, 0.25)"}:"#A16207"===c.badgeText?{borderColor:"#F59E0B",shadow:"rgba(245, 158, 11, 0.25)"}:{borderColor:"#6366F1",shadow:"rgba(99, 102, 241, 0.25)"};return n.jsxs(i.Box,e.__assign({sx:{mb:1.5}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontSize:"12px",color:"#19213D",mb:.5,fontWeight:500,lineHeight:"130%"}},{children:o})),n.jsx(i.Box,e.__assign({ref:r,sx:{p:"4px 12px",borderRadius:"6px",border:p?"1.5px solid ".concat(g.borderColor):"1px solid ".concat(c.border),boxShadow:p?"0px 0px 0px 2px ".concat(g.shadow):"none",bgcolor:c.bg,fontSize:"13px",color:"#0B0E1A",lineHeight:1.4,minHeight:"24px",display:"flex",alignItems:"center",whiteSpace:"pre-line",wordBreak:"break-word"}},{children:n.jsx(i.Box,{children:function(){if(!x)return n.jsx(i.Typography,e.__assign({sx:{color:"#94A3B8",fontSize:"12px",fontStyle:"italic"}},{children:"Not Defined"}));if(!a||0===a.length)return x;var t=a.filter(function(e){return e&&e.length>0}).map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")});if(0===t.length)return x;var r=new RegExp("(".concat(t.join("|"),")"),"gi");return x.split(r).map(function(t,r){return a.some(function(e){return e&&e.toLowerCase()===t.toLowerCase()})?n.jsx(i.Box,e.__assign({component:"span",sx:{bgcolor:c.highlightBg,borderRadius:"2px",px:"2px"}},{children:t}),r):t})}()})}))]}))}),x=function(t){var r=t.data,o=t.isSelected,s=t.isCognitiveOpen,a=t.onToggleCognitive,c=t.onClick,d=r.summaryText||r.description||"",p=d.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),x=p?d.replace(p[0],"").trim():d,g=!!p;return n.jsxs(i.Box,e.__assign({id:"variant-card-".concat(r.id),onClick:c,sx:{minWidth:"280px",maxWidth:"280px",p:2,m:.5,bgcolor:o?"#EFF6FF99":"#FFFFFF",borderRadius:"8px",cursor:"pointer",transition:"all 0.2s",display:"flex",flexDirection:"column",gap:1,flexShrink:0,opacity:r.isLoading?.7:1,border:o?"1.4px solid #2563EB":null,boxShadow:o?"none":"0px 2px 4px 0px #19213D14","&:hover":{borderColor:o?"#2563EB":"#CBD5E1",boxShadow:o?"none":"0px 4px 8px 0px #19213D1F"}}},{children:[n.jsx(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:r.isLoading?n.jsx(i.Skeleton,{variant:"rounded",width:80,height:20}):n.jsxs(i.Box,e.__assign({sx:{bgcolor:"#FEF2F2",color:"#B91C1C",fontSize:"11px",fontWeight:600,px:1,py:.5,borderRadius:"100px",border:"1px solid #FFE1E1"}},{children:[void 0!==r.similarity?r.similarity:0,"% Similarity"]}))})),n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1,flexWrap:"nowrap"}},{children:[n.jsx(i.Typography,e.__assign({title:r.title,sx:{fontWeight:500,fontSize:"14px",color:"#19213D",lineHeight:1.2,whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",display:"block"}},{children:r.title})),r.scope&&n.jsx(i.Box,e.__assign({sx:{flexShrink:0,fontSize:"10px",fontWeight:600,color:"#19213D",bgcolor:"#FFF",border:"1px solid #EDEFF2",px:.75,py:.25,borderRadius:"6px",lineHeight:1.4,whiteSpace:"nowrap"}},{children:r.scope}))]})),r.isLoading?n.jsxs(i.Box,{children:[n.jsx(i.Skeleton,{width:"90%"}),n.jsx(i.Skeleton,{width:"60%"})]}):n.jsxs(i.Box,e.__assign({title:x,sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontWeight:400,fontSize:"13px",color:"#666F8D",lineHeight:1.4,display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",textOverflow:"ellipsis"}},{children:x})),g&&n.jsxs(i.Box,e.__assign({onClick:function(e){e.stopPropagation(),o||c(),a()},sx:{display:"inline-flex",alignItems:"center",alignSelf:"flex-start",gap:"4px",padding:"2px 6px",borderRadius:"4px",cursor:"pointer",transition:"all 0.2s ease",marginLeft:"-4px","&:hover":{backgroundColor:"#F1F5F9"}}},{children:[n.jsx("div",e.__assign({style:{width:"13px",height:"13px",display:"flex",alignItems:"center"}},{children:n.jsx(l.ButtonCognitiveIcon,{})})),n.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"#4B5563",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{transform:o&&s?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s ease"}},{children:n.jsx("path",{d:"M6 9l6 6 6-6"})}))]}))]}))]}))]}))};exports.default=function(a){var g,h,u=a.proposedRule,f=a.variants,_=void 0===f?[]:f,y=a.onSelectVariant;a.onAddAsVariant;var b=a.onSkip,m=a.onBack,v=a.targetVariantId,w=a.highlightedField,F=t.useState(v||null),B=F[0],j=F[1],C=t.useState(!1),E=C[0],S=C[1],k=t.useState(null),A=k[0],R=k[1],T=t.useRef(null),L=t.useRef(null);t.useEffect(function(){if(v&&j(v),R(null!=w?w:null),w){var e=setTimeout(function(){return R(null)},6e3);return function(){return clearTimeout(e)}}},[v,w]);var D=function(e){T.current&&T.current.scrollBy({left:"left"===e?-300:300,behavior:"smooth"})},I=t.useMemo(function(){return e.__spreadArray([],_,!0).sort(function(e,n){return(n.similarity||0)-(e.similarity||0)})},[_]),W=t.useMemo(function(){if(B){var e=String(B).trim();return _.find(function(n){return n.id&&String(n.id).trim()===e})||I[0]}return I.length>0?I[0]:null},[B,_,I]);t.useEffect(function(){if(B&&T.current){var e=B.trim();setTimeout(function(){var n=document.getElementById("variant-card-".concat(e)),t=T.current;if(n&&t){var i=n.offsetLeft-t.offsetLeft-t.clientWidth/2+n.clientWidth/2;t.scrollTo({left:i,behavior:"smooth"})}},150)}},[B,I]);var z=W||{title:"",scope:"",description:"",wta:"",wnta:"",variantType:"Default"},H=null==W?void 0:W.analysis,M=(null===(h=null===(g=null==H?void 0:H.rule_difference_comparison)||void 0===g?void 0:g.summary)||void 0===h?void 0:h.overall_summary)||"",O=M.match(/<ai_reasoning>([\s\S]*?)<\/ai_reasoning>/i),q=!!O,V=O?O[1]:"",N=c("reason",V)||"",P=c("gap",V)||"",U=c("relevance_score",V)||"",Y=t.useMemo(function(){return{ul:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("ol",e.__assign({},i,{style:{paddingLeft:"1.25rem",listStyleType:"decimal",margin:0}}))},li:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},ol:function(t){t.node;var i=e.__rest(t,["node"]);return n.jsx("li",e.__assign({},i,{style:{marginBottom:"4px",listStyleType:"decimal"}},{children:i.children}))},a:function(t){var i=t.href,r=t.children,o=e.__rest(t,["href","children"]);if(!i)return n.jsx("a",e.__assign({},o,{children:r}));var s=i||"";try{s=decodeURIComponent(i)}catch(e){console.error("Error decoding href",e)}if(s.includes("variant_id=")){var l="",a="",c=s.match(/variant_id=([^?&]+)/);c&&(l=c[1]);var d=s.match(/field_name=([^&]+)/);return d&&(a=d[1]),n.jsxs("button",e.__assign({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),j(l),R(a),setTimeout(function(){return R(null)},6e3)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1px 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[r,n.jsx("svg",e.__assign({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n.jsx("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}return n.jsx("a",e.__assign({href:i,target:"_blank",rel:"noopener noreferrer",style:{color:"#7C3AED"}},o,{children:r}))}}},[]);t.useEffect(function(){!B&&!v&&I.length>0&&!I[0].isLoading&&j(I[0].id)},[I,B,v]);var $=t.useRef(null),J=t.useState([]),X=J[0],G=J[1],K=t.useState(!1),Q=K[0],Z=K[1],ee=t.useState(!1),ne=ee[0],te=ee[1];t.useEffect(function(){var e=T.current;if(e){var n=function(){Z(e.scrollLeft>0),te(e.scrollLeft+e.clientWidth<e.scrollWidth-1)};return n(),e.addEventListener("scroll",n),window.addEventListener("resize",n),function(){e.removeEventListener("scroll",n),window.removeEventListener("resize",n)}}},[I]);var ie={title:t.useRef(null),scope:t.useRef(null),description:t.useRef(null),wta:t.useRef(null),wnta:t.useRef(null)},re={title:t.useRef(null),scope:t.useRef(null),description:t.useRef(null),wta:t.useRef(null),wnta:t.useRef(null)};t.useEffect(function(){if(A){var e="when_to_apply"===A?"wta":"when_not_to_apply"===A?"wnta":A,n=ie[e]||re[e];n&&n.current&&setTimeout(function(){n.current.scrollIntoView({behavior:"smooth",block:"center"})},150)}},[A]);var oe=function(e){var n,t,i,r,o,s=null===(n=null==H?void 0:H.rule_difference_comparison)||void 0===n?void 0:n.fields,l="when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e,a=!(!u[l]&&!z[l]);if(!s||!s[e])return{score:0,relation:"",highlightsA:[],highlightsB:[],hasContent:!1};var c=s[e];if(c.mappings){var d=c.mappings[0]||{};return{score:c.score,relation:d.relation||"",highlightsA:(null===(t=d.highlights)||void 0===t?void 0:t.ruleA_spans)||[],highlightsB:(null===(i=d.highlights)||void 0===i?void 0:i.ruleB_spans)||[],hasContent:a}}return{score:c.score,relation:c.relation||"",highlightsA:(null===(r=c.highlights)||void 0===r?void 0:r.ruleA_spans)||[],highlightsB:(null===(o=c.highlights)||void 0===o?void 0:o.ruleB_spans)||[],hasContent:a}},se=["title","scope","description","when_to_apply","when_not_to_apply"],le=function(){if($.current){var e=$.current.getBoundingClientRect(),n=[];se.forEach(function(t){var i="when_to_apply"===t?ie.wta:"when_not_to_apply"===t?ie.wnta:ie[t],r="when_to_apply"===t?re.wta:"when_not_to_apply"===t?re.wnta:re[t];if(i.current&&r.current){i.current.style.height="auto",r.current.style.height="auto";var o=i.current.getBoundingClientRect(),s=r.current.getBoundingClientRect(),l=Math.max(o.height,s.height);i.current.style.height="".concat(l,"px"),r.current.style.height="".concat(l,"px");var a=i.current.getBoundingClientRect(),c=r.current.getBoundingClientRect(),p=oe(t),x=d(p.score,p.relation,p.hasContent),g=a.top+a.height/2-e.top;n.push({x1:a.right-e.left,y1:g,x2:c.left-e.left,y2:g,style:x})}}),G(n)}};return t.useEffect(function(){var e=setTimeout(le,250);window.addEventListener("resize",le);var n=null;return $.current&&(n=new ResizeObserver(function(){window.requestAnimationFrame(function(){le()})})).observe($.current),function(){clearTimeout(e),window.removeEventListener("resize",le),n&&n.disconnect()}},[u,z,H,E]),n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",height:"100%",bgcolor:"#F6F7F9B2",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden"}},{children:[n.jsxs(i.Box,e.__assign({sx:{px:2,py:1,display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#FFFFFF",border:"1.5px solid #EEF0F4"}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1}},{children:[n.jsx(i.IconButton,e.__assign({onClick:m,size:"small"},{children:n.jsx(r.ArrowLeft,{})})),n.jsx(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:450,color:"#0F172A"}},{children:"Learning Comparison"}))]})),n.jsx(i.IconButton,e.__assign({onClick:b,size:"small"},{children:n.jsx(i.Box,e.__assign({sx:{fontSize:24,lineHeight:.5}},{children:"×"}))}))]})),I.length>0&&n.jsxs(i.Box,e.__assign({sx:{px:3,pb:.25}},{children:[n.jsxs(i.Box,e.__assign({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",py:1}},{children:[n.jsx(i.Typography,e.__assign({sx:{fontSize:"13px",color:"#475569"}},{children:"Choose the Learning you want to compare with the rule you are creating."})),n.jsxs(i.Box,e.__assign({sx:{display:"flex",gap:.5,flexShrink:0,ml:1}},{children:[n.jsx(i.IconButton,e.__assign({onClick:function(){return D("left")},size:"small",disabled:!Q},{children:n.jsx(r.ArrowLeft,{size:18})})),n.jsx(i.IconButton,e.__assign({onClick:function(){return D("right")},size:"small",disabled:!ne},{children:n.jsx(r.ArrowRight,{size:18})}))]}))]})),n.jsx(i.Box,e.__assign({ref:T,sx:{display:"flex",gap:1,overflowX:"auto",pb:.05,"&::-webkit-scrollbar":{height:"6px"},"&::-webkit-scrollbar-track":{background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"transparent",borderRadius:"10px"},"&::-webkit-scrollbar-thumb:hover":{background:"transparent"}}},{children:I.map(function(e){return n.jsx(x,{data:e,isSelected:(null==W?void 0:W.id)===e.id,isCognitiveOpen:E,onToggleCognitive:function(){S(function(e){var n=!e;return n&&L.current&&L.current.scrollTo({top:0,behavior:"smooth"}),n})},onClick:function(){return j((n=e).id),y(n),void S(!1);var n}},e.id)})}))]})),n.jsx(i.Box,e.__assign({ref:L,sx:{flex:1,overflowY:"auto",py:1.5,px:3,display:"flex",justifyContent:"center",alignItems:"flex-start",bgcolor:"#FFFFFF",borderTop:M&&q&&E?"none":"1.5px solid #EEF0F4"}},{children:n.jsxs(i.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%",maxWidth:"1200px"}},{children:[M&&q&&E&&n.jsx(i.Box,e.__assign({sx:{width:"100%",pb:1,animation:"fadeIn 0.2s ease-out","& > div > button":{display:"none !important"},"& > div > div":{marginTop:"0px"}}},{children:n.jsx(s.CognitiveDecisioningCard,{headerIcon:n.jsx(l.ButtonCognitiveIcon,{}),reasoning:N,gap:P,score:U,mdComponents:Y,isOpen:!0,onToggle:function(){return S(!1)}})})),n.jsxs(i.Box,e.__assign({ref:$,sx:{display:"grid",gridTemplateColumns:"1fr auto 1fr",gap:"60px",maxWidth:"1200px",width:"100%",position:"relative"}},{children:[n.jsx("svg",e.__assign({style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",zIndex:10}},{children:X.map(function(t,r){var o=(t.x1+t.x2)/2,s=t.y1;return n.jsxs("g",{children:[n.jsx("line",{x1:t.x1,y1:t.y1,x2:t.x2,y2:t.y2,stroke:t.style.badgeBorder,strokeWidth:"1"}),n.jsx("foreignObject",e.__assign({x:o-125,y:s-16,width:"250",height:"32"},{children:n.jsx(i.Box,e.__assign({sx:{display:"flex",justifyContent:"center",alignItems:"center",height:"100%"}},{children:n.jsx(i.Box,e.__assign({sx:{fontSize:"11px",bgcolor:t.style.badgeBg,color:t.style.badgeText,border:"1px solid ".concat(t.style.badgeBorder),borderRadius:"12px",px:1.5,py:.25,fontWeight:500,textAlign:"center",whiteSpace:"nowrap"}},{children:t.style.label}))}))}))]},r)})})),n.jsxs(i.Box,e.__assign({sx:{border:"1px dashed #B0B0B0",borderRadius:"8px",bgcolor:"#FFFFFF",display:"flex",flexDirection:"column",position:"relative",zIndex:2,filter:"drop-shadow(0px 2px 4px #F2F2F2)",minWidth:0}},{children:[n.jsx(i.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px dashed #B0B0B0",borderRadius:"8px 8px 0 0",display:"flex",minHeight:"24px",alignItems:"center"}},{children:n.jsx(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#19213D"}},{children:"Learning You’re Creating"}))})),n.jsx(i.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:se.map(function(e){var t=oe(e),i=d(t.score,t.relation,t.hasContent),r="when_to_apply"===e?ie.wta:"when_not_to_apply"===e?ie.wnta:ie[e],o=u["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:t.highlightsA,styleVariant:i,isHighlighted:A===e},"left-".concat(e))})}))]})),n.jsx(i.Box,{sx:{width:"1px"}}),n.jsxs(i.Box,e.__assign({sx:{border:"1px solid #E3E6EA",borderRadius:"8px",bgcolor:"#FFFFFF",boxShadow:"0px 1px 4px #F7F4FE",position:"relative",zIndex:2,display:"flex",flexDirection:"column",minWidth:0}},{children:[n.jsx(i.Box,e.__assign({sx:{p:"8px",bgcolor:"#F7F8FA",borderBottom:"1px solid #E3E6EA",borderRadius:"8px 8px 0 0",minHeight:"24px",display:"flex",alignItems:"center"}},{children:n.jsxs(i.Typography,e.__assign({sx:{fontSize:"16px",fontWeight:500,color:"#5928ED",display:"flex",alignItems:"center",gap:1}},{children:[n.jsx("div",e.__assign({style:{width:"18px",height:"18px",display:"flex",alignItems:"center",justifyContent:"center"}},{children:n.jsx(o.default,{})})),"Existing Learning"]}))})),n.jsx(i.Box,e.__assign({sx:{p:"12px",display:"flex",flexDirection:"column"}},{children:se.map(function(e){var t=oe(e),i=d(t.score,t.relation,t.hasContent),r="when_to_apply"===e?re.wta:"when_not_to_apply"===e?re.wnta:re[e],o=z["when_to_apply"===e?"wta":"when_not_to_apply"===e?"wnta":e];return n.jsx(p,{ref:r,label:"when_to_apply"===e?"When to apply":"when_not_to_apply"===e?"When NOT to Apply":e.charAt(0).toUpperCase()+e.slice(1).replace("_"," "),content:o,highlights:t.highlightsB,styleVariant:i,isHighlighted:A===e},"right-".concat(e))})}))]}))]}))]}))}))]}))};
 //# sourceMappingURL=RuleComparisonNew.js.map

package/dist/cjs/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),n=require("react"),t=require("../../InputDataReasoningCard.js"),o=require("../../organisms/ConditionSection/ConditionSection.js"),l=require("../../organisms/ConfigSection/ConfigSection.js"),a=require("../../organisms/ScopeSection/ScopeSection.js"),r=require("../../organisms/TextSection/TextSection.js"),d=require("../../AccordianSection.js"),s=require("../../_svg/ButtonCognitiveIcon.js"),u=require("lucide-react");function c(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var v=c(n),p=function(n){var t=n.children,o=n.onAddVariant,l=n.isDisabled,a=n.showAddVariantBtn,r=void 0===a||a,d=v.default.Children.toArray(t);return e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[d.map(function(i,n){var t=!(n===d.length-1)||r;return e.jsxs(v.default.Fragment,{children:[i,t&&e.jsx("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},n)}),r&&e.jsx("div",i.__assign({onClick:l?void 0:o,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:l?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:l?"not-allowed":"pointer",backgroundColor:l?"#f8fafc":"#FFFFFF",opacity:l?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))};exports.CreateRule=function(c){var f,g,h,x,y,_,T,S,m,C,D,I=c.state,A=c.handlers,j=c.uiState,b=(null==j?void 0:j.highlights)||new Map,E=b.get("global_0")||{},O=n.useState({}),w=O[0],R=O[1],V=n.useState(null),N=V[0],W=V[1],q=n.useState(function(){var i,e,n;if((null==j?void 0:j.defaultTierOpen)>=0&&(null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i[j.defaultTierOpen]))return j.tierOptions[j.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n[0];return t?t.toLowerCase().replace(/ /g,"_"):null});q[0];var L=q[1],B="rule-setup"===(null==j?void 0:j.activeEditId),M=v.default.useRef(new Map),F=n.useState(null),k=F[0],z=F[1],P=n.useState(null),J=P[0],H=P[1],K=n.useState(!1),$=K[0],U=K[1],Z=v.default.useRef(null==j?void 0:j.isAiStreaming);n.useEffect(function(){Z.current&&!(null==j?void 0:j.isAiStreaming)&&$&&U(!1),Z.current=null==j?void 0:j.isAiStreaming},[null==j?void 0:j.isAiStreaming,$]);var G=function(){var i;z(null),H(null),null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null)},Q=function(){var i,e,n=null!=k?k:I.ruleTitle,t=null!=J?J:I.scopeData,o=n!==I.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(I.scopeData);if(!o&&!l)return z(null),H(null),void(null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null));if(null==j?void 0:j.setSendMessageInChat){var a="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),r=[];if(o&&r.push((null==n?void 0:n.trim())?"Title with ".concat(n):"No Title"),l){var d=null==t?void 0:t.tiers,s=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";r.push(s)}var u=r.join(" and ");j.setSendMessageInChat("__SKELETON__:".concat(a,":Update Rule Setup ").concat(u))}U(!0),z(null),H(null),null===(e=null==j?void 0:j.setActiveEditId)||void 0===e||e.call(j,null)},X=null!==k?null==k?void 0:k.trim():(I.ruleTitle||"").trim(),Y=null!=J?J:I.scopeData,ii=X!==(I.ruleTitle||"").trim(),ei=JSON.stringify(Y)!==JSON.stringify(I.scopeData),ni=!ii&&!ei||""===X,ti=v.default.useRef(null==j?void 0:j.defaultVariantOpen),oi=v.default.useRef(null==j?void 0:j.activeVariantAccordionIndex),li=v.default.useRef(null==j?void 0:j.defaultTierOpen),ai=v.default.useRef(null===(f=I.scopeData)||void 0===f?void 0:f.tiers),ri=v.default.useRef(I.variantsByTier);v.default.useEffect(function(){var i,e,n,t,o,l,a=null,r=!1;ti.current!==(null==j?void 0:j.defaultVariantOpen)&&(r=!0,ti.current=null==j?void 0:j.defaultVariantOpen),oi.current!==(null==j?void 0:j.activeVariantAccordionIndex)&&(r=!0,oi.current=null==j?void 0:j.activeVariantAccordionIndex),li.current!==(null==j?void 0:j.defaultTierOpen)&&(r=!0,li.current=null==j?void 0:j.defaultTierOpen);var d=(null===(i=I.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(ai.current)!==JSON.stringify(d)&&(r=!0,ai.current=d,d.length>0&&L(d[0].toLowerCase().replace(/ /g,"_")));var s=(null===(e=null==j?void 0:j.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||[],u=s.some(function(i){var e,n,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(n=null===(e=ri.current)||void 0===e?void 0:e[l])||void 0===n?void 0:n.length)||0)!==((null===(o=null===(t=I.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(r=!0),r){var c=null!==(n=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==n?n:null==j?void 0:j.defaultVariantOpen;if(null==c||c<0)return W(null),void(ri.current=I.variantsByTier);s.forEach(function(i,e){var n;if(!((null==j?void 0:j.defaultTierOpen)>=0&&e!==j.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(n=I.variantsByTier)||void 0===n?void 0:n[t])||[];o[c]&&(a="".concat(t,"-variant-").concat(c)),null!=(null==j?void 0:j.autoScrollVariantIndex)&&o[j.autoScrollVariantIndex]&&(a="".concat(t,"-variant-").concat(j.autoScrollVariantIndex))}}),a&&W(a)}if(null===N){var v=null!==(t=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==t?t:null==j?void 0:j.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==j?void 0:j.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===l||l.forEach(function(i,e){var n;if(!((null==j?void 0:j.defaultTierOpen)>=0&&e!==j.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(n=I.variantsByTier)||void 0===n?void 0:n[t])||[])[v]&&W("".concat(t,"-variant-").concat(v))}}))}ri.current=I.variantsByTier},[I.variantsByTier,null==j?void 0:j.defaultVariantOpen,null==j?void 0:j.activeVariantAccordionIndex,null===(g=I.scopeData)||void 0===g?void 0:g.tiers,null==j?void 0:j.tierOptions,null==j?void 0:j.autoScrollVariantIndex,null==j?void 0:j.defaultTierOpen]);var di=function(e){R(function(n){var t;return i.__assign(i.__assign({},n),((t={})[e]=!n[e],t))})},si=function(i){var e,n,t,o=i.split("_"),l=o[o.length-1],a=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,r=null===(e=I.fieldCitations)||void 0===e?void 0:e[a];if(Array.isArray(r)&&r.length>0)return r;var d=null===(n=I.fieldCitations)||void 0===n?void 0:n[i];return Array.isArray(d)&&d.length>0?d:null!==(t=I.citations)&&void 0!==t?t:[]},ui={marginTop:"-17px",position:"relative",zIndex:1};n.useEffect(function(){var i,e;null!=(null==j?void 0:j.autoScrollVariantIndex)&&(null===(e=null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),n="".concat(e,"-variant-").concat(j.autoScrollVariantIndex),t=M.current.get(n);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==j?void 0:j.scrollTrigger]),console.log("CreateRule state:",I),console.log("CreateRule uiState:",j);var ci=function(i){return i?i.replace(/_/g," ").replace(/([a-zA-Z])(\d)/g,"$1 $2").replace(/\b\w/g,function(i){return i.toUpperCase()}):"Variant 1"},vi=!!(null==j?void 0:j.activeEditId);return e.jsxs("div",i.__assign({className:"traffic-manager-template"},{children:[e.jsx("div",i.__assign({"data-edit-id":"rule-setup"},{children:e.jsx(d.default,i.__assign({title:{type:"other",label:(null==j?void 0:j.setupLabel)||"Rule Setup"},actionButtons:function(n,t){if(B)return null;var o=!!(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId;return e.jsx("div",i.__assign({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:e.jsx("button",i.__assign({title:o?"Save active edits first":"Edit",onClick:function(e){e.stopPropagation(),o?(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(!function(){var e,n;(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId||(null===(e=null==j?void 0:j.setActiveEditId)||void 0===e||e.call(j,"rule-setup"),z(null!==(n=I.ruleTitle)&&void 0!==n?n:""),H(I.scopeData?i.__assign({},I.scopeData):{}))}(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),n||t())},disabled:$,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:$?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:$?.5:1}},{children:e.jsx(u.Pencil,{size:14})}))}))},footerData:{ruleTitle:I.ruleTitle,stations:[I.scopeData.station],tiers:null===(h=I.scopeData)||void 0===h?void 0:h.tiers},defaultOpen:"Create"===(null==j?void 0:j.usedFor),readOnly:"Create"!==(null==j?void 0:j.usedFor),isAiStreaming:null==j?void 0:j.isAiStreaming,editFlow:"Edit"===(null==j?void 0:j.usedFor)},{children:e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[$&&(null==j?void 0:j.isAiStreaming)&&e.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[e.jsx(u.Loader2Icon,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),e.jsx(r.TextSection,i.__assign({id:"rule-title",title:j.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:B&&null!==k?k:I.ruleTitle,onChange:function(i){return B?z(i):A.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!B,isOpen:w.ruleTitle,onToggle:function(){return di("ruleTitle")},isHighlighted:E.ruleTitle||!1,showCognitiveIcon:I.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(x=j.validationErrors)||void 0===x?void 0:x.ruleTitle},j)),I.citation.ruleTitle&&e.jsx("div",i.__assign({style:ui},{children:e.jsx(t.InputDataReasoningCard,{isVisible:w.ruleTitle,citation:I.citation.ruleTitle,citations:si("ruleTitle"),fieldName:"Rule Title",fieldValue:I.ruleTitle})})),e.jsx(a.ScopeSection,i.__assign({id:"scope",title:"",required:!1,scopeData:B&&null!==J?J:I.scopeData,onScopeChange:function(e,n){B?H(function(t){var o;return i.__assign(i.__assign({},null!=t?t:I.scopeData),((o={})[e]=n,o))}):A.onScopeChange(e,n)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:E,isOpen:w.scopeData,onToggle:function(){return di("scopeData")},showCognitiveIcon:I.citation.scopeData,cognitiveIcon:e.jsx(s.ButtonCognitiveIcon,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(y=j.validationErrors)||void 0===y?void 0:y.station)||(null===(_=j.validationErrors)||void 0===_?void 0:_.tiers),stationErrorMessage:null===(T=j.validationErrors)||void 0===T?void 0:T.station,tierErrorMessage:null===(S=j.validationErrors)||void 0===S?void 0:S.tiers,readOnly:(null==j?void 0:j.isAiStreaming)||!B},j)),I.citation.scopeData&&e.jsx("div",i.__assign({style:ui},{children:e.jsx(t.InputDataReasoningCard,{isVisible:w.scopeData,citation:I.citation.scopeData,citations:si("scopeData"),fieldName:"Scope",fieldValue:null===(C=null===(m=I.scopeData)||void 0===m?void 0:m.tiers)||void 0===C?void 0:C.join(", ")})})),B?e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e.jsxs("div",i.__assign({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[e.jsx("button",i.__assign({onClick:G,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e.jsxs("button",i.__assign({onClick:Q,disabled:ni,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:ni?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:ni?.5:1}},{children:[e.jsx(u.Check,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==j?void 0:j.pendingEditId)&&e.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[e.jsx(u.AlertTriangle,{size:14,style:{color:"#C2410C"}}),e.jsx("div",i.__assign({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),null===(D=null==j?void 0:j.tierOptions)||void 0===D?void 0:D.map(function(n,a){var s,u,c,v,f,g,h=n.toLowerCase().replace(/ /g,"_"),x=(null===(s=I.variantsByTier)||void 0===s?void 0:s[h])||[],y=null===(c=null===(u=I.scopeData)||void 0===u?void 0:u.tiers)||void 0===c?void 0:c.includes(n),_=x.length,T=!1;if(1===_){var S=x[0],m=!(null===(v=null==S?void 0:S.ruleDescription)||void 0===v?void 0:v.trim()),C=(null===(f=null==S?void 0:S.whenToApplyConditions)||void 0===f?void 0:f.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,D=(null===(g=null==S?void 0:S.whenNotToApplyConditions)||void 0===g?void 0:g.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!m||C||D||(T=!0)}var E=T?void 0:"".concat(_," ").concat(1===_?"variant":"variants"," configured for this tier");return console.log("Rendering tier : ",n),e.jsx(d.default,i.__assign({variant:"tier-header",title:{type:"other",label:n},subtitle:E,defaultOpen:!0,footerData:{description:"Variants for ".concat(n)}},{children:e.jsx(p,i.__assign({onAddVariant:function(){var i;return null===(i=A.addNewVariant)||void 0===i?void 0:i.call(A,h)},isDisabled:!y||(null==j?void 0:j.isAiStreaming),showAddVariantBtn:"Edit"!==(null==j?void 0:j.usedFor)},{children:x.map(function(n,a){var s,u,c,v,p,f,g,x,_,T,S=n.variantType||"default",m="".concat(h,"-variant-").concat(a),C=!0===n.is_variant,D="default"===S||"default_variant"===S,E="".concat(h,"_").concat(a),O=b.get(E)||{},R=(null===(u=null===(s=j.separationItemsByTier)||void 0===s?void 0:s[h])||void 0===u?void 0:u.get(a))||[],V=(null===(v=null===(c=j.togglesByTier)||void 0===c?void 0:c[h])||void 0===v?void 0:v.get(a))||[],q=null===(p=null==j?void 0:j.activeEditId)||void 0===p?void 0:p.startsWith("condition-wta-".concat(h,"-").concat(a)),L=null===(f=null==j?void 0:j.activeEditId)||void 0===f?void 0:f.startsWith("condition-wnta-".concat(h,"-").concat(a)),B=!y||n.isReadOnly||(null==j?void 0:j.isAiStreaming);return e.jsx("div",i.__assign({ref:function(i){i?M.current.set(m,i):M.current.delete(m)},style:{width:"100%",opacity:y?1:.7}},{children:e.jsx(d.default,i.__assign({title:{type:D?"default":"variant",label:ci(S),number:a+1,isNewVariant:C,isDefault:n.isDefault,isModified:n.isModified},defaultOpen:!0,expanded:N===m,onToggle:function(){var i,e=N===m;W(e?null:m),null===(i=null==j?void 0:j.setActiveVariantAccordionIndex)||void 0===i||i.call(j,e?null:a)},variant:"rule-behavior",footerData:{ruleTitle:S,description:n.ruleDescription||""},readOnly:B},{children:e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsx(r.TextSection,i.__assign({id:"rule-description-".concat(h,"-").concat(a),title:j.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:B||vi&&(null==j?void 0:j.activeEditId)!=="rule-description-".concat(h,"-").concat(a),value:n.ruleDescription||"",onChange:function(i){return A.setRuleDescription(h,a,i)},isOpen:w["ruleDescription-".concat(h)],onToggle:function(){return di("ruleDescription-".concat(h))},isHighlighted:O.ruleDescription||!1,showCognitiveIcon:null===(g=I.citation)||void 0===g?void 0:g["ruleDescription_".concat(h)],tooltipDescription:"Why this Description?",errorMessage:null===(x=j.validationErrors)||void 0===x?void 0:x["ruleDescription-".concat(h,"-").concat(a)],enableInlineEdit:!0,setSendMessageInChat:null==j?void 0:j.setSendMessageInChat,isAiStreaming:null==j?void 0:j.isAiStreaming,fieldName:"Rule Description"},j)),(null===(_=I.citation)||void 0===_?void 0:_["ruleDescription_".concat(h)])&&e.jsx("div",i.__assign({style:ui},{children:e.jsx(t.InputDataReasoningCard,{isVisible:w["ruleDescription-".concat(h)],citation:I.citation["ruleDescription_".concat(h)],citations:si("ruleDescription_".concat(h,"_").concat(a)),fieldName:"Rule Description",fieldValue:n.ruleDescription})})),e.jsx(o.ConditionSection,i.__assign({id:"when-to-apply-".concat(h,"-").concat(a),idPrefix:"condition-wta",title:j.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:B||vi&&!q,conditions:n.whenToApplyConditions||[],onAdd:function(){return A.addWhenToApply(h,a)},onRemove:function(i,e,n){return A.removeWhenToApply(i,e,n)},onEdit:function(i,e,n,t){return A.editWhenToApply(i,e,n,t)},index:a,tierKey:h,isHighlighted:O.wta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:si("whenToApply_".concat(h,"_").concat(a)),bordered:!0,addLabel:"Add When to apply",isAiStreaming:j.isAiStreaming,errorMessage:(null===(T=j.validationErrors)||void 0===T?void 0:T["whenToApply-".concat(h,"-").concat(a)])||(null==j?void 0:j.conflictReason)},j)),e.jsx(o.ConditionSection,i.__assign({id:"when-not-to-apply-".concat(h,"-").concat(a),idPrefix:"condition-wnta",title:j.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:B||vi&&!L,conditions:n.whenNotToApplyConditions||[],onAdd:function(){return A.addWhenNotToApply(h,a)},onRemove:function(i,e,n){return A.removeWhenNotToApply(i,e,n)},onEdit:function(i,e,n,t){return A.editWhenNotToApply(i,e,n,t)},index:a,tierKey:h,isHighlighted:O.wnta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:si("whenNotToApply_".concat(h,"_").concat(a)),bordered:!0,addLabel:"Add When NOT to apply",isAiStreaming:j.isAiStreaming},j)),e.jsx(l.ConfigSection,i.__assign({id:"config-".concat(h,"-").concat(a),title:j.configTitle||"Configuration",required:!1,highlights:O,bordered:!0,readOnly:B||vi&&(null==j?void 0:j.activeEditId)!=="config-".concat(h,"-").concat(a),onConfigChange:function(i,e){return A.onConfigChange(h,a,i,e)},separationItems:R,toggles:V,index:a},j))]}))}),m)}),"".concat(h,"-variant-").concat(a))})}))}),"tier-".concat(a))})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),n=require("react"),t=require("../../InputDataReasoningCard.js"),o=require("../../organisms/ConditionSection/ConditionSection.js"),l=require("../../organisms/ConfigSection/ConfigSection.js"),r=require("../../organisms/ScopeSection/ScopeSection.js"),a=require("../../organisms/TextSection/TextSection.js"),d=require("../../AccordianSection.js"),s=require("../../_svg/ButtonCognitiveIcon.js"),u=require("lucide-react");function c(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var v=c(n),p=function(n){var t=n.children,o=n.onAddVariant,l=n.isDisabled,r=n.showAddVariantBtn,a=void 0===r||r,d=v.default.Children.toArray(t);return e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[d.map(function(i,n){var t=!(n===d.length-1)||a;return e.jsxs(v.default.Fragment,{children:[i,t&&e.jsx("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},n)}),a&&e.jsx("div",i.__assign({onClick:l?void 0:o,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:l?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:l?"not-allowed":"pointer",backgroundColor:l?"#f8fafc":"#FFFFFF",opacity:l?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))};exports.CreateRule=function(c){var g,f,h,x,y,_,T,S,m,C,D,A,I=c.state,b=c.handlers,j=c.uiState,O=(null==j?void 0:j.highlights)||new Map,E=O.get("global_0")||{},w=n.useState({}),R=w[0],V=w[1],N=n.useState(null),W=N[0],q=N[1],F=n.useState(function(){var i,e,n;if((null==j?void 0:j.defaultTierOpen)>=0&&(null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i[j.defaultTierOpen]))return j.tierOptions[j.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n[0];return t?t.toLowerCase().replace(/ /g,"_"):null});F[0];var L=F[1],B="rule-setup"===(null==j?void 0:j.activeEditId),M=v.default.useRef(new Map),k=n.useState(null),z=k[0],P=k[1],J=n.useState(null),H=J[0],K=J[1],$=n.useState(!1),U=$[0],Z=$[1],G=v.default.useRef(null==j?void 0:j.isAiStreaming);n.useEffect(function(){G.current&&!(null==j?void 0:j.isAiStreaming)&&U&&Z(!1),G.current=null==j?void 0:j.isAiStreaming},[null==j?void 0:j.isAiStreaming,U]);var Q=function(){var i;P(null),K(null),null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null)},X=function(){var i,e,n=null!=z?z:I.ruleTitle,t=null!=H?H:I.scopeData,o=n!==I.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(I.scopeData);if(!o&&!l)return P(null),K(null),void(null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null));if(null==j?void 0:j.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==n?void 0:n.trim())?"Title with ".concat(n):"No Title"),l){var d=null==t?void 0:t.tiers,s=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(s)}var u=a.join(" and ");j.setSendMessageInChat("__SKELETON__:".concat(r,":Update Rule Setup ").concat(u))}Z(!0),P(null),K(null),null===(e=null==j?void 0:j.setActiveEditId)||void 0===e||e.call(j,null)},Y=null!==z?null==z?void 0:z.trim():(I.ruleTitle||"").trim(),ii=null!=H?H:I.scopeData,ei=Y!==(I.ruleTitle||"").trim(),ni=JSON.stringify(ii)!==JSON.stringify(I.scopeData),ti=!ei&&!ni||""===Y,oi=v.default.useRef(null==j?void 0:j.defaultVariantOpen),li=v.default.useRef(null==j?void 0:j.activeVariantAccordionIndex),ri=v.default.useRef(null==j?void 0:j.defaultTierOpen),ai=v.default.useRef(null===(g=I.scopeData)||void 0===g?void 0:g.tiers),di=v.default.useRef(I.variantsByTier);v.default.useEffect(function(){var i,e,n,t,o,l,r=null,a=!1;oi.current!==(null==j?void 0:j.defaultVariantOpen)&&(a=!0,oi.current=null==j?void 0:j.defaultVariantOpen),li.current!==(null==j?void 0:j.activeVariantAccordionIndex)&&(a=!0,li.current=null==j?void 0:j.activeVariantAccordionIndex),ri.current!==(null==j?void 0:j.defaultTierOpen)&&(a=!0,ri.current=null==j?void 0:j.defaultTierOpen);var d=(null===(i=I.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(ai.current)!==JSON.stringify(d)&&(a=!0,ai.current=d,d.length>0&&L(d[0].toLowerCase().replace(/ /g,"_")));var s=(null===(e=null==j?void 0:j.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||[],u=s.some(function(i){var e,n,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(n=null===(e=di.current)||void 0===e?void 0:e[l])||void 0===n?void 0:n.length)||0)!==((null===(o=null===(t=I.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var c=null!==(n=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==n?n:null==j?void 0:j.defaultVariantOpen;if(null==c||c<0)return q(null),void(di.current=I.variantsByTier);s.forEach(function(i,e){var n;if(!((null==j?void 0:j.defaultTierOpen)>=0&&e!==j.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(n=I.variantsByTier)||void 0===n?void 0:n[t])||[];o[c]&&(r="".concat(t,"-variant-").concat(c)),null!=(null==j?void 0:j.autoScrollVariantIndex)&&o[j.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(j.autoScrollVariantIndex))}}),r&&q(r)}if(null===W){var v=null!==(t=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==t?t:null==j?void 0:j.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==j?void 0:j.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===l||l.forEach(function(i,e){var n;if(!((null==j?void 0:j.defaultTierOpen)>=0&&e!==j.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(n=I.variantsByTier)||void 0===n?void 0:n[t])||[])[v]&&q("".concat(t,"-variant-").concat(v))}}))}di.current=I.variantsByTier},[I.variantsByTier,null==j?void 0:j.defaultVariantOpen,null==j?void 0:j.activeVariantAccordionIndex,null===(f=I.scopeData)||void 0===f?void 0:f.tiers,null==j?void 0:j.tierOptions,null==j?void 0:j.autoScrollVariantIndex,null==j?void 0:j.defaultTierOpen]);var si=function(e){V(function(n){var t;return i.__assign(i.__assign({},n),((t={})[e]=!n[e],t))})},ui=function(i){var e,n,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(e=I.fieldCitations)||void 0===e?void 0:e[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(n=I.fieldCitations)||void 0===n?void 0:n[i];return Array.isArray(d)&&d.length>0?d:null!==(t=I.citations)&&void 0!==t?t:[]},ci={marginTop:"-17px",position:"relative",zIndex:1};n.useEffect(function(){var i,e;null!=(null==j?void 0:j.autoScrollVariantIndex)&&(null===(e=null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,n;return null===(n=null===(e=I.scopeData)||void 0===e?void 0:e.tiers)||void 0===n?void 0:n.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),n="".concat(e,"-variant-").concat(j.autoScrollVariantIndex),t=M.current.get(n);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==j?void 0:j.scrollTrigger]),console.log("CreateRule state:",I),console.log("CreateRule uiState:",j);var vi=function(i){return i?i.replace(/_/g," ").replace(/([a-zA-Z])(\d)/g,"$1 $2").replace(/\b\w/g,function(i){return i.toUpperCase()}):"Variant 1"},pi=!!(null==j?void 0:j.activeEditId);return e.jsxs("div",i.__assign({className:"traffic-manager-template"},{children:[e.jsx("div",i.__assign({"data-edit-id":"rule-setup"},{children:e.jsx(d.default,i.__assign({title:{type:"other",label:(null==j?void 0:j.setupLabel)||"Rule Setup"},actionButtons:function(n,t){if(B)return null;var o=!!(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId;return e.jsx("div",i.__assign({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:e.jsx("button",i.__assign({title:o?"Save active edits first":"Edit",onClick:function(e){e.stopPropagation(),o?(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(!function(){var e,n;(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId||(null===(e=null==j?void 0:j.setActiveEditId)||void 0===e||e.call(j,"rule-setup"),P(null!==(n=I.ruleTitle)&&void 0!==n?n:""),K(I.scopeData?i.__assign({},I.scopeData):{}))}(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),n||t())},disabled:U,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:U?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:U?.5:1}},{children:e.jsx(u.Pencil,{size:14})}))}))},footerData:{ruleTitle:I.ruleTitle,stations:[I.scopeData.station],tiers:null===(h=I.scopeData)||void 0===h?void 0:h.tiers},defaultOpen:"Create"===(null==j?void 0:j.usedFor),readOnly:"Create"!==(null==j?void 0:j.usedFor),isAiStreaming:null==j?void 0:j.isAiStreaming,editFlow:"Edit"===(null==j?void 0:j.usedFor)},{children:e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[U&&(null==j?void 0:j.isAiStreaming)&&e.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[e.jsx(u.Loader2Icon,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),e.jsx(a.TextSection,i.__assign({id:"rule-title",title:j.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:B&&null!==z?z:I.ruleTitle,onChange:function(i){return B?P(i):b.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!B,isOpen:R.ruleTitle,onToggle:function(){return si("ruleTitle")},isHighlighted:E.ruleTitle||!1,showCognitiveIcon:I.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(x=j.validationErrors)||void 0===x?void 0:x.ruleTitle},j)),I.citation.ruleTitle&&e.jsx("div",i.__assign({style:ci},{children:e.jsx(t.InputDataReasoningCard,{isVisible:R.ruleTitle,citation:I.citation.ruleTitle,citations:ui("ruleTitle"),fieldName:"Rule Title",fieldValue:I.ruleTitle})})),(null===(y=null==j?void 0:j.tierOptions)||void 0===y?void 0:y.length)>1&&e.jsx(r.ScopeSection,i.__assign({id:"scope",title:"",required:!1,scopeData:B&&null!==H?H:I.scopeData,onScopeChange:function(e,n){B?K(function(t){var o;return i.__assign(i.__assign({},null!=t?t:I.scopeData),((o={})[e]=n,o))}):b.onScopeChange(e,n)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:E,isOpen:R.scopeData,onToggle:function(){return si("scopeData")},showCognitiveIcon:I.citation.scopeData,cognitiveIcon:e.jsx(s.ButtonCognitiveIcon,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(_=j.validationErrors)||void 0===_?void 0:_.station)||(null===(T=j.validationErrors)||void 0===T?void 0:T.tiers),stationErrorMessage:null===(S=j.validationErrors)||void 0===S?void 0:S.station,tierErrorMessage:null===(m=j.validationErrors)||void 0===m?void 0:m.tiers,readOnly:(null==j?void 0:j.isAiStreaming)||!B},j)),I.citation.scopeData&&e.jsx("div",i.__assign({style:ci},{children:e.jsx(t.InputDataReasoningCard,{isVisible:R.scopeData,citation:I.citation.scopeData,citations:ui("scopeData"),fieldName:"Scope",fieldValue:null===(D=null===(C=I.scopeData)||void 0===C?void 0:C.tiers)||void 0===D?void 0:D.join(", ")})})),B?e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e.jsxs("div",i.__assign({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[e.jsx("button",i.__assign({onClick:Q,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e.jsxs("button",i.__assign({onClick:X,disabled:ti,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:ti?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:ti?.5:1}},{children:[e.jsx(u.Check,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==j?void 0:j.pendingEditId)&&e.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[e.jsx(u.AlertTriangle,{size:14,style:{color:"#C2410C"}}),e.jsx("div",i.__assign({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==j?void 0:j.tierOptions)||0===j.tierOptions.length)&&e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"#FAFAFA",border:"1px dashed #E2E8F0",borderRadius:"12px",color:"#94a3b8"}},{children:[e.jsx(u.AlertTriangle,{size:20,style:{color:"#94a3b8"}}),e.jsx("span",i.__assign({style:{fontSize:"13px",fontWeight:500,color:"#64748b"}},{children:"No tiers found"}))]})),null===(A=null==j?void 0:j.tierOptions)||void 0===A?void 0:A.map(function(n,r){var s,u,c,g,f,h,x,y=n.toLowerCase().replace(/ /g,"_"),_=(null===(s=I.variantsByTier)||void 0===s?void 0:s[y])||[],T=null===(c=null===(u=I.scopeData)||void 0===u?void 0:u.tiers)||void 0===c?void 0:c.includes(n),S=_.length,m=!1;if(1===S){var C=_[0],D=!(null===(g=null==C?void 0:C.ruleDescription)||void 0===g?void 0:g.trim()),A=(null===(f=null==C?void 0:C.whenToApplyConditions)||void 0===f?void 0:f.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,E=(null===(h=null==C?void 0:C.whenNotToApplyConditions)||void 0===h?void 0:h.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!D||A||E||(m=!0)}var w=m?void 0:"".concat(S," ").concat(1===S?"variant":"variants"," configured for this tier"),V=e.jsx(p,i.__assign({onAddVariant:function(){var i;return null===(i=b.addNewVariant)||void 0===i?void 0:i.call(b,y)},isDisabled:!T||(null==j?void 0:j.isAiStreaming),showAddVariantBtn:"Edit"!==(null==j?void 0:j.usedFor)},{children:_.map(function(n,r){var s,u,c,v,p,g,f,h,x,_,S=n.variantType||"default",m="".concat(y,"-variant-").concat(r),C=!0===n.is_variant,D="default"===S||"default_variant"===S,A="".concat(y,"_").concat(r),E=O.get(A)||{},w=(null===(u=null===(s=j.separationItemsByTier)||void 0===s?void 0:s[y])||void 0===u?void 0:u.get(r))||[],V=(null===(v=null===(c=j.togglesByTier)||void 0===c?void 0:c[y])||void 0===v?void 0:v.get(r))||[],N=null===(p=null==j?void 0:j.activeEditId)||void 0===p?void 0:p.startsWith("condition-wta-".concat(y,"-").concat(r)),F=null===(g=null==j?void 0:j.activeEditId)||void 0===g?void 0:g.startsWith("condition-wnta-".concat(y,"-").concat(r)),L=!T||n.isReadOnly||(null==j?void 0:j.isAiStreaming);return e.jsx("div",i.__assign({ref:function(i){i?M.current.set(m,i):M.current.delete(m)},style:{width:"100%",opacity:T?1:.7}},{children:e.jsx(d.default,i.__assign({title:{type:D?"default":"variant",label:vi(S),number:r+1,isNewVariant:C,isDefault:n.isDefault,isModified:n.isModified},defaultOpen:!0,expanded:1==(null==j?void 0:j.tierOptions.length)||W===m,onToggle:function(){var i,e=W===m;q(e?null:m),null===(i=null==j?void 0:j.setActiveVariantAccordionIndex)||void 0===i||i.call(j,e?null:r)},variant:"rule-behavior",footerData:{ruleTitle:S,description:n.ruleDescription||""},readOnly:L},{children:e.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsx(a.TextSection,i.__assign({id:"rule-description-".concat(y,"-").concat(r),title:j.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:L||pi&&(null==j?void 0:j.activeEditId)!=="rule-description-".concat(y,"-").concat(r),value:n.ruleDescription||"",onChange:function(i){return b.setRuleDescription(y,r,i)},isOpen:R["ruleDescription-".concat(y)],onToggle:function(){return si("ruleDescription-".concat(y))},isHighlighted:E.ruleDescription||!1,showCognitiveIcon:null===(f=I.citation)||void 0===f?void 0:f["ruleDescription_".concat(y)],tooltipDescription:"Why this Description?",errorMessage:null===(h=j.validationErrors)||void 0===h?void 0:h["ruleDescription-".concat(y,"-").concat(r)],enableInlineEdit:!0,setSendMessageInChat:null==j?void 0:j.setSendMessageInChat,isAiStreaming:null==j?void 0:j.isAiStreaming,fieldName:"Rule Description"},j)),(null===(x=I.citation)||void 0===x?void 0:x["ruleDescription_".concat(y)])&&e.jsx("div",i.__assign({style:ci},{children:e.jsx(t.InputDataReasoningCard,{isVisible:R["ruleDescription-".concat(y)],citation:I.citation["ruleDescription_".concat(y)],citations:ui("ruleDescription_".concat(y,"_").concat(r)),fieldName:"Rule Description",fieldValue:n.ruleDescription})})),e.jsx(o.ConditionSection,i.__assign({id:"when-to-apply-".concat(y,"-").concat(r),idPrefix:"condition-wta",title:j.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:L||pi&&!N,conditions:n.whenToApplyConditions||[],onAdd:function(){return b.addWhenToApply(y,r)},onRemove:function(i,e,n){return b.removeWhenToApply(i,e,n)},onEdit:function(i,e,n,t){return b.editWhenToApply(i,e,n,t)},index:r,tierKey:y,isHighlighted:E.wta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:ui("whenToApply_".concat(y,"_").concat(r)),bordered:!0,addLabel:(null==j?void 0:j.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:j.isAiStreaming,errorMessage:(null===(_=j.validationErrors)||void 0===_?void 0:_["whenToApply-".concat(y,"-").concat(r)])||(null==j?void 0:j.conflictReason)},j)),e.jsx(o.ConditionSection,i.__assign({id:"when-not-to-apply-".concat(y,"-").concat(r),idPrefix:"condition-wnta",title:j.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:L||pi&&!F,conditions:n.whenNotToApplyConditions||[],onAdd:function(){return b.addWhenNotToApply(y,r)},onRemove:function(i,e,n){return b.removeWhenNotToApply(i,e,n)},onEdit:function(i,e,n,t){return b.editWhenNotToApply(i,e,n,t)},index:r,tierKey:y,isHighlighted:E.wnta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:ui("whenNotToApply_".concat(y,"_").concat(r)),bordered:!0,addLabel:(null==j?void 0:j.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:j.isAiStreaming},j)),(null==j?void 0:j.showConfiguration)&&e.jsx(l.ConfigSection,i.__assign({id:"config-".concat(y,"-").concat(r),title:j.configTitle||"Configuration",required:!1,highlights:E,bordered:!0,readOnly:L||pi&&(null==j?void 0:j.activeEditId)!=="config-".concat(y,"-").concat(r),onConfigChange:function(i,e){return b.onConfigChange(y,r,i,e)},separationItems:w,toggles:V,index:r},j))]}))}),m)}),"".concat(y,"-variant-").concat(r))})}));return 1===(null===(x=null==j?void 0:j.tierOptions)||void 0===x?void 0:x.length)?e.jsx(v.default.Fragment,{children:V},"tier-".concat(r)):e.jsx(d.default,i.__assign({variant:"tier-header",title:{type:"other",label:n},subtitle:w,defaultOpen:!0,footerData:{description:"Variants for ".concat(n)}},{children:V}),"tier-".concat(r))})]}))};
 //# sourceMappingURL=CreateRule.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("react"),n=require("@e-llm-studio/audit-log");require("@e-llm-studio/audit-log/dist/styles.css");var o=require("lucide-react");exports.default=function(r){var a=r.configId,l=r.ruleData,s=r.scopeId,d=r.scopeName,c=(null==d?void 0:d.trim())||"Selected",g=t.useMemo(function(){var i,t,n=[];s&&n.push(s);var o=(null===(i=null==l?void 0:l.data)||void 0===i?void 0:i.tier1)||(null==l?void 0:l.tier1)||[],r=(null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.tier2)||(null==l?void 0:l.tier2)||[];return e.__spreadArray(e.__spreadArray([],o,!0),r,!0).forEach(function(e){(null==e?void 0:e.ruleId)&&n.push(e.ruleId),(null==e?void 0:e.variants)&&Array.isArray(e.variants)&&e.variants.forEach(function(e){(null==e?void 0:e.variantId)&&n.push(e.variantId)})}),n},[l,s]);return t.useEffect(function(){console.log("Flattened External Resource IDs:",g)},[g]),i.jsxs("div",e.__assign({style:{padding:"24px",fontFamily:"Arial, sans-serif"}},{children:[i.jsxs("div",e.__assign({style:{marginBottom:"16px",paddingBottom:"4px"}},{children:[i.jsxs("h1",e.__assign({style:{margin:0,color:"#334155",fontSize:"20px",fontWeight:700,lineHeight:1.25}},{children:[c," - Audit Log"]})),i.jsxs("p",e.__assign({style:{margin:"8px 0 0",color:"#667085",fontSize:"16px",fontWeight:500,lineHeight:1}},{children:["Track all learning updates and modifications with the ",c," scope."]}))]})),i.jsx(n.AuditLog,{configId:a,getData:{baseUrl:"https://dev.appmod.ai",endpoint:"/changelog/audit-log/fetch"},distinctValuesApi:{baseUrl:"https://dev.appmod.ai",endpoint:"/changelog/audit-log/distinct-values"},query:{externalResourceId:g.length>0?g:[""],paginationLimit:10},sidebar:{config:{showAnalystFilter:!0,showDateFilter:!0,showChangeTitleFilter:!0,showImpactPercentage:!1},labels:{title:"Filters",multiSelectLabel:"Modified By",multiSelectHint:"Filter by the user who made the change",changeTitleLabel:"Change Action",changeTitleHint:"Filter by Actions"}},table:{tableProps:{scrollable:!0,scrollHeight:"80vh",showGridlines:!0,size:"small",rowClassName:function(){return"custom-compact-row"},pt:{bodyCell:{style:{paddingTop:"4px",paddingBottom:"4px"}}}},hiddenColumns:["actions","changeSummary","changeDateTime","logId"],extraColumns:[{key:"modifiedBy",header:"Modified By",body:function(t){return i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i.jsx(o.User,{size:16,color:"#64748b",style:{flexShrink:0}}),i.jsx("span",e.__assign({style:{fontWeight:500}},{children:t.modifiedBy}))]}))},style:{width:"15%",minWidth:"140px"}},{key:"changeAction",header:"Action",body:function(t){var n,o,r=(n=t.changeTitle,(o=(n||"").toUpperCase()).includes("CREATE")?{color:"#2e7d32",backgroundColor:"#edf7ed",borderColor:"#c8e6c9",boxShadow:"0 1px 2px rgba(46, 125, 50, 0.08)"}:o.includes("UPDATE")||o.includes("TOGGLE")?{color:"#1565c0",backgroundColor:"#e3f2fd",borderColor:"#bbdefb",boxShadow:"0 1px 2px rgba(21, 101, 192, 0.08)"}:o.includes("DELETE")?{color:"#c62828",backgroundColor:"#fdeeed",borderColor:"#ffcdd2",boxShadow:"0 1px 2px rgba(198, 40, 40, 0.08)"}:{color:"#475569",backgroundColor:"#f8fafc",borderColor:"#cbd5e1",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.06)"}),a=t.changeTitle?t.changeTitle.replace(/_/g," "):"—";return i.jsx("span",e.__assign({style:{color:r.color,backgroundColor:r.backgroundColor,border:"1px solid ".concat(r.borderColor),boxShadow:r.boxShadow,padding:"6px 12px",borderRadius:"999px",fontSize:"12px",lineHeight:1,fontWeight:600,display:"inline-block",minWidth:"76px",textAlign:"center",textTransform:"capitalize"}},{children:a}))},style:{width:"15%",textAlign:"center"}},{key:"customChangeSummary",header:"Change Summary",body:function(t){var n;return i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"8px",padding:"4px 0"}},{children:[i.jsx(o.FileText,{size:16,color:"#94a3b8",style:{flexShrink:0,marginTop:"2px"}}),i.jsx("span",e.__assign({style:{color:"#334155",fontSize:"13px",lineHeight:1.5}},{children:null!==(n=t.actionText)&&void 0!==n?n:"—"}))]}))},style:{width:"30%",minWidth:"200px"}},{key:"redirectLink",header:"Link",body:function(t){var n,r=(null===(n=t.metadata)||void 0===n?void 0:n.redirect_url)||t.redirect_url;return r?i.jsx("div",e.__assign({style:{display:"flex",justifyContent:"center",alignItems:"center"}},{children:i.jsxs("a",e.__assign({href:r,target:"_blank",rel:"noopener noreferrer",style:{display:"flex",alignItems:"center",gap:"6px",color:"#2563eb",textDecoration:"none",fontWeight:500,fontSize:"13px"}},{children:["View ",i.jsx(o.ExternalLink,{size:14})]}))})):i.jsx("span",e.__assign({style:{color:"#94a3b8",display:"flex",justifyContent:"center"}},{children:"—"}))},style:{width:"10%",minWidth:"90px",textAlign:"center"}},{key:"customChangeDateTime",header:"Change Time and Date",body:function(t){if(!t.actionDate)return i.jsx("span",e.__assign({style:{color:"#94a3b8"}},{children:"—"}));var n=new Date(t.actionDate),o=n.toLocaleDateString("en-US",{month:"short",day:"2-digit",year:"numeric"}),r=n.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"4px",fontSize:"13px",color:"#475569"}},{children:[i.jsx("span",e.__assign({style:{fontWeight:500}},{children:o})),i.jsx("span",{children:r})]}))},style:{width:"15%",minWidth:"150px",textAlign:"center"}}]},filters:{config:{showFilterButton:!0,showSort:!0,showDate:!0,showSearch:!0,sortOptions:{latest:!0,oldest:!0,impactHighToLow:!1,impactLowToHigh:!1}}}})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),o=require("@e-llm-studio/audit-log");require("@e-llm-studio/audit-log/dist/styles.css");var n=require("lucide-react"),a=require("./ChangeLogDiff.js"),s=require("../store/useLMSConfigStore.js"),r=require("../RBAC/AccessPanel.module.css.js"),l=require("../store/usePermissionsStore.js"),c=require("../store/useEnvStore.js");exports.default=function(d){var u=d.configId,g=d.ruleData,p=d.scopeId,h=d.scopeName,x=(null==h?void 0:h.trim())||"Selected",f=i.useState("scope"),m=f[0],b=f[1],y=l.usePermissionsStore(function(e){return e.hasPermission}),_=c.default(function(e){var t;return(null===(t=e.rbacConfig)||void 0===t?void 0:t.applicationResourceId)||""}),v=Boolean(p&&y("ilotj.scope.changeLog.view",p)),j=Boolean(_&&y("ilotj.application.changeLog.view",_)),w=i.useMemo(function(){var e=[];return p&&e.push(p),e},[g,p]);i.useEffect(function(){console.log("Flattened External Resource IDs:",w)},[w]);var C={configId:u,getData:{baseUrl:"https://dev.appmod.ai",endpoint:"/changelog/audit-log/fetch"},distinctValuesApi:{baseUrl:"https://dev.appmod.ai",endpoint:"/changelog/audit-log/distinct-values"},sidebar:{config:{showAnalystFilter:!0,showDateFilter:!0,showChangeTitleFilter:!0,showImpactPercentage:!1},labels:{title:"Filters",multiSelectLabel:"Modified By",multiSelectHint:"Filter by the user who made the change",changeTitleLabel:"Change Action",changeTitleHint:"Filter by Actions"}},table:{tableProps:{scrollable:!0,scrollHeight:"80vh",showGridlines:!0,size:"small",rowClassName:function(){return"custom-compact-row"},pt:{bodyCell:{style:{paddingTop:"4px",paddingBottom:"4px"}}}},hiddenColumns:["actions","changeSummary","changeDateTime","logId"],extraColumns:[{key:"modifiedBy",header:"Modified By",body:function(i){return t.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[t.jsx(n.User,{size:16,color:"#64748b",style:{flexShrink:0}}),t.jsx("span",e.__assign({style:{fontWeight:500}},{children:i.modifiedBy}))]}))},style:{width:"15%",minWidth:"140px"}},{key:"changeAction",header:"Action",body:function(i){var o,n,a=(o=i.changeTitle,(n=(o||"").toUpperCase()).includes("CREATE")?{color:"#2e7d32",backgroundColor:"#edf7ed",borderColor:"#c8e6c9",boxShadow:"0 1px 2px rgba(46, 125, 50, 0.08)"}:n.includes("UPDATE")||n.includes("TOGGLE")?{color:"#1565c0",backgroundColor:"#e3f2fd",borderColor:"#bbdefb",boxShadow:"0 1px 2px rgba(21, 101, 192, 0.08)"}:n.includes("DELETE")?{color:"#c62828",backgroundColor:"#fdeeed",borderColor:"#ffcdd2",boxShadow:"0 1px 2px rgba(198, 40, 40, 0.08)"}:{color:"#475569",backgroundColor:"#f8fafc",borderColor:"#cbd5e1",boxShadow:"0 1px 2px rgba(15, 23, 42, 0.06)"}),s=i.changeTitle?i.changeTitle.replace(/_/g," "):"—";return t.jsx("span",e.__assign({style:{color:a.color,backgroundColor:a.backgroundColor,border:"1px solid ".concat(a.borderColor),boxShadow:a.boxShadow,padding:"6px 12px",borderRadius:"999px",fontSize:"12px",lineHeight:1,fontWeight:600,display:"inline-block",minWidth:"76px",textAlign:"center",textTransform:"capitalize"}},{children:s}))},style:{width:"15%",textAlign:"center"}},{key:"customChangeSummary",header:"Change Summary",body:function(e){var i;return t.jsx(a.default,{change:null!==(i=e.actionText)&&void 0!==i?i:"-"})},style:{width:"30%",minWidth:"200px"}},{key:"redirectLink",header:"Link",body:function(i){var o,a=(null===(o=i.metadata)||void 0===o?void 0:o.redirect_url)||i.redirect_url;return a?t.jsx("div",e.__assign({style:{display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.jsxs("a",e.__assign({href:a,target:"_blank",rel:"noopener noreferrer",style:{display:"flex",alignItems:"center",gap:"6px",color:"#2563eb",textDecoration:"none",fontWeight:500,fontSize:"13px"}},{children:["View ",t.jsx(n.ExternalLink,{size:14})]}))})):t.jsx("span",e.__assign({style:{color:"#94a3b8",display:"flex",justifyContent:"center"}},{children:"—"}))},style:{width:"10%",minWidth:"90px",textAlign:"center"}},{key:"customChangeDateTime",header:"Change Time and Date",body:function(i){if(!i.actionDate)return t.jsx("span",e.__assign({style:{color:"#94a3b8"}},{children:"—"}));var o=new Date(i.actionDate),n=o.toLocaleDateString("en-US",{month:"short",day:"2-digit",year:"numeric"}),a=o.toLocaleTimeString("en-US",{hour:"2-digit",minute:"2-digit"});return t.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"4px",fontSize:"13px",color:"#475569"}},{children:[t.jsx("span",e.__assign({style:{fontWeight:500}},{children:n})),t.jsx("span",{children:a})]}))},style:{width:"15%",minWidth:"150px",textAlign:"center"}}]},filters:{config:{showFilterButton:!0,showSort:!0,showDate:!0,showSearch:!0,sortOptions:{latest:!0,oldest:!0,impactHighToLow:!1,impactLowToHigh:!1}}}};return t.jsxs("div",e.__assign({style:{padding:"24px",fontFamily:"Arial, sans-serif"}},{children:[t.jsxs("div",e.__assign({style:{marginBottom:"16px",paddingBottom:"4px"}},{children:[t.jsx("h1",e.__assign({style:{margin:0,color:"#334155",fontSize:"20px",fontWeight:700,lineHeight:1.25}},{children:s.dt("history.title","".concat(x," - Audit Log"),{scope_name:x})})),t.jsx("p",e.__assign({style:{margin:"8px 0 0",color:"#667085",fontSize:"16px",fontWeight:500,lineHeight:1}},{children:s.dt("history.subtitle","Track all learning updates and modifications with the ".concat(x," scope."),{scope_name:x})}))]})),t.jsxs("div",e.__assign({className:r.default.accessTabs,role:"tablist","aria-label":"Audit log level"},{children:[t.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"scope"===m,className:"".concat(r.default.accessTab," ").concat("scope"===m?r.default.accessTabActive:""),onClick:function(){return b("scope")},disabled:!v,title:v?"":"You do not have permission to view scope level change log"},{children:s.dt("history.scopeLevel","Scope Level")})),t.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"application"===m,className:"".concat(r.default.accessTab," ").concat("application"===m?r.default.accessTabActive:""),onClick:function(){return b("application")},disabled:!j,title:j?"":"You do not have permission to view application level change log"},{children:s.dt("history.applicationLevel","Application Level")}))]})),"scope"===m?t.jsx(o.AuditLog,e.__assign({},C,{query:{externalResourceId:w.length>0?w:[""],paginationLimit:10}}),"scope-audit-log"):t.jsx(o.AuditLog,e.__assign({},C,{query:{externalResourceId:[],paginationLimit:10}}),"application-audit-log")]}))};
 //# sourceMappingURL=AuditLog.js.map

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),a=require("lucide-react"),t={scope:{label:"Scope",icon:n.jsx(a.Layers,{size:11}),accent:"#6d28d9",accentBg:"#f5f3ff",accentBorder:"#ddd6fe"},learning:{label:"Learning",icon:n.jsx(a.BookOpen,{size:11}),accent:"#1d4ed8",accentBg:"#eff6ff",accentBorder:"#bfdbfe"},variant:{label:"Variant",icon:n.jsx(a.GitBranch,{size:11}),accent:"#b45309",accentBg:"#fffbeb",accentBorder:"#fde68a"}},i={label:"Change",icon:null,accent:"#475569",accentBg:"#f8fafc",accentBorder:"#e2e8f0"},o={created:{label:"Created",color:"#15803d",bg:"#f0fdf4",border:"#bbf7d0"},updated:{label:"Updated",color:"#92400e",bg:"#fffbeb",border:"#fde68a"},deleted:{label:"Deleted",color:"#b91c1c",bg:"#fef2f2",border:"#fecaca"}},l=function(n,r){var a=new Set(e.__spreadArray(e.__spreadArray([],Object.keys(n),!0),Object.keys(r),!0));return Array.from(a).filter(function(e){var a,t;return String(null!==(a=n[e])&&void 0!==a?a:"")!==String(null!==(t=r[e])&&void 0!==t?t:"")})},d=function(e,n){void 0===n&&(n=28);var r=Array.isArray(e)?e.join(", "):String(null!=e?e:"—");return r.length>n?r.slice(0,n)+"…":r||"—"},s=function(r){var a=r.cols;return n.jsx("div",e.__assign({style:{display:"grid",gridTemplateColumns:a.map(function(){return"1fr"}).join(" "),gap:"6px",padding:"2px 6px 4px",fontSize:"9px",fontWeight:700,color:"#94a3b8",textTransform:"uppercase",letterSpacing:"0.07em",borderBottom:"1px solid #e2e8f0",marginBottom:"2px"}},{children:a.map(function(e){return n.jsx("span",{children:e},e)})}))},c=function(r){var a=r.label,t=r.value,i=r.mode;return n.jsxs("div",e.__assign({style:{display:"grid",gridTemplateColumns:"1fr 1.4fr",gap:"6px",alignItems:"start",padding:"3px 6px",borderRadius:"5px",fontSize:"11px",lineHeight:1.4}},{children:[n.jsx("span",e.__assign({style:{color:"#64748b",fontWeight:500}},{children:a})),n.jsx("span",e.__assign({style:{color:"created"===i?"#15803d":"#b91c1c",background:"created"===i?"#f0fdf4":"#fef2f2",border:"1px solid ".concat("created"===i?"#bbf7d0":"#fecaca"),borderRadius:"4px",padding:"1px 5px",wordBreak:"break-word",fontWeight:500},title:Array.isArray(t)?t.join(", "):String(null!=t?t:"—")},{children:d(t)}))]}))},p=function(r){var a=r.label,t=r.before,i=r.after,o=r.changed;return n.jsxs("div",e.__assign({style:{display:"grid",gridTemplateColumns:"1fr 1fr 1fr",gap:"6px",alignItems:"start",padding:"3px 6px",borderRadius:"5px",background:o?"rgba(255,251,235,0.7)":"transparent",fontSize:"11px",lineHeight:1.4}},{children:[n.jsx("span",e.__assign({style:{color:"#64748b",fontWeight:500}},{children:a})),n.jsx("span",e.__assign({style:{color:o?"#b91c1c":"#94a3b8",background:o?"#fff1f0":"transparent",border:o?"1px solid #fecaca":"none",borderRadius:"4px",padding:o?"1px 5px":"0",textDecoration:o?"line-through":"none",wordBreak:"break-word",opacity:o?1:.6},title:Array.isArray(t)?t.join(", "):String(null!=t?t:"—")},{children:d(t)})),n.jsx("span",e.__assign({style:{color:o?"#15803d":"#475569",background:o?"#f0fdf4":"transparent",border:o?"1px solid #bbf7d0":"none",borderRadius:"4px",padding:o?"1px 5px":"0",fontWeight:o?600:400,wordBreak:"break-word"},title:Array.isArray(i)?i.join(", "):String(null!=i?i:"—")},{children:d(i)}))]}))},f=function(r){var a=r.mode,t=r.before,i=r.after,o=Array.from(new Set(e.__spreadArray(e.__spreadArray([],Object.keys(t),!0),Object.keys(i),!0))),d=l(t,i);if(0===o.length)return n.jsx("span",e.__assign({style:{fontSize:"11px",color:"#94a3b8",padding:"4px 6px"}},{children:"No details available"}));var f=o;return n.jsxs(n.Fragment,{children:["updated"===a?n.jsx(s,{cols:["Field","Before","After"]}):n.jsx(s,{cols:["Field","created"===a?"Value":"Was"]}),f.map(function(e){return"updated"===a?n.jsx(p,{label:e,before:t[e],after:i[e],changed:d.includes(e)},e):n.jsx(c,{label:e,value:"created"===a?i[e]:t[e],mode:a},e)})]})},u=function(r){return n.jsx(f,e.__assign({},r))},g=function(r){return n.jsx(f,e.__assign({},r))},x=function(r){return n.jsx(f,e.__assign({},r))};exports.default=function(d){var s,c,p,b,_,y=d.change,h=r.useState(!1),v=h[0],j=h[1],m=function(e){if(!e)return null;if("object"==typeof e&&e.data)return e;if("string"==typeof e)try{var n=JSON.parse(e);if(null==n?void 0:n.data)return n}catch(e){return null}return null}(y);if(!m)return n.jsx("span",e.__assign({style:{color:"#334155",fontSize:"13px",lineHeight:1.5}},{children:"string"==typeof y?y:"—"}));var S=m.action,k=m.data,w=null!==(s=null==k?void 0:k.before)&&void 0!==s?s:{},B=null!==(c=null==k?void 0:k.after)&&void 0!==c?c:{},A=function(e,n){var r=e&&Object.keys(e).length>0,a=n&&Object.keys(n).length>0;return r&&a?"updated":a?"created":"deleted"}(w,B),z=null!==(b=null===(p=null==k?void 0:k.type)||void 0===p?void 0:p.toLowerCase())&&void 0!==b?b:"",T=null!==(_=t[z])&&void 0!==_?_:i,W=o[A],D=l(w,B),O=Array.from(new Set(e.__spreadArray(e.__spreadArray([],Object.keys(w),!0),Object.keys(B),!0))),C=O.length>0,R=function(e,n,r,a){var t="deleted"===n?r:a;switch(e){case"scope":return"Name: ".concat((null==t?void 0:t.name)||"—",", Description: ").concat((null==t?void 0:t.description)||"—",", Type: ").concat((null==t?void 0:t.scopeType)||"—");case"learning":return"Title: ".concat((null==t?void 0:t.LearningTitle)||"—",", Tier: ").concat((null==t?void 0:t.Tier)||"—");case"variant":return"Title: ".concat((null==t?void 0:t.Learning)||"—",", Description: ").concat((null==t?void 0:t["Variant Description"])||(null==t?void 0:t.VariantDescription)||(null==t?void 0:t.Description)||"—",", Tier: ").concat((null==t?void 0:t.Tier)||"—");default:return"Details available in table below."}}(z,A,w,B),L={mode:A,before:w,after:B};return n.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"8px",minWidth:0,padding:"4px 0"}},{children:[n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"6px",flexWrap:"wrap"}},{children:[n.jsxs("span",e.__assign({style:{display:"inline-flex",alignItems:"center",gap:"3px",fontSize:"11px",fontWeight:600,color:T.accent,background:T.accentBg,border:"1px solid ".concat(T.accentBorder),borderRadius:"999px",padding:"2px 8px"}},{children:[T.icon,T.label]})),n.jsx("span",e.__assign({style:{fontSize:"11px",fontWeight:700,color:T.accent,background:T.accentBg,border:"1px solid ".concat(T.accentBorder),borderRadius:"999px",padding:"2px 8px",whiteSpace:"nowrap"}},{children:S})),n.jsxs("span",e.__assign({style:{fontSize:"11px",fontWeight:600,color:W.color,background:W.bg,border:"1px solid ".concat(W.border),borderRadius:"999px",padding:"2px 8px",whiteSpace:"nowrap"}},{children:[W.label,"updated"===A&&D.length>0&&" · ".concat(D.length," field").concat(1!==D.length?"s":"")]}))]})),n.jsx("div",e.__assign({style:{fontSize:"13px",color:"#1e293b",fontWeight:400,lineHeight:1.5,marginLeft:"2px"}},{children:R})),C&&n.jsxs("button",e.__assign({onClick:function(){return j(function(e){return!e})},style:{display:"inline-flex",alignItems:"center",gap:"4px",background:"none",border:"none",cursor:"pointer",color:T.accent,fontSize:"11px",fontWeight:600,padding:"2px",alignSelf:"flex-start",marginTop:"-2px"}},{children:[v?n.jsx(a.ChevronUp,{size:13}):n.jsx(a.ChevronDown,{size:13}),v?"Hide diff table":"Show details (".concat(O.length," fields)")]})),v&&C&&n.jsx("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"2px",background:"#f8fafc",border:"1px solid #e2e8f0",borderRadius:"8px",padding:"6px 4px 4px",overflow:"hidden",marginTop:"4px"}},{children:function(){switch(z){case"scope":return n.jsx(u,e.__assign({},L));case"learning":return n.jsx(g,e.__assign({},L));case"variant":return n.jsx(x,e.__assign({},L));default:return n.jsx(f,e.__assign({},L))}}()}))]}))};
+//# sourceMappingURL=ChangeLogDiff.js.map

package/dist/cjs/features/LearningManagement/AuditLog/ChangeLogDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeLogDiff.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("lucide-react"),s=require("./store/useLearningTemplateStore.js"),a=require("primereact/toast"),i=require("./styles/LearningTemplateManagement.module.css.js"),o=require("./LearningTemplateLayout.js"),l=require("./components/EmptyLearningState.js"),u=require("./store/useAuthStore.js"),c=require("./apis/scopeApis.js"),d=require("./hooks/useLearningTemplateQueryParams.js"),p=require("./components/ConfirmationModal.js"),g=require("./components/LearningTemplateManagementSkeleton.js"),f=require("./utils/treeUtils.js"),S=require("./store/useEnvStore.js"),m=require("./store/useConfigStore.js"),v=require("./components/ToolTip.js"),h=require("./components/CreateRuleSetLegacyModal.js"),_=require("./store/usePermissionsStore.js"),y=require("./store/useAppSecRolesStore.js"),T=require("./queries/useApprovalQueries.js"),b=require("./RuleContent/AddScopeModal.js"),C=require("react-router-dom"),L=require("./shared/SuccessToastContent.js"),j=require("./shared/ErrorToastContent.js"),E=require("./RuleContent/RenameScopeModal.js"),A=[{id:"learnings",label:"Learnings",icon:r.BookOpen,badgeKey:"learningsCount"},{id:"access",label:"Access",icon:r.Users},{id:"history",label:"Change History",icon:r.History}],R=new Set(A.map(function(e){return e.id}));exports.default=function(r){var w,O=this,I=r.userDetails,q=r.llmStudioUrl,N=r.audacyBackendUrl,P=r.ilLabels,k=r.config,x=r.rbacConfig,D=r.auditLogConfig,U=r.app_integration_id,M=r.backwardCompatibility,B=void 0!==M&&M,G=s.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),F=s.useLearningTemplateStore(function(e){return e.setSelectedRuleSetId}),Q=s.useLearningTemplateStore(function(e){return e.error}),Y=s.useLearningTemplateStore(function(e){return e.setError}),K=s.useLearningTemplateStore(function(e){return e.setStations}),H=s.useLearningTemplateStore(function(e){return e.scopeTreeData}),z=s.useLearningTemplateStore(function(e){return e.setScopeTreeData}),V=n.useState({isOpen:!1,type:"GLOBAL"}),W=V[0],J=V[1],X=n.useState(!1),Z=X[0],$=X[1],ee=n.useState(!1),te=ee[0],ne=ee[1],re=n.useState("learnings"),se=re[0],ae=re[1],ie=n.useState(null),oe=ie[0],le=ie[1],ue=n.useState(null),ce=ue[0],de=ue[1],pe=n.useRef(null),ge=n.useRef(null),fe=n.useRef(null),Se=u.default();Se.user;var me=Se.setUser,ve=m.useConfigStore(),he=ve.setConfig,_e=ve.setIlLabels,ye=e.__spreadArray([{type:"GLOBAL",label:"Global",addChildLabel:"Add Scope",addChildType:"SCOPE"},e.__assign({type:"SCOPE",label:"Scope"},!B&&{addChildLabel:"Add Subscope",addChildType:"SUBSCOPE"})],B?[]:[{type:"SUBSCOPE",label:"Subscope"}],!0),Te=function(){try{return C.useLocation()}catch(e){return{search:""}}}();n.useEffect(function(){var e=new URLSearchParams(window.location.search),t=e.get(d.QUERY_PARAM_KEYS.RULESET_ID),n=e.get(d.QUERY_PARAM_KEYS.SECTION),r=n&&R.has(n)?n:"learnings";(null==t?void 0:t.length)&&F&&ae&&(F(t),ae(r))},[null==Te?void 0:Te.search,ae,F]);var be=_.usePermissionsStore(function(e){return e.fetchPermissions}),Ce=_.usePermissionsStore(function(e){return e.hasPermission}),Le=y.useAppSecRolesStore(function(e){return e.setRoles}),je=S.default(function(e){return e.appsecRbacUrl})===x.appsecRbacUrl,Ee=T.useGetAppSecRolesQuery(x.applicationId,je).data;n.useEffect(function(){Ee&&Le(Ee.map(function(e){return{_id:e._id,name:e.name}}))},[Ee,Le]),n.useEffect(function(){var e;console.log("userDetails",I),me(I),console.log("llmStudioUrl",q),console.log("audacyBackendUrl",N),S.default.getState().setLlmStudioUrl(q),S.default.getState().setAudacyBackendUrl(N),S.default.getState().setRbacConfig(x),S.default.getState().setAuditLogConfig(D),he(k),_e(P),s.useLearningTemplateStore.getState().setAppIntegrationId(null!=U?U:null),s.useLearningTemplateStore.getState().setBackwardCompatibility(B),s.useLearningTemplateStore.getState().setToken(null!==(e=I.accessToken)&&void 0!==e?e:null)},[I,me,q,N,x,D,k,he,P,_e,U,B]),n.useEffect(function(){(null==I?void 0:I.accessToken)&&q&&c.fetchTiers()},[U,null==I?void 0:I.accessToken,q]);var Ae=function(t){return void 0===t&&(t=!0),e.__awaiter(O,void 0,void 0,function(){var n,r,a,i,o,l;return e.__generator(this,function(u){switch(u.label){case 0:t&&$(!0),Y(null),u.label=1;case 1:return u.trys.push([1,4,5,6]),[4,be(x.applicationId)];case 2:return u.sent(),n=function(t){if(!_.usePermissionsStore.getState().hasPermission("ilotj.scope.view",t.id))return null;var r=t.children?t.children.map(function(e){return n(e)}).filter(function(e){return null!==e}):[];return e.__assign(e.__assign({},t),{children:r})},[4,c.fetchScopes(U,I.accessToken)];case 3:return(r=u.sent())&&r.data&&r.data.data&&(a=r.data.data,Array.isArray(a)&&(a=a.length>0?a[0]:null),a?(i=n(a))?(le(null),z({data:i}),ge.current?(F(ge.current),ae("learnings"),ge.current=null):s.useLearningTemplateStore.getState().selectedRuleSetId||F(i.id)):(le(null!==(l=a.id)&&void 0!==l?l:null),z(null)):(le(null),z(null))),[3,6];case 4:return o=u.sent(),console.error("Failed to fetch rule sets or permissions",o),Y("Failed to load data. Please try again later."),[3,6];case 5:return $(!1),[7];case 6:return[2]}})})};n.useEffect(function(){var e;(null===(e=null==I?void 0:I.accessToken)||void 0===e?void 0:e.length)&&je?Ae(!0):console.warn("Error: Trying to fetch rules without access token",I)},[null==I?void 0:I.accessToken,Y,K,x.applicationId,je]);var Re=function(n){return e.__awaiter(O,void 0,void 0,function(){var r,s,a,o;return e.__generator(this,function(l){switch(l.label){case 0:ne(!0),l.label=1;case 1:return l.trys.push([1,4,5,6]),W.scopeId?[4,c.renameScope({scope_id:W.scopeId,scope_name:n})]:[2];case 2:return l.sent(),[4,Ae(!0)];case 3:return l.sent(),J(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,6];case 4:throw r=l.sent(),console.error("An error occurred during scope rename.",r),null===(s=fe.current)||void 0===s||s.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(j.default,{message:(null===(o=null===(a=null==r?void 0:r.response)||void 0===a?void 0:a.data)||void 0===o?void 0:o.message)||"There was an error renaming the scope. Please try again."})}),r;case 5:return ne(!1),[7];case 6:return[2]}})})},we=function(t,n,r){return e.__awaiter(O,void 0,void 0,function(){var n,r,a,i,o,l,u,d;return e.__generator(this,function(p){switch(p.label){case 0:ne(!0),p.label=1;case 1:return p.trys.push([1,4,5,6]),[4,c.deleteRuleSet(t,I.accessToken)];case 2:return p.sent(),s.useLearningTemplateStore.getState().selectedRuleSetId===t&&(n=s.useLearningTemplateStore.getState().scopeTreeData,(r=f.findNodePathById((null==n?void 0:n.data)||null,t))&&r.length>1&&(a=r[r.length-2],F(a),ae("learnings"))),[4,Ae(!0)];case 3:return p.sent(),J(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),null===(o=fe.current)||void 0===o||o.show({severity:"success",summary:"Deleted Successfully",detail:"The scope was permanently removed."}),[3,6];case 4:return i=p.sent(),console.error("An error occurred during scope deletion.",i),null===(l=fe.current)||void 0===l||l.show({severity:"error",summary:"Delete Failed",detail:(null===(d=null===(u=null==i?void 0:i.response)||void 0===u?void 0:u.data)||void 0===d?void 0:d.message)||"There was an error deleting the scope. Please try again."}),[3,6];case 5:return ne(!1),[7];case 6:return[2]}})})},Oe=H,Ie=ce?{data:{id:ce.stationId,name:ce.stationName,type:"STATION",metrics:{learningsCount:ce.learningsCount,stationsCount:0},children:[]}}:Oe,qe=!!(null==Ie?void 0:Ie.data);null===(w=null==Ie?void 0:Ie.data)||void 0===w||w.type;var Ne=_.usePermissionsStore(function(e){return e.hasGlobalPermission})("ilotj.scope.global.create",x.applicationResourceId||""),Pe=(ce?A.filter(function(e){return"stations"!==e.id}):A).filter(function(e){return!(!B&&"access"===e.id)});return t.jsx(v.TooltipProvider,{children:t.jsxs("div",e.__assign({className:i.default.learningManagementContainer},{children:[t.jsx("div",e.__assign({className:i.default.mainWrapper},{children:Z?t.jsx(g.default,{}):Q?t.jsxs("div",e.__assign({className:i.default.errorContainer},{children:[t.jsx("div",e.__assign({className:i.default.errorTitle},{children:"Error Loading Data"})),t.jsx("p",e.__assign({className:i.default.errorDesc},{children:Q})),t.jsx("button",e.__assign({onClick:function(){return Ae(!0)},className:i.default.tryAgainBtn},{children:"Try Again"}))]})):qe?t.jsx(o.default,{onOpenCreateModal:function(){return J({isOpen:!0,type:"GLOBAL"})},onAddChild:function(e,t,n){return J({isOpen:!0,type:t,parentId:e,parentName:n})},onRenameChild:function(e,t){return J({isOpen:!0,type:"RENAME",scopeId:e,initialName:t})},onDeleteChild:function(t,n,r){return e.__awaiter(O,void 0,void 0,function(){var a,i,o;return e.__generator(this,function(e){switch(e.label){case 0:return a=s.useLearningTemplateStore.getState().scopeTreeData,i=f.findNodePathById((null==a?void 0:a.data)||null,t),o=!!i&&3===i.length,0!==r?[3,2]:[4,we(t)];case 1:return e.sent(),[3,3];case 2:J({isOpen:!0,type:"DELETE",scopeId:t,initialName:n,isSubscope:o}),e.label=3;case 3:return[2]}})})},canDeleteScope:function(e){return Ce("ilotj.scope.delete",e)},canEditScope:function(e){return Ce("ilotj.scope.edit",e)},canCreateScope:function(e){return Ce("ilotj.scope.create",e)},onSectionSelect:function(e,t){var n;console.log("Section Selected:",{scopeId:e,sectionId:t}),d.setQueryParams(((n={})[d.QUERY_PARAM_KEYS.SECTION]="learnings"===t?null:t,n)),ae(t),F(e)},activeSectionId:se,scopeTreeData:Ie,sectionsConfig:Pe,onViewStation:function(e){pe.current=G,de(e),ae("learnings"),F(e.stationId)},onRefreshRuleSets:function(e,t){void 0===e&&(e=!0),t&&(ge.current=t),Ae(e)},nodeTypesConfig:ye,app_integration_id:U,token:I.accessToken}):t.jsx(l.default,{onCreate:function(){return J({isOpen:!0,type:"GLOBAL"})},title:"No Global Scope has been added!",desc:"Start by creating a Global scope to define base learnings that apply across all stations.",button:"Create Global Scope",canCreateRule:Ne,noAccessTitle:"Access Restricted",noAccessDesc:"You do not have access to create a Global scope for this application.",onRequestAccess:function(){return e.__awaiter(O,void 0,void 0,function(){var n,r,a,o,l,u,d,p,g;return e.__generator(this,function(e){switch(e.label){case 0:if(!(n=(null===(o=null===(a=s.useLearningTemplateStore.getState().scopeTreeData)||void 0===a?void 0:a.data)||void 0===o?void 0:o.id)||oe))return null===(l=fe.current)||void 0===l||l.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(j.default,{message:"Unable to identify the global scope for this access request."})}),[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,c.requestAccess(n)];case 2:return e.sent(),null===(u=fe.current)||void 0===u||u.show({severity:"success",sticky:!1,life:3e3,className:i.default.successToast,content:t.jsx(L.default,{message:"Access request submitted successfully!"})}),[3,4];case 3:return r=e.sent(),null===(d=fe.current)||void 0===d||d.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(j.default,{message:(null===(g=null===(p=null==r?void 0:r.response)||void 0===p?void 0:p.data)||void 0===g?void 0:g.detail)||"Failed to request access. Please try again."})}),[3,4];case 4:return[2]}})})}})})),t.jsx(a.Toast,{ref:fe,pt:{root:{style:{zIndex:9999}}}}),B&&W.isOpen&&"DELETE"!==W.type&&"RENAME"!==W.type?t.jsx(h.default,{isOpen:!0,onClose:function(){return J(e.__assign(e.__assign({},W),{isOpen:!1}))},onSubmit:function(t){return e.__awaiter(O,void 0,void 0,function(){var n,r,a,i,o,l,u,d,p,g,f,S,m,v,h,_,y,T,b,C;return e.__generator(this,function(L){switch(L.label){case 0:ne(!0),n=s.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:(a=t,i="SCOPE"===W.type&&W.parentId,o=i?"genreRuleSet":W.type,r={topic:o,scope_reference_id:null,scopeDescription:"demo",parentScopeId:W.parentId||null,scopeName:a,scopeReferenceMetadata:{},applicationMappingId:U}),[4,c.createRuleSet(r,I.accessToken)];case 2:if(l=L.sent(),!(u=null===(v=null==l?void 0:l.data)||void 0===v?void 0:v.scopeId))return[3,10];if(ge.current=u,d=n&&(null===(h=r.topic)||void 0===h?void 0:h.toLowerCase().includes("genre")),p=!n&&"GLOBAL"!==W.type&&W.parentId,!d&&!p)return[3,10];if(!(g=n?null===(y=null===(_=s.useLearningTemplateStore.getState().scopeTreeData)||void 0===_?void 0:_.data)||void 0===y?void 0:y.id:W.parentId))return[3,10];if(!B)return[3,7];L.label=3;case 3:return L.trys.push([3,5,,6]),[4,c.inheritScopeBackwardCompatible({source_scope_id:g,target_scope_id:u})];case 4:return L.sent(),[3,6];case 5:return f=L.sent(),console.error("Failed to inherit rules for the new scope:",f),[3,6];case 6:return[3,10];case 7:return L.trys.push([7,9,,10]),[4,c.inheritScope({source_scope_id:g,target_scope_id:u,application_mapping_id:U||"",is_copy_parent_variant_id:!1})];case 8:return L.sent(),[3,10];case 9:return S=L.sent(),console.error("Failed to inherit rules for the new scope:",S),[3,10];case 10:return[4,Ae(!0)];case 11:return L.sent(),J(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,14];case 12:throw m=L.sent(),console.error("An error occurred during scope creation.",m),null===(T=fe.current)||void 0===T||T.show({severity:"error",summary:"Creation Failed",detail:(null===(C=null===(b=null==m?void 0:m.response)||void 0===b?void 0:b.data)||void 0===C?void 0:C.message)||"There was an error creating the scope. Please try again."}),m;case 13:return ne(!1),[7];case 14:return[2]}})})},hasGlobalRuleSet:qe,canCreateGlobal:Ne}):t.jsxs(t.Fragment,{children:[t.jsx(b.default,{isOpen:W.isOpen&&"DELETE"!==W.type&&"RENAME"!==W.type,onClose:function(){return J(e.__assign(e.__assign({},W),{isOpen:!1}))},onCreate:function(e){return Re(null!=e?e:"")},hasGlobalRuleSet:qe}),t.jsx(E.default,{isOpen:W.isOpen&&"RENAME"===W.type,onClose:function(){return J(e.__assign(e.__assign({},W),{isOpen:!1}))},onSave:Re,initialName:W.initialName})]}),t.jsx(p.default,{isOpen:W.isOpen&&"DELETE"===W.type,onCancel:function(){return J(e.__assign(e.__assign({},W),{isOpen:!1}))},onConfirm:function(){return we(W.scopeId,W.initialName,W.isSubscope)},title:"Delete Scope",description:t.jsxs(t.Fragment,{children:["Deleting ",t.jsx("span",e.__assign({className:i.default.highlight},{children:W.initialName||"this scope"}))," will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."]}),confirmText:"Delete",confirmBgColor:"#EF4444",isLoading:te})]}))})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),r=require("lucide-react"),s=require("./store/useLearningTemplateStore.js"),a=require("primereact/toast"),i=require("./styles/LearningTemplateManagement.module.css.js"),o=require("./LearningTemplateLayout.js"),l=require("./components/EmptyLearningState.js"),u=require("./store/useAuthStore.js"),c=require("./apis/scopeApis.js"),d=require("./hooks/useLearningTemplateQueryParams.js"),p=require("./components/ConfirmationModal.js"),g=require("./components/LearningTemplateManagementSkeleton.js"),f=require("./utils/treeUtils.js"),_=require("./store/useEnvStore.js"),S=require("./store/useConfigStore.js"),m=require("./components/ToolTip.js"),v=require("./components/CreateRuleSetLegacyModal.js"),T=require("./store/usePermissionsStore.js"),h=require("./store/useAppSecRolesStore.js"),y=require("./queries/useApprovalQueries.js"),E=require("./queries/useLMSConfigQuery.js"),A=require("./RuleContent/AddScopeModal.js"),b=require("./components/RuleContentSkeleton.js"),L=require("./components/ErrorStateDisplay.js"),C=require("react-router-dom"),R=require("./shared/SuccessToastContent.js"),D=require("./shared/ErrorToastContent.js"),j=require("./RuleContent/RenameScopeModal.js"),I=require("./store/useLMSConfigStore.js"),P=require("./constants.js");exports.default=function(w){var M,q,O,N=this,x=w.userDetails,k=w.llmStudioUrl,U=w.audacyBackendUrl,B=w.ilLabels,H=w.config,G=w.rbacConfig,Y=w.auditLogConfig,F=w.app_integration_id,Q=w.backwardCompatibility,W=void 0!==Q&&Q,K=w.modeId,z=s.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),V=s.useLearningTemplateStore(function(e){return e.setSelectedRuleSetId}),X=s.useLearningTemplateStore(function(e){return e.error}),J=s.useLearningTemplateStore(function(e){return e.setError}),Z=s.useLearningTemplateStore(function(e){return e.setStations}),$=s.useLearningTemplateStore(function(e){return e.scopeTreeData}),ee=s.useLearningTemplateStore(function(e){return e.setScopeTreeData}),te=n.useState({isOpen:!1,type:"GLOBAL"}),ne=te[0],re=te[1],se=n.useState(!1),ae=se[0],ie=se[1],oe=n.useState(!1),le=oe[0],ue=oe[1],ce=n.useState("learnings"),de=ce[0],pe=ce[1],ge=n.useState(null),fe=ge[0],_e=ge[1],Se=n.useState(null),me=Se[0],ve=Se[1],Te=n.useRef(null),he=n.useRef(null),ye=n.useRef(!1),Ee=n.useRef(null),Ae=u.default();Ae.user;var be=Ae.setUser,Le=S.useConfigStore(),Ce=Le.setConfig,Re=Le.setIlLabels,De=function(){try{return C.useLocation()}catch(e){return{search:""}}}();n.useEffect(function(){if(!ye.current){var e=new URLSearchParams(window.location.search),t=e.get(d.QUERY_PARAM_KEYS.RULESET_ID),n=e.get(d.QUERY_PARAM_KEYS.SECTION),r=n&&Ve.has(n)?n:"learnings";(null==t?void 0:t.length)&&V&&pe&&(V(t),pe(r),ye.current=!0)}},[null==De?void 0:De.search,pe,V]);var je=T.usePermissionsStore(function(e){return e.fetchPermissions}),Ie=T.usePermissionsStore(function(e){return e.hasPermission}),Pe=h.useAppSecRolesStore(function(e){return e.setRoles}),we=_.default(function(e){return e.appsecRbacUrl})===G.appsecRbacUrl,Me=y.useGetAppSecRolesQuery(G.applicationId,we).data,qe=E.useLMSConfigQuery(null!=F?F:"",W),Oe=qe.isLoading,Ne=qe.isError,xe=qe.refetch;qe.isSuccess;var ke=n.useState(0),Ue=ke[0],Be=ke[1];n.useEffect(function(){if(!W&&F&&k){e.__awaiter(N,void 0,void 0,function(){var t,n,r,s,a,i;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,c.getILInstance(F)];case 1:return t=e.sent(),"number"==typeof(n=null===(i=null===(a=null===(s=null==t?void 0:t.data)||void 0===s?void 0:s.learningManagement)||void 0===a?void 0:a.scopeAndHierarchy)||void 0===i?void 0:i.maxHierarchyLevels)&&n>0&&Be(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]}})})}},[F,k]),n.useEffect(function(){Me&&Pe(Me.map(function(e){return{_id:e._id,name:e.name}}))},[Me,Pe]),n.useEffect(function(){var e;console.log("userDetails",x),be(x),console.log("llmStudioUrl",k),console.log("audacyBackendUrl",U),_.default.getState().setLlmStudioUrl(k),_.default.getState().setAudacyBackendUrl(U),_.default.getState().setRbacConfig(G),_.default.getState().setAuditLogConfig(Y),Ce(H),Re(B),s.useLearningTemplateStore.getState().setAppIntegrationId(null!=F?F:null),s.useLearningTemplateStore.getState().setBackwardCompatibility(W),s.useLearningTemplateStore.getState().setToken(null!==(e=null==x?void 0:x.accessToken)&&void 0!==e?e:null)},[x,be,k,U,G,Y,H,Ce,B,Re,F,W]),n.useEffect(function(){(null==x?void 0:x.accessToken)&&k&&c.fetchTiers()},[F,null==x?void 0:x.accessToken,k]);var He=function(t){return void 0===t&&(t=!0),e.__awaiter(N,void 0,void 0,function(){var n,r,a,i,o,l,u,d;return e.__generator(this,function(p){switch(p.label){case 0:t&&ie(!0),J(null),p.label=1;case 1:return p.trys.push([1,4,5,6]),[4,je(G.applicationId)];case 2:return p.sent(),n=function(t){if(!T.usePermissionsStore.getState().hasPermission("ilotj.scope.view",t.id))return null;var r=t.children?t.children.map(function(e){return n(e)}).filter(function(e){return null!==e}):[];return e.__assign(e.__assign({},t),{children:r})},[4,c.fetchScopes(F,x.accessToken)];case 3:return(r=p.sent())&&r.data&&r.data.data&&(a=r.data.data,Array.isArray(a)&&(a=a.length>0?a[0]:null),a?(i=n(a))?(_e(null),ee({data:i}),he.current?(V(he.current),pe("learnings"),he.current=null):(o=s.useLearningTemplateStore.getState().selectedRuleSetId,l=o?f.findNodeById(i,o):null,o&&l||V(i.id))):(_e(null!==(d=a.id)&&void 0!==d?d:null),ee(null)):(_e(null),ee(null))),[3,6];case 4:return u=p.sent(),console.error("Failed to fetch rule sets or permissions",u),J("Failed to load data. Please try again later."),[3,6];case 5:return ie(!1),[7];case 6:return[2]}})})};n.useEffect(function(){var e;(null===(e=null==x?void 0:x.accessToken)||void 0===e?void 0:e.length)&&we?He(!0):console.warn("Error: Trying to fetch rules without access token",x)},[null==x?void 0:x.accessToken,J,Z,G.applicationId,we]);var Ge=function(t,n,r){return e.__awaiter(N,void 0,void 0,function(){var n,r,a,i,o,l,u,d;return e.__generator(this,function(p){switch(p.label){case 0:ue(!0),p.label=1;case 1:return p.trys.push([1,4,5,6]),[4,c.deleteRuleSet(t,x.accessToken)];case 2:return p.sent(),s.useLearningTemplateStore.getState().selectedRuleSetId===t&&(n=s.useLearningTemplateStore.getState().scopeTreeData,(r=f.findNodePathById((null==n?void 0:n.data)||null,t))&&r.length>1&&(a=r[r.length-2],V(a),pe("learnings"))),[4,He(!0)];case 3:return p.sent(),re(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),null===(o=Ee.current)||void 0===o||o.show({severity:"success",summary:"Deleted Successfully",detail:"The scope was permanently removed."}),[3,6];case 4:return i=p.sent(),console.error("An error occurred during scope deletion.",i),null===(l=Ee.current)||void 0===l||l.show({severity:"error",summary:"Delete Failed",detail:(null===(d=null===(u=null==i?void 0:i.response)||void 0===u?void 0:u.data)||void 0===d?void 0:d.message)||"There was an error deleting the scope. Please try again."}),[3,6];case 5:return ue(!1),[7];case 6:return[2]}})})},Ye=$,Fe=me?{data:{id:me.stationId,name:me.stationName,type:"STATION",metrics:{learningsCount:me.learningsCount,stationsCount:0},children:[]}}:Ye,Qe=!!(null==Fe?void 0:Fe.data);null===(M=null==Fe?void 0:Fe.data)||void 0===M||M.type;var We=T.usePermissionsStore(function(e){return e.hasGlobalPermission})("ilotj.scope.global.create",G.applicationResourceId||"");if(Oe)return t.jsx("div",e.__assign({className:i.default.learningManagementContainer},{children:t.jsx(b.default,{})}));if(Ne)return t.jsx("div",e.__assign({className:i.default.learningManagementContainer},{children:t.jsx(L.default,{errorMessage:"Failed to load configuration. Please try again.",onRetry:function(){return xe()},title:"Error Loading Configuration"})}));var Ke=e.__spreadArray(e.__spreadArray([{type:"GLOBAL",label:"Global",addChildLabel:"".concat(I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".addScope"),"Add Scope")),addChildType:"SCOPE"}],Array.from({length:Ue},function(){return e.__assign({type:"SCOPE",label:I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".scope"),"Scope")},!W&&{addChildLabel:I.dt("".concat(P.MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH,".addSubScope"),"Add Subscope"),addChildType:"SUBSCOPE"})}),!0),W?[]:[{type:"SUBSCOPE",label:I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".subScope"),"Subscope")}],!0),ze=[{id:"learnings",label:I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.learnings"),"Learnings"),icon:r.BookOpen,badgeKey:"learningsCount"},{id:"access",label:I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.access"),"Access"),icon:r.Users},{id:"history",label:I.dt("".concat(P.MIDDLE_DRAWER_DT_PATH,".treeMenu.submenu.changeHistory"),"Change History"),icon:r.History}],Ve=new Set(ze.map(function(e){return e.id})),Xe=me?ze.filter(function(e){return"stations"!==e.id}):ze;return t.jsx(m.TooltipProvider,{children:t.jsxs("div",e.__assign({className:i.default.learningManagementContainer},{children:[t.jsx("div",e.__assign({className:i.default.mainWrapper},{children:ae?t.jsx(g.default,{}):X?t.jsxs("div",e.__assign({className:i.default.errorContainer},{children:[t.jsx("div",e.__assign({className:i.default.errorTitle},{children:"Error Loading Data"})),t.jsx("p",e.__assign({className:i.default.errorDesc},{children:X})),t.jsx("button",e.__assign({onClick:function(){return He(!0)},className:i.default.tryAgainBtn},{children:"Try Again"}))]})):Qe?t.jsx(o.default,{onOpenCreateModal:function(){return re({isOpen:!0,type:"GLOBAL"})},onAddChild:function(e,t,n){return re({isOpen:!0,type:t,parentId:e,parentName:n})},onRenameChild:function(e,t){return re({isOpen:!0,type:"RENAME",scopeId:e,initialName:t})},onDeleteChild:function(t,n,r){return e.__awaiter(N,void 0,void 0,function(){var a,i,o;return e.__generator(this,function(e){switch(e.label){case 0:return a=s.useLearningTemplateStore.getState().scopeTreeData,i=f.findNodePathById((null==a?void 0:a.data)||null,t),o=!!i&&3===i.length,0!==r?[3,2]:[4,Ge(t)];case 1:return e.sent(),[3,3];case 2:re({isOpen:!0,type:"DELETE",scopeId:t,initialName:n,isSubscope:o}),e.label=3;case 3:return[2]}})})},canDeleteScope:function(e){return Ie("ilotj.scope.delete",e)},canEditScope:function(e){return Ie("ilotj.scope.edit",e)},canCreateScope:function(e){return Ie("ilotj.scope.create",e)},onSectionSelect:function(e,t){var n;console.log("Section Selected:",{scopeId:e,sectionId:t}),d.setQueryParams(((n={})[d.QUERY_PARAM_KEYS.SECTION]="learnings"===t?null:t,n[d.QUERY_PARAM_KEYS.RULESET_ID]=e,n)),pe(t),V(e)},activeSectionId:de,scopeTreeData:Fe,sectionsConfig:Xe,onViewStation:function(e){Te.current=z,ve(e),pe("learnings"),V(e.stationId)},onRefreshRuleSets:function(e,t){void 0===e&&(e=!0),t&&(he.current=t),He(e)},nodeTypesConfig:Ke,app_integration_id:F,token:x.accessToken,modeId:K}):t.jsx(l.default,{onCreate:function(){return re({isOpen:!0,type:"GLOBAL"})},title:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".title"),"No Global Scope has been added!"),desc:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".desc"),"Start by creating a Global scope to define base learnings that apply across all stations."),button:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".createGlobalScope"),"Create Global Scope"),canCreateRule:We,noAccessTitle:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".noAccessTitle"),"Access Restricted"),noAccessDesc:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".noAccessDesc"),"You do not have access for this application."),requestAccessButton:I.dt("".concat(P.EMPTY_STATE_DT_PATH,".requestAccessButton"),"Request Access"),onRequestAccess:function(){return e.__awaiter(N,void 0,void 0,function(){var n,r,a,o,l,u,d,p,g;return e.__generator(this,function(e){switch(e.label){case 0:if(!(n=(null===(o=null===(a=s.useLearningTemplateStore.getState().scopeTreeData)||void 0===a?void 0:a.data)||void 0===o?void 0:o.id)||fe))return null===(l=Ee.current)||void 0===l||l.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(D.default,{message:"Unable to identify the global scope for this access request."})}),[2];e.label=1;case 1:return e.trys.push([1,3,,4]),[4,c.requestAccess(n)];case 2:return e.sent(),null===(u=Ee.current)||void 0===u||u.show({severity:"success",sticky:!1,life:3e3,className:i.default.successToast,content:t.jsx(R.default,{message:"Access request submitted successfully!"})}),[3,4];case 3:return r=e.sent(),null===(d=Ee.current)||void 0===d||d.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(D.default,{message:(null===(g=null===(p=null==r?void 0:r.response)||void 0===p?void 0:p.data)||void 0===g?void 0:g.detail)||"Failed to request access. Please try again."})}),[3,4];case 4:return[2]}})})}})})),t.jsx(a.Toast,{ref:Ee,pt:{root:{style:{zIndex:9999}}}}),W&&ne.isOpen&&"DELETE"!==ne.type&&"RENAME"!==ne.type?t.jsx(v.default,{isOpen:!0,onClose:function(){return re(e.__assign(e.__assign({},ne),{isOpen:!1}))},onSubmit:function(t){return e.__awaiter(N,void 0,void 0,function(){var n,r,a,i,o,l,u,d,p,g,f,_,S,m,v,T,h,y,E,A;return e.__generator(this,function(b){switch(b.label){case 0:ue(!0),n=s.useLearningTemplateStore.getState().backwardCompatibility,b.label=1;case 1:return b.trys.push([1,12,13,14]),r=void 0,n&&"object"==typeof t?r=t:(a=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:a,scopeReferenceMetadata:{},applicationMappingId:F}),[4,c.createRuleSet(r,x.accessToken)];case 2:if(l=b.sent(),!(u=null===(m=null==l?void 0:l.data)||void 0===m?void 0:m.scopeId))return[3,10];if(he.current=u,d=n&&(null===(v=r.topic)||void 0===v?void 0:v.toLowerCase().includes("genre")),p=!n&&"GLOBAL"!==ne.type&&ne.parentId,!d&&!p)return[3,10];if(!(g=n?null===(h=null===(T=s.useLearningTemplateStore.getState().scopeTreeData)||void 0===T?void 0:T.data)||void 0===h?void 0:h.id:ne.parentId))return[3,10];if(!W)return[3,7];b.label=3;case 3:return b.trys.push([3,5,,6]),[4,c.inheritScopeBackwardCompatible({source_scope_id:g,target_scope_id:u})];case 4:return b.sent(),[3,6];case 5:return f=b.sent(),console.error("Failed to inherit rules for the new scope:",f),[3,6];case 6:return[3,10];case 7:return b.trys.push([7,9,,10]),[4,c.inheritScope({source_scope_id:g,target_scope_id:u,application_mapping_id:F||"",is_copy_parent_variant_id:!1})];case 8:return b.sent(),[3,10];case 9:return _=b.sent(),console.error("Failed to inherit rules for the new scope:",_),[3,10];case 10:return[4,He(!0)];case 11:return b.sent(),re(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,14];case 12:throw S=b.sent(),console.error("An error occurred during scope creation.",S),null===(y=Ee.current)||void 0===y||y.show({severity:"error",summary:"Creation Failed",detail:(null===(A=null===(E=null==S?void 0:S.response)||void 0===E?void 0:E.data)||void 0===A?void 0:A.message)||"There was an error creating the scope. Please try again."}),S;case 13:return ue(!1),[7];case 14:return[2]}})})},hasGlobalRuleSet:Qe,canCreateGlobal:We,globalScopeId:null!==(O=null===(q=null==$?void 0:$.data)||void 0===q?void 0:q.id)&&void 0!==O?O:null}):t.jsxs(t.Fragment,{children:[t.jsx(A.default,{isOpen:ne.isOpen&&"DELETE"!==ne.type&&"RENAME"!==ne.type,onClose:function(){return re(e.__assign(e.__assign({},ne),{isOpen:!1}))},onCreate:function(e){e&&(he.current=e),He(!0)},hasGlobalRuleSet:Qe,parentId:ne.parentId}),t.jsx(j.default,{isOpen:ne.isOpen&&"RENAME"===ne.type,onClose:function(){return re(e.__assign(e.__assign({},ne),{isOpen:!1}))},onSave:function(n){return e.__awaiter(N,void 0,void 0,function(){var r,a,o,l,u,d;return e.__generator(this,function(p){switch(p.label){case 0:ue(!0),p.label=1;case 1:return p.trys.push([1,4,5,6]),ne.scopeId?(r=s.useLearningTemplateStore.getState().backwardCompatibility,a=r?{scope_id:ne.scopeId,scope_name:n}:{scope_id:ne.scopeId,scope_type:"Custom",scope_name:n,description:"demo",application_mapping_id:F},[4,c.renameScope(a,x.accessToken)]):[2];case 2:return p.sent(),[4,He(!0)];case 3:return p.sent(),re(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),[3,6];case 4:throw o=p.sent(),console.error("An error occurred during scope rename.",o),null===(l=Ee.current)||void 0===l||l.show({severity:"error",sticky:!1,className:i.default.errorToast,content:t.jsx(D.default,{message:(null===(d=null===(u=null==o?void 0:o.response)||void 0===u?void 0:u.data)||void 0===d?void 0:d.message)||"There was an error renaming the scope. Please try again."})}),o;case 5:return ue(!1),[7];case 6:return[2]}})})},initialName:ne.initialName})]}),t.jsx(p.default,{isOpen:ne.isOpen&&"DELETE"===ne.type,onCancel:function(){return re(e.__assign(e.__assign({},ne),{isOpen:!1}))},onConfirm:function(){return Ge(ne.scopeId,ne.initialName,ne.isSubscope)},title:"Delete Scope",description:t.jsxs(t.Fragment,{children:["Deleting ",t.jsx("span",e.__assign({className:i.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:le})]}))})};
 //# sourceMappingURL=LearningManagement.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("./RuleContent/RuleContent.js"),o=require("./StationsContent/StationsContent.js"),i=require("./RBAC/AccessManagementPanel.js");require("appsec-ui"),require("./store/useAuthStore.js"),require("./store/usePermissionsStore.js");var a=require("./store/useEnvStore.js"),r=require("./styles/LearningTemplateLayout.module.css.js"),s=require("./utils/treeUtils.js"),l=require("./SidebarWrapper.js"),u=require("./store/useLearningTemplateStore.js"),d=require("./components/StationOnboarding/StationOnboardModal.js"),c=require("./AuditLog/AuditLog.js");exports.default=function(p){var S,f,g=p.onOpenCreateModal,v=p.onRefreshRuleSets,C=p.scopeTreeData,j=p.onAddChild,m=p.onRenameChild,q=p.onDeleteChild,h=p.canDeleteScope,R=p.canEditScope,x=p.canCreateScope,_=p.onSectionSelect,L=p.onViewStation,T=p.activeSectionId,A=void 0===T?"learnings":T,I=p.sectionsConfig,D=p.nodeTypesConfig,y=p.app_integration_id,M=p.token,O=u.useLearningTemplateStore(function(e){return e.isStationModalOpen}),w=u.useLearningTemplateStore(function(e){return e.setStationModalOpen}),b=u.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),k=u.useLearningTemplateStore(function(e){return e.rawAuditRuleData}),N=a.default(function(e){return e.auditLogConfig});u.useLearningTemplateStore(function(e){return e.ruleData});var B=b?s.findNodeById((null==C?void 0:C.data)||null,b):null;return Boolean((null===(S=null==C?void 0:C.data)||void 0===S?void 0:S.id)&&b===C.data.id),n.jsxs("div",e.__assign({className:r.default.container},{children:[n.jsx(l.default,{onOpenCreateModal:g,onRefreshRuleSets:v,scopeTreeData:C,onAddChild:j,onRenameChild:m,onDeleteChild:q,canDeleteScope:h,canEditScope:R,canCreateScope:x,onSectionSelect:_,activeSectionId:A,sectionsConfig:I,nodeTypesConfig:D}),n.jsx("div",e.__assign({id:"rule-template-layout-content",className:"".concat(r.default.content," relative flex-1 overflow-hidden")},{children:"stations"===A?n.jsx(o.default,{scopeId:b||"",scopeName:(null==B?void 0:B.name)||"Unknown Scope",stationsCount:null===(f=null==B?void 0:B.metrics)||void 0===f?void 0:f.stationsCount,onViewStation:L}):"access"===A?n.jsx(i.default,{selectedRuleSetId:b,useApplicationModuleForScopeAccess:!1}):"history"===A?(null==N?void 0:N.configId)?n.jsx(c.default,{configId:N.configId,scopeId:b||void 0,scopeName:(null==B?void 0:B.name)||"Unknown Scope",ruleData:k}):null:n.jsx(t.default,{onRefreshRuleSets:v,app_integration_id:y,token:M})})),n.jsx(d.default,{isOpen:O,onClose:function(){w(!1)},onBoardStation:function(e){v(!0,e)},app_integration_id:y,token:M})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),o=require("./RuleContent/RuleContent.js"),i=require("./StationsContent/StationsContent.js"),a=require("./RBAC/AccessManagementPanel.js");require("appsec-ui"),require("./store/useAuthStore.js"),require("./store/usePermissionsStore.js");var r=require("./store/useEnvStore.js"),s=require("./styles/LearningTemplateLayout.module.css.js"),u=require("./utils/treeUtils.js"),l=require("./SidebarWrapper.js"),d=require("./store/useLearningTemplateStore.js"),c=require("./components/StationOnboarding/StationOnboardModal.js"),p=require("./AuditLog/AuditLog.js");exports.default=function(S){var f,g,m=S.onOpenCreateModal,v=S.onRefreshRuleSets,C=S.scopeTreeData,j=S.onAddChild,q=S.onRenameChild,T=S.onDeleteChild,h=S.canDeleteScope,R=S.canEditScope,I=S.canCreateScope,L=S.onSectionSelect,x=S.onViewStation,_=S.activeSectionId,A=void 0===_?"learnings":_,M=S.sectionsConfig,O=S.nodeTypesConfig,D=S.app_integration_id,y=S.token,b=S.modeId,w=d.useLearningTemplateStore(function(e){return e.isStationModalOpen}),k=d.useLearningTemplateStore(function(e){return e.setStationModalOpen}),N=d.useLearningTemplateStore(function(e){return e.isStationOnboardModalTriggered}),B=d.useLearningTemplateStore(function(e){return e.setIsStationOnboardModalTriggered}),E=d.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),U=d.useLearningTemplateStore(function(e){return e.rawAuditRuleData}),P=r.default(function(e){return e.auditLogConfig});d.useLearningTemplateStore(function(e){return e.ruleData});var V=E?u.findNodeById((null==C?void 0:C.data)||null,E):null;return Boolean((null===(f=null==C?void 0:C.data)||void 0===f?void 0:f.id)&&E===C.data.id),t.useEffect(function(){N&&k(!0)},[N,k,B]),n.jsxs("div",e.__assign({className:s.default.container},{children:[n.jsx(l.default,{onOpenCreateModal:m,onRefreshRuleSets:v,scopeTreeData:C,onAddChild:j,onRenameChild:q,onDeleteChild:T,canDeleteScope:h,canEditScope:R,canCreateScope:I,onSectionSelect:L,activeSectionId:A,sectionsConfig:M,nodeTypesConfig:O}),n.jsx("div",e.__assign({id:"rule-template-layout-content",className:"".concat(s.default.content," relative flex-1 overflow-hidden")},{children:"stations"===A?n.jsx(i.default,{scopeId:E||"",scopeName:(null==V?void 0:V.name)||"Unknown Scope",stationsCount:null===(g=null==V?void 0:V.metrics)||void 0===g?void 0:g.stationsCount,onViewStation:x}):"access"===A?n.jsx(a.default,{selectedRuleSetId:E,scopeName:(null==V?void 0:V.name)||"Unknown Scope",useApplicationModuleForScopeAccess:!1}):"history"===A?(null==P?void 0:P.configId)?n.jsx(p.default,{configId:P.configId,scopeId:E||void 0,scopeName:(null==V?void 0:V.name)||"Unknown Scope",ruleData:U}):null:n.jsx(o.default,{onRefreshRuleSets:v,app_integration_id:D,token:y,modeId:b})})),n.jsx(c.default,{isOpen:w,onClose:function(){k(!1),B(!1)},onBoardStation:function(e){v(!0,e)},app_integration_id:D,token:y})]}))};
 //# sourceMappingURL=LearningTemplateLayout.js.map

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),c=require("./AccessPanel.js"),t=require("../store/useEnvStore.js"),i=require("../store/usePermissionsStore.js"),l=require("./AccessPanel.module.css.js");exports.default=function(o){var n=o.selectedRuleSetId,r=o.useApplicationModuleForScopeAccess,u=void 0!==r&&r,d=a.useState("scope"),p=d[0],v=d[1],b=t.default(function(e){return e.rbacConfig}),f=i.usePermissionsStore(function(e){return e.hasPermission}),m=null==b?void 0:b.applicationResourceId,j=(null==b?void 0:b.applicationModuleId)||(null==b?void 0:b.moduleId),_=u?j:null==b?void 0:b.moduleId,x=Boolean(m&&f("ilotj.scope.access.application.view",m));return s.jsxs("div",e.__assign({className:l.default.accessManagement},{children:[s.jsxs("div",e.__assign({className:l.default.accessTabs,role:"tablist","aria-label":"Access level"},{children:[s.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"scope"===p,className:"".concat(l.default.accessTab," ").concat("scope"===p?l.default.accessTabActive:""),onClick:function(){return v("scope")}},{children:"Scope Level Access"})),s.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"application"===p,className:"".concat(l.default.accessTab," ").concat("application"===p?l.default.accessTabActive:""),onClick:function(){return v("application")},disabled:!x,title:x?"":"You don't have permission to view application access"},{children:"Application Level Access"}))]})),s.jsx("div",e.__assign({className:l.default.accessTabPanel,role:"tabpanel"},{children:"application"===p?s.jsx(c.default,{resourceId:m,moduleId:j,accessLevel:"application"}):s.jsx(c.default,{ruleSetId:n,moduleId:_,accessLevel:"scope"})}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("react"),c=require("./AccessPanel.js"),t=require("../store/useEnvStore.js"),i=require("../store/usePermissionsStore.js"),l=require("./AccessPanel.module.css.js"),n=require("../store/useLMSConfigStore.js");exports.default=function(o){var r=o.selectedRuleSetId,d=o.useApplicationModuleForScopeAccess,u=void 0!==d&&d,p=o.scopeName,m=(null==p?void 0:p.trim())||"Selected",v=a.useState("scope"),f=v[0],g=v[1],_=t.default(function(e){return e.rbacConfig}),x=i.usePermissionsStore(function(e){return e.hasPermission}),b=null==_?void 0:_.applicationResourceId,j=(null==_?void 0:_.applicationModuleId)||(null==_?void 0:_.moduleId),h=u?j:null==_?void 0:_.moduleId,A=Boolean(b&&x("ilotj.scope.access.application.view",b));return s.jsxs("div",e.__assign({className:l.default.accessManagement},{children:[s.jsx("div",e.__assign({style:{padding:"24px 24px 0",fontFamily:"Arial, sans-serif"}},{children:s.jsxs("div",e.__assign({style:{marginBottom:"16px",paddingBottom:"4px"}},{children:[s.jsx("h1",e.__assign({style:{margin:0,color:"#334155",fontSize:"20px",fontWeight:700,lineHeight:1.25}},{children:n.dt("access.title","".concat(m," - Access Management"),{scope_name:m})})),s.jsx("p",e.__assign({style:{margin:"8px 0 0",color:"#667085",fontSize:"16px",fontWeight:500,lineHeight:1}},{children:n.dt("access.subtitle","Manage users and groups within the ".concat(m," scope."),{scope_name:m})}))]}))})),s.jsxs("div",e.__assign({className:l.default.accessTabs,role:"tablist","aria-label":"Access level"},{children:[s.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"scope"===f,className:"".concat(l.default.accessTab," ").concat("scope"===f?l.default.accessTabActive:""),onClick:function(){return g("scope")}},{children:n.dt("access.scopeLevelAccess","Scope Level Access")})),s.jsx("button",e.__assign({type:"button",role:"tab","aria-selected":"application"===f,className:"".concat(l.default.accessTab," ").concat("application"===f?l.default.accessTabActive:""),onClick:function(){return g("application")},disabled:!A,title:A?"":"You don't have permission to view application access"},{children:n.dt("access.appLevelAccess","Application Level Access")}))]})),s.jsx("div",e.__assign({className:l.default.accessTabPanel,role:"tabpanel"},{children:"application"===f?s.jsx(c.default,{resourceId:b,moduleId:j,accessLevel:"application"}):s.jsx(c.default,{ruleSetId:r,moduleId:h,accessLevel:"scope"})}))]}))};
 //# sourceMappingURL=AccessManagementPanel.js.map