@e-llm-studio/instant-learning 1.3.0-alpha.2 → 1.3.0-alpha.21

package/dist/cjs/features/LearningManagement/components/CreateRuleSetLegacyModal.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),n=require("uuid"),t=require("../config.js"),s=require("../store/useAuthStore.js"),o=require("../RuleContent/AddScopeApprovalSearchComponent.js"),a=require("../store/useAppSecRolesStore.js"),l=require("../store/useEnvStore.js"),p=require("./ScopeSkeletonLoader.js");exports.default=function(d){var u=d.isOpen,c=d.onClose,g=d.onSubmit,x=d.hasGlobalRuleSet,_=void 0!==x&&x;d.canCreateGlobal;var f=i.useState("");f[0];var h=f[1],v=i.useState(""),b=v[0],m=v[1],y=i.useState(""),S=y[0],j=y[1],C=i.useState(!1),q=C[0],k=C[1],E=i.useState({}),w=E[0],B=E[1],D=i.useState("approval_required"),R=D[0],A=D[1],z=i.useState([]),I=z[0],F=z[1],G=i.useState([]),L=G[0],N=G[1],T=i.useState(""),W=T[0],O=T[1],P=s.default().user,M=a.useAppSecRolesStore(function(e){return e.roles}),H=l.default(function(e){return e.rbacConfig});if(i.useEffect(function(){u&&(h(""),m(""),j(""),B({}),A("approval_required"),F([]),N([]),O(""))},[u]),!u)return null;var K={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.3)"},modal:{position:"relative",width:"600px",borderRadius:"12px",backgroundColor:"#ffffff",padding:"24px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",maxHeight:"90vh",overflowY:"auto"},header:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"24px"},title:{margin:0,fontSize:"18px",fontWeight:500,color:"#19213D"},subtitle:{marginTop:"4px",fontSize:"14px",fontWeight:400,color:"#666F8D"},closeButton:{background:"none",border:"none",fontSize:"20px",cursor:"pointer",color:"#9CA3AF"},formGroup:{display:"flex",flexDirection:"column",marginBottom:"20px",gap:"6px"},label:{fontSize:"14px",fontWeight:500,color:"#19213D"},asterisk:{color:"#8F2C23",marginRight:"4px",fontSize:"16px",fontWeight:600},input:{width:"100%",padding:"8px 12px",borderRadius:"6px",border:"1px solid #E2E8F0",outline:"none",fontSize:"14px"},inputError:{border:"1px solid #8F2C23"},errorText:{margin:0,marginTop:"4px",fontSize:"12px",color:"#8F2C23"},textarea:{width:"100%",padding:"8px 12px",borderRadius:"6px",border:"1px solid #E2E8F0",outline:"none",fontSize:"14px",minHeight:"100px",maxHeight:"200px",overflowY:"auto",resize:"vertical"},footer:{display:"flex",justifyContent:"flex-end",gap:"12px",marginTop:"32px"},cancelBtn:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #E2E8F0",backgroundColor:"transparent",color:"#64748B",fontSize:"14px",fontWeight:500,cursor:"pointer"},submitBtn:{padding:"8px 16px",borderRadius:"6px",border:"none",backgroundColor:"#2563EB",color:"#ffffff",fontSize:"14px",fontWeight:500,cursor:"pointer"},disabledBtn:{opacity:.5,cursor:"not-allowed"}};return q?r.jsx(p.default,{isLoading:q}):r.jsx("div",e.__assign({style:K.overlay},{children:r.jsxs("div",e.__assign({style:K.modal},{children:[r.jsxs("div",e.__assign({style:K.header},{children:[r.jsxs("div",{children:[r.jsx("h2",e.__assign({style:K.title},{children:"Create Scope"})),r.jsx("p",e.__assign({style:K.subtitle},{children:"Create a scope to group and manage rules."}))]}),r.jsx("button",e.__assign({onClick:c,style:K.closeButton},{children:"✕"}))]})),r.jsxs("div",{children:[r.jsxs("div",e.__assign({style:K.formGroup},{children:[r.jsxs("label",e.__assign({style:K.label},{children:[r.jsx("span",e.__assign({style:K.asterisk},{children:"*"})),"Scope Name"]})),r.jsx("input",{type:"text",value:b,onChange:function(r){var i=r.target.value;if(i.length>50)return m(i.slice(0,50)),void B(function(r){return e.__assign(e.__assign({},r),{name:"Scope Name must be 50 characters or fewer"})});m(i),w.name&&B(function(r){return e.__assign(e.__assign({},r),{name:void 0})})},placeholder:"e.g. Global Learnings",style:e.__assign(e.__assign({},K.input),w.name?K.inputError:{})}),w.name&&r.jsx("p",e.__assign({style:K.errorText},{children:w.name}))]})),r.jsxs("div",e.__assign({style:K.formGroup},{children:[r.jsxs("label",e.__assign({style:K.label},{children:[r.jsx("span",e.__assign({style:K.asterisk},{children:"*"})),"Description"]})),r.jsx("input",{type:"text",value:S,onChange:function(r){var i=r.target.value;if(i.length>200)return j(i.slice(0,200)),void B(function(r){return e.__assign(e.__assign({},r),{description:"Description must be 200 characters or fewer"})});j(i),w.description&&B(function(r){return e.__assign(e.__assign({},r),{description:void 0})})},placeholder:"Enter short description for scope",style:e.__assign(e.__assign({},K.input),w.description?K.inputError:{})}),w.description&&r.jsx("p",e.__assign({style:K.errorText},{children:w.description}))]})),r.jsxs("div",e.__assign({style:e.__assign(e.__assign({},K.formGroup),{gap:"12px"})},{children:[r.jsx("label",e.__assign({style:K.label},{children:"Approval Settings"})),r.jsxs("div",e.__assign({role:"radio","aria-checked":"approval_required"===R,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px"},onClick:function(){return A("approval_required")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||A("approval_required")}},{children:[r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("div",e.__assign({style:{display:"flex",height:"16px",width:"16px",flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("approval_required"===R?"#2563EB":"#CBD5E1")}},{children:"approval_required"===R&&r.jsx("div",{style:{height:"8px",width:"8px",borderRadius:"50%",backgroundColor:"#2563EB"}})})),r.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,color:"#19213D"}},{children:"Approval Required Before Publishing"}))]})),r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#666F8D"}},{children:"Learnings require approval before publishing."}))]})),"approval_required"===R&&r.jsx(o.default,{selectedApprovers:I,selectedGroupOfApprovers:L,onApproversChange:F,onGroupsChange:N}),W&&r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#8F2C23"}},{children:W})),r.jsxs("div",e.__assign({role:"radio","aria-checked":"publish_without"===R,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px"},onClick:function(){A("publish_without"),O("")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(A("publish_without"),O(""))}},{children:[r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("div",e.__assign({style:{display:"flex",height:"16px",width:"16px",flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("publish_without"===R?"#2563EB":"#CBD5E1")}},{children:"publish_without"===R&&r.jsx("div",{style:{height:"8px",width:"8px",borderRadius:"50%",backgroundColor:"#2563EB"}})})),r.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,color:"#19213D"}},{children:"Publish Without Approval"}))]})),r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#666F8D"}},{children:"Learnings can be published directly."}))]}))]}))]}),r.jsxs("div",e.__assign({style:K.footer},{children:[r.jsx("button",e.__assign({onClick:c,disabled:q,style:e.__assign(e.__assign({},K.cancelBtn),q?K.disabledBtn:{})},{children:"Cancel"})),r.jsx("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,i,s,o,a,l,p,d;return e.__generator(this,function(u){switch(u.label){case 0:if(x={},f=!0,b.trim()||(x.name="Scope Name is required",f=!1),S.trim()||(x.description="Description is required",f=!1),B(x),!f)return[2];if("approval_required"===R&&0===I.length&&0===L.length)return O("Please select at least one approver or approver group."),[2];O(""),k(!0),r=_?"genreRuleSet":"globalRuleSet",i="approval_required"===R,console.log("topicData",r),s={topic:r,customScopeGroupName:t.IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,scopeDescription:S,parentScopeId:null,customScopeName:b,customScopeId:n.v4(),createByName:null==P?void 0:P.firstname,createdBy:null==P?void 0:P.email,approvalRequired:i,appsecData:{application:null==H?void 0:H.applicationId,module:null==H?void 0:H.moduleId,roles:e.__spreadArray(e.__spreadArray([],i?[{users:I.map(function(e){return e.email}),groups:L.map(function(e){return e._id}),role:null!==(l=null===(a=M.find(function(e){return"Learning Manager"===e.name}))||void 0===a?void 0:a._id)&&void 0!==l?l:""}]:[],!0),[{users:[null==P?void 0:P.email],groups:[],role:null!==(d=null===(p=M.find(function(e){return"Instant Learning Admin"===e.name}))||void 0===p?void 0:p._id)&&void 0!==d?d:""}],!1)}},u.label=1;case 1:return u.trys.push([1,3,4,5]),[4,g(s)];case 2:return u.sent(),c(),[3,5];case 3:return o=u.sent(),console.error("Error in submission",o),[3,5];case 4:return k(!1),[7];case 5:return[2]}var x,f})})},disabled:q,style:e.__assign(e.__assign({},K.submitBtn),q?K.disabledBtn:{})},{children:q?"Creating...":"Create Scope"}))]}))]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),i=require("react"),n=require("uuid"),t=require("../config.js"),s=require("../store/useAuthStore.js"),o=require("../RuleContent/AddScopeApprovalSearchComponent.js"),a=require("../store/useAppSecRolesStore.js"),l=require("../store/useEnvStore.js"),p=require("./ScopeSkeletonLoader.js");exports.default=function(d){var u=d.isOpen,c=d.onClose,g=d.onSubmit,x=d.hasGlobalRuleSet,_=void 0!==x&&x;d.canCreateGlobal;var f=d.globalScopeId,h=void 0===f?null:f,v=i.useState("");v[0];var b=v[1],m=i.useState(""),y=m[0],S=m[1],j=i.useState(""),C=j[0],q=j[1],k=i.useState(!1),E=k[0],w=k[1],B=i.useState({}),D=B[0],R=B[1],A=i.useState("approval_required"),z=A[0],I=A[1],F=i.useState([]),G=F[0],L=F[1],N=i.useState([]),T=N[0],W=N[1],O=i.useState(""),P=O[0],M=O[1],H=s.default().user,K=a.useAppSecRolesStore(function(e){return e.roles}),U=l.default(function(e){return e.rbacConfig});if(i.useEffect(function(){u&&(b(""),S(""),q(""),R({}),I("approval_required"),L([]),W([]),M(""))},[u]),!u)return null;var Y={overlay:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"rgba(0, 0, 0, 0.3)"},modal:{position:"relative",width:"600px",borderRadius:"12px",backgroundColor:"#ffffff",padding:"24px",boxShadow:"0 25px 50px -12px rgba(0, 0, 0, 0.25)",maxHeight:"90vh",overflowY:"auto"},header:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",marginBottom:"24px"},title:{margin:0,fontSize:"18px",fontWeight:500,color:"#19213D"},subtitle:{marginTop:"4px",fontSize:"14px",fontWeight:400,color:"#666F8D"},closeButton:{background:"none",border:"none",fontSize:"20px",cursor:"pointer",color:"#9CA3AF"},formGroup:{display:"flex",flexDirection:"column",marginBottom:"20px",gap:"6px"},label:{fontSize:"14px",fontWeight:500,color:"#19213D"},asterisk:{color:"#8F2C23",marginRight:"4px",fontSize:"16px",fontWeight:600},input:{width:"100%",padding:"8px 12px",borderRadius:"6px",border:"1px solid #E2E8F0",outline:"none",fontSize:"14px"},inputError:{border:"1px solid #8F2C23"},errorText:{margin:0,marginTop:"4px",fontSize:"12px",color:"#8F2C23"},textarea:{width:"100%",padding:"8px 12px",borderRadius:"6px",border:"1px solid #E2E8F0",outline:"none",fontSize:"14px",minHeight:"100px",maxHeight:"200px",overflowY:"auto",resize:"vertical"},footer:{display:"flex",justifyContent:"flex-end",gap:"12px",marginTop:"32px"},cancelBtn:{padding:"8px 16px",borderRadius:"6px",border:"1px solid #E2E8F0",backgroundColor:"transparent",color:"#64748B",fontSize:"14px",fontWeight:500,cursor:"pointer"},submitBtn:{padding:"8px 16px",borderRadius:"6px",border:"none",backgroundColor:"#2563EB",color:"#ffffff",fontSize:"14px",fontWeight:500,cursor:"pointer"},disabledBtn:{opacity:.5,cursor:"not-allowed"}};return E?r.jsx(p.default,{isLoading:E}):r.jsx("div",e.__assign({style:Y.overlay},{children:r.jsxs("div",e.__assign({style:Y.modal},{children:[r.jsxs("div",e.__assign({style:Y.header},{children:[r.jsxs("div",{children:[r.jsx("h2",e.__assign({style:Y.title},{children:"Create Scope"})),r.jsx("p",e.__assign({style:Y.subtitle},{children:"Create a scope to group and manage rules."}))]}),r.jsx("button",e.__assign({onClick:c,style:Y.closeButton},{children:"✕"}))]})),r.jsxs("div",{children:[r.jsxs("div",e.__assign({style:Y.formGroup},{children:[r.jsxs("label",e.__assign({style:Y.label},{children:[r.jsx("span",e.__assign({style:Y.asterisk},{children:"*"})),"Scope Name"]})),r.jsx("input",{type:"text",value:y,onChange:function(r){var i=r.target.value;if(i.length>50)return S(i.slice(0,50)),void R(function(r){return e.__assign(e.__assign({},r),{name:"Scope Name must be 50 characters or fewer"})});S(i),D.name&&R(function(r){return e.__assign(e.__assign({},r),{name:void 0})})},placeholder:"e.g. Global Learnings",style:e.__assign(e.__assign({},Y.input),D.name?Y.inputError:{})}),D.name&&r.jsx("p",e.__assign({style:Y.errorText},{children:D.name}))]})),r.jsxs("div",e.__assign({style:Y.formGroup},{children:[r.jsxs("label",e.__assign({style:Y.label},{children:[r.jsx("span",e.__assign({style:Y.asterisk},{children:"*"})),"Description"]})),r.jsx("input",{type:"text",value:C,onChange:function(r){var i=r.target.value;if(i.length>200)return q(i.slice(0,200)),void R(function(r){return e.__assign(e.__assign({},r),{description:"Description must be 200 characters or fewer"})});q(i),D.description&&R(function(r){return e.__assign(e.__assign({},r),{description:void 0})})},placeholder:"Enter short description for scope",style:e.__assign(e.__assign({},Y.input),D.description?Y.inputError:{})}),D.description&&r.jsx("p",e.__assign({style:Y.errorText},{children:D.description}))]})),r.jsxs("div",e.__assign({style:e.__assign(e.__assign({},Y.formGroup),{gap:"12px"})},{children:[r.jsx("label",e.__assign({style:Y.label},{children:"Approval Settings"})),r.jsxs("div",e.__assign({role:"radio","aria-checked":"approval_required"===z,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px"},onClick:function(){return I("approval_required")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||I("approval_required")}},{children:[r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("div",e.__assign({style:{display:"flex",height:"16px",width:"16px",flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("approval_required"===z?"#2563EB":"#CBD5E1")}},{children:"approval_required"===z&&r.jsx("div",{style:{height:"8px",width:"8px",borderRadius:"50%",backgroundColor:"#2563EB"}})})),r.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,color:"#19213D"}},{children:"Approval Required Before Publishing"}))]})),r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#666F8D"}},{children:"Learnings require approval before publishing."}))]})),"approval_required"===z&&r.jsx(o.default,{selectedApprovers:G,selectedGroupOfApprovers:T,onApproversChange:L,onGroupsChange:W}),P&&r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#8F2C23"}},{children:P})),r.jsxs("div",e.__assign({role:"radio","aria-checked":"publish_without"===z,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:"4px"},onClick:function(){I("publish_without"),M("")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||(I("publish_without"),M(""))}},{children:[r.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[r.jsx("div",e.__assign({style:{display:"flex",height:"16px",width:"16px",flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("publish_without"===z?"#2563EB":"#CBD5E1")}},{children:"publish_without"===z&&r.jsx("div",{style:{height:"8px",width:"8px",borderRadius:"50%",backgroundColor:"#2563EB"}})})),r.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,color:"#19213D"}},{children:"Publish Without Approval"}))]})),r.jsx("p",e.__assign({style:{margin:0,marginLeft:"24px",fontSize:"12px",color:"#666F8D"}},{children:"Learnings can be published directly."}))]}))]}))]}),r.jsxs("div",e.__assign({style:Y.footer},{children:[r.jsx("button",e.__assign({onClick:c,disabled:E,style:e.__assign(e.__assign({},Y.cancelBtn),E?Y.disabledBtn:{})},{children:"Cancel"})),r.jsx("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){var r,i,s,o,a,l,p,d;return e.__generator(this,function(u){switch(u.label){case 0:if(x={},f=!0,y.trim()||(x.name="Scope Name is required",f=!1),C.trim()||(x.description="Description is required",f=!1),R(x),!f)return[2];if("approval_required"===z&&0===G.length&&0===T.length)return M("Please select at least one approver or approver group."),[2];M(""),w(!0),r=_?"genreRuleSet":"globalRuleSet",i="approval_required"===z,console.log("topicData",r),s={topic:r,customScopeGroupName:t.IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,scopeDescription:C,parentScopeId:_?h:null,customScopeName:y,customScopeId:n.v4(),createByName:null==H?void 0:H.firstname,createdBy:null==H?void 0:H.email,approvalRequired:i,appsecData:{application:null==U?void 0:U.applicationId,module:null==U?void 0:U.moduleId,roles:e.__spreadArray(e.__spreadArray([],i?[{users:G.map(function(e){return e.email}),groups:T.map(function(e){return e._id}),role:null!==(l=null===(a=K.find(function(e){return"Learning Manager"===e.name}))||void 0===a?void 0:a._id)&&void 0!==l?l:""}]:[],!0),[{users:[null==H?void 0:H.email],groups:[],role:null!==(d=null===(p=K.find(function(e){return"Instant Learning Admin"===e.name}))||void 0===p?void 0:p._id)&&void 0!==d?d:""}],!1)}},u.label=1;case 1:return u.trys.push([1,3,4,5]),[4,g(s)];case 2:return u.sent(),c(),[3,5];case 3:return o=u.sent(),console.error("Error in submission",o),[3,5];case 4:return w(!1),[7];case 5:return[2]}var x,f})})},disabled:E,style:e.__assign(e.__assign({},Y.submitBtn),E?Y.disabledBtn:{})},{children:E?"Creating...":"Create Scope"}))]}))]}))}))};
 //# sourceMappingURL=CreateRuleSetLegacyModal.js.map