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

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

@@ -1,2 +1,410 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),o=require("react"),t=require("@mui/material"),i=require("@mui/icons-material/Check"),r=require("@mui/icons-material/CloseRounded"),a=require("lucide-react"),s=require("../store/useLMSConfigStore.js"),c=require("../constants.js"),l=require("../../IL-marketplace/marketplaceTheme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=d(o),p=d(i),g=d(r),x={header:{padding:"16px 16px 0",display:"flex",justifyContent:"space-between",alignItems:"center"},title:{color:"#334155",fontSize:"1rem"},closeButton:{border:"none",background:"transparent",padding:0,color:"#9CA3AF",cursor:"pointer",outline:"none",transition:"color 150ms ease-in-out"},dialogContent:{padding:"8px 16px"},description:{color:"#475569",fontSize:"0.875rem",lineHeight:1.625},descriptionStrong:{fontWeight:700,color:"#1E293B"},secondaryDescription:{color:"#475569",fontSize:"0.875rem",marginTop:"8px"},rejectSection:{marginTop:"20px"},feedbackLabel:{display:"block",fontSize:"0.875rem",fontWeight:600,color:"#334155",marginBottom:"6px"},textarea:{width:"100%",fontSize:"0.875rem",color:"#1E293B",padding:"10px",border:"1px solid #E2E8F0",borderRadius:"0.5rem",outline:"none",resize:"none",transition:"border-color 150ms ease-in-out, box-shadow 150ms ease-in-out",boxSizing:"border-box",fontFamily:"inherit"},checkboxLabel:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"8px",cursor:"pointer",userSelect:"none",marginTop:"16px"},checkbox:{margin:0,height:"1.125rem",width:"1.125rem",borderRadius:"0.25rem",border:"1px solid #CBD5E1",accentColor:"#DC2626",cursor:"pointer"},checkboxTextWrap:{display:"flex",alignItems:"center"},checkboxText:{fontSize:"0.875rem",fontWeight:500,color:"#1E293B",transition:"color 150ms ease-in-out"},actions:{padding:"24px",gap:"8px"},secondaryButton:{padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#475569",border:"1px solid #E2E8F0",borderRadius:"0.5rem",backgroundColor:"#FFFFFF",transition:"background-color 150ms ease-in-out, border-color 150ms ease-in-out",cursor:"pointer"},primaryButton:{display:"inline-flex",alignItems:"center",gap:"0.375rem",padding:"8px 20px",fontSize:"0.875rem",fontWeight:500,color:"#FFFFFF",border:"none",borderRadius:"0.5rem",transition:"background-color 150ms ease-in-out",boxShadow:"none",cursor:"pointer"},actionIcon:{width:"1rem",height:"1rem",fontSize:"1rem"},variantCard:{backgroundColor:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"10px",padding:"16px 20px",marginTop:"12px"},variantCardTitle:{fontSize:"0.9375rem",fontWeight:700,color:"#111111",marginBottom:"4px"},variantCardDescription:{fontSize:"0.8125rem",color:"#374151",marginBottom:"12px",lineHeight:1.5},variantCardMono:{fontSize:"0.75rem",color:"#4b5563",fontFamily:"ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",lineHeight:1.6}};exports.default=function(i){var r=i.open,d=i.mode,_=i.onClose,h=i.onSubmit,m=i.variantInformation,b=i.ruleTitle,f=i.pendingVariants,j=void 0===f?[]:f,y=i.isPending,v=void 0!==y&&y,T=l.useILMarketplaceThemeStyles(),C=o.useState(""),A=C[0],k=C[1],D=o.useState(!0),F=D[0],E=D[1],L=o.useState(!1),S=L[0],N=L[1],I=o.useState(!1),R=I[0],w=I[1],M=o.useState(!1),B=M[0],P=M[1],z=o.useState(!1),H=z[0],G=z[1],W=o.useState(!1),q=W[0],V=W[1],O="undefined"!=typeof document?document.getElementById("rule-template-layout-content"):null,X="reject"===d,Y=function(){h(X?{feedback:A,deleteLearning:F}:{}),k(""),E(!1)},J=function(){k(""),E(!1),_()},K=X?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.desc"),"{variant_name} will not be published or applied within the selected scope. You can provide feedback before rejecting."):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.desc"),"{variant_name} will be published and become active within the selected scope after approval.");return n.jsxs(t.Dialog,e.__assign({open:r,onClose:J,container:O,maxWidth:!1,fullWidth:!0,PaperProps:{style:T},sx:{position:"absolute",inset:0,zIndex:999,"& .MuiBackdrop-root":{position:"absolute"},"& .MuiDialog-container":{alignItems:"center",justifyContent:"center",padding:"24px 16px"},"& .MuiDialog-paper":{width:"100%",maxWidth:"640px",margin:0,borderRadius:"16px"}}},{children:[n.jsxs("div",e.__assign({style:x.header},{children:[n.jsx("div",e.__assign({style:x.title},{children:"".concat(X?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.title"),"Reject Learning"):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.title"),"Approve Learning"))})),n.jsx("button",e.__assign({onClick:_,onMouseEnter:function(){return N(!0)},onMouseLeave:function(){return N(!1)},style:e.__assign(e.__assign({},x.closeButton),{color:S?"#4B5563":"#9CA3AF"})},{children:n.jsx(a.X,{size:24})}))]})),n.jsxs(t.DialogContent,e.__assign({sx:x.dialogContent},{children:[n.jsxs(t.DialogContentText,e.__assign({sx:x.description},{children:[!K.includes("{variant_name}")&&n.jsxs(n.Fragment,{children:[n.jsx("span",e.__assign({style:x.descriptionStrong},{children:m}))," "]}),K.split("{variant_name}").map(function(o,t,i){return n.jsxs(u.default.Fragment,{children:[o,t<i.length-1&&n.jsx("span",e.__assign({style:x.descriptionStrong},{children:m}))]},t)})]})),j.length>0&&n.jsx("div",{children:j.map(function(o,t){return n.jsxs("div",e.__assign({style:x.variantCard},{children:[n.jsxs("div",e.__assign({style:x.variantCardTitle},{children:[b,j.length>1?" — Variant ".concat(t+1):""]})),o.description&&n.jsx("div",e.__assign({style:x.variantCardDescription},{children:o.description})),n.jsxs("div",e.__assign({style:x.variantCardMono},{children:[o.whenToApply&&n.jsxs("div",{children:["WTA — ",o.whenToApply]}),o.whenNotToApply&&n.jsxs("div",{children:["WNTA — ",o.whenNotToApply]})]}))]}),o.variantId)})}),n.jsx(t.DialogContentText,e.__assign({sx:x.secondaryDescription},{children:X?"":s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.footer"),"Take a moment to check the configuration before moving forward.")})),X&&n.jsxs("div",e.__assign({style:x.rejectSection},{children:[n.jsxs("div",{children:[n.jsx("label",e.__assign({htmlFor:"feedback",style:x.feedbackLabel},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackTitle"),"Feedback")})),n.jsx("textarea",{id:"feedback",rows:4,value:A,onChange:function(e){return k(e.target.value)},onFocus:function(){return w(!0)},onBlur:function(){return w(!1)},placeholder:"".concat(s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.feedbackPlaceholder"),"Add feedback or reason for rejection")),style:e.__assign(e.__assign({},x.textarea),{borderColor:R?"#EF4444":"#E2E8F0",boxShadow:R?"0 0 0 2px rgba(239, 68, 68, 0.2)":"none"})})]}),n.jsxs("label",e.__assign({style:x.checkboxLabel,onMouseEnter:function(){return P(!0)},onMouseLeave:function(){return P(!1)}},{children:[n.jsx("input",{type:"checkbox",checked:F,disabled:!1,onChange:function(e){return E(e.target.checked)},style:x.checkbox}),n.jsx("div",e.__assign({style:x.checkboxTextWrap},{children:n.jsx("span",e.__assign({style:e.__assign(e.__assign({},x.checkboxText),{color:B?"#0F172A":"#1E293B"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.deleteCheckboxLabel"),"Also delete this learning")}))}))]}))]}))]})),n.jsxs(t.DialogActions,e.__assign({sx:x.actions},{children:[n.jsx("button",e.__assign({onClick:J,type:"button",disabled:v,onMouseEnter:function(){return G(!0)},onMouseLeave:function(){return G(!1)},style:e.__assign(e.__assign({},x.secondaryButton),{backgroundColor:H&&!v?"#F8FAFC":"#FFFFFF",borderColor:H&&!v?"#CBD5E1":"#E2E8F0",opacity:v?.5:1,cursor:v?"not-allowed":"pointer"})},{children:s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.cancel"),"Cancel")})),X?n.jsxs("button",e.__assign({onClick:Y,type:"button",disabled:v,onMouseEnter:function(){return V(!0)},onMouseLeave:function(){return V(!1)},style:e.__assign(e.__assign({},x.primaryButton),{backgroundColor:v?"#EF4444":q?"#DC2626":"#EF4444",opacity:v?.7:1,cursor:v?"not-allowed":"pointer"})},{children:[v?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(g.default,{sx:x.actionIcon}),v?s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".rejectDialog.rejectLearning"),"Reject Learning")]})):n.jsxs("button",e.__assign({onClick:Y,type:"button",disabled:v,onMouseEnter:function(){return V(!0)},onMouseLeave:function(){return V(!1)},style:e.__assign(e.__assign({},x.primaryButton),{backgroundColor:v?"#22C55E":q?"#16A34A":"#22C55E",opacity:v?.7:1,cursor:v?"not-allowed":"pointer"})},{children:[v?n.jsx(a.Loader2,{size:16,style:{animation:"spin 1s linear infinite"}}):n.jsx(p.default,{sx:x.actionIcon}),v?s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.loadingText"),"Processing..."):s.dt("".concat(c.LEARNING_DT_PATH,".approveDialog.approveLearning"),"Approve Learning")]}))]})),n.jsx("style",{children:"@keyframes spin { to { transform: rotate(360deg); } }"})]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var material = require('@mui/material');
+var CheckIcon = require('@mui/icons-material/Check');
+var CloseRoundedIcon = require('@mui/icons-material/CloseRounded');
+var lucideReact = require('lucide-react');
+var useLMSConfigStore = require('../store/useLMSConfigStore.js');
+var constants = require('../constants.js');
+var marketplaceTheme = require('../../IL-marketplace/marketplaceTheme.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var CheckIcon__default = /*#__PURE__*/_interopDefaultLegacy(CheckIcon);
+var CloseRoundedIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseRoundedIcon);
+
+const styles = {
+  header: {
+    padding: "16px 16px 0",
+    display: "flex",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  title: {
+    color: "#334155",
+    fontSize: "1rem"
+  },
+  closeButton: {
+    border: "none",
+    background: "transparent",
+    padding: 0,
+    color: "#9CA3AF",
+    cursor: "pointer",
+    outline: "none",
+    transition: "color 150ms ease-in-out"
+  },
+  dialogContent: {
+    padding: "8px 16px"
+  },
+  description: {
+    color: "#475569",
+    fontSize: "0.875rem",
+    lineHeight: 1.625
+  },
+  descriptionStrong: {
+    fontWeight: 700,
+    color: "#1E293B"
+  },
+  secondaryDescription: {
+    color: "#475569",
+    fontSize: "0.875rem",
+    marginTop: "8px"
+  },
+  rejectSection: {
+    marginTop: "20px"
+  },
+  feedbackLabel: {
+    display: "block",
+    fontSize: "0.875rem",
+    fontWeight: 600,
+    color: "#334155",
+    marginBottom: "6px"
+  },
+  textarea: {
+    width: "100%",
+    fontSize: "0.875rem",
+    color: "#1E293B",
+    padding: "10px",
+    border: "1px solid #E2E8F0",
+    borderRadius: "0.5rem",
+    outline: "none",
+    resize: "none",
+    transition: "border-color 150ms ease-in-out, box-shadow 150ms ease-in-out",
+    boxSizing: "border-box",
+    fontFamily: "inherit"
+  },
+  checkboxLabel: {
+    display: "flex",
+    justifyContent: "flex-end",
+    alignItems: "center",
+    // <-- Added this to vertically align the items
+    gap: "8px",
+    // <-- Reduced slightly for better visual grouping (optional)
+    cursor: "pointer",
+    userSelect: "none",
+    marginTop: "16px"
+  },
+  checkbox: {
+    margin: 0,
+    // <-- Removed the marginTop: '4px'
+    height: "1.125rem",
+    // <-- Bumped up slightly to 18px to better match the text line-height
+    width: "1.125rem",
+    borderRadius: "0.25rem",
+    border: "1px solid #CBD5E1",
+    accentColor: "#DC2626",
+    cursor: "pointer"
+  },
+  checkboxTextWrap: {
+    display: "flex",
+    alignItems: "center"
+    // <-- Added to ensure the inner wrapper behaves predictably
+  },
+  checkboxText: {
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "#1E293B",
+    transition: "color 150ms ease-in-out"
+  },
+  actions: {
+    padding: "24px",
+    gap: "8px"
+  },
+  secondaryButton: {
+    padding: "8px 20px",
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "#475569",
+    border: "1px solid #E2E8F0",
+    borderRadius: "0.5rem",
+    backgroundColor: "#FFFFFF",
+    transition: "background-color 150ms ease-in-out, border-color 150ms ease-in-out",
+    cursor: "pointer"
+  },
+  primaryButton: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: "0.375rem",
+    padding: "8px 20px",
+    fontSize: "0.875rem",
+    fontWeight: 500,
+    color: "#FFFFFF",
+    border: "none",
+    borderRadius: "0.5rem",
+    transition: "background-color 150ms ease-in-out",
+    boxShadow: "none",
+    cursor: "pointer"
+  },
+  actionIcon: {
+    width: "1rem",
+    height: "1rem",
+    fontSize: "1rem"
+  },
+  variantCard: {
+    backgroundColor: "#f9fafb",
+    border: "1px solid #e5e7eb",
+    borderRadius: "10px",
+    padding: "16px 20px",
+    marginTop: "12px"
+  },
+  variantCardTitle: {
+    fontSize: "0.9375rem",
+    fontWeight: 700,
+    color: "#111111",
+    marginBottom: "4px"
+  },
+  variantCardDescription: {
+    fontSize: "0.8125rem",
+    color: "#374151",
+    marginBottom: "12px",
+    lineHeight: 1.5
+  },
+  variantCardMono: {
+    fontSize: "0.75rem",
+    color: "#4b5563",
+    fontFamily: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace",
+    lineHeight: 1.6
+  }
+};
+const ApprovalLearningDialog = ({
+  open,
+  mode,
+  onClose,
+  onSubmit,
+  variantInformation,
+  ruleTitle,
+  pendingVariants = [],
+  isPending = false
+}) => {
+  const themeStyles = marketplaceTheme.useILMarketplaceThemeStyles();
+  const [feedback, setFeedback] = React.useState("");
+  const [deleteLearning, setDeleteLearning] = React.useState(true);
+  const [isCloseHovered, setIsCloseHovered] = React.useState(false);
+  const [isTextareaFocused, setIsTextareaFocused] = React.useState(false);
+  const [isCheckboxLabelHovered, setIsCheckboxLabelHovered] = React.useState(false);
+  const [isCancelHovered, setIsCancelHovered] = React.useState(false);
+  const [isPrimaryHovered, setIsPrimaryHovered] = React.useState(false);
+  const dialogContainer = typeof document !== "undefined" ? document.getElementById("rule-template-layout-content") : null;
+  const isReject = mode === "reject";
+  const handleSubmit = () => {
+    if (isReject) {
+      onSubmit({ feedback, deleteLearning });
+    } else {
+      onSubmit({});
+    }
+    setFeedback("");
+    setDeleteLearning(false);
+  };
+  const handleCancel = () => {
+    setFeedback("");
+    setDeleteLearning(false);
+    onClose();
+  };
+  const descriptionText = isReject ? useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.desc`, "{variant_name} will not be published or applied within the selected scope. You can provide feedback before rejecting.") : useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.desc`, "{variant_name} will be published and become active within the selected scope after approval.");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    material.Dialog,
+    {
+      open,
+      onClose: handleCancel,
+      container: dialogContainer,
+      maxWidth: false,
+      fullWidth: true,
+      PaperProps: { style: themeStyles },
+      sx: {
+        position: "absolute",
+        inset: 0,
+        zIndex: 999,
+        "& .MuiBackdrop-root": {
+          position: "absolute"
+        },
+        "& .MuiDialog-container": {
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "24px 16px"
+        },
+        "& .MuiDialog-paper": {
+          width: "100%",
+          maxWidth: "640px",
+          margin: 0,
+          borderRadius: "16px"
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.header, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.title, children: isReject ? `${useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.title`, "Reject Learning")}` : `${useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.title`, "Approve Learning")}` }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: onClose,
+              onMouseEnter: () => setIsCloseHovered(true),
+              onMouseLeave: () => setIsCloseHovered(false),
+              style: {
+                ...styles.closeButton,
+                color: isCloseHovered ? "#4B5563" : "#9CA3AF"
+              },
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 24 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContent, { sx: styles.dialogContent, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContentText, { sx: styles.description, children: [
+            !descriptionText.includes("{variant_name}") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.descriptionStrong, children: variantInformation }),
+              " "
+            ] }),
+            descriptionText.split("{variant_name}").map((part, index, array) => /* @__PURE__ */ jsxRuntime.jsxs(React__default["default"].Fragment, { children: [
+              part,
+              index < array.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("span", { style: styles.descriptionStrong, children: variantInformation })
+            ] }, index))
+          ] }),
+          pendingVariants.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: pendingVariants.map((variant, idx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.variantCard, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.variantCardTitle, children: [
+              ruleTitle,
+              pendingVariants.length > 1 ? ` \u2014 Variant ${idx + 1}` : ""
+            ] }),
+            variant.description && /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.variantCardDescription, children: variant.description }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.variantCardMono, children: [
+              variant.whenToApply && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                "WTA \u2014 ",
+                variant.whenToApply
+              ] }),
+              variant.whenNotToApply && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                "WNTA \u2014 ",
+                variant.whenNotToApply
+              ] })
+            ] })
+          ] }, variant.variantId)) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { sx: styles.secondaryDescription, children: isReject ? "" : useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.footer`, "Take a moment to check the configuration before moving forward.") }),
+          isReject && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: styles.rejectSection, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "label",
+                {
+                  htmlFor: "feedback",
+                  style: styles.feedbackLabel,
+                  children: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.feedbackTitle`, "Feedback")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "textarea",
+                {
+                  id: "feedback",
+                  rows: 4,
+                  value: feedback,
+                  onChange: (e) => setFeedback(e.target.value),
+                  onFocus: () => setIsTextareaFocused(true),
+                  onBlur: () => setIsTextareaFocused(false),
+                  placeholder: `${useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.feedbackPlaceholder`, "Add feedback or reason for rejection")}`,
+                  style: {
+                    ...styles.textarea,
+                    borderColor: isTextareaFocused ? "#EF4444" : "#E2E8F0",
+                    boxShadow: isTextareaFocused ? "0 0 0 2px rgba(239, 68, 68, 0.2)" : "none"
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                style: styles.checkboxLabel,
+                onMouseEnter: () => setIsCheckboxLabelHovered(true),
+                onMouseLeave: () => setIsCheckboxLabelHovered(false),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: deleteLearning,
+                      disabled: false,
+                      onChange: (e) => setDeleteLearning(e.target.checked),
+                      style: styles.checkbox
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { style: styles.checkboxTextWrap, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      style: {
+                        ...styles.checkboxText,
+                        color: isCheckboxLabelHovered ? "#0F172A" : "#1E293B"
+                      },
+                      children: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.deleteCheckboxLabel`, "Also delete this learning")
+                    }
+                  ) })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { sx: styles.actions, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: handleCancel,
+              type: "button",
+              disabled: isPending,
+              onMouseEnter: () => setIsCancelHovered(true),
+              onMouseLeave: () => setIsCancelHovered(false),
+              style: {
+                ...styles.secondaryButton,
+                backgroundColor: isCancelHovered && !isPending ? "#F8FAFC" : "#FFFFFF",
+                borderColor: isCancelHovered && !isPending ? "#CBD5E1" : "#E2E8F0",
+                opacity: isPending ? 0.5 : 1,
+                cursor: isPending ? "not-allowed" : "pointer"
+              },
+              children: useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.cancel`, "Cancel")
+            }
+          ),
+          isReject ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: handleSubmit,
+              type: "button",
+              disabled: isPending,
+              onMouseEnter: () => setIsPrimaryHovered(true),
+              onMouseLeave: () => setIsPrimaryHovered(false),
+              style: {
+                ...styles.primaryButton,
+                backgroundColor: isPending ? "#EF4444" : isPrimaryHovered ? "#DC2626" : "#EF4444",
+                opacity: isPending ? 0.7 : 1,
+                cursor: isPending ? "not-allowed" : "pointer"
+              },
+              children: [
+                isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 16, style: { animation: "spin 1s linear infinite" } }) : /* @__PURE__ */ jsxRuntime.jsx(CloseRoundedIcon__default["default"], { sx: styles.actionIcon }),
+                isPending ? useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.loadingText`, "Processing...") : useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.rejectDialog.rejectLearning`, "Reject Learning")
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: handleSubmit,
+              type: "button",
+              disabled: isPending,
+              onMouseEnter: () => setIsPrimaryHovered(true),
+              onMouseLeave: () => setIsPrimaryHovered(false),
+              style: {
+                ...styles.primaryButton,
+                backgroundColor: isPending ? "#22C55E" : isPrimaryHovered ? "#16A34A" : "#22C55E",
+                opacity: isPending ? 0.7 : 1,
+                cursor: isPending ? "not-allowed" : "pointer"
+              },
+              children: [
+                isPending ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { size: 16, style: { animation: "spin 1s linear infinite" } }) : /* @__PURE__ */ jsxRuntime.jsx(CheckIcon__default["default"], { sx: styles.actionIcon }),
+                isPending ? useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.loadingText`, "Processing...") : useLMSConfigStore.dt(`${constants.LEARNING_DT_PATH}.approveDialog.approveLearning`, "Approve Learning")
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })
+      ]
+    }
+  );
+};
+var ApprovalLearningDialog$1 = ApprovalLearningDialog;
+
+exports["default"] = ApprovalLearningDialog$1;
 //# sourceMappingURL=ApprovalLearningDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ApprovalLearningDialog.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ApprovalLearningDialog.js","sources":["../../../../../src/features/LearningManagement/RuleContent/ApprovalLearningDialog.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Dialog,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n} from '@mui/material';\nimport CheckIcon from '@mui/icons-material/Check';\nimport CloseRoundedIcon from '@mui/icons-material/CloseRounded';\nimport { X, Loader2 } from 'lucide-react';\nimport { RuleVariant } from '../types';\nimport { dt } from '../store/useLMSConfigStore';\nimport { LEARNING_DT_PATH } from '../constants';\nimport { useILMarketplaceThemeStyles } from '../../IL-marketplace/marketplaceTheme';\n\ninterface ApprovalLearningDialogProps {\n  open: boolean;\n  mode: 'approve' | 'reject';\n  onClose: () => void;\n  onSubmit: (data: { feedback?: string; deleteLearning?: boolean }) => void;\n  variantInformation: string;\n  ruleTitle?: string;\n  pendingVariants?: RuleVariant[];\n  isPending?: boolean;\n}\n\nconst styles = {\n  header: {\n    padding: '16px 16px 0',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n  } as React.CSSProperties,\n  title: {\n    color: '#334155',\n    fontSize: '1rem',\n  } as React.CSSProperties,\n  closeButton: {\n    border: 'none',\n    background: 'transparent',\n    padding: 0,\n    color: '#9CA3AF',\n    cursor: 'pointer',\n    outline: 'none',\n    transition: 'color 150ms ease-in-out',\n  } as React.CSSProperties,\n  dialogContent: {\n    padding: '8px 16px',\n  } as React.CSSProperties,\n  description: {\n    color: '#475569',\n    fontSize: '0.875rem',\n    lineHeight: 1.625,\n  } as React.CSSProperties,\n  descriptionStrong: {\n    fontWeight: 700,\n    color: '#1E293B',\n  } as React.CSSProperties,\n  secondaryDescription: {\n    color: '#475569',\n    fontSize: '0.875rem',\n    marginTop: '8px',\n  } as React.CSSProperties,\n  rejectSection: {\n    marginTop: '20px',\n  } as React.CSSProperties,\n  feedbackLabel: {\n    display: 'block',\n    fontSize: '0.875rem',\n    fontWeight: 600,\n    color: '#334155',\n    marginBottom: '6px',\n  } as React.CSSProperties,\n  textarea: {\n    width: '100%',\n    fontSize: '0.875rem',\n    color: '#1E293B',\n    padding: '10px',\n    border: '1px solid #E2E8F0',\n    borderRadius: '0.5rem',\n    outline: 'none',\n    resize: 'none',\n    transition: 'border-color 150ms ease-in-out, box-shadow 150ms ease-in-out',\n    boxSizing: 'border-box',\n    fontFamily:'inherit'\n  } as React.CSSProperties,\n  checkboxLabel: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    alignItems: 'center', // <-- Added this to vertically align the items\n    gap: '8px',           // <-- Reduced slightly for better visual grouping (optional)\n    cursor: 'pointer',\n    userSelect: 'none',\n    marginTop: '16px',\n  } as React.CSSProperties,\n  checkbox: {\n    margin: 0,            // <-- Removed the marginTop: '4px'\n    height: '1.125rem',   // <-- Bumped up slightly to 18px to better match the text line-height\n    width: '1.125rem',\n    borderRadius: '0.25rem',\n    border: '1px solid #CBD5E1',\n    accentColor: '#DC2626',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  checkboxTextWrap: {\n    display: 'flex',\n    alignItems: 'center', // <-- Added to ensure the inner wrapper behaves predictably\n  } as React.CSSProperties,\n  checkboxText: {\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    color: '#1E293B',\n    transition: 'color 150ms ease-in-out',\n  } as React.CSSProperties,\n  actions: {\n    padding: '24px',\n    gap: '8px',\n  } as React.CSSProperties,\n  secondaryButton: {\n    padding: '8px 20px',\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    color: '#475569',\n    border: '1px solid #E2E8F0',\n    borderRadius: '0.5rem',\n    backgroundColor: '#FFFFFF',\n    transition: 'background-color 150ms ease-in-out, border-color 150ms ease-in-out',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  primaryButton: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '0.375rem',\n    padding: '8px 20px',\n    fontSize: '0.875rem',\n    fontWeight: 500,\n    color: '#FFFFFF',\n    border: 'none',\n    borderRadius: '0.5rem',\n    transition: 'background-color 150ms ease-in-out',\n    boxShadow: 'none',\n    cursor: 'pointer',\n  } as React.CSSProperties,\n  actionIcon: {\n    width: '1rem',\n    height: '1rem',\n    fontSize: '1rem',\n  } as React.CSSProperties,\n  variantCard: {\n    backgroundColor: '#f9fafb',\n    border: '1px solid #e5e7eb',\n    borderRadius: '10px',\n    padding: '16px 20px',\n    marginTop: '12px',\n  } as React.CSSProperties,\n  variantCardTitle: {\n    fontSize: '0.9375rem',\n    fontWeight: 700,\n    color: '#111111',\n    marginBottom: '4px',\n  } as React.CSSProperties,\n  variantCardDescription: {\n    fontSize: '0.8125rem',\n    color: '#374151',\n    marginBottom: '12px',\n    lineHeight: 1.5,\n  } as React.CSSProperties,\n  variantCardMono: {\n    fontSize: '0.75rem',\n    color: '#4b5563',\n    fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace',\n    lineHeight: 1.6,\n  } as React.CSSProperties,\n};\n\nconst ApprovalLearningDialog=({\n  open,\n  mode,\n  onClose,\n  onSubmit,\n  variantInformation,\n  ruleTitle,\n  pendingVariants = [],\n  isPending = false,\n}: ApprovalLearningDialogProps)=>{\n  const themeStyles = useILMarketplaceThemeStyles();\n  const [feedback, setFeedback] = useState('');\n  const [deleteLearning, setDeleteLearning] = useState(true);\n  const [isCloseHovered, setIsCloseHovered] = useState(false);\n  const [isTextareaFocused, setIsTextareaFocused] = useState(false);\n  const [isCheckboxLabelHovered, setIsCheckboxLabelHovered] = useState(false);\n  const [isCancelHovered, setIsCancelHovered] = useState(false);\n  \n  const [isPrimaryHovered, setIsPrimaryHovered] = useState(false);\n  const dialogContainer =\n    typeof document !== 'undefined'\n      ? document.getElementById('rule-template-layout-content')\n      : null;\n\n  const isReject = mode === 'reject';\n\n  const handleSubmit = () => {\n    if (isReject) {\n      onSubmit({ feedback, deleteLearning });\n    } else {\n      onSubmit({});\n    }\n    setFeedback('');\n    setDeleteLearning(false);\n  };\n\n  const handleCancel = () => {\n    setFeedback('');\n    setDeleteLearning(false);\n    onClose();\n  };\n\n  const descriptionText = isReject\n    ? dt(`${LEARNING_DT_PATH}.rejectDialog.desc`, '{variant_name} will not be published or applied within the selected scope. You can provide feedback before rejecting.')\n    : dt(`${LEARNING_DT_PATH}.approveDialog.desc`, '{variant_name} will be published and become active within the selected scope after approval.');\n\n  return (\n    <Dialog\n      open={open}\n      onClose={handleCancel}\n      container={dialogContainer}\n      maxWidth={false}\n      fullWidth\n      PaperProps={{ style: themeStyles }}\n      sx={{\n        position: 'absolute',\n        inset: 0,\n        zIndex: 999,\n        '& .MuiBackdrop-root': {\n          position: 'absolute',\n        },\n        '& .MuiDialog-container': {\n          alignItems: 'center',\n          justifyContent: 'center',\n          padding: '24px 16px',\n        },\n        '& .MuiDialog-paper': {\n          width: '100%',\n          maxWidth: '640px',\n          margin: 0,\n          borderRadius: '16px',\n        },\n      }}\n    >\n      <div style={styles.header}>\n        <div style={styles.title}>\n          {isReject ? `${dt(`${LEARNING_DT_PATH}.rejectDialog.title`, 'Reject Learning')}` : `${dt(`${LEARNING_DT_PATH}.approveDialog.title`, 'Approve Learning')}` }\n        </div>\n        <button\n          onClick={onClose}\n          onMouseEnter={() => setIsCloseHovered(true)}\n          onMouseLeave={() => setIsCloseHovered(false)}\n          style={{\n            ...styles.closeButton,\n            color: isCloseHovered ? '#4B5563' : '#9CA3AF',\n          }}\n        >\n          <X size={24} />\n        </button>\n      </div>\n      <DialogContent sx={styles.dialogContent}>\n        <DialogContentText sx={styles.description}>\n          {/* Fallback: If the JSON text completely misses the placeholder, prepend the bold text manually */}\n          {!descriptionText.includes('{variant_name}') && (\n            <><span style={styles.descriptionStrong}>{variantInformation}</span>{' '}</>\n          )}\n\n          {/* Dynamic: Split the string by the placeholder and inject the bold text inline */}\n          {descriptionText.split('{variant_name}').map((part, index, array) => (\n            <React.Fragment key={index}>\n              {part}\n              {index < array.length - 1 && (\n                <span style={styles.descriptionStrong}>{variantInformation}</span>\n              )}\n            </React.Fragment>\n          ))}\n        </DialogContentText>\n\n        {pendingVariants.length > 0 && (\n          <div>\n            {pendingVariants.map((variant, idx) => (\n              <div key={variant.variantId} style={styles.variantCard}>\n                <div style={styles.variantCardTitle}>\n                  {ruleTitle}{pendingVariants.length > 1 ? ` — Variant ${idx + 1}` : ''}\n                </div>\n                {variant.description && (\n                  <div style={styles.variantCardDescription}>{variant.description}</div>\n                )}\n                <div style={styles.variantCardMono}>\n                  {variant.whenToApply && <div>WTA — {variant.whenToApply}</div>}\n                  {variant.whenNotToApply && <div>WNTA — {variant.whenNotToApply}</div>}\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <DialogContentText sx={styles.secondaryDescription}>\n          {isReject\n            ? ''\n            : dt(`${LEARNING_DT_PATH}.approveDialog.footer`, 'Take a moment to check the configuration before moving forward.')}\n        </DialogContentText>\n        {isReject && (\n          <div style={styles.rejectSection}>\n            <div>\n              <label \n                htmlFor=\"feedback\" \n                style={styles.feedbackLabel}\n              >\n                {dt(`${LEARNING_DT_PATH}.rejectDialog.feedbackTitle`, 'Feedback')}\n              </label>\n              <textarea\n                id=\"feedback\"\n                rows={4}\n                value={feedback}\n                onChange={(e) => setFeedback(e.target.value)}\n                onFocus={() => setIsTextareaFocused(true)}\n                onBlur={() => setIsTextareaFocused(false)}\n                placeholder={`${dt(`${LEARNING_DT_PATH}.rejectDialog.feedbackPlaceholder`, 'Add feedback or reason for rejection')}`}\n                style={{\n                  ...styles.textarea,\n                  borderColor: isTextareaFocused ? '#EF4444' : '#E2E8F0',\n                  boxShadow: isTextareaFocused ? '0 0 0 2px rgba(239, 68, 68, 0.2)' : 'none',\n                }}\n              />\n            </div>\n            <label\n              style={styles.checkboxLabel}\n              onMouseEnter={() => setIsCheckboxLabelHovered(true)}\n              onMouseLeave={() => setIsCheckboxLabelHovered(false)}\n            >\n              <input\n                type=\"checkbox\"\n                checked={deleteLearning} // Replaced hardcoded true\n                disabled={false}         // Replaced hardcoded true\n                onChange={(e) => setDeleteLearning(e.target.checked)}\n                style={styles.checkbox}\n              />\n              <div style={styles.checkboxTextWrap}>\n                <span\n                  style={{\n                    ...styles.checkboxText,\n                    color: isCheckboxLabelHovered ? '#0F172A' : '#1E293B',\n                  }}\n                >\n                  {dt(`${LEARNING_DT_PATH}.rejectDialog.deleteCheckboxLabel`, 'Also delete this learning')}\n                </span>\n              </div>\n            </label>\n          </div>\n        )}\n      </DialogContent>\n      <DialogActions sx={styles.actions}>\n        <button\n          onClick={handleCancel}\n          type=\"button\"\n          disabled={isPending}\n          onMouseEnter={() => setIsCancelHovered(true)}\n          onMouseLeave={() => setIsCancelHovered(false)}\n          style={{\n            ...styles.secondaryButton,\n            backgroundColor: isCancelHovered && !isPending ? '#F8FAFC' : '#FFFFFF',\n            borderColor: isCancelHovered && !isPending ? '#CBD5E1' : '#E2E8F0',\n            opacity: isPending ? 0.5 : 1,\n            cursor: isPending ? 'not-allowed' : 'pointer',\n          }}\n        >\n          {dt(`${LEARNING_DT_PATH}.approveDialog.cancel`, 'Cancel')}\n        </button>\n        {isReject ? (\n          <button\n            onClick={handleSubmit}\n            type=\"button\"\n            disabled={isPending}\n            onMouseEnter={() => setIsPrimaryHovered(true)}\n            onMouseLeave={() => setIsPrimaryHovered(false)}\n            style={{\n              ...styles.primaryButton,\n              backgroundColor: isPending ? '#EF4444' : isPrimaryHovered ? '#DC2626' : '#EF4444',\n              opacity: isPending ? 0.7 : 1,\n              cursor: isPending ? 'not-allowed' : 'pointer',\n            }}\n          >\n            {isPending\n              ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} />\n              : <CloseRoundedIcon sx={styles.actionIcon} />}\n            {isPending ? dt(`${LEARNING_DT_PATH}.rejectDialog.loadingText`, 'Processing...') : dt(`${LEARNING_DT_PATH}.rejectDialog.rejectLearning`, 'Reject Learning')}\n          </button>\n        ) : (\n          <button\n            onClick={handleSubmit}\n            type=\"button\"\n            disabled={isPending}\n            onMouseEnter={() => setIsPrimaryHovered(true)}\n            onMouseLeave={() => setIsPrimaryHovered(false)}\n            style={{\n              ...styles.primaryButton,\n              backgroundColor: isPending ? '#22C55E' : isPrimaryHovered ? '#16A34A' : '#22C55E',\n              opacity: isPending ? 0.7 : 1,\n              cursor: isPending ? 'not-allowed' : 'pointer',\n            }}\n          >\n            {isPending\n              ? <Loader2 size={16} style={{ animation: 'spin 1s linear infinite' }} />\n              : <CheckIcon sx={styles.actionIcon} />}\n            {isPending ? dt(`${LEARNING_DT_PATH}.approveDialog.loadingText`, 'Processing...') : dt(`${LEARNING_DT_PATH}.approveDialog.approveLearning`, 'Approve Learning')}\n          </button>\n        )}\n      </DialogActions>\n      <style>{`@keyframes spin { to { transform: rotate(360deg); } }`}</style>\n    </Dialog>\n  );\n}\nexport default ApprovalLearningDialog\n"],"names":["useILMarketplaceThemeStyles","useState","dt","LEARNING_DT_PATH","jsxs","Dialog","jsx","X","DialogContent","DialogContentText","Fragment","React","DialogActions","Loader2","CloseRoundedIcon","CheckIcon"],"mappings":"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"}