@e-llm-studio/instant-learning 1.3.2 → 1.3.4

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

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

package/dist/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":["uuidv4"],"mappings":"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"}

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

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

package/dist/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"],"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,aAAO,CAAA,SAAA;AAAA,IACZ,QAAQA,aAAO,CAAA,YAAA;AAAA,IACf,MAAMA,aAAO,CAAA,UAAA;AAAA,IACb,OAAOA,aAAO,CAAA,WAAA;AAAA,GAChB,CAAA;AAEA,EAAA,IAAI,CAAC,OAAS,EAAA;AACZ,IAAO,OAAA,QAAA,CAAA;AAAA,GACT;AAEA,EACE,uBAAA,IAAA,CAAC,OAAQ,EAAA,EAAA,aAAA,EAAe,GACtB,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,cAAA,EAAA,EAAe,OAAO,EAAA,IAAA,EAAE,QAAS,EAAA,CAAA;AAAA,oBAClC,IAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,IAAM,EAAA,SAAA;AAAA,QACN,UAAA;AAAA,QACA,WAAW,CAAG,EAAAA,aAAA,CAAO,cAAc,CAAA,CAAA,EAAI,oBAAoB,EAAE,CAAA,CAAA;AAAA,QAE5D,QAAA,EAAA;AAAA,UACC,SAAA,oBAAA,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,KAAO,EAAA,SAAA;AAAA,cACP,MAAQ,EAAA,SAAA;AAAA,cACR,OAAQ,EAAA,SAAA;AAAA,cACR,SAAA,EAAW,GAAGA,aAAO,CAAA,KAAK,IAAI,WAAY,CAAA,SAAS,KAAK,EAAE,CAAA,CAAA;AAAA,cAE1D,QAAA,kBAAA,GAAA,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/features/LearningManagement/components/EmptyLearningState.js

@@ -1,2 +1,66 @@
-import{__assign as e}from"tslib";import{jsx as c,jsxs as s,Fragment as i}from"react/jsx-runtime";import{Plus as n,Loader2 as t,Check as o,KeyRound as a}from"lucide-react";import l from"../styles/EmptyRuleState.module.css.js";var r=function(r){var d=r.onCreate,u=r.title,m=r.desc,v=r.button,h=r.canCreateRule,p=r.noAccessTitle,N=void 0===p?"You don't have access":p,q=r.noAccessDesc,L=void 0===q?"Request access to create a Global scope for this application.":q,R=r.requestAccessButton,f=void 0===R?"Request Access":R,A=r.requestSentButton,b=void 0===A?"Request Sent":A,g=r.onRequestAccess,z=r.isRequestingAccess,y=void 0!==z&&z,B=r.isAccessRequested,C=void 0!==B&&B,S=!(null!=h&&h),j=y||C;return c("div",e({className:l.container},{children:s("div",e({className:l.card},{children:[s("div",e({className:l.iconContainer},{children:[s("div",e({className:l.iconLines},{children:[c("div",{className:"".concat(l.iconLine," ").concat(l.iconLineLong)}),c("div",{className:"".concat(l.iconLine," ").concat(l.iconLineLong)}),c("div",{className:"".concat(l.iconLine," ").concat(l.iconLineShort)})]})),c("div",e({className:l.iconBadge},{children:c(n,{size:22})}))]})),c("h2",e({className:l.title},{children:S?N:u})),c("p",e({className:l.description},{children:S?L:m})),c("button",e({onClick:S?g:d,className:l.createButton,disabled:j,style:{opacity:j?.6:1,cursor:j?"not-allowed":"pointer"}},{children:s(i,S?y?{children:[c(t,{size:16,className:"animate-spin"})," Requesting..."]}:C?{children:[c(o,{size:16})," ",b]}:{children:[c(a,{size:16})," ",f]}:{children:[c(n,{size:16})," ",v]})}))]}))}))};export{r as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Plus, Loader2, Check, KeyRound } from 'lucide-react';
+import styles from '../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__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxs("div", { className: styles.card, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.iconContainer, children: [
+      /* @__PURE__ */ jsxs("div", { className: styles.iconLines, children: [
+        /* @__PURE__ */ jsx("div", { className: `${styles.iconLine} ${styles.iconLineLong}` }),
+        /* @__PURE__ */ jsx("div", { className: `${styles.iconLine} ${styles.iconLineLong}` }),
+        /* @__PURE__ */ jsx("div", { className: `${styles.iconLine} ${styles.iconLineShort}` })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: styles.iconBadge, children: /* @__PURE__ */ jsx(Plus, { size: 22 }) })
+    ] }),
+    /* @__PURE__ */ jsx("h2", { className: styles.title, children: shouldRequestAccess ? noAccessTitle : title }),
+    /* @__PURE__ */ jsx("p", { className: styles.description, children: shouldRequestAccess ? noAccessDesc : desc }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: shouldRequestAccess ? onRequestAccess : onCreate,
+        className: styles.createButton,
+        disabled: isActionDisabled,
+        style: {
+          opacity: isActionDisabled ? 0.6 : 1,
+          cursor: isActionDisabled ? "not-allowed" : "pointer"
+        },
+        children: shouldRequestAccess ? isRequestingAccess ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Loader2, { size: 16, className: "animate-spin" }),
+          " Requesting..."
+        ] }) : isAccessRequested ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Check, { size: 16 }),
+          " ",
+          requestSentButton
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(KeyRound, { size: 16 }),
+          " ",
+          requestAccessButton
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Plus, { size: 16 }),
+          " ",
+          button
+        ] })
+      }
+    )
+  ] }) });
+};
+var EmptyLearningState$1 = EmptyLearningState;
+
+export { EmptyLearningState$1 as default };
 //# sourceMappingURL=EmptyLearningState.js.map

package/dist/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":[],"mappings":"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"}

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

@@ -1,2 +1,30 @@
-import{__assign as r}from"tslib";import{jsx as e,jsxs as t}from"react/jsx-runtime";import{TriangleAlert as s}from"lucide-react";import a from"../styles/ErrorStateDisplay.module.css.js";var i=function(i){var o=i.errorMessage,l=i.onRetry,c=i.title,n=void 0===c?"Error Loading Rules":c,m=i.retryButtonText,d=void 0===m?"Retry":m;return e("div",r({className:a.container},{children:t("div",r({className:a.card},{children:[t("div",r({className:a.titleRow},{children:[e(s,{className:a.icon}),n]})),e("p",r({className:a.message},{children:o})),e("button",r({onClick:l,className:a.retryBtn},{children:d}))]}))}))};export{i as default};
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { TriangleAlert } from 'lucide-react';
+import styles from '../styles/ErrorStateDisplay.module.css.js';
+
+const ErrorStateDisplay = ({
+  errorMessage,
+  onRetry,
+  title = "Error Loading Rules",
+  retryButtonText = "Retry"
+}) => {
+  return /* @__PURE__ */ jsx("div", { className: styles.container, children: /* @__PURE__ */ jsxs("div", { className: styles.card, children: [
+    /* @__PURE__ */ jsxs("div", { className: styles.titleRow, children: [
+      /* @__PURE__ */ jsx(TriangleAlert, { className: styles.icon }),
+      title
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: styles.message, children: errorMessage }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: onRetry,
+        className: styles.retryBtn,
+        children: retryButtonText
+      }
+    )
+  ] }) });
+};
+var ErrorStateDisplay$1 = ErrorStateDisplay;
+
+export { ErrorStateDisplay$1 as default };
 //# sourceMappingURL=ErrorStateDisplay.js.map

package/dist/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":[],"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,uBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,MAAA,CAAO,WACnB,QAAC,kBAAA,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,IACnB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,QACnB,EAAA,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,aAAA,EAAA,EAAc,SAAW,EAAA,MAAA,CAAO,IAAM,EAAA,CAAA;AAAA,MACtC,KAAA;AAAA,KACL,EAAA,CAAA;AAAA,oBACC,GAAA,CAAA,GAAA,EAAA,EAAE,SAAW,EAAA,MAAA,CAAO,SAAU,QAAa,EAAA,YAAA,EAAA,CAAA;AAAA,oBAC5C,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACG,OAAS,EAAA,OAAA;AAAA,QACT,WAAW,MAAO,CAAA,QAAA;AAAA,QAEjB,QAAA,EAAA,eAAA;AAAA,OAAA;AAAA,KACL;AAAA,GAAA,EACJ,CACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,0BAAe,iBAAA;;;;"}