@e-llm-studio/instant-learning 0.0.266 → 0.0.267

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