npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.0-alpha.7 → 1.3.0-alpha.70 - Mend

@e-llm-studio/instant-learning 1.3.0-alpha.7 → 1.3.0-alpha.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (222) hide show

package/dist/cjs/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../helpers/utils.js"),i=require("../_svg/TickIcon.js"),o=require("../ChatComponents/ChatComponent.js"),s=require("../_svg/SparkleIcon.js"),a=require("lucide-react"),l=function(n){var t=n.label,i=n.onToggle,o=n.isSelected,s=n.disabled;return r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",cursor:s?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:s?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:s&&!o?.6:1},onClick:function(){return!s&&i(t,!o)}},{children:[r.jsx("div",e.__assign({style:{width:"18px",height:"18px",borderRadius:"4px",border:o?"none":"2px solid ".concat(s?"#e5e7eb":"#cfd8dc"),backgroundColor:o?s?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:o&&r.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),r.jsx("span",{children:t})]}))};exports.ActionableButton=function(l){var d,c=l.node,u=l.className,g=l.children,p=l.handleStream,f=l.onAction,x=l.disabled,b=l.isStreamEnd,h=void 0===b||b,y=l.style;l.isLastMessage;var m=l.onTypeResponseClick,_=e.__rest(l,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),v=t.extractTextFromChildren(g),C=n.useState(!1),k=C[0],j=C[1],F=n.useState(!1),w=F[0],T=F[1],S=n.useState(null),R=S[0],E=S[1],z=n.useState(!1),A=z[0],G=z[1],L=n.useState(""),W=L[0],M=L[1],I="typeYourAnswer"===((null===(d=null==c?void 0:c.properties)||void 0===d?void 0:d.id)||_.id)||"type your response"===v.toLowerCase().trim(),P=_["data-selected"],B="true"===P,D="true"===P||"false"===P,N=_["data-value"],q=n.useState(!1),J=q[0],H=q[1],K=B||I&&J;if(!1===h&&!x&&!D&&!I)return null;var U={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},O={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===u){var Y=(null==_?void 0:_.isTesterGenie)&&(k||null!==R),$=x||D&&!B||Y,Q={background:(null==_?void 0:_.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==_?void 0:_.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==_?void 0:_.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return D||I?Q=K?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:I?"pointer":"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(x||Y)&&(Q={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),r.jsxs(r.Fragment,{children:[r.jsx("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),r.jsx("button",e.__assign({className:u,onClick:function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,i,s;return e.__generator(this,function(e){switch(e.label){case 0:return r.preventDefault(),I?(H(!0),m&&m(),[2]):$?[2]:(n=N||v,f?(f(n),[3,8]):[3,1]);case 1:if(!(null==_?void 0:_.isTesterGenie))return[3,7];e.label=2;case 2:return e.trys.push([2,4,5,6]),j(!0),[4,o.autoGeneratePrompt(_.baseURL)];case 3:return t=e.sent(),E((null===(s=null==t?void 0:t.result)||void 0===s?void 0:s.Answer)||""),[3,6];case 4:return i=e.sent(),console.error("Error in TesterGenie click:",i),[3,6];case 5:return j(!1),[7];case 6:return[3,8];case 7:p(new KeyboardEvent("keydown",{key:"Enter"}),!1,n,j),e.label=8;case 8:return[2]}})})},disabled:$,style:(null==_?void 0:_.isTesterGenie)?e.__assign(e.__assign({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:Q.background,backgroundSize:(null==_?void 0:_.isTesterGenie)?"250% 250%":void 0,animation:(null==_?void 0:_.isTesterGenie)&&!$?"tgShimmer 6s ease infinite":void 0,color:Q.color,border:"1.5px solid ".concat(Q.borderColor),borderRadius:"6px",cursor:Q.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:$?"none":"auto",opacity:Q.opacity,boxShadow:(null==_?void 0:_.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},y),{marginLeft:"8px"}):e.__assign({display:"flex",alignItems:"center",padding:"5px 8px",background:K?"linear-gradient(to right, #EFF4FF)":"transparent",border:"1px solid ".concat(K?"#B2CCFF":"transparent"),borderRadius:"6px",cursor:$?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:$?.6:1},y),onMouseEnter:function(e){$||(null==_?void 0:_.isTesterGenie)||K||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){$||(null==_?void 0:_.isTesterGenie)||K||(e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="transparent")}},_,{children:k&&(null==_?void 0:_.isTesterGenie)&&null===R?r.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("span",{style:O}),"Finding an interesting usecase to test..."]})):r.jsx(r.Fragment,{children:(null==_?void 0:_.isTesterGenie)?g:r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[r.jsx("div",e.__assign({style:{width:"28px",height:"28px",borderRadius:"50%",border:K?"1px solid #D0D5DD":"1px solid #B2CCFF",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:K?"#D1E0FF":"#fff",flexShrink:0}},{children:r.jsx(a.ArrowRight,{color:K?"#004EEB":"#667085",size:20})})),r.jsx("span",e.__assign({style:{fontSize:"14px",color:"#344054",fontFamily:"Inter",fontWeight:"500"}},{children:g}))]}))})})),(null==_?void 0:_.isTesterGenie)&&null!==R&&r.jsxs("div",e.__assign({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[r.jsxs("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[r.jsx("span",e.__assign({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:r.jsx(s.default,{})})),"Your prompt is ready!"]})),r.jsx("p",e.__assign({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:R})),r.jsx("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),r.jsxs("div",e.__assign({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[r.jsxs("button",e.__assign({disabled:w||k,style:e.__assign(e.__assign({},U),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:w||k?.6:1,cursor:w||k?"not-allowed":"pointer"}),onMouseEnter:function(e){w||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){w||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){p(new KeyboardEvent("keydown",{key:"Enter"}),!1,R,j),E(null),G(!1),M("")}},{children:[r.jsx(i.TickIcon,{color:"#5b21b6"})," Proceed"]})),r.jsx("button",e.__assign({disabled:w||k,style:e.__assign(e.__assign({},U),{background:w?"#f3f4f6":"#fff",color:w?"#64676A":"#272727",borderColor:w?"#C0C0C2":"#272727",cursor:w||k?"not-allowed":"pointer",opacity:w||k?.7:1}),onMouseEnter:function(e){w||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){w||k||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),T(!0),[4,o.autoGeneratePrompt(_.baseUrl,W||void 0)];case 1:return r=e.sent(),E((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),[3,4];case 2:return n=e.sent(),console.error("Error regenerating prompt:",n),[3,4];case 3:return T(!1),[7];case 4:return[2]}})})}},{children:w?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:O})," Regenerating..."]}):r.jsxs(r.Fragment,{children:[r.jsxs("svg",e.__assign({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[r.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),r.jsx("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),r.jsx("button",e.__assign({disabled:w||k,style:e.__assign(e.__assign({},U),{background:"#fff",color:A?"#5b21b6":"#64676A",borderColor:A?"#7c3aed":"#C0C0C2",cursor:w||k?"not-allowed":"pointer",opacity:w||k?.6:1}),onMouseEnter:function(e){w||k||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){w||k||A||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return G(function(e){return!e})}},{children:A?"✕    Hide Inputs":" Give Inputs"}))]})),A&&r.jsxs("div",e.__assign({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[r.jsx("p",e.__assign({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),r.jsx("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:W,onChange:function(e){return M(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),r.jsxs("div",e.__assign({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[r.jsx("button",e.__assign({disabled:k||!W.trim(),style:e.__assign(e.__assign({},U),{background:k||!W.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:k||!W.trim()?"#64676A":"#5b21b6",borderColor:k||!W.trim()?"#C0C0C2":"#7c3aed",cursor:k||!W.trim()?"not-allowed":"pointer",opacity:k||!W.trim()?.7:1}),onMouseEnter:function(e){!k&&W.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!k&&W.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),j(!0),[4,o.autoGeneratePrompt(_.baseUrl,W)];case 1:return r=e.sent(),E((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),G(!1),[3,4];case 2:return n=e.sent(),console.error("Error generating with direction:",n),[3,4];case 3:return j(!1),[7];case 4:return[2]}})})}},{children:k?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:O})," Generating..."]}):r.jsx(r.Fragment,{children:"✦ Generate"})})),r.jsx("button",e.__assign({disabled:k,style:e.__assign(e.__assign({},U),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:k?"not-allowed":"pointer",opacity:k?.5:1}),onMouseEnter:function(e){k||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){k||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return M("")}},{children:"Clear"}))]}))]}))]}))]})}return r.jsx("button",e.__assign({className:u},_,{children:g}))},exports.ActionableCheckbox=function(n){n.node;var i=n.className,o=n.children,s=n.selectedItems,a=n.onToggle,d=n.isSubmitted,c=n.disabled;e.__rest(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=t.extractTextFromChildren(o),g=u.trim();return"clickable-box"===i?d?s.includes(g)?r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[r.jsx("span",e.__assign({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:r.jsx(l,{label:u,isSelected:s.includes(g),onToggle:a,disabled:c}):r.jsx("span",e.__assign({className:i},{children:o}))},exports.CheckboxSelector=l,exports.RuleDisplay=function(n){var t=n.content,i=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),i=t.match(n);return i?i[1].trim():"*No ".concat(e," tag found.*")},o=i("reasoning_new"),s=i("proposed_rule"),a=i("wta_new"),l=i("wnta_new");return r.jsxs("div",e.__assign({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[r.jsx("div",e.__assign({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:o})),r.jsxs("div",e.__assign({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[r.jsxs("div",e.__assign({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),r.jsx("div",e.__assign({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),r.jsxs("div",e.__assign({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),r.jsxs("div",e.__assign({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:l}))]}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),t=require("../../helpers/utils.js"),i=require("../_svg/TickIcon.js"),o=require("../ChatComponents/ChatComponent.js"),s=require("../_svg/SparkleIcon.js"),a=require("lucide-react"),l=function(n){var t=n.label,i=n.onToggle,o=n.isSelected,s=n.disabled;return r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",cursor:s?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:s?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:s&&!o?.6:1},onClick:function(){return!s&&i(t,!o)}},{children:[r.jsx("div",e.__assign({style:{width:"18px",height:"18px",borderRadius:"4px",border:o?"none":"2px solid ".concat(s?"#e5e7eb":"#cfd8dc"),backgroundColor:o?s?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:o&&r.jsx("svg",e.__assign({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:r.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),r.jsx("span",{children:t})]}))};exports.ActionableButton=function(l){var d,c=l.node,u=l.className,g=l.children,p=l.handleStream,f=l.onAction,x=l.disabled,b=l.isStreamEnd,h=void 0===b||b,y=l.style;l.isLastMessage;var m=l.onTypeResponseClick,_=e.__rest(l,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),v=t.extractTextFromChildren(g),C=n.useState(!1),k=C[0],j=C[1],w=n.useState(!1),F=w[0],T=w[1],S=n.useState(null),R=S[0],E=S[1],z=n.useState(!1),A=z[0],G=z[1],L=n.useState(""),W=L[0],M=L[1],I="typeYourAnswer"===((null===(d=null==c?void 0:c.properties)||void 0===d?void 0:d.id)||_.id)||"type your response"===v.toLowerCase().trim(),P=_["data-selected"],B="true"===P,D="true"===P||"false"===P,N=_["data-value"],q=n.useState(!1),J=q[0],H=q[1],K=B||I&&J;if(!1===h&&!x&&!D&&!I)return null;var U={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},O={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===u){var Y=(null==_?void 0:_.isTesterGenie)&&(k||null!==R),$=x||D&&!B||Y,Q={background:(null==_?void 0:_.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==_?void 0:_.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==_?void 0:_.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return D||I?Q=K?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:I?"pointer":"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(x||Y)&&(Q={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),r.jsxs(r.Fragment,{children:[r.jsx("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),r.jsx("button",e.__assign({className:u,onClick:function(r){return e.__awaiter(void 0,void 0,void 0,function(){var n,t,i,s;return e.__generator(this,function(e){switch(e.label){case 0:return r.preventDefault(),I?(H(!0),m&&m(),[2]):$?[2]:(n=N||v,f?(f(n),[3,8]):[3,1]);case 1:if(!(null==_?void 0:_.isTesterGenie))return[3,7];e.label=2;case 2:return e.trys.push([2,4,5,6]),j(!0),[4,o.autoGeneratePrompt(_.baseURL)];case 3:return t=e.sent(),E((null===(s=null==t?void 0:t.result)||void 0===s?void 0:s.Answer)||""),[3,6];case 4:return i=e.sent(),console.error("Error in TesterGenie click:",i),[3,6];case 5:return j(!1),[7];case 6:return[3,8];case 7:p(new KeyboardEvent("keydown",{key:"Enter"}),!1,n,j),e.label=8;case 8:return[2]}})})},disabled:$,style:(null==_?void 0:_.isTesterGenie)?e.__assign(e.__assign({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:Q.background,backgroundSize:(null==_?void 0:_.isTesterGenie)?"250% 250%":void 0,animation:(null==_?void 0:_.isTesterGenie)&&!$?"tgShimmer 6s ease infinite":void 0,color:Q.color,border:"1.5px solid ".concat(Q.borderColor),borderRadius:"6px",cursor:Q.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:$?"none":"auto",opacity:Q.opacity,boxShadow:(null==_?void 0:_.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},y),{marginLeft:"8px",width:"fit-content"}):e.__assign({display:"flex",alignItems:"center",padding:"5px 8px",background:K?"linear-gradient(to right, #EFF4FF)":"transparent",border:"1px solid ".concat(K?"#B2CCFF":"transparent"),borderRadius:"6px",cursor:$?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:$?.6:1},y),onMouseEnter:function(e){$||(null==_?void 0:_.isTesterGenie)||K||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){$||(null==_?void 0:_.isTesterGenie)||K||(e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="transparent")}},_,{children:k&&(null==_?void 0:_.isTesterGenie)&&null===R?r.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("span",{style:O}),"Finding an interesting usecase to test..."]})):r.jsx(r.Fragment,{children:(null==_?void 0:_.isTesterGenie)?g:r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[r.jsx("div",e.__assign({style:{width:"28px",height:"28px",borderRadius:"50%",border:K?"1px solid #D0D5DD":"1px solid #B2CCFF",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:K?"#D1E0FF":"#fff",flexShrink:0}},{children:r.jsx(a.ArrowRight,{color:K?"#004EEB":"#667085",size:20})})),r.jsx("span",e.__assign({style:{fontSize:"14px",color:"#344054",fontFamily:"Inter",fontWeight:"500"}},{children:g}))]}))})})),(null==_?void 0:_.isTesterGenie)&&null!==R&&r.jsxs("div",e.__assign({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[r.jsxs("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[r.jsx("span",e.__assign({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:r.jsx(s.default,{})})),"Your prompt is ready!"]})),r.jsx("p",e.__assign({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:R})),r.jsx("p",e.__assign({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),r.jsxs("div",e.__assign({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[r.jsxs("button",e.__assign({disabled:F||k,style:e.__assign(e.__assign({},U),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:F||k?.6:1,cursor:F||k?"not-allowed":"pointer"}),onMouseEnter:function(e){F||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){F||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){p(new KeyboardEvent("keydown",{key:"Enter"}),!1,R,j),E(null),G(!1),M("")}},{children:[r.jsx(i.TickIcon,{color:"#5b21b6"})," Proceed"]})),r.jsx("button",e.__assign({disabled:F||k,style:e.__assign(e.__assign({},U),{background:F?"#f3f4f6":"#fff",color:F?"#64676A":"#272727",borderColor:F?"#C0C0C2":"#272727",cursor:F||k?"not-allowed":"pointer",opacity:F||k?.7:1}),onMouseEnter:function(e){F||k||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){F||k||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),T(!0),[4,o.autoGeneratePrompt(_.baseUrl,W||void 0)];case 1:return r=e.sent(),E((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),[3,4];case 2:return n=e.sent(),console.error("Error regenerating prompt:",n),[3,4];case 3:return T(!1),[7];case 4:return[2]}})})}},{children:F?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:O})," Regenerating..."]}):r.jsxs(r.Fragment,{children:[r.jsxs("svg",e.__assign({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[r.jsx("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),r.jsx("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),r.jsx("button",e.__assign({disabled:F||k,style:e.__assign(e.__assign({},U),{background:"#fff",color:A?"#5b21b6":"#64676A",borderColor:A?"#7c3aed":"#C0C0C2",cursor:F||k?"not-allowed":"pointer",opacity:F||k?.6:1}),onMouseEnter:function(e){F||k||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){F||k||A||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return G(function(e){return!e})}},{children:A?"✕    Hide Inputs":" Give Inputs"}))]})),A&&r.jsxs("div",e.__assign({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[r.jsx("p",e.__assign({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),r.jsx("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:W,onChange:function(e){return M(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),r.jsxs("div",e.__assign({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[r.jsx("button",e.__assign({disabled:k||!W.trim(),style:e.__assign(e.__assign({},U),{background:k||!W.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:k||!W.trim()?"#64676A":"#5b21b6",borderColor:k||!W.trim()?"#C0C0C2":"#7c3aed",cursor:k||!W.trim()?"not-allowed":"pointer",opacity:k||!W.trim()?.7:1}),onMouseEnter:function(e){!k&&W.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!k&&W.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,n,t;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,3,4]),j(!0),[4,o.autoGeneratePrompt(_.baseUrl,W)];case 1:return r=e.sent(),E((null===(t=null==r?void 0:r.result)||void 0===t?void 0:t.Answer)||""),G(!1),[3,4];case 2:return n=e.sent(),console.error("Error generating with direction:",n),[3,4];case 3:return j(!1),[7];case 4:return[2]}})})}},{children:k?r.jsxs(r.Fragment,{children:[r.jsx("span",{style:O})," Generating..."]}):r.jsx(r.Fragment,{children:"✦ Generate"})})),r.jsx("button",e.__assign({disabled:k,style:e.__assign(e.__assign({},U),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:k?"not-allowed":"pointer",opacity:k?.5:1}),onMouseEnter:function(e){k||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){k||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return M("")}},{children:"Clear"}))]}))]}))]}))]})}return r.jsx("button",e.__assign({className:u},_,{children:g}))},exports.ActionableCheckbox=function(n){n.node;var i=n.className,o=n.children,s=n.selectedItems,a=n.onToggle,d=n.isSubmitted,c=n.disabled;e.__rest(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var u=t.extractTextFromChildren(o),g=u.trim();return"clickable-box"===i?d?s.includes(g)?r.jsxs("div",e.__assign({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[r.jsx("span",e.__assign({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",u]})):null:r.jsx(l,{label:u,isSelected:s.includes(g),onToggle:a,disabled:c}):r.jsx("span",e.__assign({className:i},{children:o}))},exports.CheckboxSelector=l,exports.RuleDisplay=function(n){var t=n.content,i=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),n=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),i=t.match(n);return i?i[1].trim():"*No ".concat(e," tag found.*")},o=i("reasoning_new"),s=i("proposed_rule"),a=i("wta_new"),l=i("wnta_new");return r.jsxs("div",e.__assign({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[r.jsx("div",e.__assign({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:o})),r.jsxs("div",e.__assign({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[r.jsxs("div",e.__assign({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),r.jsx("div",e.__assign({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),r.jsxs("div",e.__assign({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),r.jsxs("div",e.__assign({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[r.jsx("div",e.__assign({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),r.jsx("div",e.__assign({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:l}))]}))]}))]}))};
 //# sourceMappingURL=ClickableChatComponents.js.map

package/dist/cjs/features/IL-OTJ/_components/MessageRendering/RuleValidationCard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),n=require("../_svg/InfoIcon.js");exports.default=function(t){var l=t.validationType,o=t.decisionStrength,r=t.ruleId,a=t.title,d=t.tier,x=t.descriptionText,p=t.reasoningNode,g=t.customStyles,c=t.onViewComparison,u=t.disabled,h=s.useState(!1),_=h[0],f=h[1],y="100%"===o?"Exact Rule Found":"duplicate"===l?"Existing Rule Found":"Similar Rule Found",j=e.__assign({display:"flex",flexDirection:"column",border:"1px solid #E3E6EA",borderRadius:"8px",padding:"14px 16px",gap:"8px",backgroundColor:"#fff"},null==g?void 0:g.container),v=e.__assign({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#E0F2FE80",color:"#0369A1",padding:"0.5px 9px",borderRadius:"9999px",fontSize:"12px",fontWeight:500},null==g?void 0:g.headerTag),F=e.__assign({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#FEE2E2",color:"#B91C1C",padding:"0.5px 7px",borderRadius:"6px",fontSize:"12px",fontWeight:500},null==g?void 0:g.strengthBadgeStyle),b=e.__assign({display:"flex",flexDirection:"row",alignItems:"center",padding:"8px",gap:"8px",width:"100%",maxWidth:"140px",height:"44px",backgroundColor:u?"#F2F4F7":_?"#EFF4FF":"transparent",border:u?"1px solid #D0D5DD":_?"1px solid #B2CCFF":"1px solid transparent",borderRadius:"8px",cursor:u?"not-allowed":"pointer",opacity:u?.6:1,boxSizing:"border-box",transition:"all 0.2s ease"},null==g?void 0:g.button);return i.jsxs("div",e.__assign({style:j},{children:[i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i.jsxs("div",e.__assign({style:v},{children:[i.jsx(n.default,{})," ",y]})),o&&i.jsx("div",e.__assign({style:F},{children:i.jsx("span",{children:o})}))]})),i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i.jsxs("h3",e.__assign({style:e.__assign({fontSize:"14px",fontWeight:500,color:"#19213D",margin:0},null==g?void 0:g.title)},{children:[a," ",d?"— ".concat(d):""]})),i.jsxs("div",e.__assign({style:e.__assign({fontSize:"14px",fontWeight:400,color:"#666F8D",lineHeight:"1.5"},null==g?void 0:g.description)},{children:[i.jsx("span",{children:x}),p]}))]})),i.jsxs("button",e.__assign({style:b,onClick:function(){f(!0),c(r,o)},disabled:u},{children:[i.jsxs("svg",e.__assign({width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i.jsx("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",fill:_?"#D1E0FF":"transparent",stroke:_?"#D1E0FF":"#D0D5DD",style:{transition:"all 0.2s ease"}}),i.jsx("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:_?"#004EEB":"#667085",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke 0.2s ease"}})]})),i.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,fontFamily:"'Inter', sans-serif",color:"#1D2939",lineHeight:"20px",display:"flex",alignItems:"center"}},{children:"Compare"}))]}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),s=require("react"),n=require("../_svg/InfoIcon.js");exports.default=function(t){t.validationType;var r=t.decisionStrength,l=t.ruleId,o=t.title,a=t.tier,d=t.descriptionText,x=t.reasoningNode,p=t.customStyles,g=t.onViewComparison,c=t.disabled,u=s.useState(!1),f=u[0],h=u[1],_=e.__assign({display:"flex",flexDirection:"column",border:"1px solid #E3E6EA",borderRadius:"8px",padding:"14px 16px",gap:"8px",backgroundColor:"#fff"},null==p?void 0:p.container);e.__assign({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#E0F2FE80",color:"#0369A1",padding:"0.5px 9px",borderRadius:"9999px",fontSize:"12px",fontWeight:500},null==p?void 0:p.headerTag);var y=e.__assign({display:"flex",alignItems:"center",gap:"4px",backgroundColor:"#FEE2E2",color:"#B91C1C",padding:"0.5px 7px",borderRadius:"6px",fontSize:"12px",fontWeight:500},null==p?void 0:p.strengthBadgeStyle),v=e.__assign({display:"flex",flexDirection:"row",alignItems:"center",padding:"8px",gap:"8px",width:"100%",maxWidth:"140px",height:"44px",backgroundColor:c?"#F2F4F7":f?"#EFF4FF":"transparent",border:c?"1px solid #D0D5DD":f?"1px solid #B2CCFF":"1px solid transparent",borderRadius:"8px",cursor:c?"not-allowed":"pointer",opacity:c?.6:1,boxSizing:"border-box",transition:"all 0.2s ease"},null==p?void 0:p.button);return i.jsxs("div",e.__assign({style:_},{children:[i.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i.jsxs("div",e.__assign({style:y},{children:[i.jsx(n.default,{})," ","Conflicting Learning Found"]})),r&&i.jsx("div",e.__assign({style:y},{children:i.jsx("span",{children:r})}))]})),i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:[i.jsxs("h3",e.__assign({style:e.__assign({fontSize:"14px",fontWeight:500,color:"#19213D",margin:0},null==p?void 0:p.title)},{children:[o," ",a?"— ".concat(a):""]})),i.jsxs("div",e.__assign({style:e.__assign({fontSize:"14px",fontWeight:400,color:"#666F8D",lineHeight:"1.5"},null==p?void 0:p.description)},{children:[i.jsx("span",{children:d}),x]}))]})),i.jsxs("button",e.__assign({style:v,onClick:function(){h(!0),g(l,r)},disabled:c},{children:[i.jsxs("svg",e.__assign({width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i.jsx("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",fill:f?"#D1E0FF":"transparent",stroke:f?"#D1E0FF":"#D0D5DD",style:{transition:"all 0.2s ease"}}),i.jsx("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:f?"#004EEB":"#667085",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round",style:{transition:"stroke 0.2s ease"}})]})),i.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,fontFamily:"'Inter', sans-serif",color:"#1D2939",lineHeight:"20px",display:"flex",alignItems:"center"}},{children:"Compare"}))]}))]}))]}))};
 //# sourceMappingURL=RuleValidationCard.js.map

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/TemplatesMap/templatesMap.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r,t=require("../BaseTemplate/BaseTemplate.js"),a=require("../CreateCategory/CreateCategory.js"),s=require("../Testing/Testing.js"),o=require("../TrafficManager/CreateRule.js"),p=require("../TrafficManager/TrafficManagerTemplate.js"),T=require("../WorkflowComposer/WorkflowComposer.js");exports.TemplateList=void 0,(r=exports.TemplateList||(exports.TemplateList={})).BaseTemplate="BASE_TEMPLATE",r.TrafficManager="TRAFFIC_MANAGER",r.testing="TESTING",r.CreateRule="CREATE_RULE",r.WorkflowComposer="WORKFLOW_COMPOSER",r.CreateCategory="CREATE_CATEGORY";var i=((e={})[exports.TemplateList.BaseTemplate]=t.BaseTemplate,e[exports.TemplateList.TrafficManager]=p.TrafficManagerTemplate,e[exports.TemplateList.testing]=s.Testing,e[exports.TemplateList.CreateRule]=o.CreateRule,e[exports.TemplateList.WorkflowComposer]=T.WorkflowComposer,e[exports.TemplateList.CreateCategory]=a.CreateCategory,e);exports.TemplateMap=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t,r=require("../TrafficManager/CreateRule.js");exports.TemplateList=void 0,(t=exports.TemplateList||(exports.TemplateList={})).BaseTemplate="BASE_TEMPLATE",t.TrafficManager="TRAFFIC_MANAGER",t.testing="TESTING",t.CreateRule="CREATE_RULE",t.WorkflowComposer="WORKFLOW_COMPOSER",t.CreateCategory="CREATE_CATEGORY";var a=((e={})[exports.TemplateList.CreateRule]=r.CreateRule,e);exports.TemplateMap=a;
 //# sourceMappingURL=templatesMap.js.map

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

@@ -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: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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),i=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 l=r.configId,a=r.ruleData,s=r.scopeId,d=r.scopeName,c=(null==d?void 0:d.trim())||"Selected",g=i.useMemo(function(){var e=[];return s&&e.push(s),e},[a,s]);return i.useEffect(function(){console.log("Flattened External Resource IDs:",g)},[g]),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.jsxs("h1",e.__assign({style:{margin:0,color:"#334155",fontSize:"20px",fontWeight:700,lineHeight:1.25}},{children:[c," - Audit Log"]})),t.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."]}))]})),t.jsx(n.AuditLog,{configId:l,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(i){return t.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[t.jsx(o.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 n,o,r=(n=i.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)"}),l=i.changeTitle?i.changeTitle.replace(/_/g," "):"—";return t.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:l}))},style:{width:"15%",textAlign:"center"}},{key:"customChangeSummary",header:"Change Summary",body:function(i){var n;return t.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"8px",padding:"4px 0"}},{children:[t.jsx(o.FileText,{size:16,color:"#94a3b8",style:{flexShrink:0,marginTop:"2px"}}),t.jsx("span",e.__assign({style:{color:"#334155",fontSize:"13px",lineHeight:1.5}},{children:null!==(n=i.actionText)&&void 0!==n?n:"—"}))]}))},style:{width:"30%",minWidth:"200px"}},{key:"redirectLink",header:"Link",body:function(i){var n,r=(null===(n=i.metadata)||void 0===n?void 0:n.redirect_url)||i.redirect_url;return r?t.jsx("div",e.__assign({style:{display:"flex",justifyContent:"center",alignItems:"center"}},{children:t.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 ",t.jsx(o.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 n=new Date(i.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 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:o})),t.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"),d=require("../store/useConfigStore.js");exports.default=function(g){var u=g.configId,p=g.ruleData,h=g.scopeId,x=g.scopeName,f=(null==x?void 0:x.trim())||"Selected",m=i.useState("scope"),b=m[0],y=m[1];d.useConfigStore.getState().configuration;var v=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)||""}),w=Boolean(h&&v("ilotj.scope.changeLog.view",h)),j=Boolean(_&&v("ilotj.application.changeLog.view",_)),S=i.useMemo(function(){var e=[];return h&&e.push(h),e},[p,h]);i.useEffect(function(){console.log("Flattened External Resource IDs:",S)},[S]);var C={configId:u,getData:{baseUrl:window.location.origin.includes("local")?"https://dev.appmod.ai":window.location.origin,endpoint:"/changelog/audit-log/fetch"},distinctValuesApi:{baseUrl:window.location.origin.includes("local")?"https://dev.appmod.ai":window.location.origin,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.jsx("div",e.__assign({style:{height:"100%",overflowY:"auto"}},{children: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(f," - Audit Log"),{scope_name:f})})),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(f," scope."),{scope_name:f})}))]})),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"===b,className:"".concat(r.default.accessTab," ").concat("scope"===b?r.default.accessTabActive:""),onClick:function(){return y("scope")},disabled:!w,title:w?"":"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"===b,className:"".concat(r.default.accessTab," ").concat("application"===b?r.default.accessTabActive:""),onClick:function(){return y("application")},disabled:!j,title:j?"":"You do not have permission to view application level change log"},{children:s.dt("history.applicationLevel","Application Level")}))]})),"scope"===b?t.jsx(o.AuditLog,e.__assign({},C,{query:{externalResourceId:S.length>0?S:[""],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 ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "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))}}()}))]}))};
2	+ //# sourceMappingURL=ChangeLogDiff.js.map

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

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