npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.2 → 1.3.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1959) hide show

package/dist/features/LearningManagement/RuleContent/AddScopeModal.js CHANGED Viewed

@@ -1,2 +1,350 @@
-import{__awaiter as e,__generator as r,__assign as o,__spreadArray as i}from"tslib";import{jsxs as n,jsx as t,Fragment as a}from"react/jsx-runtime";import{useState as l,useRef as c,useEffect as d}from"react";import{useMutation as s}from"@tanstack/react-query";import{X as u,Loader2 as p}from"lucide-react";import{Toast as f}from"primereact/toast";import{v4 as m}from"uuid";import v from"../components/StationOnboarding/StationAutocomplete.js";import g from"./AddScopeApprovalSearchComponent.js";import h from"../components/ScopeSkeletonLoader.js";import{Input as b}from"@mui/material";import y from"../store/useAuthStore.js";import{useAppSecRolesStore as S}from"../store/useAppSecRolesStore.js";import C from"../store/useEnvStore.js";import{createRuleSet as x,inheritScope as w}from"../apis/scopeApis.js";import{useLearningTemplateStore as _}from"../store/useLearningTemplateStore.js";import{IL_CONFIG_CONSTANTS as k}from"../config.js";import{dt as A,interpolate as I}from"../store/useLMSConfigStore.js";import{MIDDLE_DRAWER_ADD_SCOPE_DT_PATH as R,MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH as D}from"../constants.js";import{useILMarketplaceThemeStyles as j}from"../../IL-marketplace/marketplaceTheme.js";var q=function(q){var L=q.isOpen,P=q.onClose,T=q.onCreate,z=q.hasGlobalRuleSet,E=q.parentId,O=q.isILMarketplace,B=void 0!==O&&O,W=q.childType,G=q.parentName,N=l(""),U=N[0],M=N[1],F=l(""),K=F[0],H=F[1],J=l({}),Q=J[0],V=J[1],X=c(null),Y=y().user,Z=S(function(e){return e.roles}),$=C(function(e){return e.rbacConfig}),ee=l(!1),re=ee[0],oe=ee[1],ie=l(null),ne=ie[0],te=ie[1],ae=l("approval_required"),le=ae[0],ce=ae[1],de=l([]),se=de[0],ue=de[1],pe=l([]),fe=pe[0],me=pe[1],ve=l(!1);ve[0];var ge=ve[1],he=j(),be=A("middleDrawer.subScope","Subscope"),ye="SUBSCOPE"===W?A("".concat(R,".subScopeName"),"".concat(be," Name")):A("".concat(R,".scopeName"),"Scope Name"),Se=s({mutationFn:function(o){return e(void 0,void 0,void 0,function(){var e;return r(this,function(r){switch(r.label){case 0:return[4,x(o,null!==(e=null==Y?void 0:Y.accessToken)&&void 0!==e?e:"")];case 1:return[2,r.sent()]}})})},onSuccess:function(o){return e(void 0,void 0,void 0,function(){var e,i;return r(this,function(r){return console.log("Rule Set Created Successfully",o),null===(e=X.current)||void 0===e||e.show({severity:"success",summary:"Scope Created",detail:(null===(i=null==o?void 0:o.data)||void 0===i?void 0:i.message)||"Scope created successfully",life:3e3}),[2]})})},onError:function(e){var r,o,i;console.error("Create scope failed",e),null===(r=X.current)||void 0===r||r.show({severity:"error",summary:"Creation Failed",detail:(null===(i=null===(o=null==e?void 0:e.response)||void 0===o?void 0:o.data)||void 0===i?void 0:i.message)||"There was an error creating the scope. Please try again."})}});Se.data;var Ce=Se.isPending,xe=Se.mutateAsync;if(d(function(){L&&(M(""),H(""),V({}),te(null),ce("approval_required"),ue([]),me([]))},[L]),!L)return null;var we=B?"SUBSCOPE"===W?"Add Subdomain":"Add Domain":"SUBSCOPE"===W?A("".concat(R,".subScopeTitle"),A("middleDrawer.addSubScope","Add Subscope")):z?A("".concat(R,".title"),"Add Scope"):A("".concat(R,".globalTitle"),"Create Global Scope"),_e=B?G?"This ".concat("SUBSCOPE"===W?"subdomain":"domain"," will be created under '").concat(G,"'."):"This ".concat("SUBSCOPE"===W?"subdomain":"domain"," will be created under the selected parent domain."):"SUBSCOPE"===W?I(A("".concat(R,".subScopeSubtitle"),"This ".concat(be.toLowerCase()," will be created under {parent} and will inherit its Knowledgebases by default.")),{parent:G||A("middleDrawer.scope","the selected scope")}):z?A("".concat(R,".subtitle"),"This scope will be created under Global scope and will inherit its learnings by default.",{parent:"Global"}):A("".concat(R,".globalSubtitle"),"This will be your Global scope that defines the base learnings shared across all stations."),ke="SUBSCOPE"===W?"Setting up your ".concat(be,"…"):z?"Setting up your ".concat(A("middleDrawer.scope","Scope"),"…"):"Setting up your Global Scope…";return n("div",o({style:o(o({},he),{position:"absolute",inset:0,zIndex:50,display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--il-overlay, rgba(0,0,0,0.3))"})},{children:[t(f,{ref:X}),Ce||re?t(h,{isLoading:Ce||re,title:ke,subtitle:_e}):n("div",o({style:{position:"relative",width:600,borderRadius:12,backgroundColor:"var(--il-surface, #ffffff)",padding:24,boxShadow:"0 25px 50px -12px rgba(0,0,0,0.25)"}},{children:[n("div",o({style:{marginBottom:24,display:"flex",alignItems:"flex-start",justifyContent:"space-between"}},{children:[n("div",{children:[t("h2",o({style:{margin:0,fontSize:18,fontWeight:500,color:"var(--il-foreground, #19213d)"}},{children:we})),t("p",o({style:{margin:"4px 0 0 0",fontSize:14,fontWeight:400,color:"var(--il-muted, #666F8D)"}},{children:_e}))]}),t("button",o({onClick:P,style:{background:"none",border:"none",padding:0,cursor:"pointer",color:"var(--il-muted, #9ca3af)"}},{children:t(u,{size:24})}))]})),n("div",o({style:{display:"flex",flexDirection:"column",gap:20}},{children:[n("div",o({style:{position:"relative",display:"flex",flexDirection:"column",gap:6}},{children:[n("label",o({style:{fontSize:14,fontWeight:500,color:"var(--il-foreground, #19213d)"}},{children:[t("span",o({style:{marginRight:4,fontSize:16,fontWeight:600,color:"var(--il-danger, #8f2c23)"}},{children:"*"})),ye]})),"Custom"===U?t(v,{value:K,onChange:function(e){if(e.length>50)return H(e.slice(0,50)),void V(function(e){return o(o({},e),{name:"".concat(ye," must be 50 characters or fewer")})});H(e),V(function(e){return o(o({},e),{name:void 0})})},onStationSelect:function(e){te(e)},style:{border:Q.name?"1px solid var(--il-danger, #8f2c23)":void 0}}):t(b,{value:K,onChange:function(e){var r=e.target.value;if(r.length>50)return H(r.slice(0,50)),void V(function(e){return o(o({},e),{name:"".concat(ye," must be 50 characters or fewer")})});H(r),V(function(e){return o(o({},e),{name:void 0})})},style:{border:"1px solid ".concat(Q.name?"var(--il-danger, #8f2c23)":"var(--il-input-border, #f0f2f5)"),backgroundColor:"var(--il-input-bg, transparent)",color:"var(--il-input-fg, inherit)"},placeholder:B?"e.g. MarketPlace":"e.g. Global Learnings"}),Q.name&&t("p",o({style:{margin:"4px 0 0 0",fontSize:12,color:"var(--il-danger, #8f2c23)"}},{children:Q.name}))]})),!B&&n("div",o({style:{display:"flex",flexDirection:"column",gap:12}},{children:[n("label",o({style:{fontSize:14,fontWeight:500,color:"var(--il-foreground, #19213d)"}},{children:[t("span",o({style:{marginRight:4,fontSize:16,fontWeight:600,color:"var(--il-danger, #8f2c23)"}},{children:"*"})),A("".concat(D,".title"),"Learning Approval Settings")]})),n("div",o({role:"radio","aria-checked":"approval_required"===le,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:4},onClick:function(){return ce("approval_required")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||ce("approval_required")}},{children:[n("div",o({style:{display:"flex",alignItems:"center",gap:8}},{children:[t("div",o({style:{display:"flex",height:16,width:16,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("approval_required"===le?"var(--il-primary, #2563eb)":"var(--il-border, #cbd5e1)")}},{children:"approval_required"===le&&t("div",{style:{height:8,width:8,borderRadius:"50%",backgroundColor:"var(--il-primary, #2563eb)"}})})),t("span",o({style:{fontSize:14,fontWeight:500,color:"var(--il-foreground, #19213d)"}},{children:A("".concat(D,".approvalRequired.title"),"Approval Required Before Publishing")}))]})),t("p",o({style:{margin:0,marginLeft:24,fontSize:12,color:"var(--il-muted, #666F8D)"}},{children:A("".concat(D,".approvalRequired.subtitle"),"Learnings require approval before publishing.")}))]})),"approval_required"===le&&t(g,{selectedApprovers:se,selectedGroupOfApprovers:fe,onApproversChange:ue,onGroupsChange:me}),n("div",o({role:"radio","aria-checked":"publish_without"===le,tabIndex:0,style:{cursor:"pointer",display:"flex",flexDirection:"column",gap:4},onClick:function(){ce("publish_without")},onKeyDown:function(e){"Enter"!==e.key&&" "!==e.key||ce("publish_without")}},{children:[n("div",o({style:{display:"flex",alignItems:"center",gap:8}},{children:[t("div",o({style:{display:"flex",height:16,width:16,flexShrink:0,alignItems:"center",justifyContent:"center",borderRadius:"50%",border:"2px solid ".concat("publish_without"===le?"var(--il-primary, #2563eb)":"var(--il-border, #cbd5e1)")}},{children:"publish_without"===le&&t("div",{style:{height:8,width:8,borderRadius:"50%",backgroundColor:"var(--il-primary, #2563eb)"}})})),t("span",o({style:{fontSize:14,fontWeight:500,color:"var(--il-foreground, #19213d)"}},{children:A("".concat(D,".publishWithoutApproval.title"),"Publish Without Approval")}))]})),t("p",o({style:{margin:0,marginLeft:24,fontSize:12,color:"var(--il-muted, #666F8D)"}},{children:A("".concat(D,".publishWithoutApproval.subtitle"),"Learnings can be published directly.")}))]}))]})),n("div",o({style:{marginTop:32,display:"flex",justifyContent:"flex-end",gap:12}},{children:[t("button",o({onClick:P,style:{borderRadius:6,border:"1px solid var(--il-border, #e2e8f0)",padding:"8px 16px",fontSize:14,fontWeight:500,color:"var(--il-secondary-fg, #64748b)",backgroundColor:"var(--il-secondary-bg, #ffffff)",cursor:"pointer",opacity:Ce?.5:1},disabled:Ce},{children:A("".concat(R,".cancel"),"Cancel")})),t("button",o({onClick:function(){return e(void 0,void 0,void 0,function(){var e,o,n,t,a,l,c,d,s,u,p,f,v,g,h,b,y,S,C,x,A;return r(this,function(r){switch(r.label){case 0:if(e={},K.trim()?K.length>50&&(e.name="".concat(ye," must be 50 characters or fewer")):e.name="".concat(ye," is required"),e.name)return V(e),[2];r.label=1;case 1:return r.trys.push([1,8,9,10]),oe(!0),o="approval_required"===le,n=_.getState().backwardCompatibility,t=se.length>0||fe.length>0,a=n?{topic:z?"genreRuleSet":"globalRuleSet",customScopeGroupName:k.CUSTOM_SCOPE_GROUP_NAME,scopeDescription:K,parentScopeId:null,customScopeName:K,customScopeId:m(),createByName:(null==Y?void 0:Y.firstname)||"System",createdBy:(null==Y?void 0:Y.email)||"system@audacy.com",approvalRequired:o,appsecData:{application:null==$?void 0:$.applicationId,module:null==$?void 0:$.moduleId,roles:i(i([],o&&t?[{users:se.map(function(e){return e.email}),groups:fe.map(function(e){return e._id}),role:null!==(p=null===(u=Z.find(function(e){return"Learning Manager"===e.name}))||void 0===u?void 0:u._id)&&void 0!==p?p:""}]:[],!0),[{users:[null==Y?void 0:Y.email],groups:[],role:null!==(v=null===(f=Z.find(function(e){return"Instant Learning Admin"===e.name}))||void 0===f?void 0:f._id)&&void 0!==v?v:""}],!1)}}:{topic:z?"genreRuleSet":"globalRuleSet",scope_reference_id:null,scopeDescription:K,parentScopeId:null!=E?E:null,scopeName:K,scopeReferenceMetadata:{},scopeType:"Custom",applicationMappingId:_.getState().app_integration_id,approvalRequired:o,appsecData:{application:null==$?void 0:$.applicationId,module:null==$?void 0:$.moduleId,roles:i(i([],o&&t?[{users:se.map(function(e){return e.email}),groups:fe.map(function(e){return e._id}),role:null!==(h=null===(g=Z.find(function(e){return"Learning Manager"===e.name}))||void 0===g?void 0:g._id)&&void 0!==h?h:""}]:[],!0),[{users:[null==Y?void 0:Y.email],groups:[],role:null!==(y=null===(b=Z.find(function(e){return"Instant Learning Admin"===e.name}))||void 0===b?void 0:b._id)&&void 0!==y?y:""}],!1)}},console.log("Add Scope payload:",a),[4,xe(a)];case 2:if(l=r.sent(),c=null===(S=null==l?void 0:l.data)||void 0===S?void 0:S.scopeId,n||!c||!E||B)return[3,7];ge(!0),r.label=3;case 3:return r.trys.push([3,5,6,7]),[4,w({source_scope_id:E,target_scope_id:c,application_mapping_id:_.getState().app_integration_id||"",is_copy_parent_variant_id:!1})];case 4:return r.sent(),[3,7];case 5:return d=r.sent(),console.error("Failed to inherit rules for the new scope:",d),[3,7];case 6:return ge(!1),[7];case 7:return T(c),P(),[3,10];case 8:return s=r.sent(),console.error("An error occurred during scope creation.",s),null===(C=X.current)||void 0===C||C.show({severity:"error",summary:"Adding Scope Failed",detail:(null===(A=null===(x=null==s?void 0:s.response)||void 0===x?void 0:x.data)||void 0===A?void 0:A.message)||"There was an error creating the scope. Please try again."}),[3,10];case 9:return oe(!1),[7];case 10:return[2]}})})},style:{display:"flex",alignItems:"center",borderRadius:6,backgroundColor:"var(--il-primary, #2563eb)",padding:"8px 16px",fontSize:14,fontWeight:500,color:"var(--il-primary-fg, #ffffff)",border:"none",cursor:"pointer",opacity:Ce||"Custom"===U&&!ne?.5:1},disabled:Ce||"Custom"===U&&!ne},{children:Ce?n(a,{children:[t(p,{className:"animate-spin",style:{marginRight:8,height:16,width:16,color:"var(--il-primary-fg, #ffffff)"}}),"Creating..."]}):B?"SUBSCOPE"===W?"Create Subdomain":"Create Domain":A("".concat(R,".submitButton"),"Create Scope")}))]}))]}))]}))]}))};export{q as default};
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { useMutation } from '@tanstack/react-query';
+import { X, Loader2 } from 'lucide-react';
+import { Toast } from 'primereact/toast';
+import { v4 } from 'uuid';
+import StationAutocomplete from '../components/StationOnboarding/StationAutocomplete.js';
+import AddScopeApprovalSearchComponent from './AddScopeApprovalSearchComponent.js';
+import ScopeDialog from '../components/ScopeSkeletonLoader.js';
+import { Input } from '@mui/material';
+import useAuthStore from '../store/useAuthStore.js';
+import { useAppSecRolesStore } from '../store/useAppSecRolesStore.js';
+import useEnvStore from '../store/useEnvStore.js';
+import { createRuleSet, inheritScope } from '../apis/scopeApis.js';
+import { useLearningTemplateStore } from '../store/useLearningTemplateStore.js';
+import { IL_CONFIG_CONSTANTS } from '../config.js';
+import { dt, interpolate } from '../store/useLMSConfigStore.js';
+import { MIDDLE_DRAWER_ADD_SCOPE_DT_PATH, MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH } from '../constants.js';
+import { useILMarketplaceThemeStyles } from '../../IL-marketplace/marketplaceTheme.js';
+const AddScopeModalComponent = ({
+  isOpen,
+  onClose,
+  onCreate,
+  hasGlobalRuleSet,
+  parentId,
+  isILMarketplace = false,
+  childType,
+  parentName
+}) => {
+  const [type, setType] = useState("");
+  const [name, setName] = useState("");
+  const [errors, setErrors] = useState({});
+  const toast = useRef(null);
+  const { user } = useAuthStore();
+  const roles = useAppSecRolesStore((state) => state.roles);
+  const rbacConfig = useEnvStore((state) => state.rbacConfig);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [selectedStation, setSelectedStation] = useState(null);
+  const [approvalSetting, setApprovalSetting] = useState("approval_required");
+  const [selectedApprovers, setSelectedApprovers] = useState([]);
+  const [selectedGroupOfApprovers, setSelectedGroupOfApprovers] = useState([]);
+  const [isInheriting, setIsInheriting] = useState(false);
+  const themeStyles = useILMarketplaceThemeStyles();
+  const subScopeWord = dt("middleDrawer.subScope", "Subscope");
+  const nameFieldLabel = childType === "SUBSCOPE" ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeName`, `${subScopeWord} Name`) : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.scopeName`, "Scope Name");
+  const { data: responseData, isPending, mutateAsync } = useMutation({
+    mutationFn: async (payload) => {
+      var _a;
+      return await createRuleSet(payload, (_a = user == null ? void 0 : user.accessToken) != null ? _a : "");
+    },
+    onSuccess: async (response) => {
+      var _a, _b;
+      console.log("Rule Set Created Successfully", response);
+      (_b = toast.current) == null ? void 0 : _b.show({
+        severity: "success",
+        summary: "Scope Created",
+        detail: ((_a = response == null ? void 0 : response.data) == null ? void 0 : _a.message) || "Scope created successfully",
+        life: 3e3
+      });
+    },
+    onError: (error) => {
+      var _a, _b, _c;
+      console.error("Create scope failed", error);
+      (_c = toast.current) == null ? void 0 : _c.show({
+        severity: "error",
+        summary: "Creation Failed",
+        detail: ((_b = (_a = error == null ? void 0 : error.response) == null ? void 0 : _a.data) == null ? void 0 : _b.message) || "There was an error creating the scope. Please try again."
+      });
+    }
+  });
+  const handleSubmit = async () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+    const newErrors = {};
+    if (!name.trim()) {
+      newErrors.name = `${nameFieldLabel} is required`;
+    } else if (name.length > 50) {
+      newErrors.name = `${nameFieldLabel} must be 50 characters or fewer`;
+    }
+    if (newErrors.name) {
+      setErrors(newErrors);
+      return;
+    }
+    try {
+      setIsSubmitting(true);
+      const isApprovalRequired = approvalSetting === "approval_required";
+      const backwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;
+      const hasAdditionalApprovers = selectedApprovers.length > 0 || selectedGroupOfApprovers.length > 0;
+      const payload = backwardCompatibility ? {
+        // Legacy
+        topic: hasGlobalRuleSet ? "genreRuleSet" : "globalRuleSet",
+        customScopeGroupName: IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,
+        scopeDescription: name,
+        parentScopeId: null,
+        customScopeName: name,
+        customScopeId: v4(),
+        createByName: (user == null ? void 0 : user.firstname) || "System",
+        createdBy: (user == null ? void 0 : user.email) || "system@audacy.com",
+        approvalRequired: isApprovalRequired,
+        appsecData: {
+          application: rbacConfig == null ? void 0 : rbacConfig.applicationId,
+          module: rbacConfig == null ? void 0 : rbacConfig.moduleId,
+          roles: [
+            ...isApprovalRequired && hasAdditionalApprovers ? [{
+              users: selectedApprovers.map((a) => a.email),
+              groups: selectedGroupOfApprovers.map((g) => g._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 : ""
+            }
+          ]
+        }
+      } : {
+        // New
+        topic: hasGlobalRuleSet ? "genreRuleSet" : "globalRuleSet",
+        scope_reference_id: null,
+        scopeDescription: name,
+        parentScopeId: parentId != null ? parentId : null,
+        scopeName: name,
+        scopeReferenceMetadata: {},
+        scopeType: "Custom",
+        applicationMappingId: useLearningTemplateStore.getState().app_integration_id,
+        approvalRequired: isApprovalRequired,
+        appsecData: {
+          application: rbacConfig == null ? void 0 : rbacConfig.applicationId,
+          module: rbacConfig == null ? void 0 : rbacConfig.moduleId,
+          roles: [
+            ...isApprovalRequired && hasAdditionalApprovers ? [{
+              users: selectedApprovers.map((a) => a.email),
+              groups: selectedGroupOfApprovers.map((g) => g._id),
+              role: (_f = (_e = roles.find((r) => r.name === "Learning Manager")) == null ? void 0 : _e._id) != null ? _f : ""
+            }] : [],
+            {
+              users: [user == null ? void 0 : user.email],
+              groups: [],
+              role: (_h = (_g = roles.find((r) => r.name === "Instant Learning Admin")) == null ? void 0 : _g._id) != null ? _h : ""
+            }
+          ]
+        }
+      };
+      console.log("Add Scope payload:", payload);
+      const response = await mutateAsync(payload);
+      const newScopeId = (_i = response == null ? void 0 : response.data) == null ? void 0 : _i.scopeId;
+      if (!backwardCompatibility && newScopeId && parentId && !isILMarketplace) {
+        setIsInheriting(true);
+        try {
+          await inheritScope({
+            source_scope_id: parentId,
+            target_scope_id: newScopeId,
+            application_mapping_id: useLearningTemplateStore.getState().app_integration_id || "",
+            is_copy_parent_variant_id: false
+          });
+        } catch (inheritError) {
+          console.error("Failed to inherit rules for the new scope:", inheritError);
+        } finally {
+          setIsInheriting(false);
+        }
+      }
+      onCreate(newScopeId);
+      onClose();
+    } catch (error) {
+      console.error("An error occurred during scope creation.", error);
+      (_l = toast.current) == null ? void 0 : _l.show({
+        severity: "error",
+        summary: "Adding Scope Failed",
+        detail: ((_k = (_j = error == null ? void 0 : error.response) == null ? void 0 : _j.data) == null ? void 0 : _k.message) || "There was an error creating the scope. Please try again."
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  useEffect(() => {
+    if (isOpen) {
+      setType("");
+      setName("");
+      setErrors({});
+      setSelectedStation(null);
+      setApprovalSetting("approval_required");
+      setSelectedApprovers([]);
+      setSelectedGroupOfApprovers([]);
+    }
+  }, [isOpen]);
+  if (!isOpen) return null;
+  const marketplaceScopeLabel = dt("middleDrawer.scope", "Domain");
+  const marketplaceSubScopeLabel = dt("middleDrawer.subScope", "Subdomain");
+  const marketplaceChildLabel = childType === "SUBSCOPE" ? marketplaceSubScopeLabel : marketplaceScopeLabel;
+  const dialogTitle = isILMarketplace ? childType === "SUBSCOPE" ? dt("middleDrawer.treeMenu.contextMenu.addSubScope", dt("middleDrawer.addSubScope", `Add ${marketplaceSubScopeLabel}`)) : dt("middleDrawer.addScope", `Add ${marketplaceScopeLabel}`) : childType === "SUBSCOPE" ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeTitle`, dt("middleDrawer.addSubScope", "Add Subscope")) : hasGlobalRuleSet ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.title`, "Add Scope") : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.globalTitle`, "Create Global Scope");
+  const dialogSubtitle = isILMarketplace ? parentName ? `This ${marketplaceChildLabel.toLowerCase()} will be created under '${parentName}'.` : `This ${marketplaceChildLabel.toLowerCase()} will be created under the selected parent ${marketplaceScopeLabel.toLowerCase()}.` : childType === "SUBSCOPE" ? interpolate(
+    dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeSubtitle`, `This ${subScopeWord.toLowerCase()} will be created under {parent} and will inherit its Knowledgebases by default.`),
+    { parent: parentName || dt("middleDrawer.scope", "the selected scope") }
+  ) : hasGlobalRuleSet ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subtitle`, "This scope will be created under Global scope and will inherit its learnings by default.", { parent: "Global" }) : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.globalSubtitle`, "This will be your Global scope that defines the base learnings shared across all stations.");
+  const loadingTitle = childType === "SUBSCOPE" ? `Setting up your ${subScopeWord}\u2026` : hasGlobalRuleSet ? `Setting up your ${dt("middleDrawer.scope", "Scope")}\u2026` : "Setting up your Global Scope\u2026";
+  return /* @__PURE__ */ jsxs("div", { style: { ...themeStyles, position: "absolute", inset: 0, zIndex: 50, display: "flex", alignItems: "center", justifyContent: "center", backgroundColor: "var(--il-overlay, rgba(0,0,0,0.3))" }, children: [
+    /* @__PURE__ */ jsx(Toast, { ref: toast }),
+    isPending || isSubmitting ? /* @__PURE__ */ jsx(ScopeDialog, { isLoading: isPending || isSubmitting, title: loadingTitle, subtitle: dialogSubtitle }) : /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: 600, borderRadius: 12, backgroundColor: "var(--il-surface, #ffffff)", padding: 24, boxShadow: "0 25px 50px -12px rgba(0,0,0,0.25)" }, children: [
+      /* @__PURE__ */ jsxs("div", { style: { marginBottom: 24, display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { style: { margin: 0, fontSize: 18, fontWeight: 500, color: "var(--il-foreground, #19213d)" }, children: dialogTitle }),
+          /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0 0", fontSize: 14, fontWeight: 400, color: "var(--il-muted, #666F8D)" }, children: dialogSubtitle })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: onClose,
+            style: { background: "none", border: "none", padding: 0, cursor: "pointer", color: "var(--il-muted, #9ca3af)" },
+            children: /* @__PURE__ */ jsx(X, { size: 24 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 20 }, children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "flex", flexDirection: "column", gap: 6 }, children: [
+          /* @__PURE__ */ jsxs("label", { style: { fontSize: 14, fontWeight: 500, color: "var(--il-foreground, #19213d)" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { marginRight: 4, fontSize: 16, fontWeight: 600, color: "var(--il-danger, #8f2c23)" }, children: "*" }),
+            nameFieldLabel
+          ] }),
+          type === "Custom" ? /* @__PURE__ */ jsx(
+            StationAutocomplete,
+            {
+              value: name,
+              onChange: (newName) => {
+                if (newName.length > 50) {
+                  setName(newName.slice(0, 50));
+                  setErrors((prev) => ({ ...prev, name: `${nameFieldLabel} must be 50 characters or fewer` }));
+                  return;
+                }
+                setName(newName);
+                setErrors((prev) => ({ ...prev, name: void 0 }));
+              },
+              onStationSelect: (station) => {
+                setSelectedStation(station);
+              },
+              style: { border: errors.name ? "1px solid var(--il-danger, #8f2c23)" : void 0 }
+            }
+          ) : /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: name,
+              onChange: (e) => {
+                const val = e.target.value;
+                if (val.length > 50) {
+                  setName(val.slice(0, 50));
+                  setErrors((prev) => ({ ...prev, name: `${nameFieldLabel} must be 50 characters or fewer` }));
+                  return;
+                }
+                setName(val);
+                setErrors((prev) => ({ ...prev, name: void 0 }));
+              },
+              style: {
+                border: `1px solid ${errors.name ? "var(--il-danger, #8f2c23)" : "var(--il-input-border, #f0f2f5)"}`,
+                backgroundColor: "var(--il-input-bg, transparent)",
+                color: "var(--il-input-fg, inherit)"
+              },
+              placeholder: isILMarketplace ? "e.g. MarketPlace" : "e.g. Global Learnings"
+            }
+          ),
+          errors.name && /* @__PURE__ */ jsx("p", { style: { margin: "4px 0 0 0", fontSize: 12, color: "var(--il-danger, #8f2c23)" }, children: errors.name })
+        ] }),
+        !isILMarketplace && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 12 }, children: [
+          /* @__PURE__ */ jsxs("label", { style: { fontSize: 14, fontWeight: 500, color: "var(--il-foreground, #19213d)" }, children: [
+            /* @__PURE__ */ jsx("span", { style: { marginRight: 4, fontSize: 16, fontWeight: 600, color: "var(--il-danger, #8f2c23)" }, children: "*" }),
+            dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.title`, "Learning Approval Settings")
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "radio",
+              "aria-checked": approvalSetting === "approval_required",
+              tabIndex: 0,
+              style: { cursor: "pointer", display: "flex", flexDirection: "column", gap: 4 },
+              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: 8 }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { display: "flex", height: 16, width: 16, flexShrink: 0, alignItems: "center", justifyContent: "center", borderRadius: "50%", border: `2px solid ${approvalSetting === "approval_required" ? "var(--il-primary, #2563eb)" : "var(--il-border, #cbd5e1)"}` }, children: approvalSetting === "approval_required" && /* @__PURE__ */ jsx("div", { style: { height: 8, width: 8, borderRadius: "50%", backgroundColor: "var(--il-primary, #2563eb)" } }) }),
+                  /* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 500, color: "var(--il-foreground, #19213d)" }, children: dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.approvalRequired.title`, "Approval Required Before Publishing") })
+                ] }),
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, marginLeft: 24, fontSize: 12, color: "var(--il-muted, #666F8D)" }, children: dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.approvalRequired.subtitle`, "Learnings require approval before publishing.") })
+              ]
+            }
+          ),
+          approvalSetting === "approval_required" && /* @__PURE__ */ jsx(
+            AddScopeApprovalSearchComponent,
+            {
+              selectedApprovers,
+              selectedGroupOfApprovers,
+              onApproversChange: setSelectedApprovers,
+              onGroupsChange: setSelectedGroupOfApprovers
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              role: "radio",
+              "aria-checked": approvalSetting === "publish_without",
+              tabIndex: 0,
+              style: { cursor: "pointer", display: "flex", flexDirection: "column", gap: 4 },
+              onClick: () => {
+                setApprovalSetting("publish_without");
+              },
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  setApprovalSetting("publish_without");
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+                  /* @__PURE__ */ jsx("div", { style: { display: "flex", height: 16, width: 16, flexShrink: 0, alignItems: "center", justifyContent: "center", borderRadius: "50%", border: `2px solid ${approvalSetting === "publish_without" ? "var(--il-primary, #2563eb)" : "var(--il-border, #cbd5e1)"}` }, children: approvalSetting === "publish_without" && /* @__PURE__ */ jsx("div", { style: { height: 8, width: 8, borderRadius: "50%", backgroundColor: "var(--il-primary, #2563eb)" } }) }),
+                  /* @__PURE__ */ jsx("span", { style: { fontSize: 14, fontWeight: 500, color: "var(--il-foreground, #19213d)" }, children: dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.publishWithoutApproval.title`, "Publish Without Approval") })
+                ] }),
+                /* @__PURE__ */ jsx("p", { style: { margin: 0, marginLeft: 24, fontSize: 12, color: "var(--il-muted, #666F8D)" }, children: dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.publishWithoutApproval.subtitle`, "Learnings can be published directly.") })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: { marginTop: 32, display: "flex", justifyContent: "flex-end", gap: 12 }, children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              style: { borderRadius: 6, border: "1px solid var(--il-border, #e2e8f0)", padding: "8px 16px", fontSize: 14, fontWeight: 500, color: "var(--il-secondary-fg, #64748b)", backgroundColor: "var(--il-secondary-bg, #ffffff)", cursor: "pointer", opacity: isPending ? 0.5 : 1 },
+              disabled: isPending,
+              children: dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.cancel`, "Cancel")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: handleSubmit,
+              style: { display: "flex", alignItems: "center", borderRadius: 6, backgroundColor: "var(--il-primary, #2563eb)", padding: "8px 16px", fontSize: 14, fontWeight: 500, color: "var(--il-primary-fg, #ffffff)", border: "none", cursor: "pointer", opacity: isPending || type === "Custom" && !selectedStation ? 0.5 : 1 },
+              disabled: isPending || type === "Custom" && !selectedStation,
+              children: isPending ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", style: { marginRight: 8, height: 16, width: 16, color: "var(--il-primary-fg, #ffffff)" } }),
+                "Creating..."
+              ] }) : isILMarketplace ? childType === "SUBSCOPE" ? "Create Subdomain" : "Create Domain" : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.submitButton`, "Create Scope")
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
+var AddScopeModalComponent$1 = AddScopeModalComponent;
+export { AddScopeModalComponent$1 as default };
 //# sourceMappingURL=AddScopeModal.js.map

package/dist/features/LearningManagement/RuleContent/AddScopeModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddScopeModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"AddScopeModal.js","sources":["../../../../src/features/LearningManagement/RuleContent/AddScopeModal.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { useMutation } from '@tanstack/react-query';\n\nimport { Loader2, X } from 'lucide-react';\nimport { Toast } from 'primereact/toast';\nimport { v4 as uuidv4 } from 'uuid';\n\n\nimport StationAutocomplete from '../components/StationOnboarding/StationAutocomplete';\nimport AddScopeApprovalSearchComponent from './AddScopeApprovalSearchComponent';\nimport ScopeDialog from '../components/ScopeSkeletonLoader';\nimport { Input } from '@mui/material';\nimport useAuthStore from '../store/useAuthStore';\nimport { useAppSecRolesStore } from '../store/useAppSecRolesStore';\nimport useEnvStore from '../store/useEnvStore';\nimport { AppsecGroup, createRuleSet, inheritScope } from '../apis/scopeApis';\nimport { useLearningTemplateStore } from '../store/useLearningTemplateStore';\nimport { IL_CONFIG_CONSTANTS } from '../config';\nimport { dt, interpolate } from '../store/useLMSConfigStore';\nimport { MIDDLE_DRAWER_ADD_SCOPE_DT_PATH, MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH } from '../constants';\nimport { useILMarketplaceThemeStyles } from '../../IL-marketplace/marketplaceTheme';\n\nexport interface Approver {\n id: string;\n name: string;\n email: string;\n}\n\n\ninterface AddScopeModalProps {\n isOpen: boolean;\n onClose: () => void;\n onCreate: (scopeId?: string) => void;\n hasGlobalRuleSet: boolean;\n parentId?: string;\n isILMarketplace?: boolean;\n childType?: 'SCOPE' \| 'SUBSCOPE';\n parentName?: string;\n}\n\ninterface FormErrors {\n type?: string;\n name?: string;\n description?: string;\n}\n\nconst AddScopeModalComponent: React.FC<AddScopeModalProps> = ({\n isOpen,\n onClose,\n onCreate,\n hasGlobalRuleSet,\n parentId,\n isILMarketplace = false,\n childType,\n parentName,\n}) => {\n const [type, setType] = useState('');\n const [name, setName] = useState('');\n const [errors, setErrors] = useState<FormErrors>({});\n const toast = useRef<Toast>(null);\n const { user } = useAuthStore();\n const roles = useAppSecRolesStore((state) => state.roles);\n const rbacConfig = useEnvStore((state) => state.rbacConfig);\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [selectedStation, setSelectedStation] = useState<any>(null);\n\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 [isInheriting, setIsInheriting] = useState(false);\n const themeStyles = useILMarketplaceThemeStyles();\n\n const subScopeWord = dt('middleDrawer.subScope', 'Subscope');\n\n const nameFieldLabel =\n childType === 'SUBSCOPE'\n ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeName`, `${subScopeWord} Name`)\n : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.scopeName`, 'Scope Name');\n\n const { data: responseData, isPending, mutateAsync } = useMutation({\n mutationFn: async (payload: any) => {\n return await createRuleSet(payload, user?.accessToken ?? \"\");\n },\n onSuccess: async (response) => {\n console.log(\"Rule Set Created Successfully\", response);\n toast.current?.show({\n severity: 'success',\n summary: 'Scope Created',\n detail: response?.data?.message \|\| 'Scope created successfully',\n life: 3000,\n });\n },\n onError: (error: any) => {\n console.error('Create scope failed', error);\n toast.current?.show({\n severity: 'error',\n summary: 'Creation Failed',\n detail: error?.response?.data?.message \|\| 'There was an error creating the scope. Please try again.',\n });\n }\n });\n\n const handleSubmit = async () => {\n const newErrors: FormErrors = {};\n\n if (!name.trim()) {\n newErrors.name = `${nameFieldLabel} is required`;\n } else if (name.length > 50) {\n newErrors.name = `${nameFieldLabel} must be 50 characters or fewer`;\n }\n\n if (newErrors.name) {\n setErrors(newErrors);\n return;\n }\n\n try {\n setIsSubmitting(true);\n const isApprovalRequired = approvalSetting === 'approval_required';\n const backwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;\n const hasAdditionalApprovers = selectedApprovers.length > 0 \|\| selectedGroupOfApprovers.length > 0;\n\n const payload: Record<string, any> = backwardCompatibility\n ? {\n // Legacy\n topic: hasGlobalRuleSet ? 'genreRuleSet' : 'globalRuleSet',\n customScopeGroupName: IL_CONFIG_CONSTANTS.CUSTOM_SCOPE_GROUP_NAME,\n scopeDescription: name,\n parentScopeId: null,\n customScopeName: name,\n customScopeId: uuidv4(),\n createByName: user?.firstname \|\| 'System',\n createdBy: user?.email \|\| 'system@audacy.com',\n approvalRequired: isApprovalRequired,\n appsecData: {\n application: rbacConfig?.applicationId,\n module: rbacConfig?.moduleId,\n roles: [\n ...(isApprovalRequired && hasAdditionalApprovers ? [{\n users: selectedApprovers.map((a) => a.email),\n groups: selectedGroupOfApprovers.map((g) => g._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 // New\n topic: hasGlobalRuleSet ? 'genreRuleSet' : 'globalRuleSet',\n scope_reference_id: null,\n scopeDescription: name,\n parentScopeId: parentId ?? null,\n scopeName: name,\n scopeReferenceMetadata: {},\n scopeType: \"Custom\",\n applicationMappingId: useLearningTemplateStore.getState().app_integration_id,\n approvalRequired: isApprovalRequired,\n appsecData: {\n application: rbacConfig?.applicationId,\n module: rbacConfig?.moduleId,\n roles: [\n ...(isApprovalRequired && hasAdditionalApprovers ? [{\n users: selectedApprovers.map((a) => a.email),\n groups: selectedGroupOfApprovers.map((g) => g._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 console.log('Add Scope payload:', payload);\n const response = await mutateAsync(payload);\n const newScopeId = response?.data?.scopeId;\n\n if (!backwardCompatibility && newScopeId && parentId && !isILMarketplace) {\n setIsInheriting(true);\n try {\n await inheritScope({\n source_scope_id: parentId,\n target_scope_id: newScopeId,\n application_mapping_id: useLearningTemplateStore.getState().app_integration_id \|\| '',\n is_copy_parent_variant_id: false,\n });\n } catch (inheritError) {\n console.error('Failed to inherit rules for the new scope:', inheritError);\n } finally {\n setIsInheriting(false);\n }\n }\n\n onCreate(newScopeId);\n onClose();\n } catch (error: any) {\n console.error('An error occurred during scope creation.', error);\n toast.current?.show({\n severity: 'error',\n summary: 'Adding Scope Failed',\n detail:\n error?.response?.data?.message \|\|\n 'There was an error creating the scope. Please try again.',\n });\n }\n finally {\n setIsSubmitting(false);\n }\n };\n\n useEffect(() => {\n if (isOpen) {\n setType('');\n setName('');\n setErrors({});\n setSelectedStation(null);\n setApprovalSetting('approval_required');\n setSelectedApprovers([]);\n setSelectedGroupOfApprovers([]);\n }\n }, [isOpen]);\n\n if (!isOpen) return null;\n\n const marketplaceScopeLabel = dt('middleDrawer.scope', 'Domain');\n const marketplaceSubScopeLabel = dt('middleDrawer.subScope', 'Subdomain');\n const marketplaceChildLabel = childType === 'SUBSCOPE' ? marketplaceSubScopeLabel : marketplaceScopeLabel;\n const dialogTitle = isILMarketplace\n ? childType === 'SUBSCOPE'\n ? dt('middleDrawer.treeMenu.contextMenu.addSubScope', dt('middleDrawer.addSubScope', `Add ${marketplaceSubScopeLabel}`))\n : dt('middleDrawer.addScope', `Add ${marketplaceScopeLabel}`)\n : childType === 'SUBSCOPE'\n ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeTitle`, dt('middleDrawer.addSubScope', 'Add Subscope'))\n : hasGlobalRuleSet\n ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.title`, 'Add Scope')\n : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.globalTitle`, 'Create Global Scope');\n\n const dialogSubtitle = isILMarketplace\n ? parentName\n ? `This ${marketplaceChildLabel.toLowerCase()} will be created under '${parentName}'.`\n : `This ${marketplaceChildLabel.toLowerCase()} will be created under the selected parent ${marketplaceScopeLabel.toLowerCase()}.`\n : childType === 'SUBSCOPE'\n ? interpolate(\n dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subScopeSubtitle`, `This ${subScopeWord.toLowerCase()} will be created under {parent} and will inherit its Knowledgebases by default.`),\n { parent: parentName \|\| dt('middleDrawer.scope', 'the selected scope') }\n )\n : hasGlobalRuleSet\n ? dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.subtitle`, \"This scope will be created under Global scope and will inherit its learnings by default.\", { parent: 'Global' })\n : dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.globalSubtitle`, \"This will be your Global scope that defines the base learnings shared across all stations.\");\n\n const loadingTitle = childType === 'SUBSCOPE'\n ? `Setting up your ${subScopeWord}…`\n : hasGlobalRuleSet\n ? `Setting up your ${dt('middleDrawer.scope', 'Scope')}…`\n : 'Setting up your Global Scope…';\n\n return (\n <div style={{ ...themeStyles, position: 'absolute', inset: 0, zIndex: 50, display: 'flex', alignItems: 'center', justifyContent: 'center', backgroundColor: 'var(--il-overlay, rgba(0,0,0,0.3))' }}>\n <Toast ref={toast} />\n {isPending \|\| isSubmitting?\n <ScopeDialog isLoading={isPending \|\| isSubmitting} title={loadingTitle} subtitle={dialogSubtitle} />:\n\n <div style={{ position: 'relative', width: 600, borderRadius: 12, backgroundColor: 'var(--il-surface, #ffffff)', padding: 24, boxShadow: '0 25px 50px -12px rgba(0,0,0,0.25)' }}>\n {/* Header /}\n <div style={{ marginBottom: 24, display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n <div>\n <h2 style={{ margin: 0, fontSize: 18, fontWeight: 500, color: 'var(--il-foreground, #19213d)' }}>\n {dialogTitle}\n </h2>\n <p style={{ margin: '4px 0 0 0', fontSize: 14, fontWeight: 400, color: 'var(--il-muted, #666F8D)' }}>\n {dialogSubtitle}\n </p>\n </div>\n <button\n onClick={onClose}\n style={{ background: 'none', border: 'none', padding: 0, cursor: 'pointer', color: 'var(--il-muted, #9ca3af)' }}\n >\n <X size={24} />\n </button>\n </div>\n\n {/ Form /}\n <div style={{ display: 'flex', flexDirection: 'column', gap: 20 }}>\n {/ Rule Set Name /}\n <div style={{ position: 'relative', display: 'flex', flexDirection: 'column', gap: 6 }}>\n <label style={{ fontSize: 14, fontWeight: 500, color: 'var(--il-foreground, #19213d)' }}>\n <span style={{ marginRight: 4, fontSize: 16, fontWeight: 600, color: 'var(--il-danger, #8f2c23)' }}></span>{nameFieldLabel}\n </label>\n\n {type === 'Custom' ? (\n <StationAutocomplete\n value={name}\n onChange={(newName) => {\n if (newName.length > 50) {\n setName(newName.slice(0, 50));\n setErrors((prev) => ({ ...prev, name: `${nameFieldLabel} must be 50 characters or fewer` }));\n return;\n }\n setName(newName);\n setErrors((prev) => ({ ...prev, name: undefined }));\n }}\n onStationSelect={(station) => {\n setSelectedStation(station);\n }}\n style={{ border: errors.name ? '1px solid var(--il-danger, #8f2c23)' : undefined }}\n />\n ) : (\n <Input\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: `${nameFieldLabel} must be 50 characters or fewer` }));\n return;\n }\n setName(val);\n setErrors((prev) => ({ ...prev, name: undefined }));\n }}\n style={{\n border: `1px solid ${errors.name ? 'var(--il-danger, #8f2c23)' : 'var(--il-input-border, #f0f2f5)'}`,\n backgroundColor: 'var(--il-input-bg, transparent)',\n color: 'var(--il-input-fg, inherit)',\n }}\n placeholder={isILMarketplace ? 'e.g. MarketPlace' : 'e.g. Global Learnings'}\n />\n )}\n {errors.name && <p style={{ margin: '4px 0 0 0', fontSize: 12, color: 'var(--il-danger, #8f2c23)' }}>{errors.name}</p>}\n </div>\n\n {/* Learning Approval Settings — not applicable to IL Marketplace domains, which have no approver/group search API. /}\n {!isILMarketplace && (\n <div style={{ display: 'flex', flexDirection: 'column', gap: 12 }}>\n <label style={{ fontSize: 14, fontWeight: 500, color: 'var(--il-foreground, #19213d)' }}>\n <span style={{ marginRight: 4, fontSize: 16, fontWeight: 600, color: 'var(--il-danger, #8f2c23)' }}></span>{dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.title`, 'Learning Approval Settings')}\n </label>\n\n {/* Approval Required Before Publishing /}\n <div\n role='radio'\n aria-checked={approvalSetting === 'approval_required'}\n tabIndex={0}\n style={{ cursor: 'pointer', display: 'flex', flexDirection: 'column', gap: 4 }}\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: 8 }}>\n <div style={{ display: 'flex', height: 16, width: 16, flexShrink: 0, alignItems: 'center', justifyContent: 'center', borderRadius: '50%', border: `2px solid ${approvalSetting === 'approval_required' ? 'var(--il-primary, #2563eb)' : 'var(--il-border, #cbd5e1)'}` }}>\n {approvalSetting === 'approval_required' && (\n <div style={{ height: 8, width: 8, borderRadius: '50%', backgroundColor: 'var(--il-primary, #2563eb)' }} />\n )}\n </div>\n <span style={{ fontSize: 14, fontWeight: 500, color: 'var(--il-foreground, #19213d)' }}>{dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.approvalRequired.title`, 'Approval Required Before Publishing')}</span>\n </div>\n <p style={{ margin: 0, marginLeft: 24, fontSize: 12, color: 'var(--il-muted, #666F8D)' }}>{dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.approvalRequired.subtitle`, '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\n {/ Publish Without Approval /}\n <div\n role='radio'\n aria-checked={approvalSetting === 'publish_without'}\n tabIndex={0}\n style={{ cursor: 'pointer', display: 'flex', flexDirection: 'column', gap: 4 }}\n onClick={() => { setApprovalSetting('publish_without'); }}\n onKeyDown={(e) => { if (e.key === 'Enter' \|\| e.key === ' ') { setApprovalSetting('publish_without'); } }}\n >\n <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n <div style={{ display: 'flex', height: 16, width: 16, flexShrink: 0, alignItems: 'center', justifyContent: 'center', borderRadius: '50%', border: `2px solid ${approvalSetting === 'publish_without' ? 'var(--il-primary, #2563eb)' : 'var(--il-border, #cbd5e1)'}` }}>\n {approvalSetting === 'publish_without' && (\n <div style={{ height: 8, width: 8, borderRadius: '50%', backgroundColor: 'var(--il-primary, #2563eb)' }} />\n )}\n </div>\n <span style={{ fontSize: 14, fontWeight: 500, color: 'var(--il-foreground, #19213d)' }}>{dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.publishWithoutApproval.title`, 'Publish Without Approval')}</span>\n </div>\n <p style={{ margin: 0, marginLeft: 24, fontSize: 12, color: 'var(--il-muted, #666F8D)' }}>{dt(`${MIDDLE_DRAWER_APPROVAL_SETTINGS_DT_PATH}.publishWithoutApproval.subtitle`, 'Learnings can be published directly.')}</p>\n </div>\n </div>\n )}\n\n {/ Footer */}\n <div style={{ marginTop: 32, display: 'flex', justifyContent: 'flex-end', gap: 12 }}>\n <button\n onClick={onClose}\n style={{ borderRadius: 6, border: '1px solid var(--il-border, #e2e8f0)', padding: '8px 16px', fontSize: 14, fontWeight: 500, color: 'var(--il-secondary-fg, #64748b)', backgroundColor: 'var(--il-secondary-bg, #ffffff)', cursor: 'pointer', opacity: isPending ? 0.5 : 1 }}\n disabled={isPending}\n >\n {dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.cancel`, 'Cancel')}\n </button>\n <button\n onClick={handleSubmit}\n style={{ display: 'flex', alignItems: 'center', borderRadius: 6, backgroundColor: 'var(--il-primary, #2563eb)', padding: '8px 16px', fontSize: 14, fontWeight: 500, color: 'var(--il-primary-fg, #ffffff)', border: 'none', cursor: 'pointer', opacity: (isPending \|\| (type === 'Custom' && !selectedStation)) ? 0.5 : 1 }}\n disabled={isPending \|\| (type === 'Custom' && !selectedStation)}\n >\n {isPending ? (\n <>\n <Loader2 className='animate-spin' style={{ marginRight: 8, height: 16, width: 16, color: 'var(--il-primary-fg, #ffffff)' }} />\n Creating...\n </>\n ) : isILMarketplace ? (\n childType === 'SUBSCOPE' ? 'Create Subdomain' : 'Create Domain'\n ) : (\n dt(`${MIDDLE_DRAWER_ADD_SCOPE_DT_PATH}.submitButton`, \"Create Scope\")\n )}\n </button>\n </div>\n </div>\n </div>\n }\n </div>\n );\n};\n\nexport default AddScopeModalComponent;\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/features/LearningManagement/RuleContent/ApprovalActionButton.js CHANGED Viewed

@@ -1,2 +1,76 @@
-import{__rest as o,__assign as e}from"tslib";import{jsxs as n,jsx as t}from"react/jsx-runtime";import{useState as r}from"react";import{Check as i,X as a}from"lucide-react";var l={approve:{color:"#22C55E"},reject:{color:"#EF4444"}},s=function(s){var u=s.text,d=s.variant,c=s.type,p=void 0===c?"button":c,f=s.disabled,m=void 0!==f&&f,v=s.style,b=s.onBlur,x=s.onFocus,y=s.onMouseEnter,h=s.onMouseLeave,g=o(s,["text","variant","type","disabled","style","onBlur","onFocus","onMouseEnter","onMouseLeave"]),M="approve"===d?i:a,E=r(!1),F=E[0],w=E[1],B=r(!1),L=B[0],j=B[1],k=e(e({display:"inline-flex",alignItems:"center",gap:"0.375rem",borderRadius:"0.375rem",border:"1px solid transparent",backgroundColor:"transparent",padding:"0.25rem 0.5rem",fontSize:"0.875rem",fontWeight:500,lineHeight:"1.25rem",cursor:m?"not-allowed":"pointer",opacity:m?.5:F?.8:1,outline:"none",transition:"opacity 150ms ease-in-out, box-shadow 150ms ease-in-out",boxShadow:L?"0 0 0 2px ".concat(l[d].color,", 0 0 0 4px #ffffff"):void 0},l[d]),v);return n("button",e({type:p,disabled:m,style:k,onFocus:function(o){j(!0),null==x||x(o)},onBlur:function(o){j(!1),null==b||b(o)},onMouseEnter:function(o){w(!0),null==y||y(o)},onMouseLeave:function(o){w(!1),null==h||h(o)}},g,{children:[t(M,{size:16,strokeWidth:2.25,"aria-hidden":"true"}),t("span",{children:u})]}))};export{s as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Check, X } from 'lucide-react';
+const variantStyles = {
+  approve: { color: "#22C55E" },
+  reject: { color: "#EF4444" }
+};
+const ApprovalActionButton = ({
+  text,
+  variant,
+  type = "button",
+  disabled = false,
+  style,
+  onBlur,
+  onFocus,
+  onMouseEnter,
+  onMouseLeave,
+  ...buttonProps
+}) => {
+  const Icon = variant === "approve" ? Check : X;
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const buttonStyle = {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.375rem",
+    borderRadius: "0.375rem",
+    border: "1px solid transparent",
+    backgroundColor: "transparent",
+    padding: "0.25rem 0.5rem",
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    lineHeight: "1.25rem",
+    cursor: disabled ? "not-allowed" : "pointer",
+    opacity: disabled ? 0.5 : isHovered ? 0.8 : 1,
+    outline: "none",
+    transition: "opacity 150ms ease-in-out, box-shadow 150ms ease-in-out",
+    boxShadow: isFocused ? `0 0 0 2px ${variantStyles[variant].color}, 0 0 0 4px #ffffff` : void 0,
+    ...variantStyles[variant],
+    ...style
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type,
+      disabled,
+      style: buttonStyle,
+      onFocus: (event) => {
+        setIsFocused(true);
+        onFocus == null ? void 0 : onFocus(event);
+      },
+      onBlur: (event) => {
+        setIsFocused(false);
+        onBlur == null ? void 0 : onBlur(event);
+      },
+      onMouseEnter: (event) => {
+        setIsHovered(true);
+        onMouseEnter == null ? void 0 : onMouseEnter(event);
+      },
+      onMouseLeave: (event) => {
+        setIsHovered(false);
+        onMouseLeave == null ? void 0 : onMouseLeave(event);
+      },
+      ...buttonProps,
+      children: [
+        /* @__PURE__ */ jsx(Icon, { size: 16, strokeWidth: 2.25, "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { children: text })
+      ]
+    }
+  );
+};
+var ApprovalActionButton$1 = ApprovalActionButton;
+export { ApprovalActionButton$1 as default };
 //# sourceMappingURL=ApprovalActionButton.js.map

package/dist/features/LearningManagement/RuleContent/ApprovalActionButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ApprovalActionButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1	+ {"version":3,"file":"ApprovalActionButton.js","sources":["../../../../src/features/LearningManagement/RuleContent/ApprovalActionButton.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Check, X } from 'lucide-react';\n\ninterface ApprovalActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n text: string;\n variant: 'approve' \| 'reject';\n}\n\nconst variantStyles: Record<ApprovalActionButtonProps['variant'], React.CSSProperties> = {\n approve: { color: '#22C55E' },\n reject: { color: '#EF4444' },\n};\n\nconst ApprovalActionButton: React.FC<ApprovalActionButtonProps> = ({\n text,\n variant,\n type = 'button',\n disabled = false,\n style,\n onBlur,\n onFocus,\n onMouseEnter,\n onMouseLeave,\n ...buttonProps\n}) => {\n const Icon = variant === 'approve' ? Check : X;\n const [isHovered, setIsHovered] = useState(false);\n const [isFocused, setIsFocused] = useState(false);\n\n const buttonStyle: React.CSSProperties = {\n display: 'inline-flex',\n alignItems: 'center',\n gap: '0.375rem',\n borderRadius: '0.375rem',\n border: '1px solid transparent',\n backgroundColor: 'transparent',\n padding: '0.25rem 0.5rem',\n fontSize: '0.875rem',\n fontWeight: 500,\n lineHeight: '1.25rem',\n cursor: disabled ? 'not-allowed' : 'pointer',\n opacity: disabled ? 0.5 : isHovered ? 0.8 : 1,\n outline: 'none',\n transition: 'opacity 150ms ease-in-out, box-shadow 150ms ease-in-out',\n boxShadow: isFocused ? `0 0 0 2px ${variantStyles[variant].color}, 0 0 0 4px #ffffff` : undefined,\n ...variantStyles[variant],\n ...style,\n };\n\n return (\n <button\n type={type}\n disabled={disabled}\n style={buttonStyle}\n onFocus={(event) => {\n setIsFocused(true);\n onFocus?.(event);\n }}\n onBlur={(event) => {\n setIsFocused(false);\n onBlur?.(event);\n }}\n onMouseEnter={(event) => {\n setIsHovered(true);\n onMouseEnter?.(event);\n }}\n onMouseLeave={(event) => {\n setIsHovered(false);\n onMouseLeave?.(event);\n }}\n {...buttonProps}\n >\n <Icon size={16} strokeWidth={2.25} aria-hidden=\"true\" />\n <span>{text}</span>\n </button>\n );\n};\n\nexport default ApprovalActionButton;\n"],"names":[],"mappings":"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"}