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

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

@@ -1,2 +1,430 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),t=require("lucide-react"),i=require("../queries/useApprovalQueries.js"),o=require("../store/useAuthStore.js"),s={root:{marginLeft:"1.5rem"},sectionLabel:{fontSize:"0.875rem",fontWeight:500,color:"var(--il-foreground, #19213d)"},requiredMark:{marginRight:"0.25rem",fontSize:"1rem",fontWeight:600,color:"var(--il-danger, #8f2c23)"},dropdownWrapper:{position:"relative",marginTop:"0.375rem"},inputShell:{display:"flex",minHeight:"38px",width:"100%",cursor:"text",flexWrap:"wrap",alignItems:"center",gap:"0.375rem",borderRadius:"0.375rem",border:"1px solid var(--il-input-border, #e2e8f0)",backgroundColor:"var(--il-input-bg, transparent)",padding:"0.375rem 0.5rem",boxSizing:"border-box",transition:"border-color 150ms ease-in-out, box-shadow 150ms ease-in-out"},searchIcon:{flexShrink:0,color:"var(--il-input-placeholder, #9ca3af)"},chip:{display:"flex",alignItems:"center",gap:"0.25rem",borderRadius:"9999px",backgroundColor:"var(--il-primary-subtle, #EFF6FF)",padding:"0.125rem 0.625rem",fontSize:"0.75rem",fontWeight:500,color:"var(--il-primary, #1d4ed8)"},chipRemoveButton:{marginLeft:"0.125rem",border:"none",borderRadius:"9999px",background:"transparent",padding:0,cursor:"pointer",outline:"none"},input:{minWidth:"120px",flex:1,border:"none",backgroundColor:"transparent",fontSize:"0.875rem",color:"var(--il-input-fg, inherit)",outline:"none"},dropdown:{position:"absolute",zIndex:50,marginTop:"0.25rem",maxHeight:"12rem",width:"100%",overflowY:"auto",borderRadius:"0.375rem",border:"1px solid var(--il-border, #e2e8f0)",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-foreground, inherit)",padding:"0.25rem 0",listStyle:"none",boxShadow:"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",boxSizing:"border-box"},skeletonItem:{padding:"0.5rem 0.75rem"},skeletonLinePrimary:{height:"1rem",width:"75%",borderRadius:"0.25rem",backgroundColor:"var(--il-secondary-bg, #e5e7eb)"},skeletonLineSecondary:{height:"0.75rem",width:"50%",borderRadius:"0.25rem",backgroundColor:"var(--il-secondary-bg, #e5e7eb)",marginTop:"0.375rem"},checkboxOption:{display:"flex",alignItems:"center",gap:"0.625rem",width:"100%",padding:"0.5rem 0.75rem",cursor:"pointer",boxSizing:"border-box"},checkboxInput:{width:"14px",height:"14px",flexShrink:0,cursor:"pointer",accentColor:"var(--il-primary, #2563eb)",margin:0},optionTitle:{fontSize:"0.875rem",fontWeight:500,color:"var(--il-foreground, #19213d)",margin:0},optionSubtitle:{fontSize:"0.75rem",color:"var(--il-muted, #666f8d)",margin:0}};exports.default=function(a){var l,u=a.selectedApprovers,c=a.selectedGroupOfApprovers,d=a.onApproversChange,p=a.onGroupsChange,f=o.default(function(e){return e.user}),g=(null==f?void 0:f.firstname)?"".concat(f.firstname," ").concat(null!==(l=f.lastname)&&void 0!==l?l:"").trim():null==f?void 0:f.email,h=r.useState(""),m=h[0],v=h[1],_=r.useState(""),b=_[0],x=_[1],y=r.useState(!1),S=y[0],j=y[1],k=r.useRef(null),w=r.useRef(null),C=r.useState(""),L=C[0],z=C[1],M=r.useState(""),R=M[0],I=M[1],E=r.useState(!1),F=E[0],T=E[1],A=r.useRef(null),W=r.useRef(null),q=r.useState(!1),D=q[0],B=q[1],O=r.useState(!1),P=O[0],G=O[1],Q=r.useState(null),H=Q[0],X=Q[1],Y=r.useState(null),J=Y[0],K=Y[1],N=r.useState(null),U=N[0],V=N[1],Z=r.useState(null),$=Z[0],ee=Z[1];r.useEffect(function(){if(!m.trim())return x(""),void j(!1);var e=setTimeout(function(){return x(m)},500);return function(){return clearTimeout(e)}},[m]),r.useEffect(function(){var e=setTimeout(function(){return I(L)},300);return function(){return clearTimeout(e)}},[L]);var ne=i.useApproverSearchQuery(b),re=ne.data,te=ne.isFetching,ie=(re||[]).filter(function(e){return!u.some(function(n){return n.id===e._id})&&e.email!==(null==f?void 0:f.email)}).slice(0,10).map(function(e){var n,r,t,i;return{id:e._id,email:null!==(n=e.email)&&void 0!==n?n:"",name:(null===(r=e.firstname)||void 0===r?void 0:r.trim())?"".concat(e.firstname," ").concat(null!==(t=e.lastname)&&void 0!==t?t:"").trim():null!==(i=e.email)&&void 0!==i?i:""}});r.useEffect(function(){b.trim()&&(te||ie.length>0)&&j(!0)},[te,ie.length,b]);var oe=i.useGroupSearchQuery(R),se=oe.data,ae=oe.isFetching,le=(se||[]).filter(function(e){return!c.some(function(n){return n._id===e._id})}).slice(0,10);r.useEffect(function(){P&&(ae||le.length>0)&&T(!0)},[ae,le.length,P]),r.useEffect(function(){var e=function(e){k.current&&!k.current.contains(e.target)&&j(!1),A.current&&!A.current.contains(e.target)&&T(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]);return n.jsxs("div",e.__assign({style:s.root},{children:[n.jsx("label",e.__assign({htmlFor:"approver-search-input",style:s.sectionLabel},{children:"Select who can approve"})),n.jsxs("div",e.__assign({ref:k,style:s.dropdownWrapper},{children:[n.jsxs("label",e.__assign({htmlFor:"approver-search-input",style:e.__assign(e.__assign({},s.inputShell),{borderColor:D?"var(--il-focus, #2563eb)":"var(--il-input-border, #e2e8f0)",boxShadow:D?"0 0 0 1px var(--il-focus, #2563eb)":"none"})},{children:[n.jsx(t.Search,{size:14,style:s.searchIcon}),(null==f?void 0:f.email)&&n.jsxs("span",e.__assign({style:e.__assign(e.__assign({},s.chip),{backgroundColor:"var(--il-secondary-bg, #f1f5f9)",color:"var(--il-secondary-fg, #64748b)"})},{children:[g," (You)"]})),u.map(function(r){return n.jsxs("span",e.__assign({style:s.chip,title:r.email},{children:[r.name||r.email,n.jsx("button",e.__assign({type:"button",onMouseDown:function(e){var n;e.preventDefault(),n=r.id,d(u.filter(function(e){return e.id!==n}))},onMouseEnter:function(){return V(r.id)},onMouseLeave:function(){return V(null)},style:e.__assign(e.__assign({},s.chipRemoveButton),{backgroundColor:U===r.id?"var(--il-hover, #dbeafe)":"transparent"})},{children:n.jsx(t.X,{size:12})}))]}),r.id)}),n.jsx("input",{ref:w,id:"approver-search-input",type:"text",value:m,onChange:function(e){return v(e.target.value)},onFocus:function(){B(!0),(ie.length>0||te)&&j(!0)},onBlur:function(){return B(!1)},placeholder:0===u.length?"Search by name or email...":"",style:s.input})]})),S&&(te||ie.length>0)&&n.jsx("ul",e.__assign({style:s.dropdown},{children:te?[1,2,3,4].map(function(r){return n.jsxs("li",e.__assign({style:s.skeletonItem},{children:[n.jsx("div",{style:s.skeletonLinePrimary}),n.jsx("div",{style:s.skeletonLineSecondary})]}),r)}):ie.map(function(r){return n.jsx("li",{children:n.jsxs("div",e.__assign({onMouseDown:function(n){n.preventDefault(),function(n){var r;d(e.__spreadArray(e.__spreadArray([],u,!0),[n],!1)),v(""),j(!1),null===(r=w.current)||void 0===r||r.focus()}(r)},onMouseEnter:function(){return X(r.id)},onMouseLeave:function(){return X(null)},style:e.__assign(e.__assign({},s.checkboxOption),{backgroundColor:H===r.id?"var(--il-hover, #f1f5f9)":"transparent"})},{children:[n.jsx("input",{type:"checkbox",checked:!1,onChange:function(){},style:s.checkboxInput}),n.jsxs("div",{children:[n.jsx("p",e.__assign({style:s.optionTitle},{children:r.name})),n.jsx("p",e.__assign({style:s.optionSubtitle},{children:r.email}))]})]}))},r.id)})}))]})),n.jsx("label",e.__assign({htmlFor:"group-search-input",style:e.__assign(e.__assign({},s.sectionLabel),{display:"inline-block",marginTop:"0.375rem"})},{children:"Select user group who can approve"})),n.jsxs("div",e.__assign({ref:A,style:s.dropdownWrapper},{children:[n.jsxs("label",e.__assign({htmlFor:"group-search-input",style:e.__assign(e.__assign({},s.inputShell),{borderColor:P?"var(--il-focus, #2563eb)":"var(--il-input-border, #e2e8f0)",boxShadow:P?"0 0 0 1px var(--il-focus, #2563eb)":"none"})},{children:[n.jsx(t.Search,{size:14,style:s.searchIcon}),c.map(function(r){return n.jsxs("span",e.__assign({style:s.chip},{children:[r.name,n.jsx("button",e.__assign({type:"button",onMouseDown:function(e){var n;e.preventDefault(),n=r._id,p(c.filter(function(e){return e._id!==n}))},onMouseEnter:function(){return ee(r._id)},onMouseLeave:function(){return ee(null)},style:e.__assign(e.__assign({},s.chipRemoveButton),{backgroundColor:$===r._id?"var(--il-hover, #dbeafe)":"transparent"})},{children:n.jsx(t.X,{size:12})}))]}),r._id)}),n.jsx("input",{ref:W,id:"group-search-input",type:"text",value:L,onChange:function(e){return z(e.target.value)},onFocus:function(){G(!0)},onBlur:function(){return G(!1)},placeholder:0===c.length?"Search by group name...":"",style:s.input})]})),F&&(ae||le.length>0)&&n.jsx("ul",e.__assign({style:s.dropdown},{children:ae?[1,2,3,4].map(function(r){return n.jsxs("li",e.__assign({style:s.skeletonItem},{children:[n.jsx("div",{style:s.skeletonLinePrimary}),n.jsx("div",{style:s.skeletonLineSecondary})]}),r)}):le.map(function(r){return n.jsx("li",{children:n.jsxs("div",e.__assign({onMouseDown:function(n){n.preventDefault(),function(n){var r;p(e.__spreadArray(e.__spreadArray([],c,!0),[n],!1)),z(""),T(!1),null===(r=W.current)||void 0===r||r.focus()}(r)},onMouseEnter:function(){return K(r._id)},onMouseLeave:function(){return K(null)},style:e.__assign(e.__assign({},s.checkboxOption),{backgroundColor:J===r._id?"var(--il-hover, #f1f5f9)":"transparent"})},{children:[n.jsx("input",{type:"checkbox",checked:!1,onChange:function(){},style:s.checkboxInput}),n.jsxs("div",{children:[n.jsx("p",e.__assign({style:s.optionTitle},{children:r.name})),n.jsx("p",e.__assign({style:s.optionSubtitle},{children:r.description}))]})]}))},r._id)})}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var useApprovalQueries = require('../queries/useApprovalQueries.js');
+var useAuthStore = require('../store/useAuthStore.js');
+
+const styles = {
+  root: {
+    marginLeft: "1.5rem"
+  },
+  sectionLabel: {
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "var(--il-foreground, #19213d)"
+  },
+  requiredMark: {
+    marginRight: "0.25rem",
+    fontSize: "1rem",
+    fontWeight: 600,
+    color: "var(--il-danger, #8f2c23)"
+  },
+  dropdownWrapper: {
+    position: "relative",
+    marginTop: "0.375rem"
+  },
+  inputShell: {
+    display: "flex",
+    minHeight: "38px",
+    width: "100%",
+    cursor: "text",
+    flexWrap: "wrap",
+    alignItems: "center",
+    gap: "0.375rem",
+    borderRadius: "0.375rem",
+    border: "1px solid var(--il-input-border, #e2e8f0)",
+    backgroundColor: "var(--il-input-bg, transparent)",
+    padding: "0.375rem 0.5rem",
+    boxSizing: "border-box",
+    transition: "border-color 150ms ease-in-out, box-shadow 150ms ease-in-out"
+  },
+  searchIcon: {
+    flexShrink: 0,
+    color: "var(--il-input-placeholder, #9ca3af)"
+  },
+  chip: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.25rem",
+    borderRadius: "9999px",
+    backgroundColor: "var(--il-primary-subtle, #EFF6FF)",
+    padding: "0.125rem 0.625rem",
+    fontSize: "0.75rem",
+    fontWeight: 500,
+    color: "var(--il-primary, #1d4ed8)"
+  },
+  chipRemoveButton: {
+    marginLeft: "0.125rem",
+    border: "none",
+    borderRadius: "9999px",
+    background: "transparent",
+    padding: 0,
+    cursor: "pointer",
+    outline: "none"
+  },
+  input: {
+    minWidth: "120px",
+    flex: 1,
+    border: "none",
+    backgroundColor: "transparent",
+    fontSize: "0.875rem",
+    color: "var(--il-input-fg, inherit)",
+    outline: "none"
+  },
+  dropdown: {
+    position: "absolute",
+    zIndex: 50,
+    marginTop: "0.25rem",
+    maxHeight: "12rem",
+    width: "100%",
+    overflowY: "auto",
+    borderRadius: "0.375rem",
+    border: "1px solid var(--il-border, #e2e8f0)",
+    backgroundColor: "var(--il-surface, #ffffff)",
+    color: "var(--il-foreground, inherit)",
+    padding: "0.25rem 0",
+    listStyle: "none",
+    boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    boxSizing: "border-box"
+  },
+  skeletonItem: {
+    padding: "0.5rem 0.75rem"
+  },
+  skeletonLinePrimary: {
+    height: "1rem",
+    width: "75%",
+    borderRadius: "0.25rem",
+    backgroundColor: "var(--il-secondary-bg, #e5e7eb)"
+  },
+  skeletonLineSecondary: {
+    height: "0.75rem",
+    width: "50%",
+    borderRadius: "0.25rem",
+    backgroundColor: "var(--il-secondary-bg, #e5e7eb)",
+    marginTop: "0.375rem"
+  },
+  checkboxOption: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.625rem",
+    width: "100%",
+    padding: "0.5rem 0.75rem",
+    cursor: "pointer",
+    boxSizing: "border-box"
+  },
+  checkboxInput: {
+    width: "14px",
+    height: "14px",
+    flexShrink: 0,
+    cursor: "pointer",
+    accentColor: "var(--il-primary, #2563eb)",
+    margin: 0
+  },
+  optionTitle: {
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "var(--il-foreground, #19213d)",
+    margin: 0
+  },
+  optionSubtitle: {
+    fontSize: "0.75rem",
+    color: "var(--il-muted, #666f8d)",
+    margin: 0
+  }
+};
+const AddScopeApprovalSearchComponent = ({
+  selectedApprovers,
+  selectedGroupOfApprovers,
+  onApproversChange,
+  onGroupsChange
+}) => {
+  var _a;
+  const user = useAuthStore["default"]((state) => state.user);
+  const currentUserDisplayName = (user == null ? void 0 : user.firstname) ? `${user.firstname} ${(_a = user.lastname) != null ? _a : ""}`.trim() : user == null ? void 0 : user.email;
+  const [approverSearch, setApproverSearch] = React.useState("");
+  const [debouncedSearch, setDebouncedSearch] = React.useState("");
+  const [approverDropdownOpen, setApproverDropdownOpen] = React.useState(false);
+  const approverDropdownRef = React.useRef(null);
+  const approverInputRef = React.useRef(null);
+  const [groupSearch, setGroupSearch] = React.useState("");
+  const [debouncedGroupSearch, setDebouncedGroupSearch] = React.useState("");
+  const [groupDropdownOpen, setGroupDropdownOpen] = React.useState(false);
+  const groupDropdownRef = React.useRef(null);
+  const groupInputRef = React.useRef(null);
+  const [isApproverFocused, setIsApproverFocused] = React.useState(false);
+  const [isGroupFocused, setIsGroupFocused] = React.useState(false);
+  const [hoveredApproverId, setHoveredApproverId] = React.useState(null);
+  const [hoveredGroupId, setHoveredGroupId] = React.useState(null);
+  const [hoveredApproverRemoveId, setHoveredApproverRemoveId] = React.useState(null);
+  const [hoveredGroupRemoveId, setHoveredGroupRemoveId] = React.useState(null);
+  React.useEffect(() => {
+    if (!approverSearch.trim()) {
+      setDebouncedSearch("");
+      setApproverDropdownOpen(false);
+      return;
+    }
+    const timer = setTimeout(() => setDebouncedSearch(approverSearch), 500);
+    return () => clearTimeout(timer);
+  }, [approverSearch]);
+  React.useEffect(() => {
+    const timer = setTimeout(() => setDebouncedGroupSearch(groupSearch), 300);
+    return () => clearTimeout(timer);
+  }, [groupSearch]);
+  const { data: approverQueryData, isFetching: isApproverLoading } = useApprovalQueries.useApproverSearchQuery(debouncedSearch);
+  const approverSuggestions = (approverQueryData || []).filter((u) => !selectedApprovers.some((a) => a.id === u._id) && u.email !== (user == null ? void 0 : user.email)).slice(0, 10).map((u) => {
+    var _a2, _b, _c, _d;
+    return {
+      id: u._id,
+      email: (_a2 = u.email) != null ? _a2 : "",
+      name: ((_b = u.firstname) == null ? void 0 : _b.trim()) ? `${u.firstname} ${(_c = u.lastname) != null ? _c : ""}`.trim() : (_d = u.email) != null ? _d : ""
+    };
+  });
+  React.useEffect(() => {
+    if (debouncedSearch.trim() && (isApproverLoading || approverSuggestions.length > 0)) {
+      setApproverDropdownOpen(true);
+    }
+  }, [isApproverLoading, approverSuggestions.length, debouncedSearch]);
+  const { data: groupQueryData, isFetching: isGroupLoading } = useApprovalQueries.useGroupSearchQuery(debouncedGroupSearch);
+  const groupSuggestions = (groupQueryData || []).filter((g) => !selectedGroupOfApprovers.some((s) => s._id === g._id)).slice(0, 10);
+  React.useEffect(() => {
+    if (isGroupFocused && (isGroupLoading || groupSuggestions.length > 0)) {
+      setGroupDropdownOpen(true);
+    }
+  }, [isGroupLoading, groupSuggestions.length, isGroupFocused]);
+  React.useEffect(() => {
+    const handleClickOutside = (e) => {
+      if (approverDropdownRef.current && !approverDropdownRef.current.contains(e.target)) {
+        setApproverDropdownOpen(false);
+      }
+      if (groupDropdownRef.current && !groupDropdownRef.current.contains(e.target)) {
+        setGroupDropdownOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const addApprover = (approver) => {
+    var _a2;
+    onApproversChange([...selectedApprovers, approver]);
+    setApproverSearch("");
+    setApproverDropdownOpen(false);
+    (_a2 = approverInputRef.current) == null ? void 0 : _a2.focus();
+  };
+  const removeApprover = (id) => {
+    onApproversChange(selectedApprovers.filter((a) => a.id !== id));
+  };
+  const addGroup = (group) => {
+    var _a2;
+    onGroupsChange([...selectedGroupOfApprovers, group]);
+    setGroupSearch("");
+    setGroupDropdownOpen(false);
+    (_a2 = groupInputRef.current) == null ? void 0 : _a2.focus();
+  };
+  const removeGroup = (id) => {
+    onGroupsChange(selectedGroupOfApprovers.filter((g) => g._id !== id));
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "approver-search-input", style: styles.sectionLabel, children: "Select who can approve" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: approverDropdownRef, style: styles.dropdownWrapper, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          htmlFor: "approver-search-input",
+          style: {
+            ...styles.inputShell,
+            borderColor: isApproverFocused ? "var(--il-focus, #2563eb)" : "var(--il-input-border, #e2e8f0)",
+            boxShadow: isApproverFocused ? "0 0 0 1px var(--il-focus, #2563eb)" : "none"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 14, style: styles.searchIcon }),
+            (user == null ? void 0 : user.email) && /* @__PURE__ */ jsxRuntime.jsxs("span", { style: { ...styles.chip, backgroundColor: "var(--il-secondary-bg, #f1f5f9)", color: "var(--il-secondary-fg, #64748b)" }, children: [
+              currentUserDisplayName,
+              " (You)"
+            ] }),
+            selectedApprovers.map((approver) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                style: styles.chip,
+                title: approver.email,
+                children: [
+                  approver.name || approver.email,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        removeApprover(approver.id);
+                      },
+                      onMouseEnter: () => setHoveredApproverRemoveId(approver.id),
+                      onMouseLeave: () => setHoveredApproverRemoveId(null),
+                      style: {
+                        ...styles.chipRemoveButton,
+                        backgroundColor: hoveredApproverRemoveId === approver.id ? "var(--il-hover, #dbeafe)" : "transparent"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 12 })
+                    }
+                  )
+                ]
+              },
+              approver.id
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: approverInputRef,
+                id: "approver-search-input",
+                type: "text",
+                value: approverSearch,
+                onChange: (e) => setApproverSearch(e.target.value),
+                onFocus: () => {
+                  setIsApproverFocused(true);
+                  (approverSuggestions.length > 0 || isApproverLoading) && setApproverDropdownOpen(true);
+                },
+                onBlur: () => setIsApproverFocused(false),
+                placeholder: selectedApprovers.length === 0 ? "Search by name or email..." : "",
+                style: styles.input
+              }
+            )
+          ]
+        }
+      ),
+      approverDropdownOpen && (isApproverLoading || approverSuggestions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("ul", { style: styles.dropdown, children: isApproverLoading ? [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: styles.skeletonItem, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.skeletonLinePrimary }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.skeletonLineSecondary })
+      ] }, i)) : approverSuggestions.map((approver) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onMouseDown: (e) => {
+            e.preventDefault();
+            addApprover(approver);
+          },
+          onMouseEnter: () => setHoveredApproverId(approver.id),
+          onMouseLeave: () => setHoveredApproverId(null),
+          style: {
+            ...styles.checkboxOption,
+            backgroundColor: hoveredApproverId === approver.id ? "var(--il-hover, #f1f5f9)" : "transparent"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: false,
+                onChange: () => {
+                },
+                style: styles.checkboxInput
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.optionTitle, children: approver.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.optionSubtitle, children: approver.email })
+            ] })
+          ]
+        }
+      ) }, approver.id)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: "group-search-input", style: { ...styles.sectionLabel, display: "inline-block", marginTop: "0.375rem" }, children: "Select user group who can approve" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: groupDropdownRef, style: styles.dropdownWrapper, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          htmlFor: "group-search-input",
+          style: {
+            ...styles.inputShell,
+            borderColor: isGroupFocused ? "var(--il-focus, #2563eb)" : "var(--il-input-border, #e2e8f0)",
+            boxShadow: isGroupFocused ? "0 0 0 1px var(--il-focus, #2563eb)" : "none"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { size: 14, style: styles.searchIcon }),
+            selectedGroupOfApprovers.map((group) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                style: styles.chip,
+                children: [
+                  group.name,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onMouseDown: (e) => {
+                        e.preventDefault();
+                        removeGroup(group._id);
+                      },
+                      onMouseEnter: () => setHoveredGroupRemoveId(group._id),
+                      onMouseLeave: () => setHoveredGroupRemoveId(null),
+                      style: {
+                        ...styles.chipRemoveButton,
+                        backgroundColor: hoveredGroupRemoveId === group._id ? "var(--il-hover, #dbeafe)" : "transparent"
+                      },
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 12 })
+                    }
+                  )
+                ]
+              },
+              group._id
+            )),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: groupInputRef,
+                id: "group-search-input",
+                type: "text",
+                value: groupSearch,
+                onChange: (e) => setGroupSearch(e.target.value),
+                onFocus: () => {
+                  setIsGroupFocused(true);
+                },
+                onBlur: () => setIsGroupFocused(false),
+                placeholder: selectedGroupOfApprovers.length === 0 ? "Search by group name..." : "",
+                style: styles.input
+              }
+            )
+          ]
+        }
+      ),
+      groupDropdownOpen && (isGroupLoading || groupSuggestions.length > 0) && /* @__PURE__ */ jsxRuntime.jsx("ul", { style: styles.dropdown, children: isGroupLoading ? [1, 2, 3, 4].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { style: styles.skeletonItem, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.skeletonLinePrimary }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.skeletonLineSecondary })
+      ] }, i)) : groupSuggestions.map((group) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          onMouseDown: (e) => {
+            e.preventDefault();
+            addGroup(group);
+          },
+          onMouseEnter: () => setHoveredGroupId(group._id),
+          onMouseLeave: () => setHoveredGroupId(null),
+          style: {
+            ...styles.checkboxOption,
+            backgroundColor: hoveredGroupId === group._id ? "var(--il-hover, #f1f5f9)" : "transparent"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: false,
+                onChange: () => {
+                },
+                style: styles.checkboxInput
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.optionTitle, children: group.name }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { style: styles.optionSubtitle, children: group.description })
+            ] })
+          ]
+        }
+      ) }, group._id)) })
+    ] })
+  ] });
+};
+var AddScopeApprovalSearchComponent$1 = AddScopeApprovalSearchComponent;
+
+exports["default"] = AddScopeApprovalSearchComponent$1;
 //# sourceMappingURL=AddScopeApprovalSearchComponent.js.map

package/dist/cjs/features/LearningManagement/RuleContent/AddScopeApprovalSearchComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddScopeApprovalSearchComponent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"AddScopeApprovalSearchComponent.js","sources":["../../../../../src/features/LearningManagement/RuleContent/AddScopeApprovalSearchComponent.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Search, X } from 'lucide-react';\nimport { Approver } from './AddScopeModal';\nimport { AppsecGroup } from '../apis/scopeApis';\nimport { useApproverSearchQuery, useGroupSearchQuery } from '../queries/useApprovalQueries';\nimport useAuthStore from '../store/useAuthStore';\n\ninterface AddScopeApprovalSearchComponentProps {\n  selectedApprovers: Approver[];\n  selectedGroupOfApprovers: AppsecGroup[];\n  onApproversChange: (approvers: Approver[]) => void;\n  onGroupsChange: (groups: AppsecGroup[]) => void;\n}\n\nconst styles = {\n  root: {\n    marginLeft: '1.5rem',\n  } as React.CSSProperties,\n  sectionLabel: {\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    color: 'var(--il-foreground, #19213d)',\n  } as React.CSSProperties,\n  requiredMark: {\n    marginRight: '0.25rem',\n    fontSize: '1rem',\n    fontWeight: 600,\n    color: 'var(--il-danger, #8f2c23)',\n  } as React.CSSProperties,\n  dropdownWrapper: {\n    position: 'relative',\n    marginTop: '0.375rem',\n  } as React.CSSProperties,\n  inputShell: {\n    display: 'flex',\n    minHeight: '38px',\n    width: '100%',\n    cursor: 'text',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n    gap: '0.375rem',\n    borderRadius: '0.375rem',\n    border: '1px solid var(--il-input-border, #e2e8f0)',\n    backgroundColor: 'var(--il-input-bg, transparent)',\n    padding: '0.375rem 0.5rem',\n    boxSizing: 'border-box',\n    transition: 'border-color 150ms ease-in-out, box-shadow 150ms ease-in-out',\n  } as React.CSSProperties,\n  searchIcon: {\n    flexShrink: 0,\n    color: 'var(--il-input-placeholder, #9ca3af)',\n  } as React.CSSProperties,\n  chip: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.25rem',\n    borderRadius: '9999px',\n    backgroundColor: 'var(--il-primary-subtle, #EFF6FF)',\n    padding: '0.125rem 0.625rem',\n    fontSize: '0.75rem',\n    fontWeight: 500,\n    color: 'var(--il-primary, #1d4ed8)',\n  } as React.CSSProperties,\n  chipRemoveButton: {\n    marginLeft: '0.125rem',\n    border: 'none',\n    borderRadius: '9999px',\n    background: 'transparent',\n    padding: 0,\n    cursor: 'pointer',\n    outline: 'none',\n  } as React.CSSProperties,\n  input: {\n    minWidth: '120px',\n    flex: 1,\n    border: 'none',\n    backgroundColor: 'transparent',\n    fontSize: '0.875rem',\n    color: 'var(--il-input-fg, inherit)',\n    outline: 'none',\n  } as React.CSSProperties,\n  dropdown: {\n    position: 'absolute',\n    zIndex: 50,\n    marginTop: '0.25rem',\n    maxHeight: '12rem',\n    width: '100%',\n    overflowY: 'auto',\n    borderRadius: '0.375rem',\n    border: '1px solid var(--il-border, #e2e8f0)',\n    backgroundColor: 'var(--il-surface, #ffffff)',\n    color: 'var(--il-foreground, inherit)',\n    padding: '0.25rem 0',\n    listStyle: 'none',\n    boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)',\n    boxSizing: 'border-box',\n  } as React.CSSProperties,\n  skeletonItem: {\n    padding: '0.5rem 0.75rem',\n  } as React.CSSProperties,\n  skeletonLinePrimary: {\n    height: '1rem',\n    width: '75%',\n    borderRadius: '0.25rem',\n    backgroundColor: 'var(--il-secondary-bg, #e5e7eb)',\n  } as React.CSSProperties,\n  skeletonLineSecondary: {\n    height: '0.75rem',\n    width: '50%',\n    borderRadius: '0.25rem',\n    backgroundColor: 'var(--il-secondary-bg, #e5e7eb)',\n    marginTop: '0.375rem',\n  } as React.CSSProperties,\n  checkboxOption: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '0.625rem',\n    width: '100%',\n    padding: '0.5rem 0.75rem',\n    cursor: 'pointer',\n    boxSizing: 'border-box',\n  } as React.CSSProperties,\n  checkboxInput: {\n    width: '14px',\n    height: '14px',\n    flexShrink: 0,\n    cursor: 'pointer',\n    accentColor: 'var(--il-primary, #2563eb)',\n    margin: 0,\n  } as React.CSSProperties,\n  optionTitle: {\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    color: 'var(--il-foreground, #19213d)',\n    margin: 0,\n  } as React.CSSProperties,\n  optionSubtitle: {\n    fontSize: '0.75rem',\n    color: 'var(--il-muted, #666f8d)',\n    margin: 0,\n  } as React.CSSProperties,\n};\n\nconst AddScopeApprovalSearchComponent: React.FC<AddScopeApprovalSearchComponentProps> = ({\n  selectedApprovers,\n  selectedGroupOfApprovers,\n  onApproversChange,\n  onGroupsChange,\n}) => {\n  const user = useAuthStore((state) => state.user);\n  \n  // Construct the display name for the logged-in user\n  const currentUserDisplayName = user?.firstname \n    ? `${user.firstname} ${user.lastname ?? ''}`.trim() \n    : user?.email;\n  \n  const [approverSearch, setApproverSearch] = useState('');\n  const [debouncedSearch, setDebouncedSearch] = useState('');\n  const [approverDropdownOpen, setApproverDropdownOpen] = useState(false);\n  const approverDropdownRef = useRef<HTMLDivElement>(null);\n  const approverInputRef = useRef<HTMLInputElement>(null);\n\n  const [groupSearch, setGroupSearch] = useState('');\n  const [debouncedGroupSearch, setDebouncedGroupSearch] = useState('');\n  const [groupDropdownOpen, setGroupDropdownOpen] = useState(false);\n  const groupDropdownRef = useRef<HTMLDivElement>(null);\n  const groupInputRef = useRef<HTMLInputElement>(null);\n  const [isApproverFocused, setIsApproverFocused] = useState(false);\n  const [isGroupFocused, setIsGroupFocused] = useState(false);\n  const [hoveredApproverId, setHoveredApproverId] = useState<string | null>(null);\n  const [hoveredGroupId, setHoveredGroupId] = useState<string | null>(null);\n  const [hoveredApproverRemoveId, setHoveredApproverRemoveId] = useState<string | null>(null);\n  const [hoveredGroupRemoveId, setHoveredGroupRemoveId] = useState<string | null>(null);\n\n  useEffect(() => {\n    if (!approverSearch.trim()) {\n      setDebouncedSearch('');\n      setApproverDropdownOpen(false);\n      return;\n    }\n    const timer = setTimeout(() => setDebouncedSearch(approverSearch), 500);\n    return () => clearTimeout(timer);\n  }, [approverSearch]);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebouncedGroupSearch(groupSearch), 300);\n    return () => clearTimeout(timer);\n  }, [groupSearch]);\n\n  const { data: approverQueryData, isFetching: isApproverLoading } = useApproverSearchQuery(debouncedSearch);\n\n  const approverSuggestions: Approver[] = (approverQueryData || [])\n    .filter((u: any) => !selectedApprovers.some((a) => a.id === u._id) && u.email !== user?.email)\n    .slice(0, 10)\n    .map((u: any) => ({\n      id: u._id,\n      email: u.email ?? '',\n      name: u.firstname?.trim() ? `${u.firstname} ${u.lastname ?? ''}`.trim() : (u.email ?? ''),\n    }));\n\n  useEffect(() => {\n    if (debouncedSearch.trim() && (isApproverLoading || approverSuggestions.length > 0)) {\n      setApproverDropdownOpen(true);\n    }\n  }, [isApproverLoading, approverSuggestions.length, debouncedSearch]);\n\n  const { data: groupQueryData, isFetching: isGroupLoading } = useGroupSearchQuery(debouncedGroupSearch);\n\n  const groupSuggestions: AppsecGroup[] = (groupQueryData || [])\n    .filter((g:AppsecGroup) => !selectedGroupOfApprovers.some((s) => s._id === g._id))\n    .slice(0, 10);\n\n  useEffect(() => {\n    if (isGroupFocused && (isGroupLoading || groupSuggestions.length > 0)) {\n      setGroupDropdownOpen(true);\n    }\n  }, [isGroupLoading, groupSuggestions.length, isGroupFocused]);\n\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (approverDropdownRef.current && !approverDropdownRef.current.contains(e.target as Node)) {\n        setApproverDropdownOpen(false);\n      }\n      if (groupDropdownRef.current && !groupDropdownRef.current.contains(e.target as Node)) {\n        setGroupDropdownOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  const addApprover = (approver: Approver) => {\n    onApproversChange([...selectedApprovers, approver]);\n    setApproverSearch('');\n    setApproverDropdownOpen(false);\n    approverInputRef.current?.focus();\n  };\n\n  const removeApprover = (id: string) => {\n    onApproversChange(selectedApprovers.filter((a) => a.id !== id));\n  };\n\n  const addGroup = (group: AppsecGroup) => {\n    onGroupsChange([...selectedGroupOfApprovers, group]);\n    setGroupSearch('');\n    setGroupDropdownOpen(false);\n    groupInputRef.current?.focus();\n  };\n\n  const removeGroup = (id: string) => {\n    onGroupsChange(selectedGroupOfApprovers.filter((g) => g._id !== id));\n  };\n\n  return (\n    <div style={styles.root}>\n      <label htmlFor='approver-search-input' style={styles.sectionLabel}>\n        Select who can approve\n      </label>\n      <div ref={approverDropdownRef} style={styles.dropdownWrapper}>\n        <label\n          htmlFor='approver-search-input'\n          style={{\n            ...styles.inputShell,\n            borderColor: isApproverFocused ? 'var(--il-focus, #2563eb)' : 'var(--il-input-border, #e2e8f0)',\n            boxShadow: isApproverFocused ? '0 0 0 1px var(--il-focus, #2563eb)' : 'none',\n          }}\n        >\n          <Search size={14} style={styles.searchIcon} />\n          \n          {user?.email && (\n            <span style={{ ...styles.chip, backgroundColor: 'var(--il-secondary-bg, #f1f5f9)', color: 'var(--il-secondary-fg, #64748b)' }}>\n              {currentUserDisplayName} (You)\n            </span>\n          )}\n\n          {selectedApprovers.map((approver) => (\n            <span\n              key={approver.id}\n              style={styles.chip}\n              title={approver.email} // Adding the email as a tooltip hover just in case they need to verify\n            >\n              {approver.name || approver.email}\n              <button\n                type='button'\n                onMouseDown={(e) => { e.preventDefault(); removeApprover(approver.id); }}\n                onMouseEnter={() => setHoveredApproverRemoveId(approver.id)}\n                onMouseLeave={() => setHoveredApproverRemoveId(null)}\n                style={{\n                  ...styles.chipRemoveButton,\n                  backgroundColor: hoveredApproverRemoveId === approver.id ? 'var(--il-hover, #dbeafe)' : 'transparent',\n                }}\n              >\n                <X size={12} />\n              </button>\n            </span>\n          ))}\n          <input\n            ref={approverInputRef}\n            id='approver-search-input'\n            type='text'\n            value={approverSearch}\n            onChange={(e) => setApproverSearch(e.target.value)}\n            onFocus={() => {\n              setIsApproverFocused(true);\n              (approverSuggestions.length > 0 || isApproverLoading) && setApproverDropdownOpen(true);\n            }}\n            onBlur={() => setIsApproverFocused(false)}\n            placeholder={selectedApprovers.length === 0 ? 'Search by name or email...' : ''}\n            style={styles.input}\n          />\n        </label>\n        {approverDropdownOpen && (isApproverLoading || approverSuggestions.length > 0) && (\n          <ul style={styles.dropdown}>\n            {isApproverLoading ? (\n              [1, 2, 3, 4].map((i) => (\n                <li key={i} style={styles.skeletonItem}>\n                  <div style={styles.skeletonLinePrimary} />\n                  <div style={styles.skeletonLineSecondary} />\n                </li>\n              ))\n            ) : (\n              approverSuggestions.map((approver) => (\n                <li key={approver.id}>\n                  <div\n                    onMouseDown={(e) => { e.preventDefault(); addApprover(approver); }}\n                    onMouseEnter={() => setHoveredApproverId(approver.id)}\n                    onMouseLeave={() => setHoveredApproverId(null)}\n                    style={{\n                      ...styles.checkboxOption,\n                      backgroundColor: hoveredApproverId === approver.id ? 'var(--il-hover, #f1f5f9)' : 'transparent',\n                    }}\n                  >\n                    <input\n                      type='checkbox'\n                      checked={false}\n                      onChange={() => {}}\n                      style={styles.checkboxInput}\n                    />\n                    <div>\n                      <p style={styles.optionTitle}>{approver.name}</p>\n                      <p style={styles.optionSubtitle}>{approver.email}</p>\n                    </div>\n                  </div>\n                </li>\n              ))\n            )}\n          </ul>\n        )}\n      </div>\n\n      <label htmlFor='group-search-input' style={{ ...styles.sectionLabel, display: 'inline-block', marginTop: '0.375rem' }}>\n        Select user group who can approve\n      </label>\n      <div ref={groupDropdownRef} style={styles.dropdownWrapper}>\n        <label\n          htmlFor='group-search-input'\n          style={{\n            ...styles.inputShell,\n            borderColor: isGroupFocused ? 'var(--il-focus, #2563eb)' : 'var(--il-input-border, #e2e8f0)',\n            boxShadow: isGroupFocused ? '0 0 0 1px var(--il-focus, #2563eb)' : 'none',\n          }}\n        >\n          <Search size={14} style={styles.searchIcon} />\n          {selectedGroupOfApprovers.map((group) => (\n            <span\n              key={group._id}\n              style={styles.chip}\n            >\n              {group.name}\n              <button\n                type='button'\n                onMouseDown={(e) => { e.preventDefault(); removeGroup(group._id); }}\n                onMouseEnter={() => setHoveredGroupRemoveId(group._id)}\n                onMouseLeave={() => setHoveredGroupRemoveId(null)}\n                style={{\n                  ...styles.chipRemoveButton,\n                  backgroundColor: hoveredGroupRemoveId === group._id ? 'var(--il-hover, #dbeafe)' : 'transparent',\n                }}\n              >\n                <X size={12} />\n              </button>\n            </span>\n          ))}\n          <input\n            ref={groupInputRef}\n            id='group-search-input'\n            type='text'\n            value={groupSearch}\n            onChange={(e) => setGroupSearch(e.target.value)}\n            onFocus={() => {\n              setIsGroupFocused(true);\n            }}\n            onBlur={() => setIsGroupFocused(false)}\n            placeholder={selectedGroupOfApprovers.length === 0 ? 'Search by group name...' : ''}\n            style={styles.input}\n          />\n        </label>\n        {groupDropdownOpen && (isGroupLoading || groupSuggestions.length > 0) && (\n          <ul style={styles.dropdown}>\n            {isGroupLoading ? (\n              [1, 2, 3, 4].map((i) => (\n                <li key={i} style={styles.skeletonItem}>\n                  <div style={styles.skeletonLinePrimary} />\n                  <div style={styles.skeletonLineSecondary} />\n                </li>\n              ))\n            ) : (\n              groupSuggestions.map((group) => (\n                <li key={group._id}>\n                  <div\n                    onMouseDown={(e) => { e.preventDefault(); addGroup(group); }}\n                    onMouseEnter={() => setHoveredGroupId(group._id)}\n                    onMouseLeave={() => setHoveredGroupId(null)}\n                    style={{\n                      ...styles.checkboxOption,\n                      backgroundColor: hoveredGroupId === group._id ? 'var(--il-hover, #f1f5f9)' : 'transparent',\n                    }}\n                  >\n                    <input\n                      type='checkbox'\n                      checked={false}\n                      onChange={() => {}}\n                      style={styles.checkboxInput}\n                    />\n                    <div>\n                      <p style={styles.optionTitle}>{group.name}</p>\n                      <p style={styles.optionSubtitle}>{group.description}</p>\n                    </div>\n                  </div>\n                </li>\n              ))\n            )}\n          </ul>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default AddScopeApprovalSearchComponent;\n"],"names":["useAuthStore","useState","useRef","useEffect","useApproverSearchQuery","_a","useGroupSearchQuery","jsxs","jsx","Search","X"],"mappings":"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"}