@e-llm-studio/instant-learning 1.3.1 → 1.3.3

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

@@ -1,2 +1,331 @@
-"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],k=j[1],q=i.useState(!1),E=q[0],w=q[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(""),k(""),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 k(i.slice(0,200)),void R(function(r){return e.__assign(e.__assign({},r),{description:"Description must be 200 characters or fewer"})});k(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,u;return e.__generator(this,function(x){switch(x.label){case 0:if(f={},v=!0,y.trim()||(f.name="Scope Name is required",v=!1),C.trim()||(f.description="Description is required",v=!1),R(f),!v)return[2];M(""),w(!0),r=_?"genreRuleSet":"globalRuleSet",i="approval_required"===z,s=G.length>0||T.length>0,console.log("topicData",r),o={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&&s?[{users:G.map(function(e){return e.email}),groups:T.map(function(e){return e._id}),role:null!==(p=null===(l=K.find(function(e){return"Learning Manager"===e.name}))||void 0===l?void 0:l._id)&&void 0!==p?p:""}]:[],!0),[{users:[null==H?void 0:H.email],groups:[],role:null!==(u=null===(d=K.find(function(e){return"Instant Learning Admin"===e.name}))||void 0===d?void 0:d._id)&&void 0!==u?u:""}],!1)}},x.label=1;case 1:return x.trys.push([1,3,4,5]),[4,g(o)];case 2:return x.sent(),c(),[3,5];case 3:return a=x.sent(),console.error("Error in submission",a),[3,5];case 4:return w(!1),[7];case 5:return[2]}var f,v})})},disabled:E,style:e.__assign(e.__assign({},Y.submitBtn),E?Y.disabledBtn:{})},{children:E?"Creating...":"Create Scope"}))]}))]}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var uuid = require('uuid');
+var config = require('../config.js');
+var useAuthStore = require('../store/useAuthStore.js');
+var AddScopeApprovalSearchComponent = require('../RuleContent/AddScopeApprovalSearchComponent.js');
+var useAppSecRolesStore = require('../store/useAppSecRolesStore.js');
+var useEnvStore = require('../store/useEnvStore.js');
+var ScopeSkeletonLoader = require('./ScopeSkeletonLoader.js');
+
+const CreateRuleSetLegacyModal = ({
+  isOpen,
+  onClose,
+  onSubmit,
+  hasGlobalRuleSet = false,
+  canCreateGlobal = false,
+  globalScopeId = null
+}) => {
+  const [type, setType] = React.useState("");
+  const [name, setName] = React.useState("");
+  const [description, setDescription] = React.useState("");
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [errors, setErrors] = React.useState({});
+  const [approvalSetting, setApprovalSetting] = React.useState("approval_required");
+  const [selectedApprovers, setSelectedApprovers] = React.useState([]);
+  const [selectedGroupOfApprovers, setSelectedGroupOfApprovers] = React.useState([]);
+  const [approvalError, setApprovalError] = React.useState("");
+  const { user } = useAuthStore["default"]();
+  const roles = useAppSecRolesStore.useAppSecRolesStore((state) => state.roles);
+  const rbacConfig = useEnvStore["default"]((state) => state.rbacConfig);
+  React.useEffect(() => {
+    if (isOpen) {
+      setType("");
+      setName("");
+      setDescription("");
+      setErrors({});
+      setApprovalSetting("approval_required");
+      setSelectedApprovers([]);
+      setSelectedGroupOfApprovers([]);
+      setApprovalError("");
+    }
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const validateForm = () => {
+    const newErrors = {};
+    let isValid = true;
+    if (!name.trim()) {
+      newErrors.name = "Scope Name is required";
+      isValid = false;
+    }
+    if (!description.trim()) {
+      newErrors.description = "Description is required";
+      isValid = false;
+    }
+    setErrors(newErrors);
+    return isValid;
+  };
+  const handleSubmit = async () => {
+    var _a, _b, _c, _d;
+    if (!validateForm()) return;
+    setApprovalError("");
+    setIsLoading(true);
+    const topicData = hasGlobalRuleSet ? "genreRuleSet" : "globalRuleSet";
+    const isApprovalRequired = approvalSetting === "approval_required";
+    const hasAdditionalApprovers = selectedApprovers.length > 0 || selectedGroupOfApprovers.length > 0;
+    console.log("topicData", topicData);
+    const audacyPayload = {
+      topic: topicData,
+      customScopeGroupName: config.IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,
+      scopeDescription: description,
+      parentScopeId: hasGlobalRuleSet ? globalScopeId : null,
+      customScopeName: name,
+      customScopeId: uuid.v4(),
+      createByName: user == null ? void 0 : user.firstname,
+      createdBy: user == null ? void 0 : user.email,
+      approvalRequired: isApprovalRequired,
+      appsecData: {
+        application: rbacConfig == null ? void 0 : rbacConfig.applicationId,
+        module: rbacConfig == null ? void 0 : rbacConfig.moduleId,
+        roles: [
+          ...isApprovalRequired && hasAdditionalApprovers ? [{
+            users: selectedApprovers.map((mail) => mail.email),
+            groups: selectedGroupOfApprovers.map((group) => group._id),
+            role: (_b = (_a = roles.find((r) => r.name === "Learning Manager")) == null ? void 0 : _a._id) != null ? _b : ""
+          }] : [],
+          {
+            users: [user == null ? void 0 : user.email],
+            groups: [],
+            role: (_d = (_c = roles.find((r) => r.name === "Instant Learning Admin")) == null ? void 0 : _c._id) != null ? _d : ""
+          }
+        ]
+      }
+    };
+    try {
+      await onSubmit(audacyPayload);
+      onClose();
+    } catch (error) {
+      console.error("Error in submission", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  const styles = {
+    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: 0.5, cursor: "not-allowed" }
+  };
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ScopeSkeletonLoader["default"], { isLoading });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.overlay, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.modal, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { style: styles.title, children: "Create Scope" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.subtitle, children: "Create a scope to group and manage rules." })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: onClose, style: styles.closeButton, children: "\u2715" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.formGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { style: styles.label, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.asterisk, children: "*" }),
+          "Scope Name"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: name,
+            onChange: (e) => {
+              const val = e.target.value;
+              if (val.length > 50) {
+                setName(val.slice(0, 50));
+                setErrors((prev) => ({ ...prev, name: "Scope Name must be 50 characters or fewer" }));
+                return;
+              }
+              setName(val);
+              if (errors.name) setErrors((prev) => ({ ...prev, name: void 0 }));
+            },
+            placeholder: "e.g. Global Learnings",
+            style: { ...styles.input, ...errors.name ? styles.inputError : {} }
+          }
+        ),
+        errors.name && /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.errorText, children: errors.name })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.formGroup, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("label", { style: styles.label, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.asterisk, children: "*" }),
+          "Description"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            value: description,
+            onChange: (e) => {
+              const val = e.target.value;
+              if (val.length > 200) {
+                setDescription(val.slice(0, 200));
+                setErrors((prev) => ({ ...prev, description: "Description must be 200 characters or fewer" }));
+                return;
+              }
+              setDescription(val);
+              if (errors.description) setErrors((prev) => ({ ...prev, description: void 0 }));
+            },
+            placeholder: "Enter short description for scope",
+            style: { ...styles.input, ...errors.description ? styles.inputError : {} }
+          }
+        ),
+        errors.description && /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.errorText, children: errors.description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { ...styles.formGroup, gap: "12px" }, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { style: styles.label, children: "Approval Settings" }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "radio",
+            "aria-checked": approvalSetting === "approval_required",
+            tabIndex: 0,
+            style: { cursor: "pointer", display: "flex", flexDirection: "column", gap: "4px" },
+            onClick: () => setApprovalSetting("approval_required"),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") setApprovalSetting("approval_required");
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", height: "16px", width: "16px", flexShrink: 0, alignItems: "center", justifyContent: "center", borderRadius: "50%", border: `2px solid ${approvalSetting === "approval_required" ? "#2563EB" : "#CBD5E1"}` }, children: approvalSetting === "approval_required" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px", width: "8px", borderRadius: "50%", backgroundColor: "#2563EB" } }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", fontWeight: 500, color: "#19213D" }, children: "Approval Required Before Publishing" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, marginLeft: "24px", fontSize: "12px", color: "#666F8D" }, children: "Learnings require approval before publishing." })
+            ]
+          }
+        ),
+        approvalSetting === "approval_required" && /* @__PURE__ */ jsxRuntime.jsx(
+          AddScopeApprovalSearchComponent["default"],
+          {
+            selectedApprovers,
+            selectedGroupOfApprovers,
+            onApproversChange: setSelectedApprovers,
+            onGroupsChange: setSelectedGroupOfApprovers
+          }
+        ),
+        approvalError && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, marginLeft: "24px", fontSize: "12px", color: "#8F2C23" }, children: approvalError }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            role: "radio",
+            "aria-checked": approvalSetting === "publish_without",
+            tabIndex: 0,
+            style: { cursor: "pointer", display: "flex", flexDirection: "column", gap: "4px" },
+            onClick: () => {
+              setApprovalSetting("publish_without");
+              setApprovalError("");
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                setApprovalSetting("publish_without");
+                setApprovalError("");
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { style: { display: "flex", height: "16px", width: "16px", flexShrink: 0, alignItems: "center", justifyContent: "center", borderRadius: "50%", border: `2px solid ${approvalSetting === "publish_without" ? "#2563EB" : "#CBD5E1"}` }, children: approvalSetting === "publish_without" && /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px", width: "8px", borderRadius: "50%", backgroundColor: "#2563EB" } }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: "14px", fontWeight: 500, color: "#19213D" }, children: "Publish Without Approval" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: { margin: 0, marginLeft: "24px", fontSize: "12px", color: "#666F8D" }, children: "Learnings can be published directly." })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.footer, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: onClose,
+          disabled: isLoading,
+          style: { ...styles.cancelBtn, ...isLoading ? styles.disabledBtn : {} },
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: handleSubmit,
+          disabled: isLoading,
+          style: { ...styles.submitBtn, ...isLoading ? styles.disabledBtn : {} },
+          children: isLoading ? "Creating..." : "Create Scope"
+        }
+      )
+    ] })
+  ] }) });
+};
+var CreateRuleSetLegacyModal$1 = CreateRuleSetLegacyModal;
+
+exports["default"] = CreateRuleSetLegacyModal$1;
 //# sourceMappingURL=CreateRuleSetLegacyModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateRuleSetLegacyModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CreateRuleSetLegacyModal.js","sources":["../../../../../src/features/LearningManagement/components/CreateRuleSetLegacyModal.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { v4 as uuidv4 } from 'uuid';\nimport { IL_CONFIG_CONSTANTS } from '../config';\nimport useAuthStore from '../store/useAuthStore';\nimport AddScopeApprovalSearchComponent from '../RuleContent/AddScopeApprovalSearchComponent';\nimport { Approver } from '../RuleContent/AddScopeModal';\nimport { AppsecGroup } from '../apis/scopeApis';\nimport { useAppSecRolesStore } from '../store/useAppSecRolesStore';\nimport useEnvStore from '../store/useEnvStore';\nimport ScopeDialog from './ScopeSkeletonLoader';\n\n\n\ninterface CreateRuleSetLegacyModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onSubmit: (payload: any) => Promise<void>;\n  hasGlobalRuleSet?: boolean;\n  canCreateGlobal?: boolean;\n  globalScopeId?: string | null;\n}\n\ninterface FormErrors {\n  type?: string;\n  name?: string;\n  description?: string;\n}\n\nconst CreateRuleSetLegacyModal: React.FC<CreateRuleSetLegacyModalProps> = ({\n  isOpen,\n  onClose,\n  onSubmit,\n  hasGlobalRuleSet = false,\n  canCreateGlobal = false,\n  globalScopeId = null,\n}) => {\n  const [type, setType] = useState('');\n  const [name, setName] = useState('');\n  const [description, setDescription] = useState('');\n  const [isLoading, setIsLoading] = useState(false);\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [approvalSetting, setApprovalSetting] = useState<'approval_required' | 'publish_without'>('approval_required');\n  const [selectedApprovers, setSelectedApprovers] = useState<Approver[]>([]);\n  const [selectedGroupOfApprovers, setSelectedGroupOfApprovers] = useState<AppsecGroup[]>([]);\n  const [approvalError, setApprovalError] = useState('');\n  const { user } = useAuthStore();\n  const roles = useAppSecRolesStore((state) => state.roles);\n  const rbacConfig = useEnvStore((state) => state.rbacConfig);\n\n  useEffect(() => {\n    if (isOpen) {\n      setType('');\n      setName('');\n      setDescription('');\n      setErrors({});\n      setApprovalSetting('approval_required');\n      setSelectedApprovers([]);\n      setSelectedGroupOfApprovers([]);\n      setApprovalError('');\n    }\n  }, [isOpen]);\n\n  if (!isOpen) return null;\n\n  const validateForm = (): boolean => {\n    const newErrors: FormErrors = {};\n    let isValid = true;\n\n    if (!name.trim()) {\n      newErrors.name = 'Scope Name is required';\n      isValid = false;\n    }\n    if (!description.trim()) {\n      newErrors.description = 'Description is required';\n      isValid = false;\n    }\n\n    setErrors(newErrors);\n    return isValid;\n  };\n\n  const handleSubmit = async () => {\n\n    if (!validateForm()) return;\n\n    setApprovalError('');\n    setIsLoading(true);\n    const topicData = hasGlobalRuleSet ? \"genreRuleSet\" : \"globalRuleSet\"\n\n    const isApprovalRequired = approvalSetting === 'approval_required';\n\n    const hasAdditionalApprovers = selectedApprovers.length > 0 || selectedGroupOfApprovers.length > 0;\n\n    console.log(\"topicData\",topicData)\n\n    const audacyPayload = {\n      topic: topicData,\n      customScopeGroupName: IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,\n      scopeDescription: description,\n      parentScopeId: hasGlobalRuleSet ? globalScopeId : null,\n      customScopeName: name,\n      customScopeId: uuidv4(),\n      createByName: user?.firstname,\n      createdBy: user?.email,\n      approvalRequired: isApprovalRequired,\n       appsecData: {\n          application: rbacConfig?.applicationId,\n          module: rbacConfig?.moduleId,\n          roles: [\n            ...(isApprovalRequired && hasAdditionalApprovers ? [{\n              users: selectedApprovers.map((mail) => mail.email),\n              groups: selectedGroupOfApprovers.map((group) => group._id),\n              role: roles.find((r) => r.name === 'Learning Manager')?._id ?? '',\n            }] : []),\n            {\n              users: [user?.email],\n              groups: [],\n              role: roles.find((r) => r.name === 'Instant Learning Admin')?._id ?? '',\n            },\n          ],\n        },\n    };\n\n    try {\n      await onSubmit(audacyPayload);\n      onClose();\n    } catch (error) {\n      console.error('Error in submission', error);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  // --- INLINE STYLES ---\n  const styles: { [key: string]: React.CSSProperties } = {\n    overlay: {\n      position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, zIndex: 50,\n      display: 'flex', alignItems: 'center', justifyContent: 'center',\n      backgroundColor: 'rgba(0, 0, 0, 0.3)'\n    },\n    modal: {\n      position: 'relative', width: '600px', borderRadius: '12px',\n      backgroundColor: '#ffffff', padding: '24px',\n      boxShadow: '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n      maxHeight: '90vh', overflowY: 'auto'\n    },\n    header: { display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', marginBottom: '24px' },\n    title: { margin: 0, fontSize: '18px', fontWeight: 500, color: '#19213D' },\n    subtitle: { marginTop: '4px', fontSize: '14px', fontWeight: 400, color: '#666F8D' },\n    closeButton: { background: 'none', border: 'none', fontSize: '20px', cursor: 'pointer', color: '#9CA3AF' },\n    formGroup: { display: 'flex', flexDirection: 'column', marginBottom: '20px', gap: '6px' },\n    label: { fontSize: '14px', fontWeight: 500, color: '#19213D' },\n    asterisk: { color: '#8F2C23', marginRight: '4px', fontSize: '16px', fontWeight: 600 },\n    input: {\n      width: '100%', padding: '8px 12px', borderRadius: '6px',\n      border: '1px solid #E2E8F0', outline: 'none', fontSize: '14px'\n    },\n    inputError: { border: '1px solid #8F2C23' },\n    errorText: { margin: 0, marginTop: '4px', fontSize: '12px', color: '#8F2C23' },\n    textarea: {\n      width: '100%', padding: '8px 12px', borderRadius: '6px',\n      border: '1px solid #E2E8F0', outline: 'none', fontSize: '14px',\n      minHeight: '100px', maxHeight: '200px', overflowY: 'auto', resize: 'vertical'\n    },\n    footer: { display: 'flex', justifyContent: 'flex-end', gap: '12px', marginTop: '32px' },\n    cancelBtn: {\n      padding: '8px 16px', borderRadius: '6px', border: '1px solid #E2E8F0',\n      backgroundColor: 'transparent', color: '#64748B', fontSize: '14px', fontWeight: 500, cursor: 'pointer'\n    },\n    submitBtn: {\n      padding: '8px 16px', borderRadius: '6px', border: 'none',\n      backgroundColor: '#2563EB', color: '#ffffff', fontSize: '14px', fontWeight: 500, cursor: 'pointer'\n    },\n    disabledBtn: { opacity: 0.5, cursor: 'not-allowed' }\n  };\n  if(isLoading){\n   return <ScopeDialog isLoading={isLoading} />\n  }\n\n  return (\n\n    <div style={styles.overlay}>\n      \n      <div style={styles.modal}>\n        {/* Header */}\n        <div style={styles.header}>\n          <div>\n            <h2 style={styles.title}>Create Scope</h2>\n            <p style={styles.subtitle}>Create a scope to group and manage rules.</p>\n          </div>\n          <button onClick={onClose} style={styles.closeButton}>✕</button>\n        </div>\n\n        {/* Form */}\n        <div>\n          {/* <div style={styles.formGroup}>\n            <label style={styles.label}><span style={styles.asterisk}>*</span>Scope Type</label>\n            <select\n              value={type}\n              onChange={(e) => {\n                setType(e.target.value);\n                if (errors.type) setErrors((prev) => ({ ...prev, type: undefined }));\n                setName('');\n              }}\n              style={{ ...styles.input, ...(errors.type ? styles.inputError : {}) }}\n            >\n              <option value=\"\" disabled>Select Scope Type</option>\n              <option value=\"Global\"   disabled={hasGlobalRuleSet || !canCreateGlobal} >\n                 Global {hasGlobalRuleSet ? '(Already exists)' : !canCreateGlobal ? '(No permission)' : ''}\n              </option>\n              <option value=\"Genre\">Genre</option>\n            </select>\n            {errors.type && <p style={styles.errorText}>{errors.type}</p>}\n          </div> */}\n\n          <div style={styles.formGroup}>\n            <label style={styles.label}><span style={styles.asterisk}>*</span>Scope Name</label>\n           <input\n              type=\"text\"\n              value={name}\n              onChange={(e) => {\n                const val = e.target.value;\n                if (val.length > 50) {\n                  setName(val.slice(0, 50));\n                  setErrors((prev) => ({ ...prev, name: 'Scope Name must be 50 characters or fewer' }));\n                  return;\n                }\n                setName(val);\n                if (errors.name) setErrors((prev) => ({ ...prev, name: undefined }));\n              }}\n              placeholder=\"e.g. Global Learnings\"\n              style={{ ...styles.input, ...(errors.name ? styles.inputError : {}) }}\n            />\n            {errors.name && <p style={styles.errorText}>{errors.name}</p>}\n          </div>\n\n          <div style={styles.formGroup}>\n            <label style={styles.label}><span style={styles.asterisk}>*</span>Description</label>\n            <input\n              type=\"text\"\n              value={description}\n              onChange={(e) => {\n                const val = e.target.value;\n                if (val.length > 200) {\n                  setDescription(val.slice(0, 200));\n                  setErrors((prev) => ({ ...prev, description: 'Description must be 200 characters or fewer' }));\n                  return;\n                }\n                setDescription(val);\n                if (errors.description) setErrors((prev) => ({ ...prev, description: undefined }));\n              }}\n              placeholder=\"Enter short description for scope\"\n              style={{ ...styles.input, ...(errors.description ? styles.inputError : {}) }}\n            />\n            {errors.description && <p style={styles.errorText}>{errors.description}</p>}\n          </div>\n\n          {/* Approval Settings */}\n          <div style={{ ...styles.formGroup, gap: '12px' }}>\n            <label style={styles.label}>Approval Settings</label>\n\n            <div\n              role='radio'\n              aria-checked={approvalSetting === 'approval_required'}\n              tabIndex={0}\n              style={{ cursor: 'pointer', display: 'flex', flexDirection: 'column', gap: '4px' }}\n              onClick={() => setApprovalSetting('approval_required')}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') setApprovalSetting('approval_required'); }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <div style={{ display: 'flex', height: '16px', width: '16px', flexShrink: 0, alignItems: 'center', justifyContent: 'center', borderRadius: '50%', border: `2px solid ${approvalSetting === 'approval_required' ? '#2563EB' : '#CBD5E1'}` }}>\n                  {approvalSetting === 'approval_required' && (\n                    <div style={{ height: '8px', width: '8px', borderRadius: '50%', backgroundColor: '#2563EB' }} />\n                  )}\n                </div>\n                <span style={{ fontSize: '14px', fontWeight: 500, color: '#19213D' }}>Approval Required Before Publishing</span>\n              </div>\n              <p style={{ margin: 0, marginLeft: '24px', fontSize: '12px', color: '#666F8D' }}>Learnings require approval before publishing.</p>\n            </div>\n\n            {approvalSetting === 'approval_required' && (\n              <AddScopeApprovalSearchComponent\n                selectedApprovers={selectedApprovers}\n                selectedGroupOfApprovers={selectedGroupOfApprovers}\n                onApproversChange={setSelectedApprovers}\n                onGroupsChange={setSelectedGroupOfApprovers}\n              />\n            )}\n            {approvalError && (\n              <p style={{ margin: 0, marginLeft: '24px', fontSize: '12px', color: '#8F2C23' }}>{approvalError}</p>\n            )}\n\n            <div\n              role='radio'\n              aria-checked={approvalSetting === 'publish_without'}\n              tabIndex={0}\n              style={{ cursor: 'pointer', display: 'flex', flexDirection: 'column', gap: '4px' }}\n              onClick={() => { setApprovalSetting('publish_without'); setApprovalError(''); }}\n              onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') { setApprovalSetting('publish_without'); setApprovalError(''); } }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <div style={{ display: 'flex', height: '16px', width: '16px', flexShrink: 0, alignItems: 'center', justifyContent: 'center', borderRadius: '50%', border: `2px solid ${approvalSetting === 'publish_without' ? '#2563EB' : '#CBD5E1'}` }}>\n                  {approvalSetting === 'publish_without' && (\n                    <div style={{ height: '8px', width: '8px', borderRadius: '50%', backgroundColor: '#2563EB' }} />\n                  )}\n                </div>\n                <span style={{ fontSize: '14px', fontWeight: 500, color: '#19213D' }}>Publish Without Approval</span>\n              </div>\n              <p style={{ margin: 0, marginLeft: '24px', fontSize: '12px', color: '#666F8D' }}>Learnings can be published directly.</p>\n            </div>\n          </div>\n        </div>\n\n        {/* Footer */}\n        <div style={styles.footer}>\n          <button \n            onClick={onClose} \n            disabled={isLoading} \n            style={{ ...styles.cancelBtn, ...(isLoading ? styles.disabledBtn : {}) }}\n          >\n            Cancel\n          </button>\n          <button \n            onClick={handleSubmit} \n            disabled={isLoading} \n            style={{ ...styles.submitBtn, ...(isLoading ? styles.disabledBtn : {}) }}\n          >\n            {isLoading ? 'Creating...' : 'Create Scope'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CreateRuleSetLegacyModal;"],"names":["useState","useAuthStore","useAppSecRolesStore","useEnvStore","useEffect","IL_CONFIG_CONSTANTS","uuidv4","jsx","ScopeDialog","jsxs","AddScopeApprovalSearchComponent"],"mappings":"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"}

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

@@ -1,2 +1,55 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("react/jsx-runtime"),o=require("./ToolTip.js"),s=require("../styles/CustomTooltip.module.css.js");exports.default=function(r){var i=r.content,a=r.children,l=r.contentClassName,n=r.placement,c=void 0===n?"top":n,d=r.withArrow,u=void 0!==d&&d,f=r.sideOffset,p={top:s.default.arrow_top,bottom:s.default.arrow_bottom,left:s.default.arrow_left,right:s.default.arrow_right};return i?e.jsxs(o.Tooltip,t.__assign({delayDuration:100},{children:[e.jsx(o.TooltipTrigger,t.__assign({asChild:!0},{children:a})),e.jsxs(o.TooltipContent,t.__assign({side:c,sideOffset:f,className:"".concat(s.default.tooltipContent," ").concat(l||"")},{children:[u&&e.jsx("svg",t.__assign({width:8,height:8,viewBox:"0 0 8 8",className:"".concat(s.default.arrow," ").concat(p[c]||"")},{children:e.jsx("polygon",{points:"0,0 8,0 4,8"})})),i]}))]})):a};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var ToolTip = require('./ToolTip.js');
+var CustomTooltip_module = require('../styles/CustomTooltip.module.css.js');
+
+const CustomTooltip = ({
+  content,
+  children,
+  contentClassName,
+  placement = "top",
+  withArrow = false,
+  sideOffset
+}) => {
+  const arrowSize = 8;
+  const arrowStyles = {
+    top: CustomTooltip_module["default"].arrow_top,
+    bottom: CustomTooltip_module["default"].arrow_bottom,
+    left: CustomTooltip_module["default"].arrow_left,
+    right: CustomTooltip_module["default"].arrow_right
+  };
+  if (!content) {
+    return children;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToolTip.Tooltip, { delayDuration: 100, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ToolTip.TooltipTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      ToolTip.TooltipContent,
+      {
+        side: placement,
+        sideOffset,
+        className: `${CustomTooltip_module["default"].tooltipContent} ${contentClassName || ""}`,
+        children: [
+          withArrow && /* @__PURE__ */ jsxRuntime.jsx(
+            "svg",
+            {
+              width: arrowSize,
+              height: arrowSize,
+              viewBox: "0 0 8 8",
+              className: `${CustomTooltip_module["default"].arrow} ${arrowStyles[placement] || ""}`,
+              children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 8,0 4,8" })
+            }
+          ),
+          content
+        ]
+      }
+    )
+  ] });
+};
+var CustomTooltip$1 = CustomTooltip;
+
+exports["default"] = CustomTooltip$1;
 //# sourceMappingURL=CustomTooltip.js.map

package/dist/cjs/features/LearningManagement/components/CustomTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTooltip.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"CustomTooltip.js","sources":["../../../../../src/features/LearningManagement/components/CustomTooltip.tsx"],"sourcesContent":["import React from 'react';\nimport { Tooltip, TooltipContent, TooltipTrigger } from './ToolTip';\nimport styles from '../styles/CustomTooltip.module.css';\n\ninterface CustomTooltipProps {\n  content: React.ReactNode;\n  children: React.ReactElement;\n  contentClassName?: string;\n  placement?: 'top' | 'right' | 'bottom' | 'left';\n  withArrow?: boolean;\n  sideOffset?: number;\n}\n\n/**\n * CustomTooltip component wraps the common Tooltip with additional styling and arrow support.\n * Fully library compatible, decoupled from Tailwind CSS.\n */\nconst CustomTooltip: React.FC<CustomTooltipProps> = ({\n  content,\n  children,\n  contentClassName,\n  placement = 'top',\n  withArrow = false,\n  sideOffset,\n}) => {\n  const arrowSize = 8;\n\n  const arrowStyles: Record<string, string> = {\n    top: styles.arrow_top,\n    bottom: styles.arrow_bottom,\n    left: styles.arrow_left,\n    right: styles.arrow_right,\n  };\n\n  if (!content) {\n    return children;\n  }\n\n  return (\n    <Tooltip delayDuration={100}>\n      <TooltipTrigger asChild>{children}</TooltipTrigger>\n      <TooltipContent\n        side={placement}\n        sideOffset={sideOffset}\n        className={`${styles.tooltipContent} ${contentClassName || ''}`}\n      >\n        {withArrow && (\n          <svg\n            width={arrowSize}\n            height={arrowSize}\n            viewBox=\"0 0 8 8\"\n            className={`${styles.arrow} ${arrowStyles[placement] || ''}`}\n          >\n            <polygon points=\"0,0 8,0 4,8\" />\n          </svg>\n        )}\n        {content}\n      </TooltipContent>\n    </Tooltip>\n  );\n};\n\nexport default CustomTooltip;\n"],"names":["styles","jsxs","Tooltip","jsx","TooltipTrigger","TooltipContent"],"mappings":";;;;;;;;AAiBA,MAAM,gBAA8C,CAAC;AAAA,EACnD,OAAA;AAAA,EACA,QAAA;AAAA,EACA,gBAAA;AAAA,EACA,SAAY,GAAA,KAAA;AAAA,EACZ,SAAY,GAAA,KAAA;AAAA,EACZ,UAAA;AACF,CAAM,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,CAAA,CAAA;AAElB,EAAA,MAAM,WAAsC,GAAA;AAAA,IAC1C,KAAKA,+BAAO,CAAA,SAAA;AAAA,IACZ,QAAQA,+BAAO,CAAA,YAAA;AAAA,IACf,MAAMA,+BAAO,CAAA,UAAA;AAAA,IACb,OAAOA,+BAAO,CAAA,WAAA;AAAA,GAChB,CAAA;AAEA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAAC,eAAA,CAACC,eAAQ,EAAA,EAAA,aAAA,EAAe,GACtB,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,sBAAA,EAAA,EAAe,OAAO,EAAA,IAAA,EAAE,QAAS,EAAA,CAAA;AAAA,oBAClCH,eAAA;AAAA,MAACI,sBAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,UAAA;AAAA,QACA,WAAW,CAAG,EAAAL,+BAAA,CAAO,cAAc,CAAA,CAAA,EAAI,oBAAoB,EAAE,CAAA,CAAA;AAAA,QAE5D,QAAA,EAAA;AAAA,UACC,SAAA,oBAAAG,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,SAAA;AAAA,cACP,MAAQ,EAAA,SAAA;AAAA,cACR,OAAQ,EAAA,SAAA;AAAA,cACR,SAAA,EAAW,GAAGH,+BAAO,CAAA,KAAK,IAAI,WAAY,CAAA,SAAS,KAAK,EAAE,CAAA,CAAA;AAAA,cAE1D,QAAA,kBAAAG,cAAA,CAAC,SAAQ,EAAA,EAAA,MAAA,EAAO,aAAc,EAAA,CAAA;AAAA,aAAA;AAAA,WAChC;AAAA,UAED,OAAA;AAAA,SAAA;AAAA,OAAA;AAAA,KACH;AAAA,GACF,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,sBAAe,aAAA;;;;"}

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

@@ -1,2 +1,70 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),a=require("lucide-react"),i=require("../styles/EmptyRuleState.module.css.js");exports.default=function(c){var t=c.onCreate,n=c.title,l=c.desc,o=c.button,d=c.canCreateRule,r=c.noAccessTitle,u=void 0===r?"You don't have access":r,j=c.noAccessDesc,x=void 0===j?"Request access to create a Global scope for this application.":j,m=c.requestAccessButton,f=void 0===m?"Request Access":m,v=c.requestSentButton,_=void 0===v?"Request Sent":v,g=c.onRequestAccess,h=c.isRequestingAccess,q=void 0!==h&&h,p=c.isAccessRequested,N=void 0!==p&&p,L=!(null!=d&&d),R=q||N;return s.jsx("div",e.__assign({className:i.default.container},{children:s.jsxs("div",e.__assign({className:i.default.card},{children:[s.jsxs("div",e.__assign({className:i.default.iconContainer},{children:[s.jsxs("div",e.__assign({className:i.default.iconLines},{children:[s.jsx("div",{className:"".concat(i.default.iconLine," ").concat(i.default.iconLineLong)}),s.jsx("div",{className:"".concat(i.default.iconLine," ").concat(i.default.iconLineLong)}),s.jsx("div",{className:"".concat(i.default.iconLine," ").concat(i.default.iconLineShort)})]})),s.jsx("div",e.__assign({className:i.default.iconBadge},{children:s.jsx(a.Plus,{size:22})}))]})),s.jsx("h2",e.__assign({className:i.default.title},{children:L?u:n})),s.jsx("p",e.__assign({className:i.default.description},{children:L?x:l})),s.jsx("button",e.__assign({onClick:L?g:t,className:i.default.createButton,disabled:R,style:{opacity:R?.6:1,cursor:R?"not-allowed":"pointer"}},{children:L?q?s.jsxs(s.Fragment,{children:[s.jsx(a.Loader2,{size:16,className:"animate-spin"})," Requesting..."]}):N?s.jsxs(s.Fragment,{children:[s.jsx(a.Check,{size:16})," ",_]}):s.jsxs(s.Fragment,{children:[s.jsx(a.KeyRound,{size:16})," ",f]}):s.jsxs(s.Fragment,{children:[s.jsx(a.Plus,{size:16})," ",o]})}))]}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var EmptyRuleState_module = require('../styles/EmptyRuleState.module.css.js');
+
+const EmptyLearningState = ({
+  onCreate,
+  title,
+  desc,
+  button,
+  canCreateRule,
+  noAccessTitle = "You don't have access",
+  noAccessDesc = "Request access to create a Global scope for this application.",
+  requestAccessButton = "Request Access",
+  requestSentButton = "Request Sent",
+  onRequestAccess,
+  isRequestingAccess = false,
+  isAccessRequested = false
+}) => {
+  const canCreate = canCreateRule != null ? canCreateRule : false;
+  const shouldRequestAccess = !canCreate;
+  const isActionDisabled = isRequestingAccess || isAccessRequested;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: EmptyRuleState_module["default"].container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EmptyRuleState_module["default"].card, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EmptyRuleState_module["default"].iconContainer, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: EmptyRuleState_module["default"].iconLines, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${EmptyRuleState_module["default"].iconLine} ${EmptyRuleState_module["default"].iconLineLong}` }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${EmptyRuleState_module["default"].iconLine} ${EmptyRuleState_module["default"].iconLineLong}` }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${EmptyRuleState_module["default"].iconLine} ${EmptyRuleState_module["default"].iconLineShort}` })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: EmptyRuleState_module["default"].iconBadge, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 22 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: EmptyRuleState_module["default"].title, children: shouldRequestAccess ? noAccessTitle : title }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: EmptyRuleState_module["default"].description, children: shouldRequestAccess ? noAccessDesc : desc }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: shouldRequestAccess ? onRequestAccess : onCreate,
+        className: EmptyRuleState_module["default"].createButton,
+        disabled: isActionDisabled,
+        style: {
+          opacity: isActionDisabled ? 0.6 : 1,
+          cursor: isActionDisabled ? "not-allowed" : "pointer"
+        },
+        children: shouldRequestAccess ? isRequestingAccess ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 16, className: "animate-spin" }),
+          " Requesting..."
+        ] }) : isAccessRequested ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 16 }),
+          " ",
+          requestSentButton
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.KeyRound, { size: 16 }),
+          " ",
+          requestAccessButton
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { size: 16 }),
+          " ",
+          button
+        ] })
+      }
+    )
+  ] }) });
+};
+var EmptyLearningState$1 = EmptyLearningState;
+
+exports["default"] = EmptyLearningState$1;
 //# sourceMappingURL=EmptyLearningState.js.map

package/dist/cjs/features/LearningManagement/components/EmptyLearningState.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyLearningState.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"EmptyLearningState.js","sources":["../../../../../src/features/LearningManagement/components/EmptyLearningState.tsx"],"sourcesContent":["import React from 'react';\nimport { KeyRound, Plus, Loader2, Check } from 'lucide-react';\nimport styles from '../styles/EmptyRuleState.module.css';\n\n/**\n * Props for the EmptyRuleState component.\n * Library-ready: fully controlled via props.\n */\ninterface EmptyRuleStateProps {\n    /** Callback when create button is clicked */\n    onCreate: () => void;\n    /** Title text to display */\n    title: string;\n    /** Description text to display */\n    desc: string;\n    /** Button label text */\n    button: string;\n    /** Optional prop to control whether creation is allowed (e.g., based on permissions) */\n    canCreateRule?: boolean;\n    /** Req title text to display */\n    noAccessTitle?: string;\n    /** Req Description text to display */\n    noAccessDesc?: string;\n    /** Req Button label text */\n    requestAccessButton?: string;\n    /** Text to display when access has been successfully requested */\n    requestSentButton?: string;\n    /** Callback when the user needs to request access */\n    onRequestAccess?: () => void;\n    /** Whether an access request is currently in progress */\n    isRequestingAccess?: boolean;\n    /** Whether an access request has already been successfully submitted */\n    isAccessRequested?: boolean;\n}\n\n/**\n * Component to display when no rules are present for a rule set.\n * Shows a placeholder illustration and a CTA to create a new rule.\n * Library-ready: fully controlled via props, uses CSS modules.\n *\n * @param props - Component props\n * @returns JSX element displaying the empty state\n */\nconst EmptyLearningState: React.FC<EmptyRuleStateProps> = ({\n    onCreate,\n    title,\n    desc,\n    button,\n    canCreateRule,\n    noAccessTitle = \"You don't have access\",\n    noAccessDesc = \"Request access to create a Global scope for this application.\",\n    requestAccessButton = \"Request Access\",\n    requestSentButton = \"Request Sent\",\n    onRequestAccess,\n    isRequestingAccess = false,\n    isAccessRequested = false,\n}) => {\n    const canCreate = canCreateRule ?? false;\n    const shouldRequestAccess = !canCreate;\n\n    // Disabled if the user is currently requesting or has already requested access\n    const isActionDisabled = isRequestingAccess || isAccessRequested;\n\n    return (\n        <div className={styles.container}>\n            <div className={styles.card}>\n                <div className={styles.iconContainer}>\n                    <div className={styles.iconLines}>\n                        <div className={`${styles.iconLine} ${styles.iconLineLong}`} />\n                        <div className={`${styles.iconLine} ${styles.iconLineLong}`} />\n                        <div className={`${styles.iconLine} ${styles.iconLineShort}`} />\n                    </div>\n                    <div className={styles.iconBadge}>\n                        <Plus size={22} />\n                    </div>\n                </div>\n                \n                <h2 className={styles.title}>{shouldRequestAccess ? noAccessTitle : title}</h2>\n                <p className={styles.description}>{shouldRequestAccess ? noAccessDesc : desc}</p>\n                \n                <button\n                    onClick={shouldRequestAccess ? onRequestAccess : onCreate}\n                    className={styles.createButton}\n                    disabled={isActionDisabled}\n                    style={{ \n                        opacity: isActionDisabled ? 0.6 : 1, \n                        cursor: isActionDisabled ? 'not-allowed' : 'pointer' \n                    }}\n                >\n                    {shouldRequestAccess ? (\n                        isRequestingAccess ? (\n                            <><Loader2 size={16} className=\"animate-spin\" /> Requesting...</>\n                        ) : isAccessRequested ? (\n                            <><Check size={16} /> {requestSentButton}</>\n                        ) : (\n                            <><KeyRound size={16} /> {requestAccessButton}</>\n                        )\n                    ) : (\n                        <><Plus size={16} /> {button}</>\n                    )}\n                </button>\n            </div>\n        </div>\n    );\n};\n\nexport default EmptyLearningState;\n"],"names":["jsx","styles","jsxs","Plus","Fragment","Loader2","Check","KeyRound"],"mappings":"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"}

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

@@ -1,2 +1,34 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),r=require("lucide-react"),t=require("../styles/ErrorStateDisplay.module.css.js");exports.default=function(a){var i=a.errorMessage,l=a.onRetry,n=a.title,d=void 0===n?"Error Loading Rules":n,c=a.retryButtonText,u=void 0===c?"Retry":c;return s.jsx("div",e.__assign({className:t.default.container},{children:s.jsxs("div",e.__assign({className:t.default.card},{children:[s.jsxs("div",e.__assign({className:t.default.titleRow},{children:[s.jsx(r.TriangleAlert,{className:t.default.icon}),d]})),s.jsx("p",e.__assign({className:t.default.message},{children:i})),s.jsx("button",e.__assign({onClick:l,className:t.default.retryBtn},{children:u}))]}))}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var ErrorStateDisplay_module = require('../styles/ErrorStateDisplay.module.css.js');
+
+const ErrorStateDisplay = ({
+  errorMessage,
+  onRetry,
+  title = "Error Loading Rules",
+  retryButtonText = "Retry"
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: ErrorStateDisplay_module["default"].container, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ErrorStateDisplay_module["default"].card, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ErrorStateDisplay_module["default"].titleRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { className: ErrorStateDisplay_module["default"].icon }),
+      title
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: ErrorStateDisplay_module["default"].message, children: errorMessage }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        onClick: onRetry,
+        className: ErrorStateDisplay_module["default"].retryBtn,
+        children: retryButtonText
+      }
+    )
+  ] }) });
+};
+var ErrorStateDisplay$1 = ErrorStateDisplay;
+
+exports["default"] = ErrorStateDisplay$1;
 //# sourceMappingURL=ErrorStateDisplay.js.map

package/dist/cjs/features/LearningManagement/components/ErrorStateDisplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorStateDisplay.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ErrorStateDisplay.js","sources":["../../../../../src/features/LearningManagement/components/ErrorStateDisplay.tsx"],"sourcesContent":["import React from 'react';\nimport { TriangleAlert } from 'lucide-react';\nimport styles from '../styles/ErrorStateDisplay.module.css';\n\n/**\n * Props for the ErrorStateDisplay component.\n */\ninterface ErrorStateDisplayProps {\n    /** Error message to display */\n    errorMessage: string;\n    /** Callback when retry button is clicked */\n    onRetry: () => void;\n    /** Custom title text (default: \"Error Loading Rules\") */\n    title?: string;\n    /** Custom retry button text (default: \"Retry\") */\n    retryButtonText?: string;\n}\n\n/**\n * Reusable error state display component.\n * Shows an error message with a retry button.\n * Fully library compatible, decoupled from Tailwind CSS.\n *\n * @param props - Component props\n * @returns JSX element displaying the error state\n */\nconst ErrorStateDisplay: React.FC<ErrorStateDisplayProps> = ({\n    errorMessage,\n    onRetry,\n    title = 'Error Loading Rules',\n    retryButtonText = 'Retry',\n}) => {\n    return (\n        <div className={styles.container}>\n            <div className={styles.card}>\n                <div className={styles.titleRow}>\n                    <TriangleAlert className={styles.icon} />\n                    {title}\n                </div>\n                <p className={styles.message}>{errorMessage}</p>\n                <button\n                    onClick={onRetry}\n                    className={styles.retryBtn}\n                >\n                    {retryButtonText}\n                </button>\n            </div>\n        </div>\n    );\n};\n\nexport default ErrorStateDisplay;\n"],"names":["jsx","styles","jsxs","TriangleAlert"],"mappings":";;;;;;;;AA0BA,MAAM,oBAAsD,CAAC;AAAA,EACzD,YAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAQ,GAAA,qBAAA;AAAA,EACR,eAAkB,GAAA,OAAA;AACtB,CAAM,KAAA;AACF,EACI,uBAAAA,cAAA,CAAC,SAAI,SAAW,EAAAC,mCAAA,CAAO,WACnB,QAAC,kBAAAC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,mCAAA,CAAO,IACnB,EAAA,QAAA,EAAA;AAAA,oBAACC,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,mCAAA,CAAO,QACnB,EAAA,QAAA,EAAA;AAAA,sBAACD,cAAA,CAAAG,yBAAA,EAAA,EAAc,SAAW,EAAAF,mCAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MACtC,KAAA;AAAA,KACL,EAAA,CAAA;AAAA,oBACCD,cAAA,CAAA,GAAA,EAAA,EAAE,SAAW,EAAAC,mCAAA,CAAO,SAAU,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,oBAC5CD,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACG,OAAS,EAAA,OAAA;AAAA,QACT,WAAWC,mCAAO,CAAA,QAAA;AAAA,QAEjB,QAAA,EAAA,eAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAAA,EACJ,CACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,0BAAe,iBAAA;;;;"}