@e-llm-studio/instant-learning 1.3.0-alpha.110 → 1.3.0-alpha.112
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/cjs/features/LearningManagement/RuleContent/TierCard.js +1 -1
- package/dist/cjs/features/LearningManagement/components/InstantLearningModal.js +1 -1
- package/dist/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.js +1 -1
- package/dist/features/LearningManagement/RuleContent/TierCard.js +1 -1
- package/dist/features/LearningManagement/components/InstantLearningModal.js +1 -1
- package/dist/types/src/features/IL-OTJ/_components/templates/TrafficManager/CreateRule.d.ts.map +1 -1
- package/dist/types/src/features/LearningManagement/RuleContent/TierCard.d.ts.map +1 -1
- package/dist/types/src/features/LearningManagement/components/InstantLearningModal.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as n}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 c}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as u}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as s}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as v}from"../../organisms/TextSection/TextSection.js";import p from"../../AccordianSection.js";import{ButtonCognitiveIcon as f}from"../../_svg/ButtonCognitiveIcon.js";import{Loader2Icon as g,AlertTriangle as h,Check as y,X as m,Pencil as x}from"lucide-react";var T=function(o){var r=o.LazyPromptEditor,d=o.value,c=o.onChange,u=o.title,s=o.tierKey,v=o.variantIndex,p=o.uiState,f=o.isHighlighted,g="instruction-prompt-".concat(s,"-").concat(v),T=(null==p?void 0:p.activeEditId)===g,C=!!(null==p?void 0:p.activeEditId)&&p.activeEditId!==g,S=l(null),I=S[0],b=S[1],A=(null==I?void 0:I.trim())||"",E=A===((null==d?void 0:d.trim())||"")||null!==I&&""===A,D={display:"flex",alignItems:"center",justifyContent:"center",padding:"8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:"pointer",width:"36px",height:"36px",backgroundColor:"#ffffff"},w={cursor:E?"not-allowed":"pointer",opacity:E?.5:1};return e("div",i({style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",marginBottom:"12px",margin:"0 0.2rem"},"data-edit-id":g},{children:[t("div",i({style:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between",marginBottom:"4px"}},{children:t("span",i({style:{fontSize:"14px",fontWeight:500,color:"#19213D",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:u}))})),e("div",i({style:{display:"flex",alignItems:"flex-start",gap:"8px",width:"100%"}},{children:[t("div",i({style:{flex:1,minWidth:0,border:f?"1px solid #2563EB":"none",borderRadius:"8px",boxShadow:f?"0 0 12px 3px rgba(37, 99, 235, 0.3)":"none",transition:"all 0.3s"}},{children:t(a,i({fallback:t("div",i({style:{padding:"12px",fontSize:"13px",color:"#6b7280"}},{children:"Loading editor..."}))},{children:t("div",i({style:{pointerEvents:T?"auto":"none",opacity:T?1:.75}},{children:t(r,{value:T&&null!==I?I:d,onChange:function(i){T?b(i):c&&c(i)},title:u,minHeight:"220px",maxHeight:"400px"})}))}))})),!(null==p?void 0:p.isEffectivelyReadOnly)&&t("div",i({style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:"0px"}},{children:T?e(n,{children:[e("button",i({title:"Apply",onClick:function(){var i,e;if(null!==I){if(I===(null!=d?d:""))return b(null),void(null===(i=null==p?void 0:p.setActiveEditId)||void 0===i||i.call(p,null));if(null==c||c(I),null==p?void 0:p.setSendMessageInChat){var t="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8));p.setSendMessageInChat("__SKELETON__:".concat(t,":The Instruction Prompt has been updated through the Learning Form"))}b(null),null===(e=null==p?void 0:p.setActiveEditId)||void 0===e||e.call(p,null)}},disabled:E,style:i(i(i({},D),w),{backgroundColor:"#2563EB",color:"white",width:"auto",padding:"8px 12px"})},{children:[t(y,{size:20,strokeWidth:2.5})," Apply"]})),t("button",i({title:"Cancel",onClick:function(){var i;b(null),null===(i=null==p?void 0:p.setActiveEditId)||void 0===i||i.call(p,null)},style:i(i({},D),{borderColor:"#E3E8E9",color:"#dc2626"})},{children:t(m,{size:20,strokeWidth:2.5})}))]}):t("button",i({title:C?"Save active edits first":"Edit",onClick:function(){var i;(null==p?void 0:p.activeEditId)&&p.activeEditId!==g||(null===(i=null==p?void 0:p.setActiveEditId)||void 0===i||i.call(p,g),b(null!=d?d:""))},disabled:(null==p?void 0:p.isAiStreaming)||C,style:i(i({},D),{color:"#6b7280",cursor:(null==p?void 0:p.isAiStreaming)||C?"not-allowed":"pointer",opacity:(null==p?void 0:p.isAiStreaming)||C?.5:1})},{children:t(x,{size:20})}))}))]})),(null==p?void 0:p.pendingEditId)===g&&T&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"6px"}},{children:[t(h,{size:14,style:{color:"#C2410C"}}),t("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))},C=function(n){var l=n.children,r=n.onAddVariant,a=n.isDisabled,d=n.showAddVariantBtn,c=void 0===d||d,u=o.Children.toArray(l);return e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[u.map(function(i,n){var l=!(n===u.length-1)||c;return e(o.Fragment,{children:[i,l&&t("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},n)}),c&&t("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:a?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"#f8fafc":"#FFFFFF",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},S=function(n){var a,m,S,I,b,A,E,D,w,O,R,V,_=n.state,W=n.handlers,N=n.uiState,L=(null==N?void 0:N.highlights)||new Map,k=L.get("global_0")||{},z=l({}),F=z[0],B=z[1],P=l(null),M=P[0],j=P[1],q=l(function(){var i,e,t;if((null==N?void 0:N.defaultTierOpen)>=0&&(null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i[N.defaultTierOpen]))return N.tierOptions[N.defaultTierOpen].toLowerCase().replace(/ /g,"_");var n=null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t[0];return n?n.toLowerCase().replace(/ /g,"_"):null});q[0];var H=q[1],J="rule-setup"===(null==N?void 0:N.activeEditId),K=o.useRef(new Map),$=l(null),U=$[0],Z=$[1],G=l(null),Q=G[0],X=G[1],Y=l(!1),ii=Y[0],ei=Y[1],ti=o.useRef(null==N?void 0:N.isAiStreaming);r(function(){ti.current&&!(null==N?void 0:N.isAiStreaming)&&ii&&ei(!1),ti.current=null==N?void 0:N.isAiStreaming},[null==N?void 0:N.isAiStreaming,ii]);var ni=function(){var i;Z(null),X(null),null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null)},oi=function(){var i,e,t=null!=U?U:_.ruleTitle,n=null!=Q?Q:_.scopeData,o=t!==_.ruleTitle,l=JSON.stringify(n)!==JSON.stringify(_.scopeData);if(!o&&!l)return Z(null),X(null),void(null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null));if(null==N?void 0:N.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())?"Title with ".concat(t):"No Title"),l){var d=null==n?void 0:n.tiers,c=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(c)}var u=a.join(" and ");N.setSendMessageInChat("__SKELETON__:".concat(r,":Update Rule Setup ").concat(u))}ei(!0),Z(null),X(null),null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,null)},li=null!==U?null==U?void 0:U.trim():(_.ruleTitle||"").trim(),ri=null!=Q?Q:_.scopeData,ai=li!==(_.ruleTitle||"").trim(),di=JSON.stringify(ri)!==JSON.stringify(_.scopeData),ci=!ai&&!di||""===li,ui=o.useRef(null==N?void 0:N.defaultVariantOpen),si=o.useRef(null==N?void 0:N.activeVariantAccordionIndex),vi=o.useRef(null==N?void 0:N.defaultTierOpen),pi=o.useRef(null===(a=_.scopeData)||void 0===a?void 0:a.tiers),fi=o.useRef(_.variantsByTier);o.useEffect(function(){var i,e,t,n,o,l,r=null,a=!1;ui.current!==(null==N?void 0:N.defaultVariantOpen)&&(a=!0,ui.current=null==N?void 0:N.defaultVariantOpen),si.current!==(null==N?void 0:N.activeVariantAccordionIndex)&&(a=!0,si.current=null==N?void 0:N.activeVariantAccordionIndex),vi.current!==(null==N?void 0:N.defaultTierOpen)&&(a=!0,vi.current=null==N?void 0:N.defaultTierOpen);var d=(null===(i=_.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(pi.current)!==JSON.stringify(d)&&(a=!0,pi.current=d,d.length>0&&H(d[0].toLowerCase().replace(/ /g,"_")));var c=(null===(e=null==N?void 0:N.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||[],u=c.some(function(i){var e,t,n,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(t=null===(e=fi.current)||void 0===e?void 0:e[l])||void 0===t?void 0:t.length)||0)!==((null===(o=null===(n=_.variantsByTier)||void 0===n?void 0:n[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var s=null!==(t=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==t?t:null==N?void 0:N.defaultVariantOpen;if(null==s||s<0)return j(null),void(fi.current=_.variantsByTier);c.forEach(function(i,e){var t;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var n=i.toLowerCase().replace(/ /g,"_"),o=(null===(t=_.variantsByTier)||void 0===t?void 0:t[n])||[];o[s]&&(r="".concat(n,"-variant-").concat(s)),null!=(null==N?void 0:N.autoScrollVariantIndex)&&o[N.autoScrollVariantIndex]&&(r="".concat(n,"-variant-").concat(N.autoScrollVariantIndex))}}),r&&j(r)}if(null===M){var v=null!==(n=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==n?n:null==N?void 0:N.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==N?void 0:N.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===l||l.forEach(function(i,e){var t;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var n=i.toLowerCase().replace(/ /g,"_");((null===(t=_.variantsByTier)||void 0===t?void 0:t[n])||[])[v]&&j("".concat(n,"-variant-").concat(v))}}))}fi.current=_.variantsByTier},[_.variantsByTier,null==N?void 0:N.defaultVariantOpen,null==N?void 0:N.activeVariantAccordionIndex,null===(m=_.scopeData)||void 0===m?void 0:m.tiers,null==N?void 0:N.tierOptions,null==N?void 0:N.autoScrollVariantIndex,null==N?void 0:N.defaultTierOpen]);var gi=function(e){B(function(t){var n;return i(i({},t),((n={})[e]=!t[e],n))})},hi=function(i){var e,t,n,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(e=_.fieldCitations)||void 0===e?void 0:e[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(t=_.fieldCitations)||void 0===t?void 0:t[i];return Array.isArray(d)&&d.length>0?d:null!==(n=_.citations)&&void 0!==n?n:[]},yi={marginTop:"-17px",position:"relative",zIndex:1};r(function(){var i,e;null!=(null==N?void 0:N.autoScrollVariantIndex)&&(null===(e=null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),t="".concat(e,"-variant-").concat(N.autoScrollVariantIndex),n=K.current.get(t);n&&requestAnimationFrame(function(){setTimeout(function(){n.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==N?void 0:N.scrollTrigger]),console.log("CreateRule state:",_),console.log("CreateRule uiState:",N);var mi=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"},xi=!!(null==N?void 0:N.activeEditId);return e("div",i({className:"traffic-manager-template"},{children:[t("div",i({"data-edit-id":"rule-setup"},{children:t(p,i({title:{type:"other",label:(null==N?void 0:N.setupLabel)||"Rule Setup"},actionButtons:function(e,n){if(J)return null;var o=!!(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId;return t("div",i({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:t("button",i({title:o?"Save active edits first":"Edit",onClick:function(t){t.stopPropagation(),o?(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(N.activeEditId||null):(!function(){var e,t;(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId||(null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,"rule-setup"),Z(null!==(t=_.ruleTitle)&&void 0!==t?t:""),X(_.scopeData?i({},_.scopeData):{}))}(),(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(null),e||n())},disabled:ii,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:ii?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:ii?.5:1}},{children:t(x,{size:14})}))}))},footerData:{ruleTitle:_.ruleTitle,stations:[_.scopeData.station],tiers:null===(S=_.scopeData)||void 0===S?void 0:S.tiers},defaultOpen:"Create"===(null==N?void 0:N.usedFor),readOnly:"Create"!==(null==N?void 0:N.usedFor),isAiStreaming:null==N?void 0:N.isAiStreaming,editFlow:"Edit"===(null==N?void 0:N.usedFor)},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[ii&&(null==N?void 0:N.isAiStreaming)&&e("div",i({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[t(g,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),t(v,i({id:"rule-title",title:N.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:J&&null!==U?U:_.ruleTitle,onChange:function(i){return J?Z(i):W.setRuleTitle(i)},readOnly:(null==N?void 0:N.isAiStreaming)||!J,isOpen:F.ruleTitle,onToggle:function(){return gi("ruleTitle")},isHighlighted:k.ruleTitle||!1,showCognitiveIcon:_.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(I=N.validationErrors)||void 0===I?void 0:I.ruleTitle},N)),_.citation.ruleTitle&&t("div",i({style:yi},{children:t(d,{isVisible:F.ruleTitle,citation:_.citation.ruleTitle,citations:hi("ruleTitle"),fieldName:"Rule Title",fieldValue:_.ruleTitle})})),(null===(b=null==N?void 0:N.tierOptions)||void 0===b?void 0:b.length)>1&&t(s,i({id:"scope",title:"",required:!1,scopeData:J&&null!==Q?Q:_.scopeData,onScopeChange:function(e,t){J?X(function(n){var o;return i(i({},null!=n?n:_.scopeData),((o={})[e]=t,o))}):W.onScopeChange(e,t)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:k,isOpen:F.scopeData,onToggle:function(){return gi("scopeData")},showCognitiveIcon:_.citation.scopeData,cognitiveIcon:t(f,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(A=N.validationErrors)||void 0===A?void 0:A.station)||(null===(E=N.validationErrors)||void 0===E?void 0:E.tiers),stationErrorMessage:null===(D=N.validationErrors)||void 0===D?void 0:D.station,tierErrorMessage:null===(w=N.validationErrors)||void 0===w?void 0:w.tiers,readOnly:(null==N?void 0:N.isAiStreaming)||!J},N)),_.citation.scopeData&&t("div",i({style:yi},{children:t(d,{isVisible:F.scopeData,citation:_.citation.scopeData,citations:hi("scopeData"),fieldName:"Scope",fieldValue:null===(R=null===(O=_.scopeData)||void 0===O?void 0:O.tiers)||void 0===R?void 0:R.join(", ")})})),J?e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[t("button",i({onClick:ni,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e("button",i({onClick:oi,disabled:ci,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:ci?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:ci?.5:1}},{children:[t(y,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==N?void 0:N.pendingEditId)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[t(h,{size:14,style:{color:"#C2410C"}}),t("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==N?void 0:N.tierOptions)||0===N.tierOptions.length)&&e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"#FAFAFA",border:"1px dashed #E2E8F0",borderRadius:"12px",color:"#94a3b8"}},{children:[t(h,{size:20,style:{color:"#94a3b8"}}),t("span",i({style:{fontSize:"13px",fontWeight:500,color:"#64748b"}},{children:"No tiers found"}))]})),null===(V=null==N?void 0:N.tierOptions)||void 0===V?void 0:V.map(function(n,l){var r,a,s,f,g,h,y,m=n.toLowerCase().replace(/ /g,"_"),x=(null===(r=_.variantsByTier)||void 0===r?void 0:r[m])||[],S=null===(s=null===(a=_.scopeData)||void 0===a?void 0:a.tiers)||void 0===s?void 0:s.includes(n),I=x.length,b=!1;if(1===I){var A=x[0],E=!(null===(f=null==A?void 0:A.ruleDescription)||void 0===f?void 0:f.trim()),D=(null===(g=null==A?void 0:A.whenToApplyConditions)||void 0===g?void 0:g.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,w=(null===(h=null==A?void 0:A.whenNotToApplyConditions)||void 0===h?void 0:h.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!E||D||w||(b=!0)}var O=b?void 0:"".concat(I," ").concat(1===I?"variant":"variants"," configured for this tier"),R=t(C,i({onAddVariant:function(){var i;return null===(i=W.addNewVariant)||void 0===i?void 0:i.call(W,m)},isDisabled:!S||(null==N?void 0:N.isAiStreaming),showAddVariantBtn:"Edit"!==(null==N?void 0:N.usedFor)},{children:x.map(function(n,o){var l,r,a,s,f,g,h,y,x,C,I,b=n.variantType||"default",A="".concat(m,"-variant-").concat(o),E=!0===n.is_variant,D="default"===b||"default_variant"===b,w="".concat(m,"_").concat(o),O=L.get(w)||{},R=(null===(r=null===(l=N.separationItemsByTier)||void 0===l?void 0:l[m])||void 0===r?void 0:r.get(o))||[],V=(null===(s=null===(a=N.togglesByTier)||void 0===a?void 0:a[m])||void 0===s?void 0:s.get(o))||[],k=null===(f=null==N?void 0:N.activeEditId)||void 0===f?void 0:f.startsWith("condition-wta-".concat(m,"-").concat(o)),z=null===(g=null==N?void 0:N.activeEditId)||void 0===g?void 0:g.startsWith("condition-wnta-".concat(m,"-").concat(o)),B=!S||n.isReadOnly||(null==N?void 0:N.isAiStreaming);return t("div",i({ref:function(i){i?K.current.set(A,i):K.current.delete(A)},style:{width:"100%",opacity:S?1:.7}},{children:t(p,i({title:{type:D?"default":"variant",label:mi(b),number:o+1,isNewVariant:E,isDefault:n.isDefault,isModified:n.isModified},defaultOpen:!0,expanded:M===A,onToggle:function(){var i,e=M===A;j(e?null:A),null===(i=null==N?void 0:N.setActiveVariantAccordionIndex)||void 0===i||i.call(N,e?null:o)},variant:"rule-behavior",footerData:{ruleTitle:b,description:n.ruleDescription||""},readOnly:B},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(v,i({id:"rule-description-".concat(m,"-").concat(o),title:N.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:B||xi&&(null==N?void 0:N.activeEditId)!=="rule-description-".concat(m,"-").concat(o),value:n.ruleDescription||"",onChange:function(i){return W.setRuleDescription(m,o,i)},isOpen:F["ruleDescription-".concat(m)],onToggle:function(){return gi("ruleDescription-".concat(m))},isHighlighted:O.ruleDescription||!1,showCognitiveIcon:null===(h=_.citation)||void 0===h?void 0:h["ruleDescription_".concat(m)],tooltipDescription:"Why this Description?",errorMessage:null===(y=N.validationErrors)||void 0===y?void 0:y["ruleDescription-".concat(m,"-").concat(o)],enableInlineEdit:!0,setSendMessageInChat:null==N?void 0:N.setSendMessageInChat,isAiStreaming:null==N?void 0:N.isAiStreaming,fieldName:"Rule Description"},N)),(null===(x=_.citation)||void 0===x?void 0:x["ruleDescription_".concat(m)])&&t("div",i({style:yi},{children:t(d,{isVisible:F["ruleDescription-".concat(m)],citation:_.citation["ruleDescription_".concat(m)],citations:hi("ruleDescription_".concat(m,"_").concat(o)),fieldName:"Rule Description",fieldValue:n.ruleDescription})})),(null==N?void 0:N.LazyPromptEditor)&&t(T,{LazyPromptEditor:N.LazyPromptEditor,value:null!==(C=n.instructionPrompt)&&void 0!==C?C:N.instructionPrompt,onChange:N.setInstructionPrompt,title:N.instructionPromptTitle,tierKey:m,variantIndex:o,uiState:i(i({},N),{isEffectivelyReadOnly:B}),isHighlighted:O.instruction_prompt||!1}),t(c,i({id:"when-to-apply-".concat(m,"-").concat(o),idPrefix:"condition-wta",title:N.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:B||xi&&!k,conditions:n.whenToApplyConditions||[],onAdd:function(){return W.addWhenToApply(m,o)},onRemove:function(i,e,t){return W.removeWhenToApply(i,e,t)},onEdit:function(i,e,t,n){return W.editWhenToApply(i,e,t,n)},index:o,tierKey:m,isHighlighted:O.wta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:hi("whenToApply_".concat(m,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:N.isAiStreaming,errorMessage:(null===(I=N.validationErrors)||void 0===I?void 0:I["whenToApply-".concat(m,"-").concat(o)])||(null==N?void 0:N.conflictReason)},N)),t(c,i({id:"when-not-to-apply-".concat(m,"-").concat(o),idPrefix:"condition-wnta",title:N.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:B||xi&&!z,conditions:n.whenNotToApplyConditions||[],onAdd:function(){return W.addWhenNotToApply(m,o)},onRemove:function(i,e,t){return W.removeWhenNotToApply(i,e,t)},onEdit:function(i,e,t,n){return W.editWhenNotToApply(i,e,t,n)},index:o,tierKey:m,isHighlighted:O.wnta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:hi("whenNotToApply_".concat(m,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:N.isAiStreaming},N)),(null==N?void 0:N.showConfiguration)&&t(u,i({id:"config-".concat(m,"-").concat(o),title:N.configTitle||"Configuration",required:!1,highlights:O,bordered:!0,readOnly:B||xi&&(null==N?void 0:N.activeEditId)!=="config-".concat(m,"-").concat(o),onConfigChange:function(i,e){return W.onConfigChange(m,o,i,e)},separationItems:R,toggles:V,index:o},N))]}))}),A)}),"".concat(m,"-variant-").concat(o))})}));return 1===(null===(y=null==N?void 0:N.tierOptions)||void 0===y?void 0:y.length)?t(o.Fragment,{children:R},"tier-".concat(l)):t(p,i({variant:"tier-header",title:{type:"other",label:n},subtitle:O,defaultOpen:!0,footerData:{description:"Variants for ".concat(n)}},{children:R}),"tier-".concat(l))})]}))};export{S as CreateRule};
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,jsx as t,Fragment as n}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 c}from"../../organisms/ConditionSection/ConditionSection.js";import{ConfigSection as u}from"../../organisms/ConfigSection/ConfigSection.js";import{ScopeSection as s}from"../../organisms/ScopeSection/ScopeSection.js";import{TextSection as v}from"../../organisms/TextSection/TextSection.js";import p from"../../AccordianSection.js";import{ButtonCognitiveIcon as f}from"../../_svg/ButtonCognitiveIcon.js";import{Loader2Icon as g,AlertTriangle as h,Check as y,X as m,Pencil as x}from"lucide-react";var T=function(d){var c=d.LazyPromptEditor,u=d.value,s=d.onChange,v=d.title,p=d.tierKey,f=d.variantIndex,g=d.uiState,T=d.isHighlighted,C="instruction-prompt-".concat(p,"-").concat(f),S=(null==g?void 0:g.activeEditId)===C,b=!!(null==g?void 0:g.activeEditId)&&g.activeEditId!==C,I=l(null),A=I[0],E=I[1],D=o.useRef(null);r(function(){var i=D.current;if(i){var e=function(e){if(!S){var t=e.target;t&&i.contains(t)&&t.blur()}};return i.addEventListener("focusin",e),function(){return i.removeEventListener("focusin",e)}}},[S]);var w=(null==A?void 0:A.trim())||"",O=w===((null==u?void 0:u.trim())||"")||null!==A&&""===w,R={display:"flex",alignItems:"center",justifyContent:"center",padding:"8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:"pointer",width:"36px",height:"36px",backgroundColor:"#ffffff"},V={cursor:O?"not-allowed":"pointer",opacity:O?.5:1};return e("div",i({style:{display:"flex",flexDirection:"column",gap:"4px",width:"100%",marginBottom:"12px",margin:"0 0.2rem"},"data-edit-id":C},{children:[t("div",i({style:{display:"flex",alignItems:"center",width:"100%",justifyContent:"space-between",marginBottom:"4px"}},{children:t("span",i({style:{fontSize:"14px",fontWeight:500,color:"#19213D",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:v}))})),e("div",i({style:{display:"flex",flexDirection:"column",gap:"8px",width:"100%"}},{children:[!(null==g?void 0:g.isEffectivelyReadOnly)&&t("div",i({style:{display:"flex",flexDirection:"row",gap:"8px",justifyContent:"flex-end"}},{children:S?e(n,{children:[e("button",i({title:"Apply",onClick:function(){var i,e;if(null!==A){if(A===(null!=u?u:""))return E(null),void(null===(i=null==g?void 0:g.setActiveEditId)||void 0===i||i.call(g,null));if(null==s||s(A),null==g?void 0:g.setSendMessageInChat){var t="sk-".concat(Date.now(),"-").concat(Math.random().toString(36).slice(2,8));g.setSendMessageInChat("__SKELETON__:".concat(t,":The Instruction Prompt has been updated through the Learning Form"))}E(null),null===(e=null==g?void 0:g.setActiveEditId)||void 0===e||e.call(g,null)}},disabled:O,style:i(i(i({},R),V),{backgroundColor:"#2563EB",color:"white",width:"auto",padding:"8px 12px"})},{children:[t(y,{size:20,strokeWidth:2.5})," Apply"]})),t("button",i({title:"Cancel",onClick:function(){var i;E(null),null===(i=null==g?void 0:g.setActiveEditId)||void 0===i||i.call(g,null)},style:i(i({},R),{borderColor:"#E3E8E9",color:"#dc2626"})},{children:t(m,{size:20,strokeWidth:2.5})}))]}):t("button",i({title:b?"Save active edits first":"Edit",onClick:function(){var i;(null==g?void 0:g.activeEditId)&&g.activeEditId!==C||(null===(i=null==g?void 0:g.setActiveEditId)||void 0===i||i.call(g,C),E(null!=u?u:""))},disabled:(null==g?void 0:g.isAiStreaming)||b,style:i(i({},R),{color:"#6b7280",cursor:(null==g?void 0:g.isAiStreaming)||b?"not-allowed":"pointer",opacity:(null==g?void 0:g.isAiStreaming)||b?.5:1})},{children:t(x,{size:20})}))})),t("div",i({style:{width:"100%",minWidth:0,border:T?"1px solid #2563EB":"none",borderRadius:"8px",boxShadow:T?"0 0 12px 3px rgba(37, 99, 235, 0.3)":"none",transition:"all 0.3s"}},{children:t(a,i({fallback:t("div",i({style:{padding:"12px",fontSize:"13px",color:"#6b7280"}},{children:"Loading editor..."}))},{children:t("div",i({ref:D,style:{pointerEvents:S?"auto":"none",opacity:S?1:.75},onKeyDownCapture:function(i){S||(i.preventDefault(),i.stopPropagation())}},{children:t(c,{value:S&&null!==A?A:u,onChange:function(i){S?E(i):s&&s(i)},title:v,minHeight:"220px",maxHeight:"400px"})}))}))}))]})),(null==g?void 0:g.pendingEditId)===C&&S&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"6px"}},{children:[t(h,{size:14,style:{color:"#C2410C"}}),t("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]}))},C=function(n){var l=n.children,r=n.onAddVariant,a=n.isDisabled,d=n.showAddVariantBtn,c=void 0===d||d,u=o.Children.toArray(l);return e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[u.map(function(i,n){var l=!(n===u.length-1)||c;return e(o.Fragment,{children:[i,l&&t("div",{style:{width:"2px",height:"20px",backgroundColor:"#E2E8F0",marginLeft:"30px"}})]},n)}),c&&t("div",i({onClick:a?void 0:r,style:{padding:"8px 16px",border:"1px solid #E2E8F0",borderRadius:"8px",color:a?"#94a3b8":"#475569",fontSize:"14px",fontWeight:"500",cursor:a?"not-allowed":"pointer",backgroundColor:a?"#f8fafc":"#FFFFFF",opacity:a?.7:1,userSelect:"none",transition:"all 0.2s ease"}},{children:"Add Variant"}))]}))},S=function(n){var a,m,S,b,I,A,E,D,w,O,R,V,_=n.state,W=n.handlers,N=n.uiState,L=(null==N?void 0:N.highlights)||new Map,k=L.get("global_0")||{},z=l({}),F=z[0],B=z[1],P=l(null),j=P[0],M=P[1],q=l(function(){var i,e,t;if((null==N?void 0:N.defaultTierOpen)>=0&&(null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i[N.defaultTierOpen]))return N.tierOptions[N.defaultTierOpen].toLowerCase().replace(/ /g,"_");var n=null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t[0];return n?n.toLowerCase().replace(/ /g,"_"):null});q[0];var H=q[1],J="rule-setup"===(null==N?void 0:N.activeEditId),K=o.useRef(new Map),$=l(null),U=$[0],Z=$[1],G=l(null),Q=G[0],X=G[1],Y=l(!1),ii=Y[0],ei=Y[1],ti=o.useRef(null==N?void 0:N.isAiStreaming);r(function(){ti.current&&!(null==N?void 0:N.isAiStreaming)&&ii&&ei(!1),ti.current=null==N?void 0:N.isAiStreaming},[null==N?void 0:N.isAiStreaming,ii]);var ni=function(){var i;Z(null),X(null),null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null)},oi=function(){var i,e,t=null!=U?U:_.ruleTitle,n=null!=Q?Q:_.scopeData,o=t!==_.ruleTitle,l=JSON.stringify(n)!==JSON.stringify(_.scopeData);if(!o&&!l)return Z(null),X(null),void(null===(i=null==N?void 0:N.setActiveEditId)||void 0===i||i.call(N,null));if(null==N?void 0:N.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())?"Title with ".concat(t):"No Title"),l){var d=null==n?void 0:n.tiers,c=d&&d.length>0?"tiers: ".concat(d.join(", ")):"No Tier Selected";a.push(c)}var u=a.join(" and ");N.setSendMessageInChat("__SKELETON__:".concat(r,":Update Rule Setup ").concat(u))}ei(!0),Z(null),X(null),null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,null)},li=null!==U?null==U?void 0:U.trim():(_.ruleTitle||"").trim(),ri=null!=Q?Q:_.scopeData,ai=li!==(_.ruleTitle||"").trim(),di=JSON.stringify(ri)!==JSON.stringify(_.scopeData),ci=!ai&&!di||""===li,ui=o.useRef(null==N?void 0:N.defaultVariantOpen),si=o.useRef(null==N?void 0:N.activeVariantAccordionIndex),vi=o.useRef(null==N?void 0:N.defaultTierOpen),pi=o.useRef(null===(a=_.scopeData)||void 0===a?void 0:a.tiers),fi=o.useRef(_.variantsByTier);o.useEffect(function(){var i,e,t,n,o,l,r=null,a=!1;ui.current!==(null==N?void 0:N.defaultVariantOpen)&&(a=!0,ui.current=null==N?void 0:N.defaultVariantOpen),si.current!==(null==N?void 0:N.activeVariantAccordionIndex)&&(a=!0,si.current=null==N?void 0:N.activeVariantAccordionIndex),vi.current!==(null==N?void 0:N.defaultTierOpen)&&(a=!0,vi.current=null==N?void 0:N.defaultTierOpen);var d=(null===(i=_.scopeData)||void 0===i?void 0:i.tiers)||[];JSON.stringify(pi.current)!==JSON.stringify(d)&&(a=!0,pi.current=d,d.length>0&&H(d[0].toLowerCase().replace(/ /g,"_")));var c=(null===(e=null==N?void 0:N.tierOptions)||void 0===e?void 0:e.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||[],u=c.some(function(i){var e,t,n,o,l=i.toLowerCase().replace(/ /g,"_");return((null===(t=null===(e=fi.current)||void 0===e?void 0:e[l])||void 0===t?void 0:t.length)||0)!==((null===(o=null===(n=_.variantsByTier)||void 0===n?void 0:n[l])||void 0===o?void 0:o.length)||0)});if(u&&(a=!0),a){var s=null!==(t=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==t?t:null==N?void 0:N.defaultVariantOpen;if(null==s||s<0)return M(null),void(fi.current=_.variantsByTier);c.forEach(function(i,e){var t;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var n=i.toLowerCase().replace(/ /g,"_"),o=(null===(t=_.variantsByTier)||void 0===t?void 0:t[n])||[];o[s]&&(r="".concat(n,"-variant-").concat(s)),null!=(null==N?void 0:N.autoScrollVariantIndex)&&o[N.autoScrollVariantIndex]&&(r="".concat(n,"-variant-").concat(N.autoScrollVariantIndex))}}),r&&M(r)}if(null===j){var v=null!==(n=null==N?void 0:N.activeVariantAccordionIndex)&&void 0!==n?n:null==N?void 0:N.defaultVariantOpen;null!=v&&v>=0&&(null===(l=null===(o=null==N?void 0:N.tierOptions)||void 0===o?void 0:o.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===l||l.forEach(function(i,e){var t;if(!((null==N?void 0:N.defaultTierOpen)>=0&&e!==N.defaultTierOpen)){var n=i.toLowerCase().replace(/ /g,"_");((null===(t=_.variantsByTier)||void 0===t?void 0:t[n])||[])[v]&&M("".concat(n,"-variant-").concat(v))}}))}fi.current=_.variantsByTier},[_.variantsByTier,null==N?void 0:N.defaultVariantOpen,null==N?void 0:N.activeVariantAccordionIndex,null===(m=_.scopeData)||void 0===m?void 0:m.tiers,null==N?void 0:N.tierOptions,null==N?void 0:N.autoScrollVariantIndex,null==N?void 0:N.defaultTierOpen]);var gi=function(e){B(function(t){var n;return i(i({},t),((n={})[e]=!t[e],n))})},hi=function(i){var e,t,n,o=i.split("_"),l=o[o.length-1],r=/^\d+$/.test(l)?o.slice(0,-1).join("_"):i,a=null===(e=_.fieldCitations)||void 0===e?void 0:e[r];if(Array.isArray(a)&&a.length>0)return a;var d=null===(t=_.fieldCitations)||void 0===t?void 0:t[i];return Array.isArray(d)&&d.length>0?d:null!==(n=_.citations)&&void 0!==n?n:[]},yi={marginTop:"-17px",position:"relative",zIndex:1};r(function(){var i,e;null!=(null==N?void 0:N.autoScrollVariantIndex)&&(null===(e=null===(i=null==N?void 0:N.tierOptions)||void 0===i?void 0:i.filter(function(i){var e,t;return null===(t=null===(e=_.scopeData)||void 0===e?void 0:e.tiers)||void 0===t?void 0:t.includes(i)}))||void 0===e||e.forEach(function(i){var e=i.toLowerCase().replace(/ /g,"_"),t="".concat(e,"-variant-").concat(N.autoScrollVariantIndex),n=K.current.get(t);n&&requestAnimationFrame(function(){setTimeout(function(){n.scrollIntoView({behavior:"smooth",block:"center"})},300)})}))},[null==N?void 0:N.scrollTrigger]),console.log("CreateRule state:",_),console.log("CreateRule uiState:",N);var mi=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"},xi=!!(null==N?void 0:N.activeEditId);return e("div",i({className:"traffic-manager-template"},{children:[t("div",i({"data-edit-id":"rule-setup"},{children:t(p,i({title:{type:"other",label:(null==N?void 0:N.setupLabel)||"Rule Setup"},actionButtons:function(e,n){if(J)return null;var o=!!(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId;return t("div",i({style:{position:"relative",display:"flex",flexDirection:"column"}},{children:t("button",i({title:o?"Save active edits first":"Edit",onClick:function(t){t.stopPropagation(),o?(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(N.activeEditId||null):(!function(){var e,t;(null==N?void 0:N.activeEditId)&&"rule-setup"!==N.activeEditId||(null===(e=null==N?void 0:N.setActiveEditId)||void 0===e||e.call(N,"rule-setup"),Z(null!==(t=_.ruleTitle)&&void 0!==t?t:""),X(_.scopeData?i({},_.scopeData):{}))}(),(null==N?void 0:N.setPendingEditId)&&N.setPendingEditId(null),e||n())},disabled:ii,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",padding:"6px 8px",border:"1px solid #e5e7eb",borderRadius:"8px",cursor:ii?"not-allowed":"pointer",backgroundColor:"#ffffff",color:"#6b7280",opacity:ii?.5:1}},{children:t(x,{size:14})}))}))},footerData:{ruleTitle:_.ruleTitle,stations:[_.scopeData.station],tiers:null===(S=_.scopeData)||void 0===S?void 0:S.tiers},defaultOpen:"Create"===(null==N?void 0:N.usedFor),readOnly:"Create"!==(null==N?void 0:N.usedFor),isAiStreaming:null==N?void 0:N.isAiStreaming,editFlow:"Edit"===(null==N?void 0:N.usedFor)},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[ii&&(null==N?void 0:N.isAiStreaming)&&e("div",i({style:{display:"flex",alignItems:"center",color:"#141414ff",fontSize:"13px",fontWeight:500,fontStyle:"italic",marginBottom:"8px",paddingLeft:"4px"}},{children:[t(g,{size:16,style:{marginRight:8,animation:"spin 1s linear infinite"}},"loader"),"Checking the correctness of your Rule Setup..."]})),t(v,i({id:"rule-title",title:N.ruleTitle||"Rule Title",rows:1,placeholder:"Enter a short, descriptive title for the learning",required:!0,value:J&&null!==U?U:_.ruleTitle,onChange:function(i){return J?Z(i):W.setRuleTitle(i)},readOnly:(null==N?void 0:N.isAiStreaming)||!J,isOpen:F.ruleTitle,onToggle:function(){return gi("ruleTitle")},isHighlighted:k.ruleTitle||!1,showCognitiveIcon:_.citation.ruleTitle,tooltipDescription:"Why this Title?",errorMessage:null===(b=N.validationErrors)||void 0===b?void 0:b.ruleTitle},N)),_.citation.ruleTitle&&t("div",i({style:yi},{children:t(d,{isVisible:F.ruleTitle,citation:_.citation.ruleTitle,citations:hi("ruleTitle"),fieldName:"Rule Title",fieldValue:_.ruleTitle})})),(null===(I=null==N?void 0:N.tierOptions)||void 0===I?void 0:I.length)>1&&t(s,i({id:"scope",title:"",required:!1,scopeData:J&&null!==Q?Q:_.scopeData,onScopeChange:function(e,t){J?X(function(n){var o;return i(i({},null!=n?n:_.scopeData),((o={})[e]=t,o))}):W.onScopeChange(e,t)},tierLabel:"Which tier are you configuring this learning for?",stationLabel:"Which scope should this learning belong to?",highlights:k,isOpen:F.scopeData,onToggle:function(){return gi("scopeData")},showCognitiveIcon:_.citation.scopeData,cognitiveIcon:t(f,{}),tooltipDescription:"Why this Scope?",errorMessage:(null===(A=N.validationErrors)||void 0===A?void 0:A.station)||(null===(E=N.validationErrors)||void 0===E?void 0:E.tiers),stationErrorMessage:null===(D=N.validationErrors)||void 0===D?void 0:D.station,tierErrorMessage:null===(w=N.validationErrors)||void 0===w?void 0:w.tiers,readOnly:(null==N?void 0:N.isAiStreaming)||!J},N)),_.citation.scopeData&&t("div",i({style:yi},{children:t(d,{isVisible:F.scopeData,citation:_.citation.scopeData,citations:hi("scopeData"),fieldName:"Scope",fieldValue:null===(R=null===(O=_.scopeData)||void 0===O?void 0:O.tiers)||void 0===R?void 0:R.join(", ")})})),J?e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"flex-start"}},{children:[e("div",i({style:{display:"flex",justifyContent:"flex-start",alignItems:"center",gap:"16px"}},{children:[t("button",i({onClick:ni,style:{background:"none",border:"none",color:"#6b7280",fontSize:"14px",fontWeight:"500",cursor:"pointer",padding:"0"}},{children:"Discard Changes"})),e("button",i({onClick:oi,disabled:ci,style:{display:"flex",alignItems:"center",gap:"8px",padding:"8px 16px",borderRadius:"12px",border:"none",backgroundColor:"#2563eb",color:"#ffffff",fontSize:"14px",fontWeight:"500",cursor:ci?"not-allowed":"pointer",boxShadow:"0 1px 2px rgba(0, 0, 0, 0.05)",opacity:ci?.5:1}},{children:[t(y,{size:18,strokeWidth:2.5,color:"#ffffff"}),"Save Changes"]}))]})),"rule-setup"===(null==N?void 0:N.pendingEditId)&&e("div",i({style:{display:"flex",alignItems:"center",gap:"6px",marginTop:"10px"}},{children:[t(h,{size:14,style:{color:"#C2410C"}}),t("div",i({style:{color:"#C2410C",fontSize:"13px"}},{children:"Pending - Changes not applied yet. Apply or discard them to continue."}))]}))]})):null]}))}))})),(!(null==N?void 0:N.tierOptions)||0===N.tierOptions.length)&&e("div",i({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px",padding:"32px 16px",marginTop:"8px",backgroundColor:"#FAFAFA",border:"1px dashed #E2E8F0",borderRadius:"12px",color:"#94a3b8"}},{children:[t(h,{size:20,style:{color:"#94a3b8"}}),t("span",i({style:{fontSize:"13px",fontWeight:500,color:"#64748b"}},{children:"No tiers found"}))]})),null===(V=null==N?void 0:N.tierOptions)||void 0===V?void 0:V.map(function(n,l){var r,a,s,f,g,h,y,m=n.toLowerCase().replace(/ /g,"_"),x=(null===(r=_.variantsByTier)||void 0===r?void 0:r[m])||[],S=null===(s=null===(a=_.scopeData)||void 0===a?void 0:a.tiers)||void 0===s?void 0:s.includes(n),b=x.length,I=!1;if(1===b){var A=x[0],E=!(null===(f=null==A?void 0:A.ruleDescription)||void 0===f?void 0:f.trim()),D=(null===(g=null==A?void 0:A.whenToApplyConditions)||void 0===g?void 0:g.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1,w=(null===(h=null==A?void 0:A.whenNotToApplyConditions)||void 0===h?void 0:h.some(function(i){return(null==i?void 0:i.text)&&""!==i.text.trim()}))||!1;!E||D||w||(I=!0)}var O=I?void 0:"".concat(b," ").concat(1===b?"variant":"variants"," configured for this tier"),R=t(C,i({onAddVariant:function(){var i;return null===(i=W.addNewVariant)||void 0===i?void 0:i.call(W,m)},isDisabled:!S||(null==N?void 0:N.isAiStreaming),showAddVariantBtn:"Edit"!==(null==N?void 0:N.usedFor)},{children:x.map(function(n,o){var l,r,a,s,f,g,h,y,x,C,b,I=n.variantType||"default",A="".concat(m,"-variant-").concat(o),E=!0===n.is_variant,D="default"===I||"default_variant"===I,w="".concat(m,"_").concat(o),O=L.get(w)||{},R=(null===(r=null===(l=N.separationItemsByTier)||void 0===l?void 0:l[m])||void 0===r?void 0:r.get(o))||[],V=(null===(s=null===(a=N.togglesByTier)||void 0===a?void 0:a[m])||void 0===s?void 0:s.get(o))||[],k=null===(f=null==N?void 0:N.activeEditId)||void 0===f?void 0:f.startsWith("condition-wta-".concat(m,"-").concat(o)),z=null===(g=null==N?void 0:N.activeEditId)||void 0===g?void 0:g.startsWith("condition-wnta-".concat(m,"-").concat(o)),B=!S||n.isReadOnly||(null==N?void 0:N.isAiStreaming);return t("div",i({ref:function(i){i?K.current.set(A,i):K.current.delete(A)},style:{width:"100%",opacity:S?1:.7}},{children:t(p,i({title:{type:D?"default":"variant",label:mi(I),number:o+1,isNewVariant:E,isDefault:n.isDefault,isModified:n.isModified},defaultOpen:!0,expanded:j===A,onToggle:function(){var i,e=j===A;M(e?null:A),null===(i=null==N?void 0:N.setActiveVariantAccordionIndex)||void 0===i||i.call(N,e?null:o)},variant:"rule-behavior",footerData:{ruleTitle:I,description:n.ruleDescription||""},readOnly:B},{children:e("div",i({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(v,i({id:"rule-description-".concat(m,"-").concat(o),title:N.ruleDescriptionTitle||"Rule Description",rows:2,placeholder:"Explain the learning behaviour",required:!0,readOnly:B||xi&&(null==N?void 0:N.activeEditId)!=="rule-description-".concat(m,"-").concat(o),value:n.ruleDescription||"",onChange:function(i){return W.setRuleDescription(m,o,i)},isOpen:F["ruleDescription-".concat(m)],onToggle:function(){return gi("ruleDescription-".concat(m))},isHighlighted:O.ruleDescription||!1,showCognitiveIcon:null===(h=_.citation)||void 0===h?void 0:h["ruleDescription_".concat(m)],tooltipDescription:"Why this Description?",errorMessage:null===(y=N.validationErrors)||void 0===y?void 0:y["ruleDescription-".concat(m,"-").concat(o)],enableInlineEdit:!0,setSendMessageInChat:null==N?void 0:N.setSendMessageInChat,isAiStreaming:null==N?void 0:N.isAiStreaming,fieldName:"Rule Description"},N)),(null===(x=_.citation)||void 0===x?void 0:x["ruleDescription_".concat(m)])&&t("div",i({style:yi},{children:t(d,{isVisible:F["ruleDescription-".concat(m)],citation:_.citation["ruleDescription_".concat(m)],citations:hi("ruleDescription_".concat(m,"_").concat(o)),fieldName:"Rule Description",fieldValue:n.ruleDescription})})),(null==N?void 0:N.LazyPromptEditor)&&t(T,{LazyPromptEditor:N.LazyPromptEditor,value:null!==(C=n.instructionPrompt)&&void 0!==C?C:N.instructionPrompt,onChange:N.setInstructionPrompt,title:N.instructionPromptTitle,tierKey:m,variantIndex:o,uiState:i(i({},N),{isEffectivelyReadOnly:B}),isHighlighted:O.instruction_prompt||!1}),t(c,i({id:"when-to-apply-".concat(m,"-").concat(o),idPrefix:"condition-wta",title:N.whenToApplyTitle||"When to apply",required:!0,dividerRequired:!0,readOnly:B||xi&&!k,conditions:n.whenToApplyConditions||[],onAdd:function(){return W.addWhenToApply(m,o)},onRemove:function(i,e,t){return W.removeWhenToApply(i,e,t)},onEdit:function(i,e,t,n){return W.editWhenToApply(i,e,t,n)},index:o,tierKey:m,isHighlighted:O.wta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:hi("whenToApply_".concat(m,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenToApplyBtnLabel)||"Add When to apply",isAiStreaming:N.isAiStreaming,errorMessage:(null===(b=N.validationErrors)||void 0===b?void 0:b["whenToApply-".concat(m,"-").concat(o)])||(null==N?void 0:N.conflictReason)},N)),t(c,i({id:"when-not-to-apply-".concat(m,"-").concat(o),idPrefix:"condition-wnta",title:N.whenNotToApplyTitle||"When NOT to apply",required:!1,dividerRequired:!0,readOnly:B||xi&&!z,conditions:n.whenNotToApplyConditions||[],onAdd:function(){return W.addWhenNotToApply(m,o)},onRemove:function(i,e,t){return W.removeWhenNotToApply(i,e,t)},onEdit:function(i,e,t,n){return W.editWhenNotToApply(i,e,t,n)},index:o,tierKey:m,isHighlighted:O.wnta||!1,highlightedIds:null==N?void 0:N.highlightedIds,tooltipDescription:"Why this Condition?",citations:hi("whenNotToApply_".concat(m,"_").concat(o)),bordered:!0,addLabel:(null==N?void 0:N.addWhenNotToApplyBtnLabel)||"Add When NOT to apply",isAiStreaming:N.isAiStreaming},N)),(null==N?void 0:N.showConfiguration)&&t(u,i({id:"config-".concat(m,"-").concat(o),title:N.configTitle||"Configuration",required:!1,highlights:O,bordered:!0,readOnly:B||xi&&(null==N?void 0:N.activeEditId)!=="config-".concat(m,"-").concat(o),onConfigChange:function(i,e){return W.onConfigChange(m,o,i,e)},separationItems:R,toggles:V,index:o},N))]}))}),A)}),"".concat(m,"-variant-").concat(o))})}));return 1===(null===(y=null==N?void 0:N.tierOptions)||void 0===y?void 0:y.length)?t(o.Fragment,{children:R},"tier-".concat(l)):t(p,i({variant:"tier-header",title:{type:"other",label:n},subtitle:O,defaultOpen:!0,footerData:{description:"Variants for ".concat(n)}},{children:R}),"tier-".concat(l))})]}))};export{S as CreateRule};
|
|
2
2
|
//# sourceMappingURL=CreateRule.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e,__awaiter as r,__generator as o}from"tslib";import{jsxs as n,Fragment as i,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as s,useEffect as a}from"react";import{ChevronUp as d}from"lucide-react";import u from"./RuleAccordion.js";import c from"../styles/TierCard.module.css.js";import{Reorder as m,useDragControls as
|
|
1
|
+
import{__assign as e,__awaiter as r,__generator as o}from"tslib";import{jsxs as n,Fragment as i,jsx as t}from"react/jsx-runtime";import{useState as l,useRef as s,useEffect as a}from"react";import{ChevronUp as d}from"lucide-react";import u from"./RuleAccordion.js";import c from"../styles/TierCard.module.css.js";import{Reorder as m,useDragControls as h}from"framer-motion";import{Dialog as p,Box as g}from"@mui/material";import{deleteTier as f}from"../apis/scopeApis.js";import{Toast as v}from"primereact/toast";import y from"../shared/SuccessToastContent.js";import T from"../shared/ErrorToastContent.js";import{dt as x}from"../store/useLMSConfigStore.js";import{TIER_DT_PATH as C}from"../constants.js";import{usePermissionsStore as b}from"../store/usePermissionsStore.js";var F=function(r){var o,n=r.rule,i=r.idx,l=r.tier,s=r.localRules,a=r.allTiers,d=r.isGlobalScope,c=r.scopeId,p=r.onFetchOverrideHistory,g=r.onEditRule,f=r.onEditVariant,v=r.onDeleteVariant,y=r.onDeleteRule,T=r.onReorderRules,x=r.highlightedVariants,C=r.highlightedTierNames,b=r.onToggleSuccess,F=r.setDeleteConfirmationUsedFor,R=r.onCopyToTier,D=h();return t(m.Item,e({value:n,dragListener:!1,dragControls:D,onDragEnd:function(){var e,r;if(T&&n.ruleId&&c){var o=l.rules.findIndex(function(e){return e.ruleId===n.ruleId}),i=s.findIndex(function(e){return e.ruleId===n.ruleId});if(-1!==o&&o!==i){var t=i>0&&null!==(e=s[i-1].ruleId)&&void 0!==e?e:null,a=i<s.length-1&&null!==(r=s[i+1].ruleId)&&void 0!==r?r:null;T(c,l.id,n.ruleId,t,a)}}}},{children:t(u,{idx:i,rule:n,ruleSetId:c,allTiers:a,currentTierId:l.id,isGlobalScope:d,onFetchOverrideHistory:p,onEdit:g,onEditVariant:f,onDeleteVariant:v,tierName:l.name,onRemove:function(){null!=n.ruleId&&y(n.ruleId)},highlightedVariants:x,highlightedTierNames:C,onToggleSuccess:b,dragControls:D,setDeleteConfirmationUsedFor:F,onCopyToTier:R},null!==(o=n.id)&&void 0!==o?o:"new-rule-".concat(i))}),n.ruleId)},R=function(u){var h,R=u.tier,D=u.allTiers,I=u.onToggle,S=u.onDeleteRule,N=u.isGlobalScope,E=void 0!==N&&N,k=u.onFetchOverrideHistory,w=u.onEditRule,O=u.onEditVariant,j=u.onDeleteVariant,V=u.emptyRulesText,H=void 0===V?x("tier.emptyRulesText","No learnings found"):V,A=u.singleRuleSuffix,L=void 0===A?x("tier.tierHeaderNoOfLearning","Learning"):A,P=u.multipleRulesSuffix,B=void 0===P?x("tier.tierHeaderNoOfLearnings","Learnings"):P,G=u.highlightedVariants,z=u.highlightedTierNames,M=u.onToggleSuccess,U=u.onReorderRules,W=u.scopeId,J=u.onRefreshRuleSets,Y=u.setDeleteConfirmationUsedFor,_=u.onCopyToTier,q=u.singleTier,K=l(R.rules),Q=K[0],X=K[1],Z=l(!1),$=Z[0],ee=Z[1],re=l(!1),oe=re[0],ne=re[1],ie=s(null),te=b(function(e){return e.hasPermission})("ilotj.tier.tier_n.delete",W);a(function(){X(R.rules)},[R.rules]);var le=function(){for(var e=[],r=0;r<arguments.length;r++)e[r]=arguments[r];return e.filter(Boolean).join(" ")};return n(i,{children:[t(v,{ref:ie,position:"top-right"}),n("div",e({className:le(c.tierCard,R.isOpen&&c.tierCardOpen,q&&c.singleTier)},{children:[!q&&n("div",e({className:c.tierHeader,onClick:I},{children:[n("div",e({className:c.tierInfo},{children:[n("h3",{children:[R.name," ",n("span",{children:["(",R.ruleCount," ",1===R.ruleCount?L:B,")"]})]}),t("p",e({className:c.tierDescription},{children:R.description}))]})),n("div",e({className:c.tierButtonGroup},{children:[te&&t("button",e({onClick:function(){return ee(!0)},className:c.deleteButton},{children:"Delete"})),t(p,e({open:$,onClose:function(){return ee(!1)},PaperProps:{sx:{borderRadius:"12px",padding:"8px",maxWidth:"400px"}}},{children:n(g,e({sx:{p:3,textAlign:"center",fontFamily:"'Plus Jakarta Sans', sans-serif"}},{children:[t("h3",e({style:{fontSize:"18px",fontWeight:600,color:"#0F172A",marginBottom:"6px"}},{children:x("".concat(C,".deleteDialog.title"),"Delete ".concat(R.name),{N:null===(h=null==R?void 0:R.name)||void 0===h?void 0:h.split(" ")[1]})})),t("p",e({style:{fontSize:"14px",color:"#64748B",lineHeight:"1.5",marginBottom:"10px"}},{children:x("".concat(C,".deleteDialog.description"),"This will permanently delete all rules and variants under this tier, including any rules inherited. This action cannot be undone")})),n(g,e({sx:{display:"flex",gap:2,justifyContent:"center"}},{children:[t("button",e({onClick:function(){return ee(!1)},disabled:oe,style:{flex:1,padding:"10px 16px",cursor:"pointer",backgroundColor:"white",border:"1px solid #E2E8F0",borderRadius:"8px",fontSize:"14px",fontWeight:500,color:"#475569",transition:"all 0.2s"},onMouseOver:function(e){return e.currentTarget.style.backgroundColor="#F8FAFC"},onMouseOut:function(e){return e.currentTarget.style.backgroundColor="white"}},{children:x("".concat(C,".deleteDialog.cancel"),"Cancel")})),t("button",e({onClick:function(){return function(e,n){return r(void 0,void 0,void 0,function(){var r,i,l,s,a,d;return o(this,function(o){switch(o.label){case 0:ne(!0),o.label=1;case 1:return o.trys.push([1,3,4,5]),[4,f(e,n)];case 2:return o.sent(),e||null===(i=ie.current)||void 0===i||i.show({severity:"error",summary:"Error",detail:"Failed to delete tier. Scope ID is missing."}),n&&"1"!==n&&"2"!==n||null===(l=ie.current)||void 0===l||l.show({severity:"error",summary:"Error",detail:"Failed to delete tier. Tier ID is missing."}),ee(!1),null===(s=ie.current)||void 0===s||s.show({severity:"success",sticky:!1,life:3e3,className:"rounded border border-green-300 bg-[#F0FDF4] shadow-none",content:t(y,{message:"Successfully Deleted Tier"})}),M(),J&&J(!1,e||void 0),[3,5];case 3:return r=o.sent(),null===(a=ie.current)||void 0===a||a.show({severity:"error",summary:"Error",detail:"Failed to delete tier. Please try again."}),null===(d=ie.current)||void 0===d||d.show({severity:"error",sticky:!1,className:"rounded border border-red-300 bg-[#FEF2F2] shadow-none",content:t(T,{message:r.message||"Failed to delete tier. Please try again."})}),console.error("Failed to delete tier:",r),[3,5];case 4:return ne(!1),[7];case 5:return[2]}})})}(null!=W?W:"",R.id)},disabled:oe,style:{flex:1,padding:"10px 16px",backgroundColor:oe?"#FCA5A5":"#EF4444",color:"white",border:"none",borderRadius:"8px",fontSize:"14px",fontWeight:500,cursor:oe?"not-allowed":"pointer",transition:"background-color 0.2s"},onMouseOver:function(e){oe||(e.currentTarget.style.backgroundColor="#DC2626")},onMouseOut:function(e){oe||(e.currentTarget.style.backgroundColor="#EF4444")}},{children:oe?"Deleting...":"".concat(x("".concat(C,".deleteDialog.submit"),"Yes, Delete"))}))]}))]}))})),t(d,{size:20,className:le(c.chevronIcon,!R.isOpen&&c.chevronIconClosed)})]}))]})),R.isOpen&&t("div",e({className:c.tierContent},{children:0===R.rules.length?t("p",e({className:c.emptyRules},{children:H})):t(m.Group,e({axis:"y",values:Q,onReorder:X,className:c.rulesList},{children:Q.map(function(e,r){return t(F,{idx:r,rule:e,tier:R,localRules:Q,allTiers:D,isGlobalScope:E,scopeId:W,onFetchOverrideHistory:k,onEditRule:w,onEditVariant:O,onDeleteVariant:j,onDeleteRule:S,onReorderRules:U,highlightedVariants:G,highlightedTierNames:z,onToggleSuccess:M,setDeleteConfirmationUsedFor:Y,onCopyToTier:_},e.ruleId)})}))}))]}))]})};export{R as default};
|
|
2
2
|
//# sourceMappingURL=TierCard.js.map
|