@e-llm-studio/instant-learning 1.3.0-alpha.292 → 1.3.0-alpha.293
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.
- package/dist/cjs/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js +1 -1
- package/dist/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js +1 -1
- package/dist/types/src/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),n=require("react/jsx-runtime"),e=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("../../_svg/EditPencilIcon.js"),c=require("lucide-react"),p=require("../../../../LearningManagement/store/useLearningTemplateStore.js"),v=require("../../hooks/useVariantEditSession.js");function f(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var g=f(e),h=function(e){var t=e.children,o=e.onAddVariant,l=e.isDisabled,r=e.showAddVariantBtn,a=void 0===r||r,d=e.showConnectorLines,s=void 0===d||d,u=g.default.Children.toArray(t);return n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",minWidth:0,maxWidth:"100%",boxSizing:"border-box"}},{children:[u.map(function(i,e){var t=e===u.length-1,o=s&&(!t||a);return n.jsxs(g.default.Fragment,{children:[i,o&&n.jsx("div",{style:{width:"2px",height:"20px",backgroundColor:"var(--il-border, #e2e8f0)",marginLeft:"30px"}})]},e)}),a&&n.jsx("div",i.__assign({onClick:l?void 0:o,style:{padding:"8px 16px",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",color:l?"var(--il-disabled, #94A3B8)":"var(--il-secondary-fg, #475569)",fontSize:"14px",fontWeight:"500",cursor:l?"not-allowed":"pointer",backgroundColor:l?"var(--il-surface-alt, #f8fafc)":"var(--il-surface, #ffffff)",opacity:l?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))};exports.CreateRule=function(f){var x,y,m,_,T,C,b,S,A,E,I,D,j,w=f.state,O=f.handlers,V=f.uiState,R=p.useLearningTemplateStore(function(i){return i.backwardCompatibility}),B=(null==V?void 0:V.highlights)||new Map,P=B.get("global_0")||{},W=e.useState({}),N=W[0],k=W[1],L=e.useState(null),z=L[0],q=L[1],M=e.useState(function(){var i,n,e;if((null==V?void 0:V.defaultTierOpen)>=0&&(null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i[V.defaultTierOpen]))return V.tierOptions[V.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e[0];return t?t.toLowerCase().replace(/ /g,"_"):null});M[0];var F=M[1],J="rule-setup"===(null==V?void 0:V.activeEditId),H=g.default.useRef(new Map),K=v.useVariantEditSession(V,function(n){var e,t;return{ruleDescription:(null==n?void 0:n.ruleDescription)||"",instructionPrompt:null!==(t=null!==(e=null==n?void 0:n.instructionPrompt)&&void 0!==e?e:null==V?void 0:V.instructionPrompt)&&void 0!==t?t:"",whenToApplyConditions:((null==n?void 0:n.whenToApplyConditions)||[]).map(function(n){return i.__assign({},n)}),whenNotToApplyConditions:((null==n?void 0:n.whenNotToApplyConditions)||[]).map(function(n){return i.__assign({},n)})}},function(i){var n;void 0!==i.instructionPrompt&&(null===(n=null==V?void 0:V.setInstructionPrompt)||void 0===n||n.call(V,i.instructionPrompt))}),$=K.variantEdit,U=K.pendingVariantId,Z=K.handleStartVariantEdit,G=K.handleCancelVariantEdit,Q=K.patchVariantDraft,X=K.editDraftCondition,Y=K.removeDraftCondition,ii=K.addDraftCondition,ni=K.handleSaveVariantEdit,ei=e.useState(null),ti=ei[0],oi=ei[1],li=e.useState(null),ri=li[0],ai=li[1],di=e.useState(!1),si=di[0],ui=di[1],ci=g.default.useRef(null==V?void 0:V.isAiStreaming);e.useEffect(function(){ci.current&&!(null==V?void 0:V.isAiStreaming)&&si&&ui(!1),ci.current=null==V?void 0:V.isAiStreaming},[null==V?void 0:V.isAiStreaming,si]);var pi=function(){var n,e;(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId||(null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,"rule-setup"),oi(null!==(e=w.ruleTitle)&&void 0!==e?e:""),ai(w.scopeData?i.__assign({},w.scopeData):{}))},vi=function(){var i;oi(null),ai(null),null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null)},fi=function(){var i,n,e=null!=ti?ti:w.ruleTitle,t=null!=ri?ri:w.scopeData,o=e!==w.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(w.scopeData);if(!o&&!l)return oi(null),ai(null),void(null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null));if(null==V?void 0:V.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==e?void 0:e.trim())?"with ".concat(e):"cleared"),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 "),c=(null==V?void 0:V.ruleTitle)||"Rule Setup";V.setSendMessageInChat("__SKELETON__:".concat(r,":Update ").concat(c," ").concat(u))}ui(!0),oi(null),ai(null),null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,null)},gi=null!==ti?null==ti?void 0:ti.trim():(w.ruleTitle||"").trim(),hi=null!=ri?ri:w.scopeData,xi=gi!==(w.ruleTitle||"").trim(),yi=JSON.stringify(hi)!==JSON.stringify(w.scopeData),mi=""===gi,_i=!xi&&!yi||mi,Ti=g.default.useRef(null==V?void 0:V.defaultVariantOpen),Ci=g.default.useRef(null==V?void 0:V.activeVariantAccordionIndex),bi=g.default.useRef(null==V?void 0:V.defaultTierOpen),Si=g.default.useRef(null===(x=w.scopeData)||void 0===x?void 0:x.tiers),Ai=g.default.useRef(w.variantsByTier);g.default.useEffect(function(){var i,n,e,t,o,l,r=null,a=!1;Ti.current!==(null==V?void 0:V.defaultVariantOpen)&&(a=!0,Ti.current=null==V?void 0:V.defaultVariantOpen),Ci.current!==(null==V?void 0:V.activeVariantAccordionIndex)&&(a=!0,Ci.current=null==V?void 0:V.activeVariantAccordionIndex),bi.current!==(null==V?void 0:V.defaultTierOpen)&&(a=!0,bi.current=null==V?void 0:V.defaultTierOpen);var d=(null===(i=w.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(Si.current)!==JSON.stringify(d)&&(a=!0,Si.current=d,d.length>0&&F(d[0].toLowerCase().replace(/ /g,"_")));var s=(null===(n=null==V?void 0:V.tierOptions)||void 0===n?void 0:n.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||[],u=s.some(function(i){var n,e,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(e=null===(n=Ai.current)||void 0===n?void 0:n[l])||void 0===e?void 0:e.length)||0)!==((null===(o=null===(t=w.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var c=null!==(e=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==e?e:null==V?void 0:V.defaultVariantOpen;if(null==c||c<0)return q(null),void(Ai.current=w.variantsByTier);s.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[];o[c]&&(r="".concat(t,"-variant-").concat(c)),null!=(null==V?void 0:V.autoScrollVariantIndex)&&o[V.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(V.autoScrollVariantIndex))}}),r&&q(r)}if(null===z){var p=null!==(t=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==t?t:null==V?void 0:V.defaultVariantOpen;null!=p&&p>=0&&(null===(l=null===(o=null==V?void 0:V.tierOptions)||void 0===o?void 0:o.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===l||l.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[])[p]&&q("".concat(t,"-variant-").concat(p))}}))}Ai.current=w.variantsByTier},[w.variantsByTier,null==V?void 0:V.defaultVariantOpen,null==V?void 0:V.activeVariantAccordionIndex,null===(y=w.scopeData)||void 0===y?void 0:y.tiers,null==V?void 0:V.tierOptions,null==V?void 0:V.autoScrollVariantIndex,null==V?void 0:V.defaultTierOpen]);var Ei=function(n){k(function(e){var t;return i.__assign(i.__assign({},e),((t={})[n]=!e[n],t))})},Ii=function(i){var n,e,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(n=w.fieldCitations)||void 0===n?void 0:n[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(e=w.fieldCitations)||void 0===e?void 0:e[i];return Array.isArray(d)&&d.length>0?d:null!==(t=w.citations)&&void 0!==t?t:[]},Di={marginTop:"-17px",position:"relative",zIndex:1};e.useEffect(function(){var i,n;null!=(null==V?void 0:V.autoScrollVariantIndex)&&v.hasMeaningfulText(w.ruleTitle)&&(null===(n=null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===n||n.forEach(function(i){var n=i.toLowerCase().replace(/ /g,"_"),e="".concat(n,"-variant-").concat(V.autoScrollVariantIndex),t=H.current.get(e);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==V?void 0:V.scrollTrigger,w.ruleTitle]),console.log("CreateRule state:",w),console.log("CreateRule uiState:",V);var ji=!!(null==V?void 0:V.activeEditId),wi=J&&null!==ti?ti:w.ruleTitle,Oi=ji&&"rule-setup"!==(null==V?void 0:V.activeEditId);return n.jsxs("div",i.__assign({className:"traffic-manager-template"},{children:[n.jsx("div",i.__assign({"data-edit-id":"rule-setup"},{children:n.jsx(d.default,i.__assign({title:{type:"other",label:(null==V?void 0:V.setupLabel)||"Rule Setup"},actionButtons:R?function(e,t){if(J)return null;var o=!!(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId;return n.jsx("div",i.__assign({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:n.jsx("button",i.__assign({title:o?"Save active edits first":"Edit",onClick:function(i){i.stopPropagation(),o?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:si?"not-allowed":"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",opacity:si?.5:1}},{children:si?"Validating...":R?n.jsx(c.Pencil,{size:14}):n.jsx(u.EditPencilIcon,{size:12})}))}))}:function(e,t){if(J){var o={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"6px",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500};return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),fi()},disabled:_i||si,style:i.__assign(i.__assign({},o),{backgroundColor:si?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",cursor:_i||si?"not-allowed":"pointer",opacity:_i?.5:1,border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:si?"Validating...":"Save"})),!si&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),vi()},style:i.__assign(i.__assign({},o),{backgroundColor:"var(--il-surface, #ffffff)",cursor:"pointer",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:"Cancel"}))]}))}return n.jsx(n.Fragment,{children:!(null==V?void 0:V.hideSetupEdit)&&n.jsx("button",i.__assign({title:Oi?"Save active edits first":mi?"Add":"Edit",onClick:function(i){i.stopPropagation(),Oi?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px ",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:si&&(null==V?void 0:V.isAiStreaming)?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:si?"not-allowed":"pointer",opacity:si?.5:1}},{children:si?"Validating...":n.jsxs(n.Fragment,{children:[n.jsx(u.EditPencilIcon,{size:12}),mi?"Add":"Edit"]})}))})},footerData:{ruleTitle:w.ruleTitle,stations:[w.scopeData.station],tiers:null===(m=w.scopeData)||void 0===m?void 0:m.tiers},defaultOpen:"Create"===(null==V?void 0:V.usedFor),readOnly:"Create"!==(null==V?void 0:V.usedFor),isAiStreaming:null==V?void 0:V.isAiStreaming,editFlow:R&&"Edit"===(null==V?void 0:V.usedFor),showAccentBorder:mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[R&&si&&(null==V?void 0:V.isAiStreaming)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",color:"var(--il-foreground, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[n.jsx(c.Loader2Icon,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),R?n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ei("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(_=V.validationErrors)||void 0===_?void 0:_.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ii("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}):n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",subtitle:null==V?void 0:V.ruleTitleInformation,rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ei("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ii("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}),(null===(C=null==V?void 0:V.tierOptions)||void 0===C?void 0:C.length)>1&&n.jsx(r.ScopeSection,i.__assign({id:"scope",title:"",required:!1,scopeData:J&&null!==ri?ri:w.scopeData,onScopeChange:function(n,e){J?ai(function(t){var o;return i.__assign(i.__assign({},null!=t?t:w.scopeData),((o={})[n]=e,o))}):O.onScopeChange(n,e)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:P,isOpen:N.scopeData,onToggle:function(){return Ei("scopeData")},showCognitiveIcon:w.citation.scopeData,cognitiveIcon:n.jsx(s.ButtonCognitiveIcon,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(b=V.validationErrors)||void 0===b?void 0:b.station)||(null===(S=V.validationErrors)||void 0===S?void 0:S.tiers),stationErrorMessage:null===(A=V.validationErrors)||void 0===A?void 0:A.station,tierErrorMessage:null===(E=V.validationErrors)||void 0===E?void 0:E.tiers,readOnly:(null==V?void 0:V.isAiStreaming)||!J},V)),w.citation.scopeData&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.scopeData,citation:w.citation.scopeData,citations:Ii("scopeData"),fieldName:"Scope",fieldValue:null===(D=null===(I=w.scopeData)||void 0===I?void 0:I.tiers)||void 0===D?void 0:D.join(", ")})})),J?n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[R&&n.jsxs("div",i.__assign({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[n.jsx("button",i.__assign({onClick:vi,style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),n.jsxs("button",i.__assign({onClick:fi,disabled:_i,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",cursor:_i?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:_i?.5:1}},{children:[n.jsx(c.Check,{size:18,strokeWidth:2.5,color:"var(--il-primary-fg, #ffffff)"}),"Save Changes"]}))]})),"rule-setup"===(null==V?void 0:V.pendingEditId)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==V?void 0:V.tierOptions)||0===V.tierOptions.length)&&n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"var(--il-surface-alt, #f8fafc)",border:"1px dashed var(--il-border, #E2E8F0)",borderRadius:"12px",color:"var(--il-disabled, #94A3B8)"}},{children:[n.jsx(c.AlertTriangle,{size:20,style:{color:"var(--il-disabled, #94A3B8)"}}),n.jsx("span",i.__assign({style:{fontSize:"13px",fontWeight:500,color:"var(--il-muted, #64748B)"}},{children:"No tiers found"}))]})),null===(j=null==V?void 0:V.tierOptions)||void 0===j?void 0:j.map(function(r,s){var p,f,x,y,m,_,T,C=r.toLowerCase().replace(/ /g,"_"),b=(null===(p=w.variantsByTier)||void 0===p?void 0:p[C])||[],S=null===(x=null===(f=w.scopeData)||void 0===f?void 0:f.tiers)||void 0===x?void 0:x.includes(r),A=b.length,E=!1;if(1===A){var I=b[0],D=!(null===(y=null==I?void 0:I.ruleDescription)||void 0===y?void 0:y.trim()),j=(null===(m=null==I?void 0:I.whenToApplyConditions)||void 0===m?void 0:m.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,P=(null===(_=null==I?void 0:I.whenNotToApplyConditions)||void 0===_?void 0:_.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!D||j||P||(E=!0)}var W=E?void 0:"".concat(A," ").concat(1===A?"variant":"variants"," configured for this tier"),k=n.jsx(h,i.__assign({onAddVariant:function(){var i;return null===(i=O.addNewVariant)||void 0===i?void 0:i.call(O,C)},isDisabled:!S||(null==V?void 0:V.isAiStreaming),showAddVariantBtn:R&&"Edit"!==(null==V?void 0:V.usedFor)},{children:b.map(function(r,s){var p,f,g,h,x,y,m,_,T,b,A,E=r.variantType||"default",I="".concat(C,"-variant-").concat(s),D=!0===r.is_variant,j="default"===E||"default_variant"===E,P="".concat(C,"_").concat(s),W=B.get(P)||{},k=(null===(f=null===(p=V.separationItemsByTier)||void 0===p?void 0:p[C])||void 0===f?void 0:f.get(s))||[],L=(null===(h=null===(g=V.togglesByTier)||void 0===g?void 0:g[C])||void 0===h?void 0:h.get(s))||[],M=null===(x=null==V?void 0:V.activeEditId)||void 0===x?void 0:x.startsWith("condition-wta-".concat(C,"-").concat(s)),F=null===(y=null==V?void 0:V.activeEditId)||void 0===y?void 0:y.startsWith("condition-wnta-".concat(C,"-").concat(s)),J=!S||r.isReadOnly||(null==V?void 0:V.isAiStreaming),K=j?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"}(E):"".concat((null==V?void 0:V.variantPillLabel)||"Variant"," ").concat(s+1),ei="variant-".concat(C,"-").concat(s),ti=!R&&(null==$?void 0:$.id)===ei,oi=U===ei,li=ti?$.draft:null,ri=J||oi,ai=li?li.ruleDescription:r.ruleDescription||"",di=li?li.instructionPrompt:null!==(m=r.instructionPrompt)&&void 0!==m?m:V.instructionPrompt,si=li?li.whenToApplyConditions:r.whenToApplyConditions||[],ui=li?li.whenNotToApplyConditions:r.whenNotToApplyConditions||[],ci=!li||!v.hasMeaningfulText(li.ruleDescription)||!li.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)});return n.jsx("div",i.__assign({ref:function(i){i?H.current.set(I,i):H.current.delete(I)},style:{width:"100%",opacity:S?1:.7},"data-edit-id":R?void 0:ei},{children:n.jsx(d.default,i.__assign({title:{type:j?"default":"variant",label:K,number:s+1,isNewVariant:D,isDefault:r.isDefault,isModified:r.isModified},defaultOpen:!0,expanded:z===I,onToggle:function(){var i,n=z===I;q(n?null:I),null===(i=null==V?void 0:V.setActiveVariantAccordionIndex)||void 0===i||i.call(V,n?null:s)},variant:"rule-behavior",footerData:{ruleTitle:E,description:r.ruleDescription||""},readOnly:J,actionButtons:R?void 0:function(e,t){if(R)return null;if(J&&!ti&&!oi)return null;if(ti||oi)return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),ni()},disabled:ci||oi,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:oi?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:ci||oi?"not-allowed":"pointer",opacity:ci?.5:1}},{children:oi?"Validating...":"Save"})),!oi&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),G()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]}));var o=!(v.hasMeaningfulText(r.ruleDescription)||r.whenToApplyConditions&&r.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)})||r.whenNotToApplyConditions&&r.whenNotToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)}));return n.jsxs("button",i.__assign({title:ri?"Editing unavailable":o?"Add":"Edit",onClick:function(i){i.stopPropagation(),Z(r,C,s,K),e||t()},disabled:ri,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:ri?"not-allowed":"pointer",opacity:ri?.5:1,gap:"6px"}},{children:[n.jsx(u.EditPencilIcon,{size:12})," ",o?"Add":"Edit"]}))},isAiStreaming:null==V?void 0:V.isAiStreaming,alwaysShowActions:!R,showAccentBorder:!mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[n.jsx(a.TextSection,i.__assign({id:"rule-description-".concat(C,"-").concat(s),title:V.ruleDescriptionTitle||"Rule Description",subtitle:null==V?void 0:V.ruleDescriptionInformation,rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:R?J||ji&&(null==V?void 0:V.activeEditId)!=="rule-description-".concat(C,"-").concat(s):J||!ti,value:ai,onChange:function(i){return R?O.setRuleDescription(C,s,i):Q({ruleDescription:i})},isOpen:N["ruleDescription-".concat(C)],onToggle:function(){return Ei("ruleDescription-".concat(C))},isHighlighted:W.ruleDescription||!1,showCognitiveIcon:null===(_=w.citation)||void 0===_?void 0:_["ruleDescription_".concat(C)],tooltipDescription:"Why this Description?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T["ruleDescription-".concat(C,"-").concat(s)],enableInlineEdit:R,setSendMessageInChat:null==V?void 0:V.setSendMessageInChat,isAiStreaming:null==V?void 0:V.isAiStreaming,fieldName:"Rule Description"},V)),(null===(b=w.citation)||void 0===b?void 0:b["ruleDescription_".concat(C)])&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N["ruleDescription-".concat(C)],citation:w.citation["ruleDescription_".concat(C)],citations:Ii("ruleDescription_".concat(C,"_").concat(s)),fieldName:"Rule Description",fieldValue:r.ruleDescription})})),n.jsx(o.ConditionSection,i.__assign({id:"when-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wta",title:V.whenToApplyTitle||"When to apply",subtitle:null==V?void 0:V.wtaInformation,required:!0,dividerRequired:!0,readOnly:R?J||ji&&!M:J,hideEditControls:!R,parentEditing:ti,conditions:si,onAdd:function(){return R?O.addWhenToApply(C,s):ii("whenToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenToApply(i,n,e):Y("whenToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenToApply(i,n,e,t):X("whenToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ii("whenToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:V.isAiStreaming,errorMessage:(null===(A=V.validationErrors)||void 0===A?void 0:A["whenToApply-".concat(C,"-").concat(s)])||(null==V?void 0:V.conflictReason)},V)),n.jsx(o.ConditionSection,i.__assign({id:"when-not-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wnta",title:V.whenNotToApplyTitle||"When NOT to apply",subtitle:null==V?void 0:V.wntaInformation,required:!1,dividerRequired:!0,readOnly:R?J||ji&&!F:J,hideEditControls:!R,parentEditing:ti,conditions:ui,onAdd:function(){return R?O.addWhenNotToApply(C,s):ii("whenNotToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenNotToApply(i,n,e):Y("whenNotToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenNotToApply(i,n,e,t):X("whenNotToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wnta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ii("whenNotToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:V.isAiStreaming},V)),(null==V?void 0:V.LazyPromptEditor)&&n.jsx(e.Suspense,i.__assign({fallback:n.jsx("div",i.__assign({style:{padding:"12px",fontSize:"13px",color:"var(--il-muted, #64748B)"}},{children:"Loading editor..."}))},{children:n.jsx(V.LazyPromptEditor,{id:"instruction-prompt-".concat(C,"-").concat(s),title:V.instructionPromptTitle,description:null==V?void 0:V.promptDescriptionInformation,value:di,onChange:function(i){var n;return R?null===(n=V.setInstructionPrompt)||void 0===n?void 0:n.call(V,i):Q({instructionPrompt:i})},readOnly:R?J:J||!ti,hideEditControls:!R,parentEditing:ti,enableViewToggle:null==V?void 0:V.instructionPromptViewToggle,isAiStreaming:null==V?void 0:V.isAiStreaming,tierKey:C,variantIndex:s,uiState:V})})),(null==V?void 0:V.showConfiguration)&&n.jsx(l.ConfigSection,i.__assign({id:"config-".concat(C,"-").concat(s),title:V.configTitle||"Configuration",required:!1,highlights:W,bordered:!0,readOnly:J||ji&&(null==V?void 0:V.activeEditId)!=="config-".concat(C,"-").concat(s),onConfigChange:function(i,n){return O.onConfigChange(C,s,i,n)},separationItems:k,toggles:L,index:s},V)),!R&&ti&&(null==V?void 0:V.pendingEditId)===ei&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}),I)}),"".concat(C,"-variant-").concat(s))})}));return 1===(null===(T=null==V?void 0:V.tierOptions)||void 0===T?void 0:T.length)?n.jsx(g.default.Fragment,{children:k},"tier-".concat(s)):n.jsx(d.default,i.__assign({variant:"tier-header",title:{type:"other",label:r},subtitle:W,defaultOpen:!0,footerData:{description:"Variants for ".concat(r)}},{children:k}),"tier-".concat(s))})]}))},exports.VariantListWrapper=h;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),n=require("react/jsx-runtime"),e=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("../../_svg/EditPencilIcon.js"),c=require("lucide-react"),p=require("../../../../LearningManagement/store/useLearningTemplateStore.js"),v=require("../../hooks/useVariantEditSession.js");function f(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var g=f(e),h=function(e){var t=e.children,o=e.onAddVariant,l=e.isDisabled,r=e.showAddVariantBtn,a=void 0===r||r,d=e.showConnectorLines,s=void 0===d||d,u=g.default.Children.toArray(t);return n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",minWidth:0,maxWidth:"100%",boxSizing:"border-box"}},{children:[u.map(function(i,e){var t=e===u.length-1,o=s&&(!t||a);return n.jsxs(g.default.Fragment,{children:[i,o&&n.jsx("div",{style:{width:"2px",height:"20px",backgroundColor:"var(--il-border, #e2e8f0)",marginLeft:"30px"}})]},e)}),a&&n.jsx("div",i.__assign({onClick:l?void 0:o,style:{padding:"8px 16px",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",color:l?"var(--il-disabled, #94A3B8)":"var(--il-secondary-fg, #475569)",fontSize:"14px",fontWeight:"500",cursor:l?"not-allowed":"pointer",backgroundColor:l?"var(--il-surface-alt, #f8fafc)":"var(--il-surface, #ffffff)",opacity:l?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))};exports.CreateRule=function(f){var x,y,m,_,T,C,b,S,A,E,I,D,j,w=f.state,O=f.handlers,V=f.uiState,R=p.useLearningTemplateStore(function(i){return i.backwardCompatibility}),B=(null==V?void 0:V.highlights)||new Map,P=B.get("global_0")||{},W=e.useState({}),N=W[0],k=W[1],L=e.useState(null),z=L[0],q=L[1],M=e.useState(function(){var i,n,e;if((null==V?void 0:V.defaultTierOpen)>=0&&(null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i[V.defaultTierOpen]))return V.tierOptions[V.defaultTierOpen].toLowerCase().replace(/ /g,"_");var t=null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e[0];return t?t.toLowerCase().replace(/ /g,"_"):null});M[0];var F=M[1],J="rule-setup"===(null==V?void 0:V.activeEditId),H=g.default.useRef(new Map),K=v.useVariantEditSession(V,function(n){var e,t;return{ruleDescription:(null==n?void 0:n.ruleDescription)||"",instructionPrompt:null!==(t=null!==(e=null==n?void 0:n.instructionPrompt)&&void 0!==e?e:null==V?void 0:V.instructionPrompt)&&void 0!==t?t:"",whenToApplyConditions:((null==n?void 0:n.whenToApplyConditions)||[]).map(function(n){return i.__assign({},n)}),whenNotToApplyConditions:((null==n?void 0:n.whenNotToApplyConditions)||[]).map(function(n){return i.__assign({},n)})}},function(i){var n;void 0!==i.instructionPrompt&&(null===(n=null==V?void 0:V.setInstructionPrompt)||void 0===n||n.call(V,i.instructionPrompt))}),$=K.variantEdit,U=K.pendingVariantId,Z=K.handleStartVariantEdit,G=K.handleCancelVariantEdit,Q=K.patchVariantDraft,X=K.editDraftCondition,Y=K.removeDraftCondition,ii=K.addDraftCondition,ni=K.handleSaveVariantEdit,ei=e.useState(null),ti=ei[0],oi=ei[1],li=e.useState(null),ri=li[0],ai=li[1],di=e.useState(!1),si=di[0],ui=di[1],ci=g.default.useRef(null==V?void 0:V.isAiStreaming);e.useEffect(function(){ci.current&&!(null==V?void 0:V.isAiStreaming)&&si&&ui(!1),ci.current=null==V?void 0:V.isAiStreaming},[null==V?void 0:V.isAiStreaming,si]);var pi=function(){var n,e;(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId||(null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,"rule-setup"),oi(null!==(e=w.ruleTitle)&&void 0!==e?e:""),ai(w.scopeData?i.__assign({},w.scopeData):{}))},vi=function(){var i;oi(null),ai(null),null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null)},fi=function(){var i,n,e=null!=ti?ti:w.ruleTitle,t=null!=ri?ri:w.scopeData,o=e!==w.ruleTitle,l=JSON.stringify(t)!==JSON.stringify(w.scopeData);if(!o&&!l)return oi(null),ai(null),void(null===(i=null==V?void 0:V.setActiveEditId)||void 0===i||i.call(V,null));if(null==V?void 0:V.setSendMessageInChat){var r="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8)),a=[];if(o&&a.push((null==e?void 0:e.trim())?"with ".concat(e):"cleared"),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 "),c=(null==V?void 0:V.ruleTitle)||"Rule Setup";V.setSendMessageInChat("__SKELETON__:".concat(r,":Update ").concat(c," ").concat(u))}ui(!0),oi(null),ai(null),null===(n=null==V?void 0:V.setActiveEditId)||void 0===n||n.call(V,null)},gi=null!==ti?null==ti?void 0:ti.trim():(w.ruleTitle||"").trim(),hi=null!=ri?ri:w.scopeData,xi=gi!==(w.ruleTitle||"").trim(),yi=JSON.stringify(hi)!==JSON.stringify(w.scopeData),mi=""===gi,_i=!xi&&!yi||mi,Ti=g.default.useRef(null==V?void 0:V.defaultVariantOpen),Ci=g.default.useRef(null==V?void 0:V.activeVariantAccordionIndex),bi=g.default.useRef(null==V?void 0:V.defaultTierOpen),Si=g.default.useRef(null===(x=w.scopeData)||void 0===x?void 0:x.tiers),Ai=g.default.useRef(w.variantsByTier);g.default.useEffect(function(){var i,n,e,t,o,l,r=null,a=!1;Ti.current!==(null==V?void 0:V.defaultVariantOpen)&&(a=!0,Ti.current=null==V?void 0:V.defaultVariantOpen),Ci.current!==(null==V?void 0:V.activeVariantAccordionIndex)&&(a=!0,Ci.current=null==V?void 0:V.activeVariantAccordionIndex),bi.current!==(null==V?void 0:V.defaultTierOpen)&&(a=!0,bi.current=null==V?void 0:V.defaultTierOpen);var d=(null===(i=w.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(Si.current)!==JSON.stringify(d)&&(a=!0,Si.current=d,d.length>0&&F(d[0].toLowerCase().replace(/ /g,"_")));var s=(null===(n=null==V?void 0:V.tierOptions)||void 0===n?void 0:n.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||[],u=s.some(function(i){var n,e,t,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(e=null===(n=Ai.current)||void 0===n?void 0:n[l])||void 0===e?void 0:e.length)||0)!==((null===(o=null===(t=w.variantsByTier)||void 0===t?void 0:t[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var c=null!==(e=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==e?e:null==V?void 0:V.defaultVariantOpen;if(null==c||c<0)return q(null),void(Ai.current=w.variantsByTier);s.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_"),o=(null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[];o[c]&&(r="".concat(t,"-variant-").concat(c)),null!=(null==V?void 0:V.autoScrollVariantIndex)&&o[V.autoScrollVariantIndex]&&(r="".concat(t,"-variant-").concat(V.autoScrollVariantIndex))}}),r&&q(r)}if(null===z){var p=null!==(t=null==V?void 0:V.activeVariantAccordionIndex)&&void 0!==t?t:null==V?void 0:V.defaultVariantOpen;null!=p&&p>=0&&(null===(l=null===(o=null==V?void 0:V.tierOptions)||void 0===o?void 0:o.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===l||l.forEach(function(i,n){var e;if(!((null==V?void 0:V.defaultTierOpen)>=0&&n!==V.defaultTierOpen)){var t=i.toLowerCase().replace(/ /g,"_");((null===(e=w.variantsByTier)||void 0===e?void 0:e[t])||[])[p]&&q("".concat(t,"-variant-").concat(p))}}))}Ai.current=w.variantsByTier},[w.variantsByTier,null==V?void 0:V.defaultVariantOpen,null==V?void 0:V.activeVariantAccordionIndex,null===(y=w.scopeData)||void 0===y?void 0:y.tiers,null==V?void 0:V.tierOptions,null==V?void 0:V.autoScrollVariantIndex,null==V?void 0:V.defaultTierOpen]);var Ei=function(n){k(function(e){var t;return i.__assign(i.__assign({},e),((t={})[n]=!e[n],t))})},Ii=function(i){var n,e,t,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(n=w.fieldCitations)||void 0===n?void 0:n[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(e=w.fieldCitations)||void 0===e?void 0:e[i];return Array.isArray(d)&&d.length>0?d:null!==(t=w.citations)&&void 0!==t?t:[]},Di={marginTop:"-17px",position:"relative",zIndex:1};e.useEffect(function(){var i,n;null!=(null==V?void 0:V.autoScrollVariantIndex)&&v.hasMeaningfulText(w.ruleTitle)&&(null===(n=null===(i=null==V?void 0:V.tierOptions)||void 0===i?void 0:i.filter(function(i){var n,e;return null===(e=null===(n=w.scopeData)||void 0===n?void 0:n.tiers)||void 0===e?void 0:e.includes(i)}))||void 0===n||n.forEach(function(i){var n=i.toLowerCase().replace(/ /g,"_"),e="".concat(n,"-variant-").concat(V.autoScrollVariantIndex),t=H.current.get(e);t&&requestAnimationFrame(function(){setTimeout(function(){t.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==V?void 0:V.scrollTrigger,w.ruleTitle]),console.log("CreateRule state:",w),console.log("CreateRule uiState:",V);var ji=!!(null==V?void 0:V.activeEditId),wi=J&&null!==ti?ti:w.ruleTitle,Oi=ji&&"rule-setup"!==(null==V?void 0:V.activeEditId);return n.jsxs("div",i.__assign({className:"traffic-manager-template"},{children:[n.jsx("div",i.__assign({"data-edit-id":"rule-setup"},{children:n.jsx(d.default,i.__assign({title:{type:"other",label:(null==V?void 0:V.setupLabel)||"Rule Setup"},actionButtons:R?function(e,t){if(J)return null;var o=!!(null==V?void 0:V.activeEditId)&&"rule-setup"!==V.activeEditId;return n.jsx("div",i.__assign({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:n.jsx("button",i.__assign({title:o?"Save active edits first":"Edit",onClick:function(i){i.stopPropagation(),o?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:si?"not-allowed":"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",opacity:si?.5:1}},{children:si?"Validating...":R?n.jsx(c.Pencil,{size:14}):n.jsx(u.EditPencilIcon,{size:12})}))}))}:function(e,t){if(J){var o={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"6px",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500};return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),fi()},disabled:_i||si,style:i.__assign(i.__assign({},o),{backgroundColor:si?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",cursor:_i||si?"not-allowed":"pointer",opacity:_i?.5:1,border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:si?"Validating...":"Save"})),!si&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),vi()},style:i.__assign(i.__assign({},o),{backgroundColor:"var(--il-surface, #ffffff)",cursor:"pointer",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:"Cancel"}))]}))}var l=(null==V?void 0:V.hideSetupEdit)&&"Edit"===(null==V?void 0:V.usedFor);return n.jsx(n.Fragment,{children:!l&&n.jsx("button",i.__assign({title:Oi?"Save active edits first":mi?"Add":"Edit",onClick:function(i){i.stopPropagation(),Oi?(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(V.activeEditId||null):(pi(),(null==V?void 0:V.setPendingEditId)&&V.setPendingEditId(null),e||t())},disabled:si,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px ",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:si&&(null==V?void 0:V.isAiStreaming)?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:si?"not-allowed":"pointer",opacity:si?.5:1}},{children:si?"Validating...":n.jsxs(n.Fragment,{children:[n.jsx(u.EditPencilIcon,{size:12}),mi?"Add":"Edit"]})}))})},footerData:{ruleTitle:w.ruleTitle,stations:[w.scopeData.station],tiers:null===(m=w.scopeData)||void 0===m?void 0:m.tiers},defaultOpen:"Create"===(null==V?void 0:V.usedFor),readOnly:"Create"!==(null==V?void 0:V.usedFor),isAiStreaming:null==V?void 0:V.isAiStreaming,editFlow:R&&"Edit"===(null==V?void 0:V.usedFor),showAccentBorder:mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[R&&si&&(null==V?void 0:V.isAiStreaming)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",color:"var(--il-foreground, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[n.jsx(c.Loader2Icon,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),R?n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ei("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(_=V.validationErrors)||void 0===_?void 0:_.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ii("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}):n.jsxs(n.Fragment,{children:[n.jsx(a.TextSection,i.__assign({id:"rule-title",title:V.ruleTitle||"Rule Title",subtitle:null==V?void 0:V.ruleTitleInformation,rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:wi,onChange:function(i){return J?oi(i):O.setRuleTitle(i)},readOnly:(null==V?void 0:V.isAiStreaming)||!J,isOpen:N.ruleTitle,onToggle:function(){return Ei("ruleTitle")},isHighlighted:P.ruleTitle||!1,showCognitiveIcon:w.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T.ruleTitle},V)),w.citation.ruleTitle&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.ruleTitle,citation:w.citation.ruleTitle,citations:Ii("ruleTitle"),fieldName:"Rule Title",fieldValue:w.ruleTitle})}))]}),(null===(C=null==V?void 0:V.tierOptions)||void 0===C?void 0:C.length)>1&&n.jsx(r.ScopeSection,i.__assign({id:"scope",title:"",required:!1,scopeData:J&&null!==ri?ri:w.scopeData,onScopeChange:function(n,e){J?ai(function(t){var o;return i.__assign(i.__assign({},null!=t?t:w.scopeData),((o={})[n]=e,o))}):O.onScopeChange(n,e)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:P,isOpen:N.scopeData,onToggle:function(){return Ei("scopeData")},showCognitiveIcon:w.citation.scopeData,cognitiveIcon:n.jsx(s.ButtonCognitiveIcon,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(b=V.validationErrors)||void 0===b?void 0:b.station)||(null===(S=V.validationErrors)||void 0===S?void 0:S.tiers),stationErrorMessage:null===(A=V.validationErrors)||void 0===A?void 0:A.station,tierErrorMessage:null===(E=V.validationErrors)||void 0===E?void 0:E.tiers,readOnly:(null==V?void 0:V.isAiStreaming)||!J},V)),w.citation.scopeData&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N.scopeData,citation:w.citation.scopeData,citations:Ii("scopeData"),fieldName:"Scope",fieldValue:null===(D=null===(I=w.scopeData)||void 0===I?void 0:I.tiers)||void 0===D?void 0:D.join(", ")})})),J?n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[R&&n.jsxs("div",i.__assign({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[n.jsx("button",i.__assign({onClick:vi,style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),n.jsxs("button",i.__assign({onClick:fi,disabled:_i,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",cursor:_i?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:_i?.5:1}},{children:[n.jsx(c.Check,{size:18,strokeWidth:2.5,color:"var(--il-primary-fg, #ffffff)"}),"Save Changes"]}))]})),"rule-setup"===(null==V?void 0:V.pendingEditId)&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==V?void 0:V.tierOptions)||0===V.tierOptions.length)&&n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"var(--il-surface-alt, #f8fafc)",border:"1px dashed var(--il-border, #E2E8F0)",borderRadius:"12px",color:"var(--il-disabled, #94A3B8)"}},{children:[n.jsx(c.AlertTriangle,{size:20,style:{color:"var(--il-disabled, #94A3B8)"}}),n.jsx("span",i.__assign({style:{fontSize:"13px",fontWeight:500,color:"var(--il-muted, #64748B)"}},{children:"No tiers found"}))]})),null===(j=null==V?void 0:V.tierOptions)||void 0===j?void 0:j.map(function(r,s){var p,f,x,y,m,_,T,C=r.toLowerCase().replace(/ /g,"_"),b=(null===(p=w.variantsByTier)||void 0===p?void 0:p[C])||[],S=null===(x=null===(f=w.scopeData)||void 0===f?void 0:f.tiers)||void 0===x?void 0:x.includes(r),A=b.length,E=!1;if(1===A){var I=b[0],D=!(null===(y=null==I?void 0:I.ruleDescription)||void 0===y?void 0:y.trim()),j=(null===(m=null==I?void 0:I.whenToApplyConditions)||void 0===m?void 0:m.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,P=(null===(_=null==I?void 0:I.whenNotToApplyConditions)||void 0===_?void 0:_.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!D||j||P||(E=!0)}var W=E?void 0:"".concat(A," ").concat(1===A?"variant":"variants"," configured for this tier"),k=n.jsx(h,i.__assign({onAddVariant:function(){var i;return null===(i=O.addNewVariant)||void 0===i?void 0:i.call(O,C)},isDisabled:!S||(null==V?void 0:V.isAiStreaming),showAddVariantBtn:R&&"Edit"!==(null==V?void 0:V.usedFor)},{children:b.map(function(r,s){var p,f,g,h,x,y,m,_,T,b,A,E=r.variantType||"default",I="".concat(C,"-variant-").concat(s),D=!0===r.is_variant,j="default"===E||"default_variant"===E,P="".concat(C,"_").concat(s),W=B.get(P)||{},k=(null===(f=null===(p=V.separationItemsByTier)||void 0===p?void 0:p[C])||void 0===f?void 0:f.get(s))||[],L=(null===(h=null===(g=V.togglesByTier)||void 0===g?void 0:g[C])||void 0===h?void 0:h.get(s))||[],M=null===(x=null==V?void 0:V.activeEditId)||void 0===x?void 0:x.startsWith("condition-wta-".concat(C,"-").concat(s)),F=null===(y=null==V?void 0:V.activeEditId)||void 0===y?void 0:y.startsWith("condition-wnta-".concat(C,"-").concat(s)),J=!S||r.isReadOnly||(null==V?void 0:V.isAiStreaming),K=j?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"}(E):"".concat((null==V?void 0:V.variantPillLabel)||"Variant"," ").concat(s+1),ei="variant-".concat(C,"-").concat(s),ti=!R&&(null==$?void 0:$.id)===ei,oi=U===ei,li=ti?$.draft:null,ri=J||oi,ai=li?li.ruleDescription:r.ruleDescription||"",di=li?li.instructionPrompt:null!==(m=r.instructionPrompt)&&void 0!==m?m:V.instructionPrompt,si=li?li.whenToApplyConditions:r.whenToApplyConditions||[],ui=li?li.whenNotToApplyConditions:r.whenNotToApplyConditions||[],ci=!li||!v.hasMeaningfulText(li.ruleDescription)||!li.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)});return n.jsx("div",i.__assign({ref:function(i){i?H.current.set(I,i):H.current.delete(I)},style:{width:"100%",opacity:S?1:.7},"data-edit-id":R?void 0:ei},{children:n.jsx(d.default,i.__assign({title:{type:j?"default":"variant",label:K,number:s+1,isNewVariant:D,isDefault:r.isDefault,isModified:r.isModified},defaultOpen:!0,expanded:z===I,onToggle:function(){var i,n=z===I;q(n?null:I),null===(i=null==V?void 0:V.setActiveVariantAccordionIndex)||void 0===i||i.call(V,n?null:s)},variant:"rule-behavior",footerData:{ruleTitle:E,description:r.ruleDescription||""},readOnly:J,actionButtons:R?void 0:function(e,t){if(R)return null;if(J&&!ti&&!oi)return null;if(ti||oi)return n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),ni()},disabled:ci||oi,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:oi?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:ci||oi?"not-allowed":"pointer",opacity:ci?.5:1}},{children:oi?"Validating...":"Save"})),!oi&&n.jsx("button",i.__assign({onClick:function(i){i.stopPropagation(),G()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]}));var o=!(v.hasMeaningfulText(r.ruleDescription)||r.whenToApplyConditions&&r.whenToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)})||r.whenNotToApplyConditions&&r.whenNotToApplyConditions.some(function(i){return v.hasMeaningfulText(i.text)}));return n.jsxs("button",i.__assign({title:ri?"Editing unavailable":o?"Add":"Edit",onClick:function(i){i.stopPropagation(),Z(r,C,s,K),e||t()},disabled:ri,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:ri?"not-allowed":"pointer",opacity:ri?.5:1,gap:"6px"}},{children:[n.jsx(u.EditPencilIcon,{size:12})," ",o?"Add":"Edit"]}))},isAiStreaming:null==V?void 0:V.isAiStreaming,alwaysShowActions:!R,showAccentBorder:!mi},{children:n.jsxs("div",i.__assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[n.jsx(a.TextSection,i.__assign({id:"rule-description-".concat(C,"-").concat(s),title:V.ruleDescriptionTitle||"Rule Description",subtitle:null==V?void 0:V.ruleDescriptionInformation,rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:R?J||ji&&(null==V?void 0:V.activeEditId)!=="rule-description-".concat(C,"-").concat(s):J||!ti,value:ai,onChange:function(i){return R?O.setRuleDescription(C,s,i):Q({ruleDescription:i})},isOpen:N["ruleDescription-".concat(C)],onToggle:function(){return Ei("ruleDescription-".concat(C))},isHighlighted:W.ruleDescription||!1,showCognitiveIcon:null===(_=w.citation)||void 0===_?void 0:_["ruleDescription_".concat(C)],tooltipDescription:"Why this Description?",errorMessage:null===(T=V.validationErrors)||void 0===T?void 0:T["ruleDescription-".concat(C,"-").concat(s)],enableInlineEdit:R,setSendMessageInChat:null==V?void 0:V.setSendMessageInChat,isAiStreaming:null==V?void 0:V.isAiStreaming,fieldName:"Rule Description"},V)),(null===(b=w.citation)||void 0===b?void 0:b["ruleDescription_".concat(C)])&&n.jsx("div",i.__assign({style:Di},{children:n.jsx(t.InputDataReasoningCard,{isVisible:N["ruleDescription-".concat(C)],citation:w.citation["ruleDescription_".concat(C)],citations:Ii("ruleDescription_".concat(C,"_").concat(s)),fieldName:"Rule Description",fieldValue:r.ruleDescription})})),n.jsx(o.ConditionSection,i.__assign({id:"when-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wta",title:V.whenToApplyTitle||"When to apply",subtitle:null==V?void 0:V.wtaInformation,required:!0,dividerRequired:!0,readOnly:R?J||ji&&!M:J,hideEditControls:!R,parentEditing:ti,conditions:si,onAdd:function(){return R?O.addWhenToApply(C,s):ii("whenToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenToApply(i,n,e):Y("whenToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenToApply(i,n,e,t):X("whenToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ii("whenToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:V.isAiStreaming,errorMessage:(null===(A=V.validationErrors)||void 0===A?void 0:A["whenToApply-".concat(C,"-").concat(s)])||(null==V?void 0:V.conflictReason)},V)),n.jsx(o.ConditionSection,i.__assign({id:"when-not-to-apply-".concat(C,"-").concat(s),idPrefix:"condition-wnta",title:V.whenNotToApplyTitle||"When NOT to apply",subtitle:null==V?void 0:V.wntaInformation,required:!1,dividerRequired:!0,readOnly:R?J||ji&&!F:J,hideEditControls:!R,parentEditing:ti,conditions:ui,onAdd:function(){return R?O.addWhenNotToApply(C,s):ii("whenNotToApplyConditions")},onRemove:function(i,n,e){return R?O.removeWhenNotToApply(i,n,e):Y("whenNotToApplyConditions",e)},onEdit:function(i,n,e,t){return R?O.editWhenNotToApply(i,n,e,t):X("whenNotToApplyConditions",e,t)},index:s,tierKey:C,isHighlighted:W.wnta||!1,highlightedIds:null==V?void 0:V.highlightedIds,tooltipDescription:"Why this Condition?",citations:Ii("whenNotToApply_".concat(C,"_").concat(s)),bordered:!0,addLabel:(null==V?void 0:V.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:V.isAiStreaming},V)),(null==V?void 0:V.LazyPromptEditor)&&n.jsx(e.Suspense,i.__assign({fallback:n.jsx("div",i.__assign({style:{padding:"12px",fontSize:"13px",color:"var(--il-muted, #64748B)"}},{children:"Loading editor..."}))},{children:n.jsx(V.LazyPromptEditor,{id:"instruction-prompt-".concat(C,"-").concat(s),title:V.instructionPromptTitle,description:null==V?void 0:V.promptDescriptionInformation,value:di,onChange:function(i){var n;return R?null===(n=V.setInstructionPrompt)||void 0===n?void 0:n.call(V,i):Q({instructionPrompt:i})},readOnly:R?J:J||!ti,hideEditControls:!R,parentEditing:ti,enableViewToggle:null==V?void 0:V.instructionPromptViewToggle,isAiStreaming:null==V?void 0:V.isAiStreaming,tierKey:C,variantIndex:s,uiState:V})})),(null==V?void 0:V.showConfiguration)&&n.jsx(l.ConfigSection,i.__assign({id:"config-".concat(C,"-").concat(s),title:V.configTitle||"Configuration",required:!1,highlights:W,bordered:!0,readOnly:J||ji&&(null==V?void 0:V.activeEditId)!=="config-".concat(C,"-").concat(s),onConfigChange:function(i,n){return O.onConfigChange(C,s,i,n)},separationItems:k,toggles:L,index:s},V)),!R&&ti&&(null==V?void 0:V.pendingEditId)===ei&&n.jsxs("div",i.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx(c.AlertTriangle,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),n.jsx("div",i.__assign({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}),I)}),"".concat(C,"-variant-").concat(s))})}));return 1===(null===(T=null==V?void 0:V.tierOptions)||void 0===T?void 0:T.length)?n.jsx(g.default.Fragment,{children:k},"tier-".concat(s)):n.jsx(d.default,i.__assign({variant:"tier-header",title:{type:"other",label:r},subtitle:W,defaultOpen:!0,footerData:{description:"Variants for ".concat(r)}},{children:k}),"tier-".concat(s))})]}))},exports.VariantListWrapper=h;
|
|
2
2
|
//# sourceMappingURL=CreateRule.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import o,{useState as l,useEffect as r,Suspense as a}from"react";import{InputDataReasoningCard as d}from"../../InputDataReasoningCard.js";import{ConditionSection as u}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as c}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as s}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as p}from"../../organisms/TextSection/TextSection.js";import v from"../../AccordianSection.js";import{ButtonCognitiveIcon as f}from"../../_svg/ButtonCognitiveIcon.js";import{EditPencilIcon as g}from"../../_svg/EditPencilIcon.js";import{Loader2Icon as h,AlertTriangle as y,Pencil as m,Check as x}from"lucide-react";import{useLearningTemplateStore as T}from"../../../../LearningManagement/store/useLearningTemplateStore.js";import{useVariantEditSession as C,hasMeaningfulText as b}from"../../hooks/useVariantEditSession.js";var A=function(e){var l=e.children,r=e.onAddVariant,a=e.isDisabled,d=e.showAddVariantBtn,u=void 0===d||d,c=e.showConnectorLines,s=void 0===c||c,p=o.Children.toArray(l);return n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",minWidth:0,maxWidth:"100%",boxSizing:"border-box"}},{children:[p.map(function(i,e){var l=e===p.length-1,r=s&&(!l||u);return n(o.Fragment,{children:[i,r&&t("div",{style:{width:"2px",height:"20px",backgroundColor:"var(--il-border, #e2e8f0)",marginLeft:"30px"}})]},e)}),u&&t("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",color:a?"var(--il-disabled, #94A3B8)":"var(--il-secondary-fg, #475569)",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"var(--il-surface-alt, #f8fafc)":"var(--il-surface, #ffffff)",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},S=function(S){var D,E,w,I,O,V,B,R,P,N,W,_,k,z=S.state,L=S.handlers,j=S.uiState,M=T(function(i){return i.backwardCompatibility}),F=(null==j?void 0:j.highlights)||new Map,q=F.get("global_0")||{},J=l({}),H=J[0],K=J[1],$=l(null),U=$[0],Z=$[1],G=l(function(){var i,n,t;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 e=null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t[0];return e?e.toLowerCase().replace(/ /g,"_"):null});G[0];var Q=G[1],X="rule-setup"===(null==j?void 0:j.activeEditId),Y=o.useRef(new Map),ii=C(j,function(n){var t,e;return{ruleDescription:(null==n?void 0:n.ruleDescription)||"",instructionPrompt:null!==(e=null!==(t=null==n?void 0:n.instructionPrompt)&&void 0!==t?t:null==j?void 0:j.instructionPrompt)&&void 0!==e?e:"",whenToApplyConditions:((null==n?void 0:n.whenToApplyConditions)||[]).map(function(n){return i({},n)}),whenNotToApplyConditions:((null==n?void 0:n.whenNotToApplyConditions)||[]).map(function(n){return i({},n)})}},function(i){var n;void 0!==i.instructionPrompt&&(null===(n=null==j?void 0:j.setInstructionPrompt)||void 0===n||n.call(j,i.instructionPrompt))}),ni=ii.variantEdit,ti=ii.pendingVariantId,ei=ii.handleStartVariantEdit,oi=ii.handleCancelVariantEdit,li=ii.patchVariantDraft,ri=ii.editDraftCondition,ai=ii.removeDraftCondition,di=ii.addDraftCondition,ui=ii.handleSaveVariantEdit,ci=l(null),si=ci[0],pi=ci[1],vi=l(null),fi=vi[0],gi=vi[1],hi=l(!1),yi=hi[0],mi=hi[1],xi=o.useRef(null==j?void 0:j.isAiStreaming);r(function(){xi.current&&!(null==j?void 0:j.isAiStreaming)&&yi&&mi(!1),xi.current=null==j?void 0:j.isAiStreaming},[null==j?void 0:j.isAiStreaming,yi]);var Ti=function(){var n,t;(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId||(null===(n=null==j?void 0:j.setActiveEditId)||void 0===n||n.call(j,"rule-setup"),pi(null!==(t=z.ruleTitle)&&void 0!==t?t:""),gi(z.scopeData?i({},z.scopeData):{}))},Ci=function(){var i;pi(null),gi(null),null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null)},bi=function(){var i,n,t=null!=si?si:z.ruleTitle,e=null!=fi?fi:z.scopeData,o=t!==z.ruleTitle,l=JSON.stringify(e)!==JSON.stringify(z.scopeData);if(!o&&!l)return pi(null),gi(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==t?void 0:t.trim())?"with ".concat(t):"cleared"),l){var d=null==e?void 0:e.tiers,u=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(u)}var c=a.join(" and "),s=(null==j?void 0:j.ruleTitle)||"Rule Setup";j.setSendMessageInChat("__SKELETON__:".concat(r,":Update ").concat(s," ").concat(c))}mi(!0),pi(null),gi(null),null===(n=null==j?void 0:j.setActiveEditId)||void 0===n||n.call(j,null)},Ai=null!==si?null==si?void 0:si.trim():(z.ruleTitle||"").trim(),Si=null!=fi?fi:z.scopeData,Di=Ai!==(z.ruleTitle||"").trim(),Ei=JSON.stringify(Si)!==JSON.stringify(z.scopeData),wi=""===Ai,Ii=!Di&&!Ei||wi,Oi=o.useRef(null==j?void 0:j.defaultVariantOpen),Vi=o.useRef(null==j?void 0:j.activeVariantAccordionIndex),Bi=o.useRef(null==j?void 0:j.defaultTierOpen),Ri=o.useRef(null===(D=z.scopeData)||void 0===D?void 0:D.tiers),Pi=o.useRef(z.variantsByTier);o.useEffect(function(){var i,n,t,e,o,l,r=null,a=!1;Oi.current!==(null==j?void 0:j.defaultVariantOpen)&&(a=!0,Oi.current=null==j?void 0:j.defaultVariantOpen),Vi.current!==(null==j?void 0:j.activeVariantAccordionIndex)&&(a=!0,Vi.current=null==j?void 0:j.activeVariantAccordionIndex),Bi.current!==(null==j?void 0:j.defaultTierOpen)&&(a=!0,Bi.current=null==j?void 0:j.defaultTierOpen);var d=(null===(i=z.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(Ri.current)!==JSON.stringify(d)&&(a=!0,Ri.current=d,d.length>0&&Q(d[0].toLowerCase().replace(/ /g,"_")));var u=(null===(n=null==j?void 0:j.tierOptions)||void 0===n?void 0:n.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||[],c=u.some(function(i){var n,t,e,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(t=null===(n=Pi.current)||void 0===n?void 0:n[l])||void 0===t?void 0:t.length)||0)!==((null===(o=null===(e=z.variantsByTier)||void 0===e?void 0:e[l])||void 0===o?void 0:o.length)||0)});if(c&&(a=!0),a){var s=null!==(t=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==t?t:null==j?void 0:j.defaultVariantOpen;if(null==s||s<0)return Z(null),void(Pi.current=z.variantsByTier);u.forEach(function(i,n){var t;if(!((null==j?void 0:j.defaultTierOpen)>=0&&n!==j.defaultTierOpen)){var e=i.toLowerCase().replace(/ /g,"_"),o=(null===(t=z.variantsByTier)||void 0===t?void 0:t[e])||[];o[s]&&(r="".concat(e,"-variant-").concat(s)),null!=(null==j?void 0:j.autoScrollVariantIndex)&&o[j.autoScrollVariantIndex]&&(r="".concat(e,"-variant-").concat(j.autoScrollVariantIndex))}}),r&&Z(r)}if(null===U){var p=null!==(e=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==e?e:null==j?void 0:j.defaultVariantOpen;null!=p&&p>=0&&(null===(l=null===(o=null==j?void 0:j.tierOptions)||void 0===o?void 0:o.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===l||l.forEach(function(i,n){var t;if(!((null==j?void 0:j.defaultTierOpen)>=0&&n!==j.defaultTierOpen)){var e=i.toLowerCase().replace(/ /g,"_");((null===(t=z.variantsByTier)||void 0===t?void 0:t[e])||[])[p]&&Z("".concat(e,"-variant-").concat(p))}}))}Pi.current=z.variantsByTier},[z.variantsByTier,null==j?void 0:j.defaultVariantOpen,null==j?void 0:j.activeVariantAccordionIndex,null===(E=z.scopeData)||void 0===E?void 0:E.tiers,null==j?void 0:j.tierOptions,null==j?void 0:j.autoScrollVariantIndex,null==j?void 0:j.defaultTierOpen]);var Ni=function(n){K(function(t){var e;return i(i({},t),((e={})[n]=!t[n],e))})},Wi=function(i){var n,t,e,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(n=z.fieldCitations)||void 0===n?void 0:n[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(t=z.fieldCitations)||void 0===t?void 0:t[i];return Array.isArray(d)&&d.length>0?d:null!==(e=z.citations)&&void 0!==e?e:[]},_i={marginTop:"-17px",position:"relative",zIndex:1};r(function(){var i,n;null!=(null==j?void 0:j.autoScrollVariantIndex)&&b(z.ruleTitle)&&(null===(n=null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===n||n.forEach(function(i){var n=i.toLowerCase().replace(/ /g,"_"),t="".concat(n,"-variant-").concat(j.autoScrollVariantIndex),e=Y.current.get(t);e&&requestAnimationFrame(function(){setTimeout(function(){e.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==j?void 0:j.scrollTrigger,z.ruleTitle]),console.log("CreateRule state:",z),console.log("CreateRule uiState:",j);var ki=!!(null==j?void 0:j.activeEditId),zi=X&&null!==si?si:z.ruleTitle,Li=ki&&"rule-setup"!==(null==j?void 0:j.activeEditId);return n("div",i({className:"traffic-manager-template"},{children:[t("div",i({"data-edit-id":"rule-setup"},{children:t(v,i({title:{type:"other",label:(null==j?void 0:j.setupLabel)||"Rule Setup"},actionButtons:M?function(n,e){if(X)return null;var o=!!(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.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==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(Ti(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),n||e())},disabled:yi,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:yi?"not-allowed":"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",opacity:yi?.5:1}},{children:yi?"Validating...":M?t(m,{size:14}):t(g,{size:12})}))}))}:function(o,l){if(X){var r={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"6px",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500};return n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),bi()},disabled:Ii||yi,style:i(i({},r),{backgroundColor:yi?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",cursor:Ii||yi?"not-allowed":"pointer",opacity:Ii?.5:1,border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:yi?"Validating...":"Save"})),!yi&&t("button",i({onClick:function(i){i.stopPropagation(),Ci()},style:i(i({},r),{backgroundColor:"var(--il-surface, #ffffff)",cursor:"pointer",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:"Cancel"}))]}))}return t(e,{children:!(null==j?void 0:j.hideSetupEdit)&&t("button",i({title:Li?"Save active edits first":wi?"Add":"Edit",onClick:function(i){i.stopPropagation(),Li?(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(Ti(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),o||l())},disabled:yi,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px ",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:yi&&(null==j?void 0:j.isAiStreaming)?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:yi?"not-allowed":"pointer",opacity:yi?.5:1}},{children:yi?"Validating...":n(e,{children:[t(g,{size:12}),wi?"Add":"Edit"]})}))})},footerData:{ruleTitle:z.ruleTitle,stations:[z.scopeData.station],tiers:null===(w=z.scopeData)||void 0===w?void 0:w.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:M&&"Edit"===(null==j?void 0:j.usedFor),showAccentBorder:wi},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[M&&yi&&(null==j?void 0:j.isAiStreaming)&&n("div",i({style:{display:"flex",alignItems:"center",color:"var(--il-foreground, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[t(h,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),n(e,M?{children:[t(p,i({id:"rule-title",title:j.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:zi,onChange:function(i){return X?pi(i):L.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!X,isOpen:H.ruleTitle,onToggle:function(){return Ni("ruleTitle")},isHighlighted:q.ruleTitle||!1,showCognitiveIcon:z.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(I=j.validationErrors)||void 0===I?void 0:I.ruleTitle},j)),z.citation.ruleTitle&&t("div",i({style:_i},{children:t(d,{isVisible:H.ruleTitle,citation:z.citation.ruleTitle,citations:Wi("ruleTitle"),fieldName:"Rule Title",fieldValue:z.ruleTitle})}))]}:{children:[t(p,i({id:"rule-title",title:j.ruleTitle||"Rule Title",subtitle:null==j?void 0:j.ruleTitleInformation,rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:zi,onChange:function(i){return X?pi(i):L.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!X,isOpen:H.ruleTitle,onToggle:function(){return Ni("ruleTitle")},isHighlighted:q.ruleTitle||!1,showCognitiveIcon:z.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(O=j.validationErrors)||void 0===O?void 0:O.ruleTitle},j)),z.citation.ruleTitle&&t("div",i({style:_i},{children:t(d,{isVisible:H.ruleTitle,citation:z.citation.ruleTitle,citations:Wi("ruleTitle"),fieldName:"Rule Title",fieldValue:z.ruleTitle})}))]}),(null===(V=null==j?void 0:j.tierOptions)||void 0===V?void 0:V.length)>1&&t(s,i({id:"scope",title:"",required:!1,scopeData:X&&null!==fi?fi:z.scopeData,onScopeChange:function(n,t){X?gi(function(e){var o;return i(i({},null!=e?e:z.scopeData),((o={})[n]=t,o))}):L.onScopeChange(n,t)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:q,isOpen:H.scopeData,onToggle:function(){return Ni("scopeData")},showCognitiveIcon:z.citation.scopeData,cognitiveIcon:t(f,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(B=j.validationErrors)||void 0===B?void 0:B.station)||(null===(R=j.validationErrors)||void 0===R?void 0:R.tiers),stationErrorMessage:null===(P=j.validationErrors)||void 0===P?void 0:P.station,tierErrorMessage:null===(N=j.validationErrors)||void 0===N?void 0:N.tiers,readOnly:(null==j?void 0:j.isAiStreaming)||!X},j)),z.citation.scopeData&&t("div",i({style:_i},{children:t(d,{isVisible:H.scopeData,citation:z.citation.scopeData,citations:Wi("scopeData"),fieldName:"Scope",fieldValue:null===(_=null===(W=z.scopeData)||void 0===W?void 0:W.tiers)||void 0===_?void 0:_.join(", ")})})),X?n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[M&&n("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[t("button",i({onClick:Ci,style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),n("button",i({onClick:bi,disabled:Ii,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",cursor:Ii?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:Ii?.5:1}},{children:[t(x,{size:18,strokeWidth:2.5,color:"var(--il-primary-fg, #ffffff)"}),"Save Changes"]}))]})),"rule-setup"===(null==j?void 0:j.pendingEditId)&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[t(y,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #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)&&n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"var(--il-surface-alt, #f8fafc)",border:"1px dashed var(--il-border, #E2E8F0)",borderRadius:"12px",color:"var(--il-disabled, #94A3B8)"}},{children:[t(y,{size:20,style:{color:"var(--il-disabled, #94A3B8)"}}),t("span",i({style:{fontSize:"13px",fontWeight:500,color:"var(--il-muted, #64748B)"}},{children:"No tiers found"}))]})),null===(k=null==j?void 0:j.tierOptions)||void 0===k?void 0:k.map(function(e,l){var r,s,f,h,m,x,T,C=e.toLowerCase().replace(/ /g,"_"),S=(null===(r=z.variantsByTier)||void 0===r?void 0:r[C])||[],D=null===(f=null===(s=z.scopeData)||void 0===s?void 0:s.tiers)||void 0===f?void 0:f.includes(e),E=S.length,w=!1;if(1===E){var I=S[0],O=!(null===(h=null==I?void 0:I.ruleDescription)||void 0===h?void 0:h.trim()),V=(null===(m=null==I?void 0:I.whenToApplyConditions)||void 0===m?void 0:m.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,B=(null===(x=null==I?void 0:I.whenNotToApplyConditions)||void 0===x?void 0:x.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!O||V||B||(w=!0)}var R=w?void 0:"".concat(E," ").concat(1===E?"variant":"variants"," configured for this tier"),P=t(A,i({onAddVariant:function(){var i;return null===(i=L.addNewVariant)||void 0===i?void 0:i.call(L,C)},isDisabled:!D||(null==j?void 0:j.isAiStreaming),showAddVariantBtn:M&&"Edit"!==(null==j?void 0:j.usedFor)},{children:S.map(function(e,o){var l,r,s,f,h,m,x,T,A,S,E,w=e.variantType||"default",I="".concat(C,"-variant-").concat(o),O=!0===e.is_variant,V="default"===w||"default_variant"===w,B="".concat(C,"_").concat(o),R=F.get(B)||{},P=(null===(r=null===(l=j.separationItemsByTier)||void 0===l?void 0:l[C])||void 0===r?void 0:r.get(o))||[],N=(null===(f=null===(s=j.togglesByTier)||void 0===s?void 0:s[C])||void 0===f?void 0:f.get(o))||[],W=null===(h=null==j?void 0:j.activeEditId)||void 0===h?void 0:h.startsWith("condition-wta-".concat(C,"-").concat(o)),_=null===(m=null==j?void 0:j.activeEditId)||void 0===m?void 0:m.startsWith("condition-wnta-".concat(C,"-").concat(o)),k=!D||e.isReadOnly||(null==j?void 0:j.isAiStreaming),q=V?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"}(w):"".concat((null==j?void 0:j.variantPillLabel)||"Variant"," ").concat(o+1),J="variant-".concat(C,"-").concat(o),K=!M&&(null==ni?void 0:ni.id)===J,$=ti===J,G=K?ni.draft:null,Q=k||$,X=G?G.ruleDescription:e.ruleDescription||"",ii=G?G.instructionPrompt:null!==(x=e.instructionPrompt)&&void 0!==x?x:j.instructionPrompt,ci=G?G.whenToApplyConditions:e.whenToApplyConditions||[],si=G?G.whenNotToApplyConditions:e.whenNotToApplyConditions||[],pi=!G||!b(G.ruleDescription)||!G.whenToApplyConditions.some(function(i){return b(i.text)});return t("div",i({ref:function(i){i?Y.current.set(I,i):Y.current.delete(I)},style:{width:"100%",opacity:D?1:.7},"data-edit-id":M?void 0:J},{children:t(v,i({title:{type:V?"default":"variant",label:q,number:o+1,isNewVariant:O,isDefault:e.isDefault,isModified:e.isModified},defaultOpen:!0,expanded:U===I,onToggle:function(){var i,n=U===I;Z(n?null:I),null===(i=null==j?void 0:j.setActiveVariantAccordionIndex)||void 0===i||i.call(j,n?null:o)},variant:"rule-behavior",footerData:{ruleTitle:w,description:e.ruleDescription||""},readOnly:k,actionButtons:M?void 0:function(l,r){if(M)return null;if(k&&!K&&!$)return null;if(K||$)return n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),ui()},disabled:pi||$,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:$?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:pi||$?"not-allowed":"pointer",opacity:pi?.5:1}},{children:$?"Validating...":"Save"})),!$&&t("button",i({onClick:function(i){i.stopPropagation(),oi()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]}));var a=!(b(e.ruleDescription)||e.whenToApplyConditions&&e.whenToApplyConditions.some(function(i){return b(i.text)})||e.whenNotToApplyConditions&&e.whenNotToApplyConditions.some(function(i){return b(i.text)}));return n("button",i({title:Q?"Editing unavailable":a?"Add":"Edit",onClick:function(i){i.stopPropagation(),ei(e,C,o,q),l||r()},disabled:Q,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:Q?"not-allowed":"pointer",opacity:Q?.5:1,gap:"6px"}},{children:[t(g,{size:12})," ",a?"Add":"Edit"]}))},isAiStreaming:null==j?void 0:j.isAiStreaming,alwaysShowActions:!M,showAccentBorder:!wi},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(p,i({id:"rule-description-".concat(C,"-").concat(o),title:j.ruleDescriptionTitle||"Rule Description",subtitle:null==j?void 0:j.ruleDescriptionInformation,rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:M?k||ki&&(null==j?void 0:j.activeEditId)!=="rule-description-".concat(C,"-").concat(o):k||!K,value:X,onChange:function(i){return M?L.setRuleDescription(C,o,i):li({ruleDescription:i})},isOpen:H["ruleDescription-".concat(C)],onToggle:function(){return Ni("ruleDescription-".concat(C))},isHighlighted:R.ruleDescription||!1,showCognitiveIcon:null===(T=z.citation)||void 0===T?void 0:T["ruleDescription_".concat(C)],tooltipDescription:"Why this Description?",errorMessage:null===(A=j.validationErrors)||void 0===A?void 0:A["ruleDescription-".concat(C,"-").concat(o)],enableInlineEdit:M,setSendMessageInChat:null==j?void 0:j.setSendMessageInChat,isAiStreaming:null==j?void 0:j.isAiStreaming,fieldName:"Rule Description"},j)),(null===(S=z.citation)||void 0===S?void 0:S["ruleDescription_".concat(C)])&&t("div",i({style:_i},{children:t(d,{isVisible:H["ruleDescription-".concat(C)],citation:z.citation["ruleDescription_".concat(C)],citations:Wi("ruleDescription_".concat(C,"_").concat(o)),fieldName:"Rule Description",fieldValue:e.ruleDescription})})),t(u,i({id:"when-to-apply-".concat(C,"-").concat(o),idPrefix:"condition-wta",title:j.whenToApplyTitle||"When to apply",subtitle:null==j?void 0:j.wtaInformation,required:!0,dividerRequired:!0,readOnly:M?k||ki&&!W:k,hideEditControls:!M,parentEditing:K,conditions:ci,onAdd:function(){return M?L.addWhenToApply(C,o):di("whenToApplyConditions")},onRemove:function(i,n,t){return M?L.removeWhenToApply(i,n,t):ai("whenToApplyConditions",t)},onEdit:function(i,n,t,e){return M?L.editWhenToApply(i,n,t,e):ri("whenToApplyConditions",t,e)},index:o,tierKey:C,isHighlighted:R.wta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:Wi("whenToApply_".concat(C,"_").concat(o)),bordered:!0,addLabel:(null==j?void 0:j.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:j.isAiStreaming,errorMessage:(null===(E=j.validationErrors)||void 0===E?void 0:E["whenToApply-".concat(C,"-").concat(o)])||(null==j?void 0:j.conflictReason)},j)),t(u,i({id:"when-not-to-apply-".concat(C,"-").concat(o),idPrefix:"condition-wnta",title:j.whenNotToApplyTitle||"When NOT to apply",subtitle:null==j?void 0:j.wntaInformation,required:!1,dividerRequired:!0,readOnly:M?k||ki&&!_:k,hideEditControls:!M,parentEditing:K,conditions:si,onAdd:function(){return M?L.addWhenNotToApply(C,o):di("whenNotToApplyConditions")},onRemove:function(i,n,t){return M?L.removeWhenNotToApply(i,n,t):ai("whenNotToApplyConditions",t)},onEdit:function(i,n,t,e){return M?L.editWhenNotToApply(i,n,t,e):ri("whenNotToApplyConditions",t,e)},index:o,tierKey:C,isHighlighted:R.wnta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:Wi("whenNotToApply_".concat(C,"_").concat(o)),bordered:!0,addLabel:(null==j?void 0:j.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:j.isAiStreaming},j)),(null==j?void 0:j.LazyPromptEditor)&&t(a,i({fallback:t("div",i({style:{padding:"12px",fontSize:"13px",color:"var(--il-muted, #64748B)"}},{children:"Loading editor..."}))},{children:t(j.LazyPromptEditor,{id:"instruction-prompt-".concat(C,"-").concat(o),title:j.instructionPromptTitle,description:null==j?void 0:j.promptDescriptionInformation,value:ii,onChange:function(i){var n;return M?null===(n=j.setInstructionPrompt)||void 0===n?void 0:n.call(j,i):li({instructionPrompt:i})},readOnly:M?k:k||!K,hideEditControls:!M,parentEditing:K,enableViewToggle:null==j?void 0:j.instructionPromptViewToggle,isAiStreaming:null==j?void 0:j.isAiStreaming,tierKey:C,variantIndex:o,uiState:j})})),(null==j?void 0:j.showConfiguration)&&t(c,i({id:"config-".concat(C,"-").concat(o),title:j.configTitle||"Configuration",required:!1,highlights:R,bordered:!0,readOnly:k||ki&&(null==j?void 0:j.activeEditId)!=="config-".concat(C,"-").concat(o),onConfigChange:function(i,n){return L.onConfigChange(C,o,i,n)},separationItems:P,toggles:N,index:o},j)),!M&&K&&(null==j?void 0:j.pendingEditId)===J&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t(y,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}),I)}),"".concat(C,"-variant-").concat(o))})}));return 1===(null===(T=null==j?void 0:j.tierOptions)||void 0===T?void 0:T.length)?t(o.Fragment,{children:P},"tier-".concat(l)):t(v,i({variant:"tier-header",title:{type:"other",label:e},subtitle:R,defaultOpen:!0,footerData:{description:"Variants for ".concat(e)}},{children:P}),"tier-".concat(l))})]}))};export{S as CreateRule,A as VariantListWrapper};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as n,jsx as t,Fragment as e}from"react/jsx-runtime";import o,{useState as l,useEffect as r,Suspense as a}from"react";import{InputDataReasoningCard as d}from"../../InputDataReasoningCard.js";import{ConditionSection as u}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as c}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as s}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as p}from"../../organisms/TextSection/TextSection.js";import v from"../../AccordianSection.js";import{ButtonCognitiveIcon as f}from"../../_svg/ButtonCognitiveIcon.js";import{EditPencilIcon as g}from"../../_svg/EditPencilIcon.js";import{Loader2Icon as h,AlertTriangle as y,Pencil as m,Check as x}from"lucide-react";import{useLearningTemplateStore as T}from"../../../../LearningManagement/store/useLearningTemplateStore.js";import{useVariantEditSession as C,hasMeaningfulText as b}from"../../hooks/useVariantEditSession.js";var A=function(e){var l=e.children,r=e.onAddVariant,a=e.isDisabled,d=e.showAddVariantBtn,u=void 0===d||d,c=e.showConnectorLines,s=void 0===c||c,p=o.Children.toArray(l);return n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",width:"100%",minWidth:0,maxWidth:"100%",boxSizing:"border-box"}},{children:[p.map(function(i,e){var l=e===p.length-1,r=s&&(!l||u);return n(o.Fragment,{children:[i,r&&t("div",{style:{width:"2px",height:"20px",backgroundColor:"var(--il-border, #e2e8f0)",marginLeft:"30px"}})]},e)}),u&&t("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid var(--il-border, #E2E8F0)",borderRadius:"8px",color:a?"var(--il-disabled, #94A3B8)":"var(--il-secondary-fg, #475569)",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"var(--il-surface-alt, #f8fafc)":"var(--il-surface, #ffffff)",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},S=function(S){var E,D,w,I,O,V,B,R,P,N,W,_,k,z=S.state,L=S.handlers,j=S.uiState,M=T(function(i){return i.backwardCompatibility}),F=(null==j?void 0:j.highlights)||new Map,q=F.get("global_0")||{},J=l({}),H=J[0],K=J[1],$=l(null),U=$[0],Z=$[1],G=l(function(){var i,n,t;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 e=null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t[0];return e?e.toLowerCase().replace(/ /g,"_"):null});G[0];var Q=G[1],X="rule-setup"===(null==j?void 0:j.activeEditId),Y=o.useRef(new Map),ii=C(j,function(n){var t,e;return{ruleDescription:(null==n?void 0:n.ruleDescription)||"",instructionPrompt:null!==(e=null!==(t=null==n?void 0:n.instructionPrompt)&&void 0!==t?t:null==j?void 0:j.instructionPrompt)&&void 0!==e?e:"",whenToApplyConditions:((null==n?void 0:n.whenToApplyConditions)||[]).map(function(n){return i({},n)}),whenNotToApplyConditions:((null==n?void 0:n.whenNotToApplyConditions)||[]).map(function(n){return i({},n)})}},function(i){var n;void 0!==i.instructionPrompt&&(null===(n=null==j?void 0:j.setInstructionPrompt)||void 0===n||n.call(j,i.instructionPrompt))}),ni=ii.variantEdit,ti=ii.pendingVariantId,ei=ii.handleStartVariantEdit,oi=ii.handleCancelVariantEdit,li=ii.patchVariantDraft,ri=ii.editDraftCondition,ai=ii.removeDraftCondition,di=ii.addDraftCondition,ui=ii.handleSaveVariantEdit,ci=l(null),si=ci[0],pi=ci[1],vi=l(null),fi=vi[0],gi=vi[1],hi=l(!1),yi=hi[0],mi=hi[1],xi=o.useRef(null==j?void 0:j.isAiStreaming);r(function(){xi.current&&!(null==j?void 0:j.isAiStreaming)&&yi&&mi(!1),xi.current=null==j?void 0:j.isAiStreaming},[null==j?void 0:j.isAiStreaming,yi]);var Ti=function(){var n,t;(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.activeEditId||(null===(n=null==j?void 0:j.setActiveEditId)||void 0===n||n.call(j,"rule-setup"),pi(null!==(t=z.ruleTitle)&&void 0!==t?t:""),gi(z.scopeData?i({},z.scopeData):{}))},Ci=function(){var i;pi(null),gi(null),null===(i=null==j?void 0:j.setActiveEditId)||void 0===i||i.call(j,null)},bi=function(){var i,n,t=null!=si?si:z.ruleTitle,e=null!=fi?fi:z.scopeData,o=t!==z.ruleTitle,l=JSON.stringify(e)!==JSON.stringify(z.scopeData);if(!o&&!l)return pi(null),gi(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==t?void 0:t.trim())?"with ".concat(t):"cleared"),l){var d=null==e?void 0:e.tiers,u=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(u)}var c=a.join(" and "),s=(null==j?void 0:j.ruleTitle)||"Rule Setup";j.setSendMessageInChat("__SKELETON__:".concat(r,":Update ").concat(s," ").concat(c))}mi(!0),pi(null),gi(null),null===(n=null==j?void 0:j.setActiveEditId)||void 0===n||n.call(j,null)},Ai=null!==si?null==si?void 0:si.trim():(z.ruleTitle||"").trim(),Si=null!=fi?fi:z.scopeData,Ei=Ai!==(z.ruleTitle||"").trim(),Di=JSON.stringify(Si)!==JSON.stringify(z.scopeData),wi=""===Ai,Ii=!Ei&&!Di||wi,Oi=o.useRef(null==j?void 0:j.defaultVariantOpen),Vi=o.useRef(null==j?void 0:j.activeVariantAccordionIndex),Bi=o.useRef(null==j?void 0:j.defaultTierOpen),Ri=o.useRef(null===(E=z.scopeData)||void 0===E?void 0:E.tiers),Pi=o.useRef(z.variantsByTier);o.useEffect(function(){var i,n,t,e,o,l,r=null,a=!1;Oi.current!==(null==j?void 0:j.defaultVariantOpen)&&(a=!0,Oi.current=null==j?void 0:j.defaultVariantOpen),Vi.current!==(null==j?void 0:j.activeVariantAccordionIndex)&&(a=!0,Vi.current=null==j?void 0:j.activeVariantAccordionIndex),Bi.current!==(null==j?void 0:j.defaultTierOpen)&&(a=!0,Bi.current=null==j?void 0:j.defaultTierOpen);var d=(null===(i=z.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(Ri.current)!==JSON.stringify(d)&&(a=!0,Ri.current=d,d.length>0&&Q(d[0].toLowerCase().replace(/ /g,"_")));var u=(null===(n=null==j?void 0:j.tierOptions)||void 0===n?void 0:n.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||[],c=u.some(function(i){var n,t,e,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(t=null===(n=Pi.current)||void 0===n?void 0:n[l])||void 0===t?void 0:t.length)||0)!==((null===(o=null===(e=z.variantsByTier)||void 0===e?void 0:e[l])||void 0===o?void 0:o.length)||0)});if(c&&(a=!0),a){var s=null!==(t=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==t?t:null==j?void 0:j.defaultVariantOpen;if(null==s||s<0)return Z(null),void(Pi.current=z.variantsByTier);u.forEach(function(i,n){var t;if(!((null==j?void 0:j.defaultTierOpen)>=0&&n!==j.defaultTierOpen)){var e=i.toLowerCase().replace(/ /g,"_"),o=(null===(t=z.variantsByTier)||void 0===t?void 0:t[e])||[];o[s]&&(r="".concat(e,"-variant-").concat(s)),null!=(null==j?void 0:j.autoScrollVariantIndex)&&o[j.autoScrollVariantIndex]&&(r="".concat(e,"-variant-").concat(j.autoScrollVariantIndex))}}),r&&Z(r)}if(null===U){var p=null!==(e=null==j?void 0:j.activeVariantAccordionIndex)&&void 0!==e?e:null==j?void 0:j.defaultVariantOpen;null!=p&&p>=0&&(null===(l=null===(o=null==j?void 0:j.tierOptions)||void 0===o?void 0:o.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===l||l.forEach(function(i,n){var t;if(!((null==j?void 0:j.defaultTierOpen)>=0&&n!==j.defaultTierOpen)){var e=i.toLowerCase().replace(/ /g,"_");((null===(t=z.variantsByTier)||void 0===t?void 0:t[e])||[])[p]&&Z("".concat(e,"-variant-").concat(p))}}))}Pi.current=z.variantsByTier},[z.variantsByTier,null==j?void 0:j.defaultVariantOpen,null==j?void 0:j.activeVariantAccordionIndex,null===(D=z.scopeData)||void 0===D?void 0:D.tiers,null==j?void 0:j.tierOptions,null==j?void 0:j.autoScrollVariantIndex,null==j?void 0:j.defaultTierOpen]);var Ni=function(n){K(function(t){var e;return i(i({},t),((e={})[n]=!t[n],e))})},Wi=function(i){var n,t,e,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(n=z.fieldCitations)||void 0===n?void 0:n[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(t=z.fieldCitations)||void 0===t?void 0:t[i];return Array.isArray(d)&&d.length>0?d:null!==(e=z.citations)&&void 0!==e?e:[]},_i={marginTop:"-17px",position:"relative",zIndex:1};r(function(){var i,n;null!=(null==j?void 0:j.autoScrollVariantIndex)&&b(z.ruleTitle)&&(null===(n=null===(i=null==j?void 0:j.tierOptions)||void 0===i?void 0:i.filter(function(i){var n,t;return null===(t=null===(n=z.scopeData)||void 0===n?void 0:n.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===n||n.forEach(function(i){var n=i.toLowerCase().replace(/ /g,"_"),t="".concat(n,"-variant-").concat(j.autoScrollVariantIndex),e=Y.current.get(t);e&&requestAnimationFrame(function(){setTimeout(function(){e.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==j?void 0:j.scrollTrigger,z.ruleTitle]),console.log("CreateRule state:",z),console.log("CreateRule uiState:",j);var ki=!!(null==j?void 0:j.activeEditId),zi=X&&null!==si?si:z.ruleTitle,Li=ki&&"rule-setup"!==(null==j?void 0:j.activeEditId);return n("div",i({className:"traffic-manager-template"},{children:[t("div",i({"data-edit-id":"rule-setup"},{children:t(v,i({title:{type:"other",label:(null==j?void 0:j.setupLabel)||"Rule Setup"},actionButtons:M?function(n,e){if(X)return null;var o=!!(null==j?void 0:j.activeEditId)&&"rule-setup"!==j.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==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(Ti(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),n||e())},disabled:yi,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid var(--il-border, #e5e7eb)",borderRadius:"8px",cursor:yi?"not-allowed":"pointer",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",opacity:yi?.5:1}},{children:yi?"Validating...":M?t(m,{size:14}):t(g,{size:12})}))}))}:function(o,l){if(X){var r={display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px",borderRadius:"6px",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500};return n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),bi()},disabled:Ii||yi,style:i(i({},r),{backgroundColor:yi?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",cursor:Ii||yi?"not-allowed":"pointer",opacity:Ii?.5:1,border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:yi?"Validating...":"Save"})),!yi&&t("button",i({onClick:function(i){i.stopPropagation(),Ci()},style:i(i({},r),{backgroundColor:"var(--il-surface, #ffffff)",cursor:"pointer",border:"1px solid var(--il-border, #CBD5E1)",color:"var(--il-primary, #2563EB)"})},{children:"Cancel"}))]}))}var a=(null==j?void 0:j.hideSetupEdit)&&"Edit"===(null==j?void 0:j.usedFor);return t(e,{children:!a&&t("button",i({title:Li?"Save active edits first":wi?"Add":"Edit",onClick:function(i){i.stopPropagation(),Li?(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(j.activeEditId||null):(Ti(),(null==j?void 0:j.setPendingEditId)&&j.setPendingEditId(null),o||l())},disabled:yi,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10px ",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:yi&&(null==j?void 0:j.isAiStreaming)?"var(--il-primary, #2563EB)":"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:yi?"not-allowed":"pointer",opacity:yi?.5:1}},{children:yi?"Validating...":n(e,{children:[t(g,{size:12}),wi?"Add":"Edit"]})}))})},footerData:{ruleTitle:z.ruleTitle,stations:[z.scopeData.station],tiers:null===(w=z.scopeData)||void 0===w?void 0:w.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:M&&"Edit"===(null==j?void 0:j.usedFor),showAccentBorder:wi},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[M&&yi&&(null==j?void 0:j.isAiStreaming)&&n("div",i({style:{display:"flex",alignItems:"center",color:"var(--il-foreground, #141414)",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[t(h,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),n(e,M?{children:[t(p,i({id:"rule-title",title:j.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:zi,onChange:function(i){return X?pi(i):L.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!X,isOpen:H.ruleTitle,onToggle:function(){return Ni("ruleTitle")},isHighlighted:q.ruleTitle||!1,showCognitiveIcon:z.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(I=j.validationErrors)||void 0===I?void 0:I.ruleTitle},j)),z.citation.ruleTitle&&t("div",i({style:_i},{children:t(d,{isVisible:H.ruleTitle,citation:z.citation.ruleTitle,citations:Wi("ruleTitle"),fieldName:"Rule Title",fieldValue:z.ruleTitle})}))]}:{children:[t(p,i({id:"rule-title",title:j.ruleTitle||"Rule Title",subtitle:null==j?void 0:j.ruleTitleInformation,rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:zi,onChange:function(i){return X?pi(i):L.setRuleTitle(i)},readOnly:(null==j?void 0:j.isAiStreaming)||!X,isOpen:H.ruleTitle,onToggle:function(){return Ni("ruleTitle")},isHighlighted:q.ruleTitle||!1,showCognitiveIcon:z.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(O=j.validationErrors)||void 0===O?void 0:O.ruleTitle},j)),z.citation.ruleTitle&&t("div",i({style:_i},{children:t(d,{isVisible:H.ruleTitle,citation:z.citation.ruleTitle,citations:Wi("ruleTitle"),fieldName:"Rule Title",fieldValue:z.ruleTitle})}))]}),(null===(V=null==j?void 0:j.tierOptions)||void 0===V?void 0:V.length)>1&&t(s,i({id:"scope",title:"",required:!1,scopeData:X&&null!==fi?fi:z.scopeData,onScopeChange:function(n,t){X?gi(function(e){var o;return i(i({},null!=e?e:z.scopeData),((o={})[n]=t,o))}):L.onScopeChange(n,t)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:q,isOpen:H.scopeData,onToggle:function(){return Ni("scopeData")},showCognitiveIcon:z.citation.scopeData,cognitiveIcon:t(f,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(B=j.validationErrors)||void 0===B?void 0:B.station)||(null===(R=j.validationErrors)||void 0===R?void 0:R.tiers),stationErrorMessage:null===(P=j.validationErrors)||void 0===P?void 0:P.station,tierErrorMessage:null===(N=j.validationErrors)||void 0===N?void 0:N.tiers,readOnly:(null==j?void 0:j.isAiStreaming)||!X},j)),z.citation.scopeData&&t("div",i({style:_i},{children:t(d,{isVisible:H.scopeData,citation:z.citation.scopeData,citations:Wi("scopeData"),fieldName:"Scope",fieldValue:null===(_=null===(W=z.scopeData)||void 0===W?void 0:W.tiers)||void 0===_?void 0:_.join(", ")})})),X?n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[M&&n("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[t("button",i({onClick:Ci,style:{background:"none",border:"none",color:"var(--il-muted, #64748B)",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),n("button",i({onClick:bi,disabled:Ii,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"var(--il-primary, #2563eb)",color:"var(--il-primary-fg, #ffffff)",fontSize:"14px",fontWeight:"500",cursor:Ii?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:Ii?.5:1}},{children:[t(x,{size:18,strokeWidth:2.5,color:"var(--il-primary-fg, #ffffff)"}),"Save Changes"]}))]})),"rule-setup"===(null==j?void 0:j.pendingEditId)&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[t(y,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #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)&&n("div",i({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"var(--il-surface-alt, #f8fafc)",border:"1px dashed var(--il-border, #E2E8F0)",borderRadius:"12px",color:"var(--il-disabled, #94A3B8)"}},{children:[t(y,{size:20,style:{color:"var(--il-disabled, #94A3B8)"}}),t("span",i({style:{fontSize:"13px",fontWeight:500,color:"var(--il-muted, #64748B)"}},{children:"No tiers found"}))]})),null===(k=null==j?void 0:j.tierOptions)||void 0===k?void 0:k.map(function(e,l){var r,s,f,h,m,x,T,C=e.toLowerCase().replace(/ /g,"_"),S=(null===(r=z.variantsByTier)||void 0===r?void 0:r[C])||[],E=null===(f=null===(s=z.scopeData)||void 0===s?void 0:s.tiers)||void 0===f?void 0:f.includes(e),D=S.length,w=!1;if(1===D){var I=S[0],O=!(null===(h=null==I?void 0:I.ruleDescription)||void 0===h?void 0:h.trim()),V=(null===(m=null==I?void 0:I.whenToApplyConditions)||void 0===m?void 0:m.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,B=(null===(x=null==I?void 0:I.whenNotToApplyConditions)||void 0===x?void 0:x.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!O||V||B||(w=!0)}var R=w?void 0:"".concat(D," ").concat(1===D?"variant":"variants"," configured for this tier"),P=t(A,i({onAddVariant:function(){var i;return null===(i=L.addNewVariant)||void 0===i?void 0:i.call(L,C)},isDisabled:!E||(null==j?void 0:j.isAiStreaming),showAddVariantBtn:M&&"Edit"!==(null==j?void 0:j.usedFor)},{children:S.map(function(e,o){var l,r,s,f,h,m,x,T,A,S,D,w=e.variantType||"default",I="".concat(C,"-variant-").concat(o),O=!0===e.is_variant,V="default"===w||"default_variant"===w,B="".concat(C,"_").concat(o),R=F.get(B)||{},P=(null===(r=null===(l=j.separationItemsByTier)||void 0===l?void 0:l[C])||void 0===r?void 0:r.get(o))||[],N=(null===(f=null===(s=j.togglesByTier)||void 0===s?void 0:s[C])||void 0===f?void 0:f.get(o))||[],W=null===(h=null==j?void 0:j.activeEditId)||void 0===h?void 0:h.startsWith("condition-wta-".concat(C,"-").concat(o)),_=null===(m=null==j?void 0:j.activeEditId)||void 0===m?void 0:m.startsWith("condition-wnta-".concat(C,"-").concat(o)),k=!E||e.isReadOnly||(null==j?void 0:j.isAiStreaming),q=V?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"}(w):"".concat((null==j?void 0:j.variantPillLabel)||"Variant"," ").concat(o+1),J="variant-".concat(C,"-").concat(o),K=!M&&(null==ni?void 0:ni.id)===J,$=ti===J,G=K?ni.draft:null,Q=k||$,X=G?G.ruleDescription:e.ruleDescription||"",ii=G?G.instructionPrompt:null!==(x=e.instructionPrompt)&&void 0!==x?x:j.instructionPrompt,ci=G?G.whenToApplyConditions:e.whenToApplyConditions||[],si=G?G.whenNotToApplyConditions:e.whenNotToApplyConditions||[],pi=!G||!b(G.ruleDescription)||!G.whenToApplyConditions.some(function(i){return b(i.text)});return t("div",i({ref:function(i){i?Y.current.set(I,i):Y.current.delete(I)},style:{width:"100%",opacity:E?1:.7},"data-edit-id":M?void 0:J},{children:t(v,i({title:{type:V?"default":"variant",label:q,number:o+1,isNewVariant:O,isDefault:e.isDefault,isModified:e.isModified},defaultOpen:!0,expanded:U===I,onToggle:function(){var i,n=U===I;Z(n?null:I),null===(i=null==j?void 0:j.setActiveVariantAccordionIndex)||void 0===i||i.call(j,n?null:o)},variant:"rule-behavior",footerData:{ruleTitle:w,description:e.ruleDescription||""},readOnly:k,actionButtons:M?void 0:function(l,r){if(M)return null;if(k&&!K&&!$)return null;if(K||$)return n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t("button",i({onClick:function(i){i.stopPropagation(),ui()},disabled:pi||$,style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:$?"var(--il-primary-subtle, #f5f3ff)":"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:pi||$?"not-allowed":"pointer",opacity:pi?.5:1}},{children:$?"Validating...":"Save"})),!$&&t("button",i({onClick:function(i){i.stopPropagation(),oi()},style:{display:"flex",alignItems:"center",gap:"6px",padding:"6px 10.5px",borderRadius:"6px",border:"1px solid var(--il-primary, #D9D6FE)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-primary, #2563EB)",fontSize:"13px",fontWeight:500,cursor:"pointer"}},{children:"Cancel"}))]}));var a=!(b(e.ruleDescription)||e.whenToApplyConditions&&e.whenToApplyConditions.some(function(i){return b(i.text)})||e.whenNotToApplyConditions&&e.whenNotToApplyConditions.some(function(i){return b(i.text)}));return n("button",i({title:Q?"Editing unavailable":a?"Add":"Edit",onClick:function(i){i.stopPropagation(),ei(e,C,o,q),l||r()},disabled:Q,style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"6px 8px",border:"1px solid var(--il-border, #CBD5E1)",borderRadius:"6px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-muted, #64748B)",fontSize:"13px",fontWeight:500,cursor:Q?"not-allowed":"pointer",opacity:Q?.5:1,gap:"6px"}},{children:[t(g,{size:12})," ",a?"Add":"Edit"]}))},isAiStreaming:null==j?void 0:j.isAiStreaming,alwaysShowActions:!M,showAccentBorder:!wi},{children:n("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(p,i({id:"rule-description-".concat(C,"-").concat(o),title:j.ruleDescriptionTitle||"Rule Description",subtitle:null==j?void 0:j.ruleDescriptionInformation,rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:M?k||ki&&(null==j?void 0:j.activeEditId)!=="rule-description-".concat(C,"-").concat(o):k||!K,value:X,onChange:function(i){return M?L.setRuleDescription(C,o,i):li({ruleDescription:i})},isOpen:H["ruleDescription-".concat(C)],onToggle:function(){return Ni("ruleDescription-".concat(C))},isHighlighted:R.ruleDescription||!1,showCognitiveIcon:null===(T=z.citation)||void 0===T?void 0:T["ruleDescription_".concat(C)],tooltipDescription:"Why this Description?",errorMessage:null===(A=j.validationErrors)||void 0===A?void 0:A["ruleDescription-".concat(C,"-").concat(o)],enableInlineEdit:M,setSendMessageInChat:null==j?void 0:j.setSendMessageInChat,isAiStreaming:null==j?void 0:j.isAiStreaming,fieldName:"Rule Description"},j)),(null===(S=z.citation)||void 0===S?void 0:S["ruleDescription_".concat(C)])&&t("div",i({style:_i},{children:t(d,{isVisible:H["ruleDescription-".concat(C)],citation:z.citation["ruleDescription_".concat(C)],citations:Wi("ruleDescription_".concat(C,"_").concat(o)),fieldName:"Rule Description",fieldValue:e.ruleDescription})})),t(u,i({id:"when-to-apply-".concat(C,"-").concat(o),idPrefix:"condition-wta",title:j.whenToApplyTitle||"When to apply",subtitle:null==j?void 0:j.wtaInformation,required:!0,dividerRequired:!0,readOnly:M?k||ki&&!W:k,hideEditControls:!M,parentEditing:K,conditions:ci,onAdd:function(){return M?L.addWhenToApply(C,o):di("whenToApplyConditions")},onRemove:function(i,n,t){return M?L.removeWhenToApply(i,n,t):ai("whenToApplyConditions",t)},onEdit:function(i,n,t,e){return M?L.editWhenToApply(i,n,t,e):ri("whenToApplyConditions",t,e)},index:o,tierKey:C,isHighlighted:R.wta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:Wi("whenToApply_".concat(C,"_").concat(o)),bordered:!0,addLabel:(null==j?void 0:j.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:j.isAiStreaming,errorMessage:(null===(D=j.validationErrors)||void 0===D?void 0:D["whenToApply-".concat(C,"-").concat(o)])||(null==j?void 0:j.conflictReason)},j)),t(u,i({id:"when-not-to-apply-".concat(C,"-").concat(o),idPrefix:"condition-wnta",title:j.whenNotToApplyTitle||"When NOT to apply",subtitle:null==j?void 0:j.wntaInformation,required:!1,dividerRequired:!0,readOnly:M?k||ki&&!_:k,hideEditControls:!M,parentEditing:K,conditions:si,onAdd:function(){return M?L.addWhenNotToApply(C,o):di("whenNotToApplyConditions")},onRemove:function(i,n,t){return M?L.removeWhenNotToApply(i,n,t):ai("whenNotToApplyConditions",t)},onEdit:function(i,n,t,e){return M?L.editWhenNotToApply(i,n,t,e):ri("whenNotToApplyConditions",t,e)},index:o,tierKey:C,isHighlighted:R.wnta||!1,highlightedIds:null==j?void 0:j.highlightedIds,tooltipDescription:"Why this Condition?",citations:Wi("whenNotToApply_".concat(C,"_").concat(o)),bordered:!0,addLabel:(null==j?void 0:j.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:j.isAiStreaming},j)),(null==j?void 0:j.LazyPromptEditor)&&t(a,i({fallback:t("div",i({style:{padding:"12px",fontSize:"13px",color:"var(--il-muted, #64748B)"}},{children:"Loading editor..."}))},{children:t(j.LazyPromptEditor,{id:"instruction-prompt-".concat(C,"-").concat(o),title:j.instructionPromptTitle,description:null==j?void 0:j.promptDescriptionInformation,value:ii,onChange:function(i){var n;return M?null===(n=j.setInstructionPrompt)||void 0===n?void 0:n.call(j,i):li({instructionPrompt:i})},readOnly:M?k:k||!K,hideEditControls:!M,parentEditing:K,enableViewToggle:null==j?void 0:j.instructionPromptViewToggle,isAiStreaming:null==j?void 0:j.isAiStreaming,tierKey:C,variantIndex:o,uiState:j})})),(null==j?void 0:j.showConfiguration)&&t(c,i({id:"config-".concat(C,"-").concat(o),title:j.configTitle||"Configuration",required:!1,highlights:R,bordered:!0,readOnly:k||ki&&(null==j?void 0:j.activeEditId)!=="config-".concat(C,"-").concat(o),onConfigChange:function(i,n){return L.onConfigChange(C,o,i,n)},separationItems:P,toggles:N,index:o},j)),!M&&K&&(null==j?void 0:j.pendingEditId)===J&&n("div",i({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[t(y,{size:14,style:{color:"var(--il-warning, #C2410C)"}}),t("div",i({style:{color:"var(--il-warning, #C2410C)",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))}),I)}),"".concat(C,"-variant-").concat(o))})}));return 1===(null===(T=null==j?void 0:j.tierOptions)||void 0===T?void 0:T.length)?t(o.Fragment,{children:P},"tier-".concat(l)):t(v,i({variant:"tier-header",title:{type:"other",label:e},subtitle:R,defaultOpen:!0,footerData:{description:"Variants for ".concat(e)}},{children:P}),"tier-".concat(l))})]}))};export{S as CreateRule,A as VariantListWrapper};
|
|
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":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA0B7D,eAAO,MAAM,kBAAkB;cAA6G,MAAM,SAAS;kBAAgB,MAAM,IAAI;;;;uBAgDpL,CAAC;AAEF,eAAO,MAAM,UAAU,iCAAkC,GAAG,
|
|
1
|
+
{"version":3,"file":"CreateRule.d.ts","sourceRoot":"","sources":["../../../../../../../../src/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA0B7D,eAAO,MAAM,kBAAkB;cAA6G,MAAM,SAAS;kBAAgB,MAAM,IAAI;;;;uBAgDpL,CAAC;AAEF,eAAO,MAAM,UAAU,iCAAkC,GAAG,sBA6iC3D,CAAC"}
|