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

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

@@ -1,2 +1,593 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("date-fns/format"),i=require("date-fns/isValid"),r=require("date-fns/parseISO"),s=require("lucide-react"),o=require("../apis/scopeApis.js"),l=require("./HistorySkeleton.js"),d=require("./InheritanceBreadcrumb.js"),c=require("./RuleConditionBlock.js"),u=require("./InstructionPromptBlock.js"),p=require("../styles/VariantCard.module.css.js"),v=require("../styles/CustomTooltip.module.css.js"),f=require("../components/CustomTooltip.js"),g=require("../components/ConfirmationModal.js"),_=require("./OverrideTimeline.js"),h=require("../store/useAuthStore.js"),m=require("../store/usePermissionsStore.js"),T=require("./PendingApprovalChip.js"),j=require("./ApprovalActionButton.js"),A=require("./ApprovalLearningDialog.js"),x=require("../queries/useApprovalQueries.js"),y=require("../store/useEnvStore.js"),b=require("../store/useLMSConfigStore.js"),N=require("../constants.js"),I=require("../store/useLearningTemplateStore.js"),D=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter(Boolean).join(" ")},C=function(e){if(!e)return{};var t=function(e){return"scheduling_config"!==e};return e.properties&&"object"==typeof e.properties?Object.entries(e.properties).reduce(function(e,n){var a,i=n[0],r=n[1];return t(i)?(e[i]="string"==typeof r?r:null!==(a=null==r?void 0:r.value)&&void 0!==a?a:"",e):e},{}):Object.entries(e).reduce(function(e,n){var a=n[0],i=n[1];return t(a)&&"string"==typeof i?(e[a]=i,e):e},{})};exports.default=function(w){var S,L,P,H,O,V,R,q,B,k=w.ruleTitle,F=w.variant,E=w.variantIndex,M=w.totalVariants,W=w.ruleId;w.pendingApprovalCount;var z=w.ruleSetId,U=w.tierName,G=w.displayLabel,Z=w.onEdit,$=w.onDelete,K=w.onFetchOverrideHistory,Q=w.editButtonLabel,Y=void 0===Q?b.dt("".concat(N.VARIANT_DT_PATH,".actions.edit"),"Edit"):Q,J=w.deleteButtonLabel,X=void 0===J?b.dt("".concat(N.VARIANT_DT_PATH,".actions.delete"),"Delete"):J,ee=w.instructionPromptLabel,te=void 0===ee?b.dt("".concat(N.VARIANT_DT_PATH,".instructionPrompt"),"Learning Metadata"):ee,ne=w.whenToApplyLabel,ae=void 0===ne?b.dt("".concat(N.VARIANT_DT_PATH,".whenToApply"),"When to Apply"):ne,ie=w.whenNotToApplyLabel,re=void 0===ie?b.dt("".concat(N.VARIANT_DT_PATH,".whenNotToApply"),"When Not to Apply"):ie,se=w.noConditionsText,oe=void 0===se?"No conditions":se,le=w.viewOverrideLabel,de=void 0===le?"View Override History":le,ce=w.hideOverrideLabel,ue=void 0===ce?"Hide Override History":ce,pe=w.enableLearningVariantLabel,ve=void 0===pe?b.dt("".concat(N.VARIANT_DT_PATH,".actions.enable"),"Enable"):pe,fe=w.disableLearningVariantLabel,ge=void 0===fe?b.dt("".concat(N.VARIANT_DT_PATH,".actions.disable"),"Disable"):fe,_e=w.historyErrorMessage,he=void 0===_e?"Failed to load override history.":_e,me=w.resolveGapsLabel,Te=void 0===me?"This learning has some gaps":me,je=w.showActionsBar,Ae=void 0===je||je,xe=w.showDescriptionBox,ye=void 0===xe||xe,be=w.showConditions,Ne=void 0===be||be,Ie=w.showInheritance,De=void 0===Ie||Ie,Ce=w.defaultInstructionPromptOpen,we=void 0===Ce||Ce,Se=w.defaultApplyOpen,Le=void 0===Se||Se,Pe=w.defaultNotApplyOpen,He=void 0===Pe||Pe,Oe=w.className,Ve=w.isHighlighted,Re=void 0!==Ve&&Ve,qe=w.highlightAction,Be=w.highlightedTierNames,ke=w.highlightedVariantIds,Fe=w.headerContent,Ee=w.footerContent,Me=w.onToggleSuccess,We=w.setDeleteConfirmationUsedFor,ze=w.onCopyToTier,Ue=w.onSetInitialDraftMessage,Ge=h.default.getState().user,Ze=I.useLearningTemplateStore.getState().tiers,$e=I.useLearningTemplateStore.getState().backwardCompatibility,Ke=I.useLearningTemplateStore(function(e){return e.isPublishedReadOnly}),Qe=$e?["Tier 1","Tier 2","Tier 3"]:Ze.map(function(e){return e.tier_name.replace(/(\d+)/," $1").replace(/\b\w/g,function(e){return e.toUpperCase()}).trim()}),Ye=n.useState(we),Je=Ye[0],Xe=Ye[1],et=n.useState(Le),tt=et[0],nt=et[1],at=n.useState(He),it=at[0],rt=at[1],st=n.useState(C(F.learning_metadata)),ot=st[0],lt=st[1];n.useEffect(function(){lt(C(F.learning_metadata))},[F.variantId,F.learning_metadata]);var dt=n.useState(!1),ct=dt[0],ut=dt[1],pt=n.useState(!1),vt=pt[0],ft=pt[1],gt=n.useState(null),_t=gt[0],ht=gt[1],mt=n.useState(null),Tt=mt[0],jt=mt[1],At=n.useState(!1),xt=At[0],yt=At[1],bt=n.useState(!1),Nt=bt[0],It=bt[1],Dt=n.useRef(null),Ct=!1!==F.is_enabled,wt=n.useState(!1),St=wt[0],Lt=wt[1],Pt=n.useRef(null),Ht=n.useState({isOpen:!1,mode:"approve"}),Ot=Ht[0],Vt=Ht[1],Rt=x.useApproveOrRejectVariantsMutation(),qt=y.default(function(e){return e.rbacConfig}),Bt=qt?{application:qt.applicationId,scopeLevelModuleId:null!==(S=null==qt?void 0:qt.moduleId)&&void 0!==S?S:"",applicationLevelModuleId:null!==(L=null==qt?void 0:qt.applicationModuleId)&&void 0!==L?L:"",applicationLevelResourceId:null!==(P=null==qt?void 0:qt.applicationResourceId)&&void 0!==P?P:""}:void 0,kt=m.usePermissionsStore(function(e){return e.hasPermission}),Ft=z,Et=F.inheritance&&F.inheritance.length>1,Mt=!Ke&&(kt("ilotj.rule.variant.edit",Ft)||kt(Et?"ilotj.rule.variant.inherited.edit":"ilotj.rule.variant.nonInherited.edit",Ft)),Wt=!Ke&&(kt("ilotj.rule.variant.enable",Ft)||kt(Et?"ilotj.rule.variant.inherited.enable":"ilotj.rule.variant.nonInherited.enable",Ft)),zt=!Ke&&(kt("ilotj.rule.variant.disable",Ft)||kt(Et?"ilotj.rule.variant.inherited.disable":"ilotj.rule.variant.nonInherited.disable",Ft)),Ut=!Ke&&kt("ilotj.rule.variant.delete",Ft),Gt=!Ke&&kt("ilotj.rule.selfApprove",Ft),Zt=!Ke&&kt("ilotj.rule.approve",Ft),$t=!Ke&&kt("ilotj.scope.approve",Ft),Kt=!Ke&&kt("ilotj.rule.pendingApproval.view",Ft),Qt=!Ke&&kt("ilotj.rule.variant.pendingApproval.edit",Ft),Yt=Gt||Zt||$t||Qt,Jt=Kt||Yt,Xt="pending_approval"===(null==F?void 0:F.approvalStatus),en="rejected"===(null==F?void 0:F.approvalStatus),tn=Yt&&Xt;n.useEffect(function(){var e=function(e){Dt.current&&!Dt.current.contains(e.target)&&yt(!1)};return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[]);var nn=(null===(H=null==_t?void 0:_t.wta)||void 0===H?void 0:H.changeLog)||[],an=(null===(O=null==_t?void 0:_t.wnta)||void 0===O?void 0:O.changeLog)||[],rn=Re&&Be&&U?Be.filter(function(e){return e!==U}):[],sn=rn.length>0&&U?rn.every(function(e){return e>U})?"↓":"↑":"↓",on=function(){if(ke)for(var e=Array.from(ke),t=0;t<e.length;t++)if(e[t]!==F.variantId){var n=document.querySelector('[data-variant-id="'.concat(e[t],'"]'));if(n){n.scrollIntoView({behavior:"smooth",block:"center"});break}}},ln=function(e,t){e.stopPropagation(),Vt({isOpen:!0,mode:t})},dn=function(e){if(!e)return"";try{var t=e.endsWith("Z")||/[+-]\d{2}:\d{2}$/.test(e)?e:"".concat(e,"Z"),n=r.parseISO(t);return i.isValid(n)?a.format(n,"MMM d, yyyy 'at' h:mm a"):e}catch(t){return e}},cn=function(e){return e?e.includes("@")?e.split("@")[0].split(".").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join(" "):e:""};return t.jsxs("div",e.__assign({className:D(p.default.variantCard,Re&&p.default.variantHighlight,Oe),"data-variant-id":F.variantId},{children:[t.jsxs("div",e.__assign({className:p.default.variantHeader,style:{alignItems:"flex-start",gap:"0.75rem"}},{children:[t.jsxs("div",e.__assign({className:p.default.variantLabelSection,style:{display:"flex",flexWrap:"wrap"}},{children:[t.jsx("span",e.__assign({className:p.default.variantLabel},{children:"Default"===F.variantType&&"Default"!==G?"Default | ".concat(G):G})),Re&&qe&&t.jsx("span",e.__assign({className:D(p.default.actionChip,"new"===qe?p.default.actionChipNew:p.default.actionChipUpdated)},{children:"new"===qe?"Created":"Updated"})),(null==F?void 0:F.isOverridden)&&t.jsx(f.default,e.__assign({content:"Inherited from the ".concat((null===(V=F.inheritance)||void 0===V?void 0:V[(null===(R=F.inheritance)||void 0===R?void 0:R.length)-2])||"parent"," scope and overridden in this scope."),placement:"top",withArrow:!0,contentClassName:v.default.customTooltip,sideOffset:5},{children:t.jsx("span",e.__assign({className:p.default.overriddenTag},{children:"Overridden"}))})),Jt&&Xt&&t.jsx(T.default,{}),en&&t.jsx("span",e.__assign({style:{backgroundColor:"#FEF2F2",color:"#EF4444",border:"1px solid #FECACA",padding:"2px 8px",borderRadius:"9999px",fontSize:"0.75rem",fontWeight:500,display:"inline-flex",alignItems:"center"}},{children:"Rejected"})),!Ct&&t.jsx("span",e.__assign({className:p.default.learningDisabledPill},{children:"Disabled"})),De&&1!==M&&0!==E&&t.jsx("div",e.__assign({className:p.default.inheritanceSection},{children:t.jsx(d.default,{inheritance:F.inheritance||[]})}))]})),Ae&&!Ke&&t.jsxs("div",e.__assign({className:p.default.variantActions},{children:[tn&&t.jsxs(t.Fragment,{children:[t.jsx(j.default,{variant:"approve",text:"Approve",onClick:function(e){return ln(e,"approve")}}),t.jsx(j.default,{variant:"reject",text:"Reject",onClick:function(e){return ln(e,"reject")}})]}),Z&&Mt&&!F.is_drafted&&t.jsx("button",e.__assign({className:p.default.editButton,onClick:function(){null==Z||Z(F,W,U,"edit")}},{children:Y})),$&&Ut&&"Default"!==F.variantType&&t.jsx("button",e.__assign({className:p.default.deleteButton,onClick:function(){null==We||We("variantDeletion"),null==$||$(F.variantId,W)}},{children:X})),t.jsxs("div",e.__assign({className:p.default.menuWrapper,ref:Dt},{children:[t.jsx("button",e.__assign({onClick:function(){return yt(!xt)},className:"".concat(p.default.menuTrigger," ").concat(xt?p.default.menuTriggerActive:"")},{children:t.jsx(s.MoreVertical,{size:16})})),xt&&t.jsxs("div",e.__assign({className:p.default.menuDropdown},{children:[(Ct&&zt||!Ct&&Wt)&&t.jsxs("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){return yt(!1),Lt(!0),[2]})})},disabled:Nt,className:"".concat(p.default.menuItem," ").concat(Nt?p.default.menuItemDisabled:"")},{children:[Ct?t.jsx(s.Pause,{size:14}):t.jsx(s.Play,{size:14}),Ct?ge:ve]})),U&&Qe.length>1&&Qe.filter(function(e){return e!==U}).map(function(n){return t.jsxs("button",e.__assign({onClick:function(){var e="Add a new learning in ".concat(n," with the following details:\nLearning Title: ").concat(k,"\nLearning Description: ").concat(F.description,"\nWhen to apply: ").concat(F.whenToApply,"\nWhen not to apply: ").concat(F.whenNotToApply);null==Ue||Ue(e),yt(!1),null==ze||ze(F,W,k||"",U,n)},className:p.default.menuItem},{children:[t.jsx(s.Copy,{size:14}),"Copy to ",n]}),n)}),K&&(null!==(B=null===(q=F.inheritance)||void 0===q?void 0:q.length)&&void 0!==B?B:0)>1&&t.jsxs("button",e.__assign({onClick:function(){yt(!1),e.__awaiter(void 0,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:if(ct)return ut(!1),[2];if(ut(!0),!K)return[2];ft(!0),jt(null),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,K(W,F.variantId)];case 2:return t=e.sent(),ht(t),[3,5];case 3:return e.sent(),jt(he),[3,5];case 4:return ft(!1),[7];case 5:return[2]}})})},className:p.default.menuItem},{children:[t.jsx(s.Eye,{size:14}),ct?ue:de]}))]}))]}))]}))]})),Fe,ye&&F.description&&t.jsxs("div",e.__assign({className:p.default.descriptionBox},{children:[t.jsx("p",e.__assign({className:p.default.descriptionText},{children:F.description})),ct&&(vt?t.jsx(l.HistorySkeleton,{}):Tt?t.jsx("p",e.__assign({className:p.default.errorText},{children:Tt})):(null==_t?void 0:_t.ruleDescription)?t.jsx(_.default,{changeLog:_t.ruleDescription.changeLog}):t.jsx("p",e.__assign({className:p.default.noHistoryText},{children:"No override history found"})))]})),Ne&&t.jsxs("div",e.__assign({className:p.default.conditionsContainer},{children:[ot&&Object.keys(ot).length>0&&t.jsx(u.default,{metadata:ot,isOpen:Je,onToggle:function(){return Xe(!Je)},labelText:te}),t.jsx(c.default,{type:"apply",conditions:F.whenToApply||"",isOpen:tt,onToggle:function(){return nt(!tt)},labelText:ae,noConditionsText:oe,showOverrideHistory:ct,isLoadingHistory:vt,historyError:Tt,overrideHistoryData:nn}),t.jsx(c.default,{type:"notApply",conditions:F.whenNotToApply||"",isOpen:it,onToggle:function(){return rt(!it)},labelText:re,noConditionsText:oe,showOverrideHistory:ct,isLoadingHistory:vt,historyError:Tt,overrideHistoryData:an})]})),Re&&rn.length>0&&t.jsxs("div",e.__assign({className:p.default.crossTierBanner},{children:[t.jsx(s.Info,{className:p.default.crossTierBannerIcon}),t.jsxs("span",e.__assign({className:p.default.crossTierBannerText},{children:["Also created in ",rn.join(", "),"."]})),t.jsxs("span",e.__assign({className:p.default.crossTierBannerLink,onClick:on,role:"button",tabIndex:0,onKeyDown:function(e){return"Enter"===e.key&&on()}},{children:["Scroll to view ",sn]}))]})),Ee,(F.createdBy||F.createdAt)&&t.jsxs("div",e.__assign({className:p.default.variantFooter},{children:[!0===F.is_user_accepted_risk&&t.jsxs("div",e.__assign({className:p.default.resolveGaps},{children:[t.jsx(s.TriangleAlert,{size:14,color:"#EF4444"}),t.jsx("span",e.__assign({className:p.default.resolveGapsText},{children:Te})),!Ke&&Mt&&t.jsx("button",e.__assign({onClick:function(){null==Z||Z(F,W,U,"resolve_gaps")},className:p.default.resolveButton},{children:"Resolve"}))]})),t.jsx("div",e.__assign({className:p.default.variantFooterContent},{children:F.updatedBy||F.updatedAt?t.jsxs(t.Fragment,{children:[F.updatedBy&&t.jsx(f.default,e.__assign({content:F.createdBy?"Created by ".concat(cn(F.createdBy)):"",contentClassName:v.default.customTooltip,sideOffset:5,placement:"top"},{children:t.jsxs("span",e.__assign({className:p.default.variantFooterItem},{children:["Updated by ",cn(F.updatedBy)]}))})),F.updatedBy&&F.updatedAt&&t.jsx("span",e.__assign({className:p.default.variantFooterSeparator},{children:"•"})),F.updatedAt&&t.jsx(f.default,e.__assign({content:F.createdAt?"Created at ".concat(dn(F.createdAt)):"",contentClassName:v.default.customTooltip,sideOffset:5,placement:"top"},{children:t.jsx("span",e.__assign({className:p.default.variantFooterItem},{children:dn(F.updatedAt)}))}))]}):t.jsxs(t.Fragment,{children:[F.createdBy&&t.jsxs("span",e.__assign({className:p.default.variantFooterItem},{children:["Created by ",cn(F.createdBy)]})),F.createdBy&&F.createdAt&&t.jsx("span",e.__assign({className:p.default.variantFooterSeparator},{children:"•"})),F.createdAt&&t.jsx("span",e.__assign({className:p.default.variantFooterItem},{children:dn(F.createdAt)}))]})}))]})),t.jsx(g.default,{isOpen:St,title:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.title"),"Disable Learning?"):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.title"),"Enable Learning?"),description:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.desc"),"Are you sure you want to disable learning for this variant in {rule_title}?",{rule_title:null!=k?k:""}):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.desc"),"Are you sure you want to enable learning for this variant in {rule_title}?",{rule_title:null!=k?k:""}),warning:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.warningText"),"This learning will no longer influence upcoming schedules. You can enable it again anytime."):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.warningText"),"This learning will start influencing upcoming schedules again."),confirmText:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.deleteText"),"Disable"):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.deleteText"),"Enable"),cancelText:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.cancelText"),"Cancel"):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.cancelText"),"Cancel"),loadingText:Ct?b.dt("".concat(N.VARIANT_DT_PATH,".disableDialog.loadingText"),"Processing..."):b.dt("".concat(N.VARIANT_DT_PATH,".enableDialog.loadingText"),"Processing..."),confirmBgColor:Ct?"#DC2626":"#16A34A",onConfirm:function(){return e.__awaiter(void 0,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:It(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),null==Ge?void 0:Ge.email,[4,o.toggleVariant([F.variantId],!Ct)];case 2:return e.sent(),null==Me||Me(),[3,5];case 3:return t=e.sent(),console.error("Failed to toggle variant",t),[3,5];case 4:return It(!1),yt(!1),Lt(!1),[7];case 5:return[2]}})})},onCancel:function(){return Lt(!1)},isLoading:Nt,position:"fixed"}),t.jsx(A.default,{open:Ot.isOpen,mode:Ot.mode,onClose:function(){return Vt(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})})},onSubmit:function(t){z&&Rt.mutate({variantIds:[F.variantId],status:"approve"===Ot.mode?"approved":"rejected",feedback:t.feedback,is_deleted:t.deleteLearning,scopeId:z,appsecData:Bt},{onSuccess:function(){var t;Vt(function(t){return e.__assign(e.__assign({},t),{isOpen:!1})}),null==Me||Me(),null===(t=Pt.current)||void 0===t||t.show({severity:"success",summary:"".concat("approve"===Ot.mode?"Approved":"Rejected"," Successfully"),detail:"Learning ".concat("approve"===Ot.mode?"approved":"rejected"," successfully.")})},onError:function(e){var t;console.error("An error occurred.",e),null===(t=Pt.current)||void 0===t||t.show({severity:"error",summary:"Action Failed",detail:"There was an error processing the learning. Please try again."})}})},variantInformation:"".concat(k," — ").concat(G),ruleTitle:k,pendingVariants:[F],isPending:Rt.isPending})]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var format = require('date-fns/format');
+var isValid = require('date-fns/isValid');
+var parseISO = require('date-fns/parseISO');
+var lucideReact = require('lucide-react');
+var scopeApis = require('../apis/scopeApis.js');
+var HistorySkeleton = require('./HistorySkeleton.js');
+var InheritanceBreadcrumb = require('./InheritanceBreadcrumb.js');
+var RuleConditionBlock = require('./RuleConditionBlock.js');
+var InstructionPromptBlock = require('./InstructionPromptBlock.js');
+var VariantCard_module = require('../styles/VariantCard.module.css.js');
+var CustomTooltip_module = require('../styles/CustomTooltip.module.css.js');
+var CustomTooltip = require('../components/CustomTooltip.js');
+var ConfirmationModal = require('../components/ConfirmationModal.js');
+var OverrideTimeline = require('./OverrideTimeline.js');
+var useAuthStore = require('../store/useAuthStore.js');
+var usePermissionsStore = require('../store/usePermissionsStore.js');
+var PendingApprovalChip = require('./PendingApprovalChip.js');
+var ApprovalActionButton = require('./ApprovalActionButton.js');
+var ApprovalLearningDialog = require('./ApprovalLearningDialog.js');
+var useApprovalQueries = require('../queries/useApprovalQueries.js');
+var useEnvStore = require('../store/useEnvStore.js');
+var useLMSConfigStore = require('../store/useLMSConfigStore.js');
+var constants = require('../constants.js');
+var useLearningTemplateStore = require('../store/useLearningTemplateStore.js');
+
+const classNames = (...classes) => {
+  return classes.filter(Boolean).join(" ");
+};
+const extractInstructionMetadata = (metadata) => {
+  if (!metadata) return {};
+  const isAllowedMetadataKey = (key) => key !== "scheduling_config";
+  if (metadata.properties && typeof metadata.properties === "object") {
+    return Object.entries(metadata.properties).reduce((acc, [key, field]) => {
+      var _a;
+      if (!isAllowedMetadataKey(key)) return acc;
+      acc[key] = typeof field === "string" ? field : (_a = field == null ? void 0 : field.value) != null ? _a : "";
+      return acc;
+    }, {});
+  }
+  return Object.entries(metadata).reduce((acc, [key, value]) => {
+    if (!isAllowedMetadataKey(key) || typeof value !== "string") return acc;
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+const VariantCard = ({
+  ruleTitle,
+  variant,
+  variantIndex,
+  totalVariants,
+  ruleId,
+  pendingApprovalCount = 0,
+  ruleSetId,
+  tierName,
+  displayLabel,
+  onEdit,
+  onDelete,
+  onFetchOverrideHistory,
+  // Labels
+  editButtonLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.actions.edit`, "Edit"),
+  deleteButtonLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.actions.delete`, "Delete"),
+  instructionPromptLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.instructionPrompt`, "Learning Metadata"),
+  whenToApplyLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.whenToApply`, "When to Apply"),
+  whenNotToApplyLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.whenNotToApply`, "When Not to Apply"),
+  noConditionsText = "No conditions",
+  viewOverrideLabel = "View Override History",
+  hideOverrideLabel = "Hide Override History",
+  enableLearningVariantLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.actions.enable`, "Enable"),
+  disableLearningVariantLabel = useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.actions.disable`, "Disable"),
+  historyErrorMessage = "Failed to load override history.",
+  resolveGapsLabel = "This learning has some gaps",
+  // UI Controls
+  showActionsBar = true,
+  showDescriptionBox = true,
+  showConditions = true,
+  showInheritance = true,
+  defaultInstructionPromptOpen = true,
+  defaultApplyOpen = true,
+  defaultNotApplyOpen = true,
+  className,
+  isHighlighted = false,
+  highlightAction,
+  highlightedTierNames,
+  highlightedVariantIds,
+  headerContent,
+  footerContent,
+  onToggleSuccess,
+  setDeleteConfirmationUsedFor,
+  onCopyToTier,
+  onSetInitialDraftMessage
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const user = useAuthStore["default"].getState().user;
+  const tiers = useLearningTemplateStore.useLearningTemplateStore.getState().tiers;
+  const backwardCompatibility = useLearningTemplateStore.useLearningTemplateStore.getState().backwardCompatibility;
+  const isPublishedReadOnly = useLearningTemplateStore.useLearningTemplateStore((state) => state.isPublishedReadOnly);
+  const tierOptions = backwardCompatibility ? ["Tier 1", "Tier 2", "Tier 3"] : tiers.map(
+    (t) => t.tier_name.replace(/(\d+)/, " $1").replace(/\b\w/g, (char) => char.toUpperCase()).trim()
+  );
+  const [isInstructionPromptOpen, setIsInstructionPromptOpen] = React.useState(
+    defaultInstructionPromptOpen
+  );
+  const [isApplyOpen, setIsApplyOpen] = React.useState(defaultApplyOpen);
+  const [isNotApplyOpen, setIsNotApplyOpen] = React.useState(defaultNotApplyOpen);
+  const [learningMetadata, setLearningMetadata] = React.useState(
+    extractInstructionMetadata(variant.learning_metadata)
+  );
+  React.useEffect(() => {
+    setLearningMetadata(extractInstructionMetadata(variant.learning_metadata));
+  }, [variant.variantId, variant.learning_metadata]);
+  const [showHistory, setShowHistory] = React.useState(false);
+  const [isLoadingHistory, setIsLoadingHistory] = React.useState(false);
+  const [historyData, setHistoryData] = React.useState(null);
+  const [historyError, setHistoryError] = React.useState(null);
+  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+  const [isToggling, setIsToggling] = React.useState(false);
+  const menuRef = React.useRef(null);
+  const isEnabled = variant.is_enabled !== false;
+  const [showConfirmModal, setShowConfirmModal] = React.useState(false);
+  const toast = React.useRef(null);
+  const [approvalModalState, setApprovalModalState] = React.useState({ isOpen: false, mode: "approve" });
+  const approveOrRejectMutation = useApprovalQueries.useApproveOrRejectVariantsMutation();
+  const rbacConfig = useEnvStore["default"]((state) => state.rbacConfig);
+  const appsecData = rbacConfig ? {
+    application: rbacConfig.applicationId,
+    scopeLevelModuleId: (_a = rbacConfig == null ? void 0 : rbacConfig.moduleId) != null ? _a : "",
+    applicationLevelModuleId: (_b = rbacConfig == null ? void 0 : rbacConfig.applicationModuleId) != null ? _b : "",
+    applicationLevelResourceId: (_c = rbacConfig == null ? void 0 : rbacConfig.applicationResourceId) != null ? _c : ""
+  } : void 0;
+  const hasPermission = usePermissionsStore.usePermissionsStore((state) => state.hasPermission);
+  const permissionResourceId = ruleSetId;
+  const isInheritedVariant = variant.inheritance && variant.inheritance.length > 1;
+  const canEditVariant = !isPublishedReadOnly && (hasPermission("ilotj.rule.variant.edit", permissionResourceId) || (isInheritedVariant ? hasPermission("ilotj.rule.variant.inherited.edit", permissionResourceId) : hasPermission("ilotj.rule.variant.nonInherited.edit", permissionResourceId)));
+  const canEnableVariant = !isPublishedReadOnly && (hasPermission("ilotj.rule.variant.enable", permissionResourceId) || (isInheritedVariant ? hasPermission("ilotj.rule.variant.inherited.enable", permissionResourceId) : hasPermission("ilotj.rule.variant.nonInherited.enable", permissionResourceId)));
+  const canDisableVariant = !isPublishedReadOnly && (hasPermission("ilotj.rule.variant.disable", permissionResourceId) || (isInheritedVariant ? hasPermission("ilotj.rule.variant.inherited.disable", permissionResourceId) : hasPermission("ilotj.rule.variant.nonInherited.disable", permissionResourceId)));
+  const canDeleteVariant = !isPublishedReadOnly && hasPermission("ilotj.rule.variant.delete", permissionResourceId);
+  const canRuleSelfApprove = !isPublishedReadOnly && hasPermission("ilotj.rule.selfApprove", permissionResourceId);
+  const canRuleApprove = !isPublishedReadOnly && hasPermission("ilotj.rule.approve", permissionResourceId);
+  const canScopeApprove = !isPublishedReadOnly && hasPermission("ilotj.scope.approve", permissionResourceId);
+  const canPendingApprovalView = !isPublishedReadOnly && hasPermission(
+    "ilotj.rule.pendingApproval.view",
+    permissionResourceId
+  );
+  const canPendingApprovalEdit = !isPublishedReadOnly && hasPermission(
+    "ilotj.rule.variant.pendingApproval.edit",
+    permissionResourceId
+  );
+  const canManagePendingApprovals = canRuleSelfApprove || canRuleApprove || canScopeApprove || canPendingApprovalEdit;
+  const canViewPendingApprovals = canPendingApprovalView || canManagePendingApprovals;
+  const isPendingApproval = (variant == null ? void 0 : variant.approvalStatus) === "pending_approval";
+  const isRejected = (variant == null ? void 0 : variant.approvalStatus) === "rejected";
+  const shouldShowVariantApprovalActions = canManagePendingApprovals && isPendingApproval;
+  React.useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (menuRef.current && !menuRef.current.contains(event.target)) {
+        setIsMenuOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleToggleEnableClick = async () => {
+    setIsMenuOpen(false);
+    setShowConfirmModal(true);
+  };
+  const handleConfirmToggle = async () => {
+    var _a2;
+    setIsToggling(true);
+    try {
+      const updatedByEmail = (_a2 = user == null ? void 0 : user.email) != null ? _a2 : "";
+      await scopeApis.toggleVariant([variant.variantId], !isEnabled, updatedByEmail);
+      onToggleSuccess == null ? void 0 : onToggleSuccess();
+    } catch (err) {
+      console.error("Failed to toggle variant", err);
+    } finally {
+      setIsToggling(false);
+      setIsMenuOpen(false);
+      setShowConfirmModal(false);
+    }
+  };
+  const handleEditClick = () => {
+    onEdit == null ? void 0 : onEdit(variant, ruleId, tierName, "edit");
+  };
+  const handleResolveClick = () => {
+    onEdit == null ? void 0 : onEdit(variant, ruleId, tierName, "resolve_gaps");
+  };
+  const handleDeleteClick = () => {
+    setDeleteConfirmationUsedFor == null ? void 0 : setDeleteConfirmationUsedFor("variantDeletion");
+    onDelete == null ? void 0 : onDelete(variant.variantId, ruleId);
+  };
+  const handleToggleHistory = async () => {
+    if (showHistory) {
+      setShowHistory(false);
+      return;
+    }
+    setShowHistory(true);
+    if (!onFetchOverrideHistory) {
+      return;
+    }
+    setIsLoadingHistory(true);
+    setHistoryError(null);
+    try {
+      const data = await onFetchOverrideHistory(ruleId, variant.variantId);
+      setHistoryData(data);
+    } catch (e) {
+      setHistoryError(historyErrorMessage);
+    } finally {
+      setIsLoadingHistory(false);
+    }
+  };
+  const wtaChangeLog = ((_d = historyData == null ? void 0 : historyData.wta) == null ? void 0 : _d.changeLog) || [];
+  const wntaChangeLog = ((_e = historyData == null ? void 0 : historyData.wnta) == null ? void 0 : _e.changeLog) || [];
+  const otherTierNames = isHighlighted && highlightedTierNames && tierName ? highlightedTierNames.filter((t) => t !== tierName) : [];
+  const scrollArrow = otherTierNames.length > 0 && tierName ? otherTierNames.every((t) => t > tierName) ? "\u2193" : "\u2191" : "\u2193";
+  const handleScrollToOtherTier = () => {
+    if (!highlightedVariantIds) return;
+    const ids = Array.from(highlightedVariantIds);
+    for (let i = 0; i < ids.length; i++) {
+      if (ids[i] === variant.variantId) continue;
+      const el = document.querySelector(`[data-variant-id="${ids[i]}"]`);
+      if (el) {
+        el.scrollIntoView({ behavior: "smooth", block: "center" });
+        break;
+      }
+    }
+  };
+  const handleApprovalButtonClick = (e, action) => {
+    e.stopPropagation();
+    setApprovalModalState({ isOpen: true, mode: action });
+  };
+  const handleApprovalSubmit = (data) => {
+    if (!ruleSetId) return;
+    approveOrRejectMutation.mutate(
+      {
+        variantIds: [variant.variantId],
+        status: approvalModalState.mode === "approve" ? "approved" : "rejected",
+        feedback: data.feedback,
+        is_deleted: data.deleteLearning,
+        scopeId: ruleSetId,
+        appsecData
+      },
+      {
+        onSuccess: () => {
+          var _a2;
+          setApprovalModalState((prev) => ({ ...prev, isOpen: false }));
+          onToggleSuccess == null ? void 0 : onToggleSuccess();
+          (_a2 = toast.current) == null ? void 0 : _a2.show({
+            severity: "success",
+            summary: `${approvalModalState.mode === "approve" ? "Approved" : "Rejected"} Successfully`,
+            detail: `Learning ${approvalModalState.mode === "approve" ? "approved" : "rejected"} successfully.`
+          });
+        },
+        onError: (error) => {
+          var _a2;
+          console.error("An error occurred.", error);
+          (_a2 = toast.current) == null ? void 0 : _a2.show({
+            severity: "error",
+            summary: "Action Failed",
+            detail: `There was an error processing the learning. Please try again.`
+          });
+        }
+      }
+    );
+  };
+  const formatDate = (dateString) => {
+    if (!dateString) return "";
+    try {
+      const normalizedDateString = dateString.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(dateString) ? dateString : `${dateString}Z`;
+      const date = parseISO.parseISO(normalizedDateString);
+      if (!isValid.isValid(date)) return dateString;
+      return format.format(date, "MMM d, yyyy 'at' h:mm a");
+    } catch (e) {
+      return dateString;
+    }
+  };
+  const getFormattedName = (name) => {
+    if (!name) return "";
+    if (name.includes("@")) {
+      return name.split("@")[0].split(".").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+    }
+    return name;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classNames(
+        VariantCard_module["default"].variantCard,
+        isHighlighted && VariantCard_module["default"].variantHighlight,
+        className
+      ),
+      "data-variant-id": variant.variantId,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].variantHeader, style: { alignItems: "flex-start", gap: "0.75rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].variantLabelSection, style: { display: "flex", flexWrap: "wrap" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].variantLabel, children: variant.variantType === "Default" && displayLabel !== "Default" ? `Default | ${displayLabel}` : displayLabel }),
+            isHighlighted && highlightAction && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: classNames(
+                  VariantCard_module["default"].actionChip,
+                  highlightAction === "new" ? VariantCard_module["default"].actionChipNew : VariantCard_module["default"].actionChipUpdated
+                ),
+                children: highlightAction === "new" ? "Created" : "Updated"
+              }
+            ),
+            (variant == null ? void 0 : variant.isOverridden) && /* @__PURE__ */ jsxRuntime.jsx(
+              CustomTooltip["default"],
+              {
+                content: `Inherited from the ${((_g = variant.inheritance) == null ? void 0 : _g[((_f = variant.inheritance) == null ? void 0 : _f.length) - 2]) || "parent"} scope and overridden in this scope.`,
+                placement: "top",
+                withArrow: true,
+                contentClassName: CustomTooltip_module["default"].customTooltip,
+                sideOffset: 5,
+                children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].overriddenTag, children: "Overridden" })
+              }
+            ),
+            canViewPendingApprovals && isPendingApproval && /* @__PURE__ */ jsxRuntime.jsx(PendingApprovalChip["default"], {}),
+            isRejected && /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                style: {
+                  backgroundColor: "#FEF2F2",
+                  color: "#EF4444",
+                  border: "1px solid #FECACA",
+                  padding: "2px 8px",
+                  borderRadius: "9999px",
+                  fontSize: "0.75rem",
+                  fontWeight: 500,
+                  display: "inline-flex",
+                  alignItems: "center"
+                },
+                children: "Rejected"
+              }
+            ),
+            !isEnabled && /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].learningDisabledPill, children: "Disabled" }),
+            showInheritance && totalVariants !== 1 && variantIndex !== 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: VariantCard_module["default"].inheritanceSection, children: /* @__PURE__ */ jsxRuntime.jsx(InheritanceBreadcrumb["default"], { inheritance: variant.inheritance || [] }) })
+          ] }),
+          showActionsBar && !isPublishedReadOnly && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].variantActions, children: [
+            shouldShowVariantApprovalActions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ApprovalActionButton["default"],
+                {
+                  variant: "approve",
+                  text: "Approve",
+                  onClick: (e) => handleApprovalButtonClick(e, "approve")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                ApprovalActionButton["default"],
+                {
+                  variant: "reject",
+                  text: "Reject",
+                  onClick: (e) => handleApprovalButtonClick(e, "reject")
+                }
+              )
+            ] }),
+            onEdit && canEditVariant && !variant.is_drafted && /* @__PURE__ */ jsxRuntime.jsx("button", { className: VariantCard_module["default"].editButton, onClick: handleEditClick, children: editButtonLabel }),
+            onDelete && canDeleteVariant && variant.variantType !== "Default" && /* @__PURE__ */ jsxRuntime.jsx("button", { className: VariantCard_module["default"].deleteButton, onClick: handleDeleteClick, children: deleteButtonLabel }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].menuWrapper, ref: menuRef, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => setIsMenuOpen(!isMenuOpen),
+                  className: `${VariantCard_module["default"].menuTrigger} ${isMenuOpen ? VariantCard_module["default"].menuTriggerActive : ""}`,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { size: 16 })
+                }
+              ),
+              isMenuOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].menuDropdown, children: [
+                (isEnabled && canDisableVariant || !isEnabled && canEnableVariant) && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: handleToggleEnableClick,
+                    disabled: isToggling,
+                    className: `${VariantCard_module["default"].menuItem} ${isToggling ? VariantCard_module["default"].menuItemDisabled : ""}`,
+                    children: [
+                      isEnabled ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pause, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Play, { size: 14 }),
+                      isEnabled ? disableLearningVariantLabel : enableLearningVariantLabel
+                    ]
+                  }
+                ),
+                tierName && tierOptions.length > 1 && tierOptions.filter((targetTier) => targetTier !== tierName).map((targetTier) => /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: () => {
+                      const message = `Add a new learning in ${targetTier} with the following details:
+Learning Title: ${ruleTitle}
+Learning Description: ${variant.description}
+When to apply: ${variant.whenToApply}
+When not to apply: ${variant.whenNotToApply}`;
+                      onSetInitialDraftMessage == null ? void 0 : onSetInitialDraftMessage(message);
+                      setIsMenuOpen(false);
+                      onCopyToTier == null ? void 0 : onCopyToTier(variant, ruleId, ruleTitle || "", tierName, targetTier);
+                    },
+                    className: VariantCard_module["default"].menuItem,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { size: 14 }),
+                      "Copy to ",
+                      targetTier
+                    ]
+                  },
+                  targetTier
+                )),
+                onFetchOverrideHistory && ((_i = (_h = variant.inheritance) == null ? void 0 : _h.length) != null ? _i : 0) > 1 && /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: () => {
+                      setIsMenuOpen(false);
+                      handleToggleHistory();
+                    },
+                    className: VariantCard_module["default"].menuItem,
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { size: 14 }),
+                      showHistory ? hideOverrideLabel : viewOverrideLabel
+                    ]
+                  }
+                )
+              ] })
+            ] })
+          ] })
+        ] }),
+        headerContent,
+        showDescriptionBox && variant.description && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].descriptionBox, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: VariantCard_module["default"].descriptionText, children: variant.description }),
+          showHistory && (isLoadingHistory ? /* @__PURE__ */ jsxRuntime.jsx(HistorySkeleton.HistorySkeleton, {}) : historyError ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: VariantCard_module["default"].errorText, children: historyError }) : (historyData == null ? void 0 : historyData.ruleDescription) ? /* @__PURE__ */ jsxRuntime.jsx(OverrideTimeline["default"], { changeLog: historyData.ruleDescription.changeLog }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: VariantCard_module["default"].noHistoryText, children: "No override history found" }))
+        ] }),
+        showConditions && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].conditionsContainer, children: [
+          learningMetadata && Object.keys(learningMetadata).length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            InstructionPromptBlock["default"],
+            {
+              metadata: learningMetadata,
+              isOpen: isInstructionPromptOpen,
+              onToggle: () => setIsInstructionPromptOpen(!isInstructionPromptOpen),
+              labelText: instructionPromptLabel
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RuleConditionBlock["default"],
+            {
+              type: "apply",
+              conditions: variant.whenToApply || "",
+              isOpen: isApplyOpen,
+              onToggle: () => setIsApplyOpen(!isApplyOpen),
+              labelText: whenToApplyLabel,
+              noConditionsText,
+              showOverrideHistory: showHistory,
+              isLoadingHistory,
+              historyError,
+              overrideHistoryData: wtaChangeLog
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RuleConditionBlock["default"],
+            {
+              type: "notApply",
+              conditions: variant.whenNotToApply || "",
+              isOpen: isNotApplyOpen,
+              onToggle: () => setIsNotApplyOpen(!isNotApplyOpen),
+              labelText: whenNotToApplyLabel,
+              noConditionsText,
+              showOverrideHistory: showHistory,
+              isLoadingHistory,
+              historyError,
+              overrideHistoryData: wntaChangeLog
+            }
+          )
+        ] }),
+        isHighlighted && otherTierNames.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].crossTierBanner, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: VariantCard_module["default"].crossTierBannerIcon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: VariantCard_module["default"].crossTierBannerText, children: [
+            "Also created in ",
+            otherTierNames.join(", "),
+            "."
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: VariantCard_module["default"].crossTierBannerLink,
+              onClick: handleScrollToOtherTier,
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => e.key === "Enter" && handleScrollToOtherTier(),
+              children: [
+                "Scroll to view ",
+                scrollArrow
+              ]
+            }
+          )
+        ] }),
+        footerContent,
+        (variant.createdBy || variant.createdAt) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].variantFooter, children: [
+          variant.is_user_accepted_risk === true && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: VariantCard_module["default"].resolveGaps, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlert, { size: 14, color: "#EF4444" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].resolveGapsText, children: resolveGapsLabel }),
+            !isPublishedReadOnly && canEditVariant && /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: handleResolveClick, className: VariantCard_module["default"].resolveButton, children: "Resolve" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: VariantCard_module["default"].variantFooterContent, children: variant.updatedBy || variant.updatedAt ? (
+            // UPDATED STATE: Show "Updated by" as primary display
+            /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              variant.updatedBy && /* @__PURE__ */ jsxRuntime.jsx(
+                CustomTooltip["default"],
+                {
+                  content: variant.createdBy ? `Created by ${getFormattedName(variant.createdBy)}` : "",
+                  contentClassName: CustomTooltip_module["default"].customTooltip,
+                  sideOffset: 5,
+                  placement: "top",
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: VariantCard_module["default"].variantFooterItem, children: [
+                    "Updated by ",
+                    getFormattedName(variant.updatedBy)
+                  ] })
+                }
+              ),
+              variant.updatedBy && variant.updatedAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].variantFooterSeparator, children: "\u2022" }),
+              variant.updatedAt && /* @__PURE__ */ jsxRuntime.jsx(
+                CustomTooltip["default"],
+                {
+                  content: variant.createdAt ? `Created at ${formatDate(variant.createdAt)}` : "",
+                  contentClassName: CustomTooltip_module["default"].customTooltip,
+                  sideOffset: 5,
+                  placement: "top",
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].variantFooterItem, children: formatDate(variant.updatedAt) })
+                }
+              )
+            ] })
+          ) : (
+            // NOT UPDATED STATE: Show "Created by" as primary display, no tooltip needed
+            /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              variant.createdBy && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: VariantCard_module["default"].variantFooterItem, children: [
+                "Created by ",
+                getFormattedName(variant.createdBy)
+              ] }),
+              variant.createdBy && variant.createdAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].variantFooterSeparator, children: "\u2022" }),
+              variant.createdAt && /* @__PURE__ */ jsxRuntime.jsx("span", { className: VariantCard_module["default"].variantFooterItem, children: formatDate(variant.createdAt) })
+            ] })
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ConfirmationModal["default"],
+          {
+            isOpen: showConfirmModal,
+            title: isEnabled ? useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.disableDialog.title`, "Disable Learning?") : useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.enableDialog.title`, "Enable Learning?"),
+            description: isEnabled ? useLMSConfigStore.dt(
+              `${constants.VARIANT_DT_PATH}.disableDialog.desc`,
+              "Are you sure you want to disable learning for this variant in {rule_title}?",
+              { rule_title: ruleTitle != null ? ruleTitle : "" }
+            ) : useLMSConfigStore.dt(
+              `${constants.VARIANT_DT_PATH}.enableDialog.desc`,
+              "Are you sure you want to enable learning for this variant in {rule_title}?",
+              { rule_title: ruleTitle != null ? ruleTitle : "" }
+            ),
+            warning: isEnabled ? useLMSConfigStore.dt(
+              `${constants.VARIANT_DT_PATH}.disableDialog.warningText`,
+              "This learning will no longer influence upcoming schedules. You can enable it again anytime."
+            ) : useLMSConfigStore.dt(
+              `${constants.VARIANT_DT_PATH}.enableDialog.warningText`,
+              "This learning will start influencing upcoming schedules again."
+            ),
+            confirmText: isEnabled ? useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.disableDialog.deleteText`, "Disable") : useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.enableDialog.deleteText`, "Enable"),
+            cancelText: isEnabled ? useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.disableDialog.cancelText`, "Cancel") : useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.enableDialog.cancelText`, "Cancel"),
+            loadingText: isEnabled ? useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.disableDialog.loadingText`, "Processing...") : useLMSConfigStore.dt(`${constants.VARIANT_DT_PATH}.enableDialog.loadingText`, "Processing..."),
+            confirmBgColor: isEnabled ? "#DC2626" : "#16A34A",
+            onConfirm: handleConfirmToggle,
+            onCancel: () => setShowConfirmModal(false),
+            isLoading: isToggling,
+            position: "fixed"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ApprovalLearningDialog["default"],
+          {
+            open: approvalModalState.isOpen,
+            mode: approvalModalState.mode,
+            onClose: () => setApprovalModalState((prev) => ({ ...prev, isOpen: false })),
+            onSubmit: handleApprovalSubmit,
+            variantInformation: `${ruleTitle} \u2014 ${displayLabel}`,
+            ruleTitle,
+            pendingVariants: [variant],
+            isPending: approveOrRejectMutation.isPending
+          }
+        )
+      ]
+    }
+  );
+};
+var VariantCard$1 = VariantCard;
+
+exports["default"] = VariantCard$1;
 //# sourceMappingURL=VariantCard.js.map