@e-llm-studio/instant-learning 1.3.0-alpha.61 → 1.3.0-alpha.63

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),i=require("@mui/icons-material/Check"),r=require("@mui/icons-material/CloseRounded"),a=require("lucide-react"),s=require("../store/useLMSConfigStore.js"),c=require("../constants.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(i),u=l(r),p={header:{padding:"16px 16px 0",display:"flex",justifyContent:"space-between",alignItems:"center"},title:{color:"#334155",fontSize:"1rem"},closeButton:{border:"none",background:"transparent",padding:0,color:"#9CA3AF",cursor:"pointer",outline:"none",transition:"color 150ms ease-in-out"},dialogContent:{padding:"8px 16px"},description:{color:"#475569",fontSize:"0.875rem",lineHeight:1.625},descriptionStrong:{fontWeight:700,color:"#1E293B"},secondaryDescription:{color:"#475569",fontSize:"0.875rem",marginTop:"8px"},rejectSection:{marginTop:"20px"},feedbackLabel:{display:"block",fontSize:"0.875rem",fontWeight:600,color:"#334155",marginBottom:"6px"},textarea:{width:"100%",fontSize:"0.875rem",color:"#1E293B",padding:"10px",border:"1px solid #E2E8F0",borderRadius:"0.5rem",outline:"none",resize:"none",transition:"border-color 150ms ease-in-out, box-shadow 150ms ease-in-out",boxSizing:"border-box",fontFamily:"inherit"},checkboxLabel:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",cursor:"pointer",userSelect:"none",marginTop:"16px"},checkbox:{margin:0,height:"1.125rem",width:"1.125rem",borderRadius:"0.25rem",border:"1px solid #CBD5E1",accentColor:"#DC2626",cursor:"pointer"},checkboxTextWrap:{display:"flex",alignItems:"center"},checkboxText:{fontSize:"0.875rem",fontWeight:500,color:"#1E293B",transition:"color 150ms ease-in-out"},actions:{padding:"24px",gap:"8px"},secondaryButton:{padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#475569",border:"1px solid #E2E8F0",borderRadius:"0.5rem",backgroundColor:"#FFFFFF",transition:"background-color 150ms ease-in-out, border-color 150ms ease-in-out",cursor:"pointer"},primaryButton:{display:"inline-flex",alignItems:"center",gap:"0.375rem",padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#FFFFFF",border:"none",borderRadius:"0.5rem",transition:"background-color 150ms ease-in-out",boxShadow:"none",cursor:"pointer"},actionIcon:{width:"1rem",height:"1rem",fontSize:"1rem"},variantCard:{backgroundColor:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"10px",padding:"16px 20px",marginTop:"12px"},variantCardTitle:{fontSize:"0.9375rem",fontWeight:700,color:"#111111",marginBottom:"4px"},variantCardDescription:{fontSize:"0.8125rem",color:"#374151",marginBottom:"12px",lineHeight:1.5},variantCardMono:{fontSize:"0.75rem",color:"#4b5563",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",lineHeight:1.6}};exports.default=function(i){var r=i.open,l=i.mode,g=i.onClose,x=i.onSubmit,_=i.variantInformation,b=i.ruleTitle,h=i.pendingVariants,f=void 0===h?[]:h,m=i.isPending,j=void 0!==m&&m,y=o.useState(""),T=y[0],v=y[1],C=o.useState(!0),A=C[0],D=C[1],k=o.useState(!1),E=k[0],F=k[1],L=o.useState(!1),S=L[0],N=L[1],I=o.useState(!1),R=I[0],w=I[1],B=o.useState(!1),M=B[0],z=B[1],P=o.useState(!1),H=P[0],G=P[1],W="undefined"!=typeof document?document.getElementById("rule-template-layout-content"):null,q="reject"===l,V=function(){x(q?{feedback:T,deleteLearning:A}:{}),v(""),D(!1)},O=function(){v(""),D(!1),g()};return n.jsxs(t.Dialog,e.__assign({open:r,onClose:O,container:W,maxWidth:!1,fullWidth:!0,sx:{position:"absolute",inset:0,zIndex:999,"& .MuiBackdrop-root":{position:"absolute"},"& .MuiDialog-container":{alignItems:"center",justifyContent:"center",padding:"24px 16px"},"& .MuiDialog-paper":{width:"100%",maxWidth:"640px",margin:0,borderRadius:"16px"}}},{children:[n.jsxs("div",e.__assign({style:p.header},{children:[n.jsx("div",e.__assign({style:p.title},{children:"".concat(q?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.title"),"Reject Learning"):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.title"),"Approve Learning"))})),n.jsx("button",e.__assign({onClick:g,onMouseEnter:function(){return F(!0)},onMouseLeave:function(){return F(!1)},style:e.__assign(e.__assign({},p.closeButton),{color:E?"#4B5563":"#9CA3AF"})},{children:n.jsx(a.X,{size:24})}))]})),n.jsxs(t.DialogContent,e.__assign({sx:p.dialogContent},{children:[n.jsxs(t.DialogContentText,e.__assign({sx:p.description},{children:[n.jsx("span",e.__assign({style:p.descriptionStrong},{children:_}))," ","".concat(q?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.desc"),"will not be published or applied within the selected scope. You can provide feedback before rejecting"):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.desc"),"will be published and become active within the selected scope after approval."))]})),f.length>0&&n.jsx("div",{children:f.map(function(o,t){return n.jsxs("div",e.__assign({style:p.variantCard},{children:[n.jsxs("div",e.__assign({style:p.variantCardTitle},{children:[b,f.length>1?" — Variant ".concat(t+1):""]})),o.description&&n.jsx("div",e.__assign({style:p.variantCardDescription},{children:o.description})),n.jsxs("div",e.__assign({style:p.variantCardMono},{children:[o.whenToApply&&n.jsxs("div",{children:["WTA — ",o.whenToApply]}),o.whenNotToApply&&n.jsxs("div",{children:["WNTA — ",o.whenNotToApply]})]}))]}),o.variantId)})}),n.jsx(t.DialogContentText,e.__assign({sx:p.secondaryDescription},{children:q?"":s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.footer"),"Take a moment to check the configuration before moving forward.")})),q&&n.jsxs("div",e.__assign({style:p.rejectSection},{children:[n.jsxs("div",{children:[n.jsx("label",e.__assign({htmlFor:"feedback",style:p.feedbackLabel},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackTitle"),"Feedback")})),n.jsx("textarea",{id:"feedback",rows:4,value:T,onChange:function(e){return v(e.target.value)},onFocus:function(){return N(!0)},onBlur:function(){return N(!1)},placeholder:"".concat(s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackPlaceholder"),"Add feedback or reason for rejection")),style:e.__assign(e.__assign({},p.textarea),{borderColor:S?"#EF4444":"#E2E8F0",boxShadow:S?"0 0 0 2px rgba(239, 68, 68, 0.2)":"none"})})]}),n.jsxs("label",e.__assign({style:p.checkboxLabel,onMouseEnter:function(){return w(!0)},onMouseLeave:function(){return w(!1)}},{children:[n.jsx("input",{type:"checkbox",checked:A,disabled:!1,onChange:function(e){return D(e.target.checked)},style:p.checkbox}),n.jsx("div",e.__assign({style:p.checkboxTextWrap},{children:n.jsx("span",e.__assign({style:e.__assign(e.__assign({},p.checkboxText),{color:R?"#0F172A":"#1E293B"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.deleteCheckboxLabel"),"Also delete this learning")}))}))]}))]}))]})),n.jsxs(t.DialogActions,e.__assign({sx:p.actions},{children:[n.jsx("button",e.__assign({onClick:O,type:"button",disabled:j,onMouseEnter:function(){return z(!0)},onMouseLeave:function(){return z(!1)},style:e.__assign(e.__assign({},p.secondaryButton),{backgroundColor:M&&!j?"#F8FAFC":"#FFFFFF",borderColor:M&&!j?"#CBD5E1":"#E2E8F0",opacity:j?.5:1,cursor:j?"not-allowed":"pointer"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.cancel"),"Cancel")})),q?n.jsxs("button",e.__assign({onClick:V,type:"button",disabled:j,onMouseEnter:function(){return G(!0)},onMouseLeave:function(){return G(!1)},style:e.__assign(e.__assign({},p.primaryButton),{backgroundColor:j?"#EF4444":H?"#DC2626":"#EF4444",opacity:j?.7:1,cursor:j?"not-allowed":"pointer"})},{children:[j?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(u.default,{sx:p.actionIcon}),j?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.rejectLearning"),"Reject Learning")]})):n.jsxs("button",e.__assign({onClick:V,type:"button",disabled:j,onMouseEnter:function(){return G(!0)},onMouseLeave:function(){return G(!1)},style:e.__assign(e.__assign({},p.primaryButton),{backgroundColor:j?"#22C55E":H?"#16A34A":"#22C55E",opacity:j?.7:1,cursor:j?"not-allowed":"pointer"})},{children:[j?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(d.default,{sx:p.actionIcon}),j?s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.approveLearning"),"Approve Learning")]}))]})),n.jsx("style",{children:"@keyframes spin { to { transform: rotate(360deg); } }"})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),i=require("@mui/icons-material/Check"),r=require("@mui/icons-material/CloseRounded"),a=require("lucide-react"),s=require("../store/useLMSConfigStore.js"),c=require("../constants.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(o),u=l(i),p=l(r),g={header:{padding:"16px 16px 0",display:"flex",justifyContent:"space-between",alignItems:"center"},title:{color:"#334155",fontSize:"1rem"},closeButton:{border:"none",background:"transparent",padding:0,color:"#9CA3AF",cursor:"pointer",outline:"none",transition:"color 150ms ease-in-out"},dialogContent:{padding:"8px 16px"},description:{color:"#475569",fontSize:"0.875rem",lineHeight:1.625},descriptionStrong:{fontWeight:700,color:"#1E293B"},secondaryDescription:{color:"#475569",fontSize:"0.875rem",marginTop:"8px"},rejectSection:{marginTop:"20px"},feedbackLabel:{display:"block",fontSize:"0.875rem",fontWeight:600,color:"#334155",marginBottom:"6px"},textarea:{width:"100%",fontSize:"0.875rem",color:"#1E293B",padding:"10px",border:"1px solid #E2E8F0",borderRadius:"0.5rem",outline:"none",resize:"none",transition:"border-color 150ms ease-in-out, box-shadow 150ms ease-in-out",boxSizing:"border-box",fontFamily:"inherit"},checkboxLabel:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",cursor:"pointer",userSelect:"none",marginTop:"16px"},checkbox:{margin:0,height:"1.125rem",width:"1.125rem",borderRadius:"0.25rem",border:"1px solid #CBD5E1",accentColor:"#DC2626",cursor:"pointer"},checkboxTextWrap:{display:"flex",alignItems:"center"},checkboxText:{fontSize:"0.875rem",fontWeight:500,color:"#1E293B",transition:"color 150ms ease-in-out"},actions:{padding:"24px",gap:"8px"},secondaryButton:{padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#475569",border:"1px solid #E2E8F0",borderRadius:"0.5rem",backgroundColor:"#FFFFFF",transition:"background-color 150ms ease-in-out, border-color 150ms ease-in-out",cursor:"pointer"},primaryButton:{display:"inline-flex",alignItems:"center",gap:"0.375rem",padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#FFFFFF",border:"none",borderRadius:"0.5rem",transition:"background-color 150ms ease-in-out",boxShadow:"none",cursor:"pointer"},actionIcon:{width:"1rem",height:"1rem",fontSize:"1rem"},variantCard:{backgroundColor:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"10px",padding:"16px 20px",marginTop:"12px"},variantCardTitle:{fontSize:"0.9375rem",fontWeight:700,color:"#111111",marginBottom:"4px"},variantCardDescription:{fontSize:"0.8125rem",color:"#374151",marginBottom:"12px",lineHeight:1.5},variantCardMono:{fontSize:"0.75rem",color:"#4b5563",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",lineHeight:1.6}};exports.default=function(i){var r=i.open,l=i.mode,x=i.onClose,_=i.onSubmit,h=i.variantInformation,b=i.ruleTitle,m=i.pendingVariants,f=void 0===m?[]:m,j=i.isPending,y=void 0!==j&&j,v=o.useState(""),T=v[0],C=v[1],A=o.useState(!0),D=A[0],k=A[1],F=o.useState(!1),E=F[0],L=F[1],S=o.useState(!1),N=S[0],I=S[1],R=o.useState(!1),w=R[0],B=R[1],M=o.useState(!1),z=M[0],P=M[1],H=o.useState(!1),G=H[0],W=H[1],q="undefined"!=typeof document?document.getElementById("rule-template-layout-content"):null,V="reject"===l,O=function(){_(V?{feedback:T,deleteLearning:D}:{}),C(""),k(!1)},X=function(){C(""),k(!1),x()},Y=V?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.desc"),"{variant_name} will not be published or applied within the selected scope. You can provide feedback before rejecting."):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.desc"),"{variant_name} will be published and become active within the selected scope after approval.");return n.jsxs(t.Dialog,e.__assign({open:r,onClose:X,container:q,maxWidth:!1,fullWidth:!0,sx:{position:"absolute",inset:0,zIndex:999,"& .MuiBackdrop-root":{position:"absolute"},"& .MuiDialog-container":{alignItems:"center",justifyContent:"center",padding:"24px 16px"},"& .MuiDialog-paper":{width:"100%",maxWidth:"640px",margin:0,borderRadius:"16px"}}},{children:[n.jsxs("div",e.__assign({style:g.header},{children:[n.jsx("div",e.__assign({style:g.title},{children:"".concat(V?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.title"),"Reject Learning"):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.title"),"Approve Learning"))})),n.jsx("button",e.__assign({onClick:x,onMouseEnter:function(){return L(!0)},onMouseLeave:function(){return L(!1)},style:e.__assign(e.__assign({},g.closeButton),{color:E?"#4B5563":"#9CA3AF"})},{children:n.jsx(a.X,{size:24})}))]})),n.jsxs(t.DialogContent,e.__assign({sx:g.dialogContent},{children:[n.jsxs(t.DialogContentText,e.__assign({sx:g.description},{children:[!Y.includes("{variant_name}")&&n.jsxs(n.Fragment,{children:[n.jsx("span",e.__assign({style:g.descriptionStrong},{children:h}))," "]}),Y.split("{variant_name}").map(function(o,t,i){return n.jsxs(d.default.Fragment,{children:[o,t<i.length-1&&n.jsx("span",e.__assign({style:g.descriptionStrong},{children:h}))]},t)})]})),f.length>0&&n.jsx("div",{children:f.map(function(o,t){return n.jsxs("div",e.__assign({style:g.variantCard},{children:[n.jsxs("div",e.__assign({style:g.variantCardTitle},{children:[b,f.length>1?" — Variant ".concat(t+1):""]})),o.description&&n.jsx("div",e.__assign({style:g.variantCardDescription},{children:o.description})),n.jsxs("div",e.__assign({style:g.variantCardMono},{children:[o.whenToApply&&n.jsxs("div",{children:["WTA — ",o.whenToApply]}),o.whenNotToApply&&n.jsxs("div",{children:["WNTA — ",o.whenNotToApply]})]}))]}),o.variantId)})}),n.jsx(t.DialogContentText,e.__assign({sx:g.secondaryDescription},{children:V?"":s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.footer"),"Take a moment to check the configuration before moving forward.")})),V&&n.jsxs("div",e.__assign({style:g.rejectSection},{children:[n.jsxs("div",{children:[n.jsx("label",e.__assign({htmlFor:"feedback",style:g.feedbackLabel},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackTitle"),"Feedback")})),n.jsx("textarea",{id:"feedback",rows:4,value:T,onChange:function(e){return C(e.target.value)},onFocus:function(){return I(!0)},onBlur:function(){return I(!1)},placeholder:"".concat(s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackPlaceholder"),"Add feedback or reason for rejection")),style:e.__assign(e.__assign({},g.textarea),{borderColor:N?"#EF4444":"#E2E8F0",boxShadow:N?"0 0 0 2px rgba(239, 68, 68, 0.2)":"none"})})]}),n.jsxs("label",e.__assign({style:g.checkboxLabel,onMouseEnter:function(){return B(!0)},onMouseLeave:function(){return B(!1)}},{children:[n.jsx("input",{type:"checkbox",checked:D,disabled:!1,onChange:function(e){return k(e.target.checked)},style:g.checkbox}),n.jsx("div",e.__assign({style:g.checkboxTextWrap},{children:n.jsx("span",e.__assign({style:e.__assign(e.__assign({},g.checkboxText),{color:w?"#0F172A":"#1E293B"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.deleteCheckboxLabel"),"Also delete this learning")}))}))]}))]}))]})),n.jsxs(t.DialogActions,e.__assign({sx:g.actions},{children:[n.jsx("button",e.__assign({onClick:X,type:"button",disabled:y,onMouseEnter:function(){return P(!0)},onMouseLeave:function(){return P(!1)},style:e.__assign(e.__assign({},g.secondaryButton),{backgroundColor:z&&!y?"#F8FAFC":"#FFFFFF",borderColor:z&&!y?"#CBD5E1":"#E2E8F0",opacity:y?.5:1,cursor:y?"not-allowed":"pointer"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.cancel"),"Cancel")})),V?n.jsxs("button",e.__assign({onClick:O,type:"button",disabled:y,onMouseEnter:function(){return W(!0)},onMouseLeave:function(){return W(!1)},style:e.__assign(e.__assign({},g.primaryButton),{backgroundColor:y?"#EF4444":G?"#DC2626":"#EF4444",opacity:y?.7:1,cursor:y?"not-allowed":"pointer"})},{children:[y?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(p.default,{sx:g.actionIcon}),y?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.rejectLearning"),"Reject Learning")]})):n.jsxs("button",e.__assign({onClick:O,type:"button",disabled:y,onMouseEnter:function(){return W(!0)},onMouseLeave:function(){return W(!1)},style:e.__assign(e.__assign({},g.primaryButton),{backgroundColor:y?"#22C55E":G?"#16A34A":"#22C55E",opacity:y?.7:1,cursor:y?"not-allowed":"pointer"})},{children:[y?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(u.default,{sx:g.actionIcon}),y?s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.approveLearning"),"Approve Learning")]}))]})),n.jsx("style",{children:"@keyframes spin { to { transform: rotate(360deg); } }"})]}))};
 //# sourceMappingURL=ApprovalLearningDialog.js.map