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

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

@@ -1,2 +1,346 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),r=require("react"),n=require("lucide-react"),i=require("../store/useLearningTemplateStore.js"),o=require("../utils/treeUtils.js"),s=require("./RuleHeader.js"),l=require("../components/EmptyLearningState.js"),a=require("./RuleTierList.js"),u=require("./DraftsAccordion.js"),d=require("../apis/scopeApis.js"),c=require("../store/usePermissionsStore.js"),f=require("../store/useLMSConfigStore.js");exports.default=function(g){var m,h,p=g.onAddRule,v=g.onDeleteRule,S=g.onEditRule,x=g.onEditVariant,y=g.onDeleteVariant,b=g.onExportRule,j=g.isExporting,_=g.emptyStateTitle,R=void 0===_?f.dt("emptyStateLearning.title","No learnings have been added !"):_,E=g.emptyStateDesc,T=void 0===E?f.dt("emptyStateLearning.desc","Start by adding learnings that should apply across all stations."):E,L=g.emptyStateButtonText,D=void 0===L?f.dt("emptyStateLearning.createNewLearning","Create New Learning"):L,C=g.onToggleSuccess,I=g.onReorderRules,q=g.onRefreshRuleSets,w=g.setDeleteConfirmationUsedFor,N=g.onCopyToTier,A=g.onRequestPublishedEdit,F=g.publishedEditStatus,P=i.useLearningTemplateStore(function(e){return e.currentRules}),G=i.useLearningTemplateStore(function(e){return e.toggleRuleTier}),B=i.useLearningTemplateStore(function(e){return e.scopeTreeData}),V=i.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),H=i.useLearningTemplateStore(function(e){return e.isPublishedReadOnly}),M=i.useLearningTemplateStore(function(e){return e.createdVariantInfo}),k=i.useLearningTemplateStore(function(e){return e.urlVariantId}),O=c.usePermissionsStore(function(e){return e.isLoading}),z=c.usePermissionsStore(function(e){return e.hasPermission}),U=V?o.findNodeById((null==B?void 0:B.data)||null,V):null,W=null==U?void 0:U.id,Y="GLOBAL"===(null==U?void 0:U.type)||"Global"===(null==U?void 0:U.name),J=Boolean((null===(m=null==B?void 0:B.data)||void 0===m?void 0:m.id)&&V===B.data.id),K=U?{ruleSetId:U.id,ruleSetName:U.name,ruleSetDesc:"",ruleCount:null===(h=null==U?void 0:U.metrics)||void 0===h?void 0:h.learningsCount}:void 0,Q=!H&&(z("ilotj.rule.create",W)||z("ilotj.rule.variant.create",W)),X=H||z("ilotj.rule.view",W),Z=r.useMemo(function(){var e=new Map;return M&&M.forEach(function(t){t.variants.forEach(function(t){return e.set(t.id,t.action)})}),k&&e.set(k,"existing"),e.size>0?e:void 0},[M,k]),$=r.useMemo(function(){if(M&&P){var e={tier1:"1",tier2:"2",tier_1:"1",tier_2:"2"},t={};return P.forEach(function(e){t[e.id]=e.name}),M.map(function(r){return t[e[r.tierName]]}).filter(Boolean)}},[M,P]),ee=r.useCallback(function(t,r){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,d.getRuleOverrideHistory(r||"")];case 1:return(t=e.sent())&&t.data?[2,t.data]:[2,null];case 2:throw n=e.sent(),console.error("Failed to fetch override history",n),n;case 3:return[2]}})})},[]),te=r.useMemo(function(){var t=[],r=(P||[]).map(function(r){var n=(r.rules||[]).map(function(n){return(n.variants||[]).filter(function(e){return e.is_drafted}).forEach(function(e){t.push({rule:n,variant:e,tierName:r.name})}),e.__assign(e.__assign({},n),{variants:(n.variants||[]).filter(function(e){return!e.is_drafted})})}).filter(function(e){var t,r;return(null!==(r=null===(t=e.variants)||void 0===t?void 0:t.length)&&void 0!==r?r:0)>0});return e.__assign(e.__assign({},r),{ruleCount:n.length,rules:n})});return{draftItems:t,visibleTiers:r}},[P]),re=te.draftItems,ne=te.visibleTiers;return O&&!H?t.jsx("div",e.__assign({style:{display:"flex",height:"100vh",alignItems:"center",justifyContent:"center",backgroundColor:"#f9fafb",fontFamily:"Helvetica, Arial, sans-serif"}},{children:t.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",alignItems:"center",color:"#4b5563"}},{children:[t.jsx(n.Loader2,{style:{marginBottom:"1rem",height:"3rem",width:"3rem",color:"#007aff",animation:"spin 1s linear infinite"}}),t.jsx("p",e.__assign({style:{fontSize:"1rem",fontWeight:500,color:"#4b5563"}},{children:"Loading your permissions…"}))]}))})):X?P&&0!==(null==P?void 0:P.length)||0!==re.length?t.jsxs(t.Fragment,{children:[t.jsx(s.default,{onAddRule:p,onExport:b,isExporting:j,ruleSetName:null==K?void 0:K.ruleSetName,ruleSetDescription:null==K?void 0:K.ruleSetDesc,isGlobal:Y,showGlobalScopeInfo:J,ruleSetId:W,onRequestPublishedEdit:A,publishedEditStatus:F}),t.jsx(a.default,{leadingContent:t.jsx(u.default,{drafts:re,ruleSetId:(null==K?void 0:K.ruleSetId)||"",onContinueEditing:x,onDeleteVariant:y,onToggleSuccess:C,setDeleteConfirmationUsedFor:w}),tiers:ne,ruleSetId:(null==K?void 0:K.ruleSetId)||"",onToggleTier:G,onDeleteRule:v,isGlobalScope:Y,onFetchOverrideHistory:ee,onEditRule:S,onEditVariant:x,onDeleteVariant:y,highlightedVariants:Z,highlightedTierNames:$,onToggleSuccess:C,onReorderRules:I,onRefreshRuleSets:q,setDeleteConfirmationUsedFor:w,onCopyToTier:N})]}):t.jsxs(t.Fragment,{children:[t.jsx(s.default,{onAddRule:p,onExport:b,isExporting:j,ruleSetName:null==K?void 0:K.ruleSetName,ruleSetDescription:null==K?void 0:K.ruleSetDesc,isGlobal:Y,showGlobalScopeInfo:J,onRequestPublishedEdit:A,publishedEditStatus:F}),t.jsx(l.default,{onCreate:p,title:R,desc:T,button:D,canCreateRule:Q})]}):t.jsxs(t.Fragment,{children:[t.jsx(s.default,{onAddRule:p,onExport:b,isExporting:j,ruleSetName:null==K?void 0:K.ruleSetName,ruleSetDescription:null==K?void 0:K.ruleSetDesc,isGlobal:Y,showGlobalScopeInfo:J,ruleSetId:W,onRequestPublishedEdit:A,publishedEditStatus:F}),t.jsxs("div",e.__assign({style:{display:"flex",height:"80vh",width:"100%",flexDirection:"column",alignItems:"center",justifyContent:"center",padding:"2rem",textAlign:"center",backgroundColor:"#f0f2f5",fontFamily:"Helvetica, Arial, sans-serif"}},{children:[t.jsx("div",e.__assign({style:{marginBottom:"1.5rem",height:"4rem",width:"4rem",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"50%",background:"linear-gradient(145deg, #e0e0e0, #ffffff)",boxShadow:"4px 4px 12px rgba(0,0,0,0.05), -4px -4px 12px rgba(255,255,255,0.7)"}},{children:t.jsx(n.Lock,{style:{height:"2rem",width:"2rem",color:"#8e8e93"}})})),t.jsx("h3",e.__assign({style:{fontSize:"1.25rem",fontWeight:600,color:"#1c1c1e"}},{children:"Access Denied"})),t.jsx("p",e.__assign({style:{maxWidth:"22rem",fontSize:"1rem",color:"#636366",lineHeight:1.6,marginBottom:"1rem"}},{children:"You do not have permission to view learnings for this scope."}))]}))]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var useLearningTemplateStore = require('../store/useLearningTemplateStore.js');
+var treeUtils = require('../utils/treeUtils.js');
+var RuleHeader = require('./RuleHeader.js');
+var EmptyLearningState = require('../components/EmptyLearningState.js');
+var RuleTierList = require('./RuleTierList.js');
+var DraftsAccordion = require('./DraftsAccordion.js');
+var scopeApis = require('../apis/scopeApis.js');
+var usePermissionsStore = require('../store/usePermissionsStore.js');
+var useLMSConfigStore = require('../store/useLMSConfigStore.js');
+
+const ContentLogic = ({
+  onAddRule,
+  onDeleteRule,
+  onEditRule,
+  onEditVariant,
+  onDeleteVariant,
+  onExportRule,
+  isExporting,
+  emptyStateTitle = useLMSConfigStore.dt("emptyStateLearning.title", "No learnings have been added !"),
+  emptyStateDesc = useLMSConfigStore.dt(
+    "emptyStateLearning.desc",
+    "Start by adding learnings that should apply across all stations."
+  ),
+  emptyStateButtonText = useLMSConfigStore.dt("emptyStateLearning.createNewLearning", "Create New Learning"),
+  onToggleSuccess,
+  onReorderRules,
+  onRefreshRuleSets,
+  setDeleteConfirmationUsedFor,
+  onCopyToTier,
+  onRequestPublishedEdit,
+  publishedEditStatus
+}) => {
+  var _a, _b;
+  const currentRules = useLearningTemplateStore.useLearningTemplateStore((state) => state.currentRules);
+  const toggleRuleTier = useLearningTemplateStore.useLearningTemplateStore((state) => state.toggleRuleTier);
+  const scopeTreeData = useLearningTemplateStore.useLearningTemplateStore((state) => state.scopeTreeData);
+  const selectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const isPublishedReadOnly = useLearningTemplateStore.useLearningTemplateStore((state) => state.isPublishedReadOnly);
+  const createdVariantInfo = useLearningTemplateStore.useLearningTemplateStore((state) => state.createdVariantInfo);
+  const urlVariantId = useLearningTemplateStore.useLearningTemplateStore((state) => state.urlVariantId);
+  const isPermissionsLoading = usePermissionsStore.usePermissionsStore((state) => state.isLoading);
+  const hasPermission = usePermissionsStore.usePermissionsStore((state) => state.hasPermission);
+  const selectedNode = selectedRuleSetId ? treeUtils.findNodeById((scopeTreeData == null ? void 0 : scopeTreeData.data) || null, selectedRuleSetId) : null;
+  const effectiveRuleSetId = selectedNode == null ? void 0 : selectedNode.id;
+  const isGlobalScope = (selectedNode == null ? void 0 : selectedNode.type) === "GLOBAL" || (selectedNode == null ? void 0 : selectedNode.name) === "Global";
+  const isRootScopeSelected = Boolean(
+    ((_a = scopeTreeData == null ? void 0 : scopeTreeData.data) == null ? void 0 : _a.id) && selectedRuleSetId === scopeTreeData.data.id
+  );
+  const selectedRuleSet = selectedNode ? {
+    ruleSetId: selectedNode.id,
+    ruleSetName: selectedNode.name,
+    ruleSetDesc: "",
+    ruleCount: (_b = selectedNode == null ? void 0 : selectedNode.metrics) == null ? void 0 : _b.learningsCount
+  } : void 0;
+  const canAddNewLearning = !isPublishedReadOnly && (hasPermission("ilotj.rule.create", effectiveRuleSetId) || hasPermission("ilotj.rule.variant.create", effectiveRuleSetId));
+  const canViewLearnings = isPublishedReadOnly || hasPermission("ilotj.rule.view", effectiveRuleSetId);
+  const highlightedVariants = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    if (createdVariantInfo) {
+      createdVariantInfo.forEach((entry) => {
+        entry.variants.forEach((v) => map.set(v.id, v.action));
+      });
+    }
+    if (urlVariantId) {
+      map.set(urlVariantId, "existing");
+    }
+    return map.size > 0 ? map : void 0;
+  }, [createdVariantInfo, urlVariantId]);
+  const highlightedTierNames = React.useMemo(() => {
+    if (!createdVariantInfo || !currentRules) return void 0;
+    const tierNameToId = {
+      tier1: "1",
+      tier2: "2",
+      tier_1: "1",
+      tier_2: "2"
+    };
+    const tierIdToDisplayName = {};
+    currentRules.forEach((tier) => {
+      tierIdToDisplayName[tier.id] = tier.name;
+    });
+    return createdVariantInfo.map((entry) => tierIdToDisplayName[tierNameToId[entry.tierName]]).filter(Boolean);
+  }, [createdVariantInfo, currentRules]);
+  const handleFetchOverrideHistory = React.useCallback(
+    async (ruleId, variantId) => {
+      try {
+        const response = await scopeApis.getRuleOverrideHistory(variantId || "");
+        if (response && response.data) {
+          return response.data;
+        }
+        return null;
+      } catch (err) {
+        console.error("Failed to fetch override history", err);
+        throw err;
+      }
+    },
+    []
+  );
+  const { draftItems, visibleTiers } = React.useMemo(() => {
+    const drafts = [];
+    const filteredTiers = (currentRules || []).map((tier) => {
+      const rules = (tier.rules || []).map((rule) => {
+        const draftVariants = (rule.variants || []).filter((variant) => variant.is_drafted);
+        draftVariants.forEach((variant) => {
+          drafts.push({ rule, variant, tierName: tier.name });
+        });
+        return {
+          ...rule,
+          variants: (rule.variants || []).filter((variant) => !variant.is_drafted)
+        };
+      }).filter((rule) => {
+        var _a2, _b2;
+        return ((_b2 = (_a2 = rule.variants) == null ? void 0 : _a2.length) != null ? _b2 : 0) > 0;
+      });
+      return {
+        ...tier,
+        ruleCount: rules.length,
+        rules
+      };
+    });
+    return {
+      draftItems: drafts,
+      visibleTiers: filteredTiers
+    };
+  }, [currentRules]);
+  if (isPermissionsLoading && !isPublishedReadOnly) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          height: "100vh",
+          // Full viewport height for clean centering
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "#f9fafb",
+          fontFamily: "Helvetica, Arial, sans-serif"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              color: "#4b5563"
+            },
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.Loader2,
+                {
+                  style: {
+                    marginBottom: "1rem",
+                    height: "3rem",
+                    width: "3rem",
+                    color: "#007aff",
+                    // Apple-style blue
+                    animation: "spin 1s linear infinite"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "p",
+                {
+                  style: {
+                    fontSize: "1rem",
+                    fontWeight: 500,
+                    color: "#4b5563"
+                  },
+                  children: "Loading your permissions\u2026"
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  }
+  if (!canViewLearnings) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RuleHeader["default"],
+        {
+          onAddRule,
+          onExport: onExportRule,
+          isExporting,
+          ruleSetName: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetName,
+          ruleSetDescription: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetDesc,
+          isGlobal: isGlobalScope,
+          showGlobalScopeInfo: isRootScopeSelected,
+          ruleSetId: effectiveRuleSetId,
+          onRequestPublishedEdit,
+          publishedEditStatus
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          style: {
+            display: "flex",
+            height: "80vh",
+            width: "100%",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "2rem",
+            textAlign: "center",
+            backgroundColor: "#f0f2f5",
+            fontFamily: "Helvetica, Arial, sans-serif"
+          },
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                style: {
+                  marginBottom: "1.5rem",
+                  height: "4rem",
+                  width: "4rem",
+                  display: "flex",
+                  alignItems: "center",
+                  justifyContent: "center",
+                  borderRadius: "50%",
+                  background: "linear-gradient(145deg, #e0e0e0, #ffffff)",
+                  boxShadow: "4px 4px 12px rgba(0,0,0,0.05), -4px -4px 12px rgba(255,255,255,0.7)"
+                },
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { style: { height: "2rem", width: "2rem", color: "#8e8e93" } })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                style: {
+                  // marginBottom: '0.5rem',
+                  fontSize: "1.25rem",
+                  fontWeight: 600,
+                  color: "#1c1c1e"
+                },
+                children: "Access Denied"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                style: {
+                  maxWidth: "22rem",
+                  fontSize: "1rem",
+                  color: "#636366",
+                  lineHeight: 1.6,
+                  marginBottom: "1rem"
+                },
+                children: "You do not have permission to view learnings for this scope."
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+  if ((!currentRules || (currentRules == null ? void 0 : currentRules.length) === 0) && draftItems.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RuleHeader["default"],
+        {
+          onAddRule,
+          onExport: onExportRule,
+          isExporting,
+          ruleSetName: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetName,
+          ruleSetDescription: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetDesc,
+          isGlobal: isGlobalScope,
+          showGlobalScopeInfo: isRootScopeSelected,
+          onRequestPublishedEdit,
+          publishedEditStatus
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EmptyLearningState["default"],
+        {
+          onCreate: onAddRule,
+          title: emptyStateTitle,
+          desc: emptyStateDesc,
+          button: emptyStateButtonText,
+          canCreateRule: canAddNewLearning
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RuleHeader["default"],
+      {
+        onAddRule,
+        onExport: onExportRule,
+        isExporting,
+        ruleSetName: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetName,
+        ruleSetDescription: selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetDesc,
+        isGlobal: isGlobalScope,
+        showGlobalScopeInfo: isRootScopeSelected,
+        ruleSetId: effectiveRuleSetId,
+        onRequestPublishedEdit,
+        publishedEditStatus
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      RuleTierList["default"],
+      {
+        leadingContent: /* @__PURE__ */ jsxRuntime.jsx(
+          DraftsAccordion["default"],
+          {
+            drafts: draftItems,
+            ruleSetId: (selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetId) || "",
+            onContinueEditing: onEditVariant,
+            onDeleteVariant,
+            onToggleSuccess,
+            setDeleteConfirmationUsedFor
+          }
+        ),
+        tiers: visibleTiers,
+        ruleSetId: (selectedRuleSet == null ? void 0 : selectedRuleSet.ruleSetId) || "",
+        onToggleTier: toggleRuleTier,
+        onDeleteRule,
+        isGlobalScope,
+        onFetchOverrideHistory: handleFetchOverrideHistory,
+        onEditRule,
+        onEditVariant,
+        onDeleteVariant,
+        highlightedVariants,
+        highlightedTierNames,
+        onToggleSuccess,
+        onReorderRules,
+        onRefreshRuleSets,
+        setDeleteConfirmationUsedFor,
+        onCopyToTier
+      }
+    )
+  ] });
+};
+var ContentLogic$1 = ContentLogic;
+
+exports["default"] = ContentLogic$1;
 //# sourceMappingURL=ContentLogic.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContentLogic.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ContentLogic.js","sources":["../../../../../src/features/LearningManagement/RuleContent/ContentLogic.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { Loader2, Lock } from 'lucide-react';\nimport { useLearningTemplateStore } from '../store/useLearningTemplateStore';\nimport { findNodeById } from '../utils/treeUtils';\nimport RuleHeader from './RuleHeader';\nimport EmptyLearningState from '../components/EmptyLearningState';\nimport RuleTierList from './RuleTierList';\nimport DraftsAccordion, { DraftRuleItem } from './DraftsAccordion';\nimport { getRuleOverrideHistory } from '../apis/scopeApis';\nimport { OverrideHistoryResponse, RuleDefinition, RuleVariant } from '../types';\nimport { usePermissionsStore } from '../store/usePermissionsStore';\nimport { dt } from '../store/useLMSConfigStore';\n\n/**\n * Props for the ContentLogic component.\n */\ninterface ContentLogicProps {\n  /** Callback when add rule button is clicked */\n  onAddRule: () => void;\n  /** Callback when a rule should be deleted */\n  onDeleteRule: (id: string) => void;\n  /** Callback when a rule edit button is clicked (legacy) */\n  onEditRule: (rule: RuleDefinition, tierName?: string) => void;\n  /** Callback when a variant edit button is clicked */\n  onEditVariant?: (\n    variant: RuleVariant,\n    ruleId: string,\n    tierName?: string,\n    action?: 'edit' | 'resolve_gaps'\n  ) => void;\n  /** Callback when a variant delete button is clicked */\n  onDeleteVariant?: (variantId: string, ruleId: string) => void;\n  onExportRule?: () => void;\n  isExporting?: boolean;\n  /** Custom text for empty state title */\n  emptyStateTitle?: string;\n  /** Custom text for empty state description */\n  emptyStateDesc?: string;\n  /** Custom text for empty state button */\n  emptyStateButtonText?: string;\n  /** func for fetch rules for enable/disable Btn */\n  onToggleSuccess: () => void;\n  /** func for reordering rules by dragging */\n  onReorderRules?: (\n    scopeId: string,\n    tierId: string,\n    movedRuleId: string,\n    prevRuleId: string | null,\n    nextRuleId: string | null\n  ) => void;\n  // parent ruleset call & accept an optional scopeId to preserve selection\n  onRefreshRuleSets?: (showLoader?: boolean, scopeId?: string) => void;\n  // Set whether the delete confirmation modal is being used for rule deletion or variant deletion\n  setDeleteConfirmationUsedFor: (value: 'ruleDeletion' | 'variantDeletion') => void;\n  onCopyToTier?: (\n    variant: RuleVariant,\n    ruleId: string,\n    ruleTitle: string,\n    sourceTier: string,\n    targetTier: string\n  ) => void;\n  onRequestPublishedEdit?: () => void;\n  publishedEditStatus?: 'idle' | 'checking' | 'denied';\n}\n\n/**\n * Inner component to handle logic for displaying list or empty state based on rules existence.\n * Bridges the store data with the library-ready RuleTierList and RuleHeader components.\n * Handles API calls for override history and passes handler to library components.\n * Separated from RuleContent.tsx for better maintainability.\n *\n * @param props - Component props\n * @returns JSX element displaying either empty state or rule tier list\n */\nconst ContentLogic: React.FC<ContentLogicProps> = ({\n  onAddRule,\n  onDeleteRule,\n  onEditRule,\n  onEditVariant,\n  onDeleteVariant,\n  onExportRule,\n  isExporting,\n  emptyStateTitle = dt('emptyStateLearning.title', 'No learnings have been added !'),\n  emptyStateDesc = dt(\n    'emptyStateLearning.desc',\n    'Start by adding learnings that should apply across all stations.'\n  ),\n  emptyStateButtonText = dt('emptyStateLearning.createNewLearning', 'Create New Learning'),\n  onToggleSuccess,\n  onReorderRules,\n  onRefreshRuleSets,\n  setDeleteConfirmationUsedFor,\n  onCopyToTier,\n  onRequestPublishedEdit,\n  publishedEditStatus,\n}) => {\n  const currentRules = useLearningTemplateStore((state) => state.currentRules);\n  const toggleRuleTier = useLearningTemplateStore((state) => state.toggleRuleTier);\n  const scopeTreeData = useLearningTemplateStore((state) => state.scopeTreeData);\n  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);\n  const isPublishedReadOnly = useLearningTemplateStore((state) => state.isPublishedReadOnly);\n\n  // Compute highlighted variant actions from store for auto-scroll highlighting\n  const createdVariantInfo = useLearningTemplateStore((state) => state.createdVariantInfo);\n  const urlVariantId = useLearningTemplateStore((state) => state.urlVariantId);\n\n  // Permissions\n  const isPermissionsLoading = usePermissionsStore((state) => state.isLoading);\n  const hasPermission = usePermissionsStore((state) => state.hasPermission);\n\n  // Selected node\n  const selectedNode = selectedRuleSetId\n    ? findNodeById(scopeTreeData?.data || null, selectedRuleSetId)\n    : null;\n\n  const effectiveRuleSetId = selectedNode?.id;\n\n  // Determine if global\n  const isGlobalScope = selectedNode?.type === 'GLOBAL' || selectedNode?.name === 'Global';\n\n  // Whether the selected scope is the tree's root. Detected structurally — the root is\n  // simply `scopeTreeData.data` — rather than by matching a name/type against 'GLOBAL',\n  // since the root scope can be named anything. Same approach as LearningTemplateLayout.\n  const isRootScopeSelected = Boolean(\n    scopeTreeData?.data?.id && selectedRuleSetId === scopeTreeData.data.id\n  );\n\n  // Rule set info for header\n  const selectedRuleSet = selectedNode\n    ? {\n        ruleSetId: selectedNode.id,\n        ruleSetName: selectedNode.name,\n        ruleSetDesc: '',\n        ruleCount: selectedNode?.metrics?.learningsCount,\n      }\n    : undefined;\n\n  // Permissions\n  const canAddNewLearning =\n    !isPublishedReadOnly && (hasPermission('ilotj.rule.create', effectiveRuleSetId) ||\n      hasPermission('ilotj.rule.variant.create', effectiveRuleSetId));\n\n  const canViewLearnings = isPublishedReadOnly || hasPermission('ilotj.rule.view', effectiveRuleSetId);\n\n  // Highlighted variants — includes URL-param variant so its accordion auto-opens\n  const highlightedVariants = useMemo(() => {\n    const map = new Map<string, 'new' | 'existing'>();\n    if (createdVariantInfo) {\n      createdVariantInfo.forEach((entry) => {\n        entry.variants.forEach((v) => map.set(v.id, v.action));\n      });\n    }\n    if (urlVariantId) {\n      map.set(urlVariantId, 'existing');\n    }\n    return map.size > 0 ? map : undefined;\n  }, [createdVariantInfo, urlVariantId]);\n\n  // Compute display names of tiers with highlighted variants (for cross-tier banner)\n  const highlightedTierNames = useMemo(() => {\n    if (!createdVariantInfo || !currentRules) return undefined;\n    /** Maps internal tier name keys (e.g., 'tier1', 'tier_1') to tier IDs (e.g., '1') */\n    const tierNameToId: Record<string, string> = {\n      tier1: '1',\n      tier2: '2',\n      tier_1: '1',\n      tier_2: '2',\n    };\n    const tierIdToDisplayName: Record<string, string> = {};\n    currentRules.forEach((tier) => {\n      tierIdToDisplayName[tier.id] = tier.name;\n    });\n    return createdVariantInfo\n      .map((entry) => tierIdToDisplayName[tierNameToId[entry.tierName]])\n      .filter(Boolean);\n  }, [createdVariantInfo, currentRules]);\n\n  /**\n   * Fetch override history for a variant.\n   * This handler is passed down to library-ready components so they don't need to\n   * make direct API calls.\n   *\n   * @param ruleId - The ID of the rule (used for context)\n   * @param variantId - The variant ID to fetch history for (used for API call)\n   * @returns Promise resolving to OverrideHistoryResponse or null on error\n   */\n  const handleFetchOverrideHistory = useCallback(\n    async (ruleId: string, variantId?: string): Promise<OverrideHistoryResponse | null> => {\n      try {\n        // Use variantId for API call (variant-level history)\n        const response = await getRuleOverrideHistory(variantId || '');\n        if (response && response.data) {\n          return response.data as OverrideHistoryResponse;\n        }\n        return null;\n      } catch (err) {\n        console.error('Failed to fetch override history', err);\n        throw err; // Re-throw so the component can handle the error\n      }\n    },\n    []\n  );\n\n  const { draftItems, visibleTiers } = useMemo(() => {\n    const drafts: DraftRuleItem[] = [];\n    const filteredTiers = (currentRules || []).map((tier) => {\n      const rules = (tier.rules || [])\n        .map((rule) => {\n          const draftVariants = (rule.variants || []).filter((variant) => variant.is_drafted);\n          draftVariants.forEach((variant) => {\n            drafts.push({ rule, variant, tierName: tier.name });\n          });\n\n          return {\n            ...rule,\n            variants: (rule.variants || []).filter((variant) => !variant.is_drafted),\n          };\n        })\n        .filter((rule) => (rule.variants?.length ?? 0) > 0);\n\n      return {\n        ...tier,\n        ruleCount: rules.length,\n        rules,\n      };\n    });\n\n    return {\n      draftItems: drafts,\n      visibleTiers: filteredTiers,\n    };\n  }, [currentRules]);\n\n  // Loading State (Modern & Appealing)\n  if (isPermissionsLoading && !isPublishedReadOnly) {\n    return (\n      <div\n        style={{\n          display: 'flex',\n          height: '100vh', // Full viewport height for clean centering\n          alignItems: 'center',\n          justifyContent: 'center',\n          backgroundColor: '#f9fafb',\n          fontFamily: 'Helvetica, Arial, sans-serif',\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'center',\n            color: '#4b5563',\n          }}\n        >\n          <Loader2\n            style={{\n              marginBottom: '1rem',\n              height: '3rem',\n              width: '3rem',\n              color: '#007aff', // Apple-style blue\n              animation: 'spin 1s linear infinite',\n            }}\n          />\n          <p\n            style={{\n              fontSize: '1rem',\n              fontWeight: 500,\n              color: '#4b5563',\n            }}\n          >\n            Loading your permissions…\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  // Access Denied State (Modern & Appealing)\n  if (!canViewLearnings) {\n    return (\n      <>\n        <RuleHeader\n          onAddRule={onAddRule}\n          onExport={onExportRule}\n          isExporting={isExporting}\n          ruleSetName={selectedRuleSet?.ruleSetName}\n          ruleSetDescription={selectedRuleSet?.ruleSetDesc}\n          isGlobal={isGlobalScope}\n          showGlobalScopeInfo={isRootScopeSelected}\n          ruleSetId={effectiveRuleSetId}\n          onRequestPublishedEdit={onRequestPublishedEdit}\n          publishedEditStatus={publishedEditStatus}\n        />\n        <div\n          style={{\n            display: 'flex',\n            height: '80vh',\n            width: '100%',\n            flexDirection: 'column',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: '2rem',\n            textAlign: 'center',\n            backgroundColor: '#f0f2f5',\n            fontFamily: 'Helvetica, Arial, sans-serif',\n          }}\n        >\n          <div\n            style={{\n              marginBottom: '1.5rem',\n              height: '4rem',\n              width: '4rem',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              borderRadius: '50%',\n              background: 'linear-gradient(145deg, #e0e0e0, #ffffff)',\n              boxShadow: '4px 4px 12px rgba(0,0,0,0.05), -4px -4px 12px rgba(255,255,255,0.7)',\n            }}\n          >\n            <Lock style={{ height: '2rem', width: '2rem', color: '#8e8e93' }} />\n          </div>\n          <h3\n            style={{\n              // marginBottom: '0.5rem',\n              fontSize: '1.25rem',\n              fontWeight: 600,\n              color: '#1c1c1e',\n            }}\n          >\n            Access Denied\n          </h3>\n          <p\n            style={{\n              maxWidth: '22rem',\n              fontSize: '1rem',\n              color: '#636366',\n              lineHeight: 1.6,\n              marginBottom: '1rem',\n            }}\n          >\n            You do not have permission to view learnings for this scope.\n          </p>\n        </div>\n      </>\n    );\n  }\n\n  // If no rules, show Empty State but keep the Header\n  if ((!currentRules || currentRules?.length === 0) && draftItems.length === 0) {\n    return (\n      <>\n        <RuleHeader\n          onAddRule={onAddRule}\n          onExport={onExportRule}\n          isExporting={isExporting}\n          ruleSetName={selectedRuleSet?.ruleSetName}\n          ruleSetDescription={selectedRuleSet?.ruleSetDesc}\n          isGlobal={isGlobalScope}\n          showGlobalScopeInfo={isRootScopeSelected}\n          onRequestPublishedEdit={onRequestPublishedEdit}\n          publishedEditStatus={publishedEditStatus}\n        />\n        <EmptyLearningState\n          onCreate={onAddRule}\n          title={emptyStateTitle}\n          desc={emptyStateDesc}\n          button={emptyStateButtonText}\n          canCreateRule={canAddNewLearning}\n        />\n      </>\n    );\n  }\n\n  // Otherwise show the list of tiers\n  return (\n    <>\n      <RuleHeader\n        onAddRule={onAddRule}\n        onExport={onExportRule}\n        isExporting={isExporting}\n        ruleSetName={selectedRuleSet?.ruleSetName}\n        ruleSetDescription={selectedRuleSet?.ruleSetDesc}\n        isGlobal={isGlobalScope}\n        showGlobalScopeInfo={isRootScopeSelected}\n        ruleSetId={effectiveRuleSetId}\n        onRequestPublishedEdit={onRequestPublishedEdit}\n        publishedEditStatus={publishedEditStatus}\n      />\n      <RuleTierList\n        leadingContent={\n          <DraftsAccordion\n            drafts={draftItems}\n            ruleSetId={selectedRuleSet?.ruleSetId || ''}\n            onContinueEditing={onEditVariant}\n            onDeleteVariant={onDeleteVariant}\n            onToggleSuccess={onToggleSuccess}\n            setDeleteConfirmationUsedFor={setDeleteConfirmationUsedFor}\n          />\n        }\n        tiers={visibleTiers}\n        ruleSetId={selectedRuleSet?.ruleSetId || ''}\n        onToggleTier={toggleRuleTier}\n        onDeleteRule={onDeleteRule}\n        isGlobalScope={isGlobalScope}\n        onFetchOverrideHistory={handleFetchOverrideHistory}\n        onEditRule={onEditRule}\n        onEditVariant={onEditVariant}\n        onDeleteVariant={onDeleteVariant}\n        highlightedVariants={highlightedVariants}\n        highlightedTierNames={highlightedTierNames}\n        onToggleSuccess={onToggleSuccess}\n        onReorderRules={onReorderRules}\n        onRefreshRuleSets={onRefreshRuleSets}\n        setDeleteConfirmationUsedFor={setDeleteConfirmationUsedFor}\n        onCopyToTier={onCopyToTier}\n      />\n    </>\n  );\n};\n\nexport default ContentLogic;\n"],"names":["dt","useLearningTemplateStore","usePermissionsStore","findNodeById","useMemo","useCallback","getRuleOverrideHistory","_a","_b","jsx","jsxs","Loader2","Fragment","RuleHeader","Lock","EmptyLearningState","RuleTierList","DraftsAccordion"],"mappings":"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"}

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

@@ -1,2 +1,109 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),s=require("lucide-react"),r=require("./InheritanceBreadcrumb.js"),n=require("./VariantCard.js"),i=require("../store/usePermissionsStore.js"),l=require("../store/useLearningTemplateStore.js"),d=require("../styles/DraftsAccordion.module.css.js");exports.default=function(u){var o=u.drafts,c=u.ruleSetId,f=u.onContinueEditing,h=u.onDeleteVariant,v=u.onToggleSuccess,j=u.setDeleteConfirmationUsedFor,m=i.usePermissionsStore(function(e){return e.hasPermission}),_=l.useLearningTemplateStore(function(e){return e.isPublishedReadOnly}),g=!_&&m("ilotj.rule.variant.edit",c),x=!_&&m("ilotj.rule.variant.delete",c),C=a.useState(!0),N=C[0],I=C[1],p=a.useState(new Set),S=p[0],q=p[1];return o.length?t.jsxs("section",e.__assign({className:d.default.draftsSection},{children:[t.jsxs("button",e.__assign({className:d.default.draftsHeader,onClick:function(){return I(function(e){return!e})}},{children:[t.jsxs("span",{children:["Drafts (",o.length,")"]}),N?t.jsx(s.ChevronUp,{size:20}):t.jsx(s.ChevronDown,{size:20})]})),N&&t.jsx("div",e.__assign({className:d.default.draftList},{children:o.map(function(a){var i=a.rule,l=a.variant,u=a.tierName,o=S.has(l.variantId);return t.jsxs("article",e.__assign({className:d.default.draftCard},{children:[t.jsxs("div",e.__assign({className:d.default.draftHeader},{children:[t.jsxs("div",e.__assign({className:d.default.draftTitleRow,onClick:function(){q(function(e){var t=new Set(e);return t.has(l.variantId)?t.delete(l.variantId):t.add(l.variantId),t})}},{children:[t.jsx("h3",e.__assign({className:d.default.draftTitle},{children:i.ruleTitle})),o?t.jsx(s.ChevronUp,{size:20,className:d.default.draftChevron}):t.jsx(s.ChevronDown,{size:20,className:d.default.draftChevron})]})),t.jsxs("div",e.__assign({className:d.default.draftMetaRow},{children:[t.jsx(r.default,{inheritance:l.inheritance||[]}),t.jsxs("div",e.__assign({className:d.default.draftActions},{children:[x&&t.jsx("button",e.__assign({className:d.default.deleteButton,onClick:function(e){e.stopPropagation(),null==j||j("variantDeletion"),null==h||h(l.variantId,i.ruleId)}},{children:"Delete"})),g&&t.jsx("button",e.__assign({className:d.default.continueButton,onClick:function(e){e.stopPropagation(),null==f||f(l,i.ruleId,u)}},{children:"Continue Editing"}))]}))]}))]})),o&&t.jsx("div",e.__assign({className:d.default.draftContent},{children:t.jsx(n.default,{ruleTitle:i.ruleTitle,variant:l,variantIndex:0,totalVariants:1,ruleId:i.ruleId,ruleSetId:c,tierName:u,displayLabel:"Draft",showActionsBar:!1,showInheritance:!1,onToggleSuccess:v})}))]}),l.variantId)})}))]})):null};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var InheritanceBreadcrumb = require('./InheritanceBreadcrumb.js');
+var VariantCard = require('./VariantCard.js');
+var usePermissionsStore = require('../store/usePermissionsStore.js');
+var useLearningTemplateStore = require('../store/useLearningTemplateStore.js');
+var DraftsAccordion_module = require('../styles/DraftsAccordion.module.css.js');
+
+const DraftsAccordion = ({
+  drafts,
+  ruleSetId,
+  onContinueEditing,
+  onDeleteVariant,
+  onToggleSuccess,
+  setDeleteConfirmationUsedFor
+}) => {
+  const hasPermission = usePermissionsStore.usePermissionsStore((state) => state.hasPermission);
+  const isPublishedReadOnly = useLearningTemplateStore.useLearningTemplateStore((state) => state.isPublishedReadOnly);
+  const canEditVariant = !isPublishedReadOnly && hasPermission("ilotj.rule.variant.edit", ruleSetId);
+  const canDeleteVariant = !isPublishedReadOnly && hasPermission("ilotj.rule.variant.delete", ruleSetId);
+  const [isOpen, setIsOpen] = React.useState(true);
+  const [openDraftIds, setOpenDraftIds] = React.useState(/* @__PURE__ */ new Set());
+  if (!drafts.length) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: DraftsAccordion_module["default"].draftsSection, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("button", { className: DraftsAccordion_module["default"].draftsHeader, onClick: () => setIsOpen((open) => !open), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "Drafts (",
+        drafts.length,
+        ")"
+      ] }),
+      isOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 20 })
+    ] }),
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: DraftsAccordion_module["default"].draftList, children: drafts.map(({ rule, variant, tierName }) => {
+      const isDraftOpen = openDraftIds.has(variant.variantId);
+      const toggleDraftOpen = () => {
+        setOpenDraftIds((prev) => {
+          const next = new Set(prev);
+          if (next.has(variant.variantId)) {
+            next.delete(variant.variantId);
+          } else {
+            next.add(variant.variantId);
+          }
+          return next;
+        });
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs("article", { className: DraftsAccordion_module["default"].draftCard, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DraftsAccordion_module["default"].draftHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DraftsAccordion_module["default"].draftTitleRow, onClick: toggleDraftOpen, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: DraftsAccordion_module["default"].draftTitle, children: rule.ruleTitle }),
+            isDraftOpen ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { size: 20, className: DraftsAccordion_module["default"].draftChevron }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 20, className: DraftsAccordion_module["default"].draftChevron })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DraftsAccordion_module["default"].draftMetaRow, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(InheritanceBreadcrumb["default"], { inheritance: variant.inheritance || [] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DraftsAccordion_module["default"].draftActions, children: [
+              canDeleteVariant && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: DraftsAccordion_module["default"].deleteButton,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    setDeleteConfirmationUsedFor == null ? void 0 : setDeleteConfirmationUsedFor("variantDeletion");
+                    onDeleteVariant == null ? void 0 : onDeleteVariant(variant.variantId, rule.ruleId);
+                  },
+                  children: "Delete"
+                }
+              ),
+              canEditVariant && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: DraftsAccordion_module["default"].continueButton,
+                  onClick: (event) => {
+                    event.stopPropagation();
+                    onContinueEditing == null ? void 0 : onContinueEditing(variant, rule.ruleId, tierName);
+                  },
+                  children: "Continue Editing"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        isDraftOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: DraftsAccordion_module["default"].draftContent, children: /* @__PURE__ */ jsxRuntime.jsx(
+          VariantCard["default"],
+          {
+            ruleTitle: rule.ruleTitle,
+            variant,
+            variantIndex: 0,
+            totalVariants: 1,
+            ruleId: rule.ruleId,
+            ruleSetId,
+            tierName,
+            displayLabel: "Draft",
+            showActionsBar: false,
+            showInheritance: false,
+            onToggleSuccess
+          }
+        ) })
+      ] }, variant.variantId);
+    }) })
+  ] });
+};
+var DraftsAccordion$1 = DraftsAccordion;
+
+exports["default"] = DraftsAccordion$1;
 //# sourceMappingURL=DraftsAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DraftsAccordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DraftsAccordion.js","sources":["../../../../../src/features/LearningManagement/RuleContent/DraftsAccordion.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\n\nimport InheritanceBreadcrumb from './InheritanceBreadcrumb';\nimport VariantCard from './VariantCard';\nimport { usePermissionsStore } from '../store/usePermissionsStore';\nimport { useLearningTemplateStore } from '../store/useLearningTemplateStore';\nimport { RuleDefinition, RuleVariant } from '../types';\nimport styles from '../styles/DraftsAccordion.module.css';\n\nexport type DraftRuleItem = {\n  rule: RuleDefinition;\n  variant: RuleVariant;\n  tierName?: string;\n};\n\ninterface DraftsAccordionProps {\n  drafts: DraftRuleItem[];\n  ruleSetId?: string;\n  onContinueEditing?: (variant: RuleVariant, ruleId: string, tierName?: string) => void;\n  onDeleteVariant?: (variantId: string, ruleId: string) => void;\n  onToggleSuccess?: () => void;\n  setDeleteConfirmationUsedFor?: (value: 'ruleDeletion' | 'variantDeletion') => void;\n}\n\nconst DraftsAccordion: React.FC<DraftsAccordionProps> = ({\n  drafts,\n  ruleSetId,\n  onContinueEditing,\n  onDeleteVariant,\n  onToggleSuccess,\n  setDeleteConfirmationUsedFor,\n}) => {\n  const hasPermission = usePermissionsStore((state) => state.hasPermission);\n  const isPublishedReadOnly = useLearningTemplateStore((state) => state.isPublishedReadOnly);\n  const canEditVariant = !isPublishedReadOnly && hasPermission('ilotj.rule.variant.edit', ruleSetId);\n  const canDeleteVariant = !isPublishedReadOnly && hasPermission('ilotj.rule.variant.delete', ruleSetId);\n  const [isOpen, setIsOpen] = useState(true);\n  const [openDraftIds, setOpenDraftIds] = useState<Set<string>>(new Set());\n\n  if (!drafts.length) return null;\n\n  return (\n    <section className={styles.draftsSection}>\n      <button className={styles.draftsHeader} onClick={() => setIsOpen((open) => !open)}>\n        <span>Drafts ({drafts.length})</span>\n        {isOpen ? <ChevronUp size={20} /> : <ChevronDown size={20} />}\n      </button>\n\n      {isOpen && (\n        <div className={styles.draftList}>\n          {drafts.map(({ rule, variant, tierName }) => {\n            const isDraftOpen = openDraftIds.has(variant.variantId);\n            const toggleDraftOpen = () => {\n              setOpenDraftIds((prev) => {\n                const next = new Set(prev);\n                if (next.has(variant.variantId)) {\n                  next.delete(variant.variantId);\n                } else {\n                  next.add(variant.variantId);\n                }\n                return next;\n              });\n            };\n\n            return (\n              <article className={styles.draftCard} key={variant.variantId}>\n                <div className={styles.draftHeader}>\n                  <div className={styles.draftTitleRow} onClick={toggleDraftOpen}>\n                    <h3 className={styles.draftTitle}>{rule.ruleTitle}</h3>\n                    {isDraftOpen ? (\n                      <ChevronUp size={20} className={styles.draftChevron} />\n                    ) : (\n                      <ChevronDown size={20} className={styles.draftChevron} />\n                    )}\n                  </div>\n                  <div className={styles.draftMetaRow}>\n                    <InheritanceBreadcrumb inheritance={variant.inheritance || []} />\n                    <div className={styles.draftActions}>\n                      {canDeleteVariant && (\n                        <button\n                          className={styles.deleteButton}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            setDeleteConfirmationUsedFor?.('variantDeletion');\n                            onDeleteVariant?.(variant.variantId, rule.ruleId);\n                          }}\n                        >\n                          Delete\n                        </button>\n                      )}\n                      {canEditVariant && (\n                        <button\n                          className={styles.continueButton}\n                          onClick={(event) => {\n                            event.stopPropagation();\n                            onContinueEditing?.(variant, rule.ruleId, tierName);\n                          }}\n                        >\n                          Continue Editing\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n                {isDraftOpen && (\n                  <div className={styles.draftContent}>\n                    <VariantCard\n                      ruleTitle={rule.ruleTitle}\n                      variant={variant}\n                      variantIndex={0}\n                      totalVariants={1}\n                      ruleId={rule.ruleId}\n                      ruleSetId={ruleSetId}\n                      tierName={tierName}\n                      displayLabel=\"Draft\"\n                      showActionsBar={false}\n                      showInheritance={false}\n                      onToggleSuccess={onToggleSuccess}\n                    />\n                  </div>\n                )}\n              </article>\n            );\n          })}\n        </div>\n      )}\n    </section>\n  );\n};\n\nexport default DraftsAccordion;\n"],"names":["usePermissionsStore","useLearningTemplateStore","useState","jsxs","styles","ChevronUp","jsx","ChevronDown","InheritanceBreadcrumb","VariantCard"],"mappings":"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"}

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

@@ -1,2 +1,35 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var s=require("tslib"),e=require("react/jsx-runtime"),a=require("../styles/common.module.css.js"),i=function(){return e.jsxs("div",s.__assign({className:"".concat(a.default.historyContainer," ").concat(a.default.pulse)},{children:[e.jsxs("div",s.__assign({className:a.default.historyHeader},{children:[e.jsx("div",{className:a.default.historyHeaderIcon}),e.jsx("div",{className:a.default.historyHeaderText})]})),e.jsxs("div",s.__assign({className:a.default.historyTimeline},{children:[[1,2].map(function(i,l){return e.jsxs("div",s.__assign({className:a.default.historyRow},{children:[e.jsx("div",s.__assign({className:a.default.historyLeftColumn},{children:e.jsx("div",{className:a.default.historyLabelPlaceholder})})),e.jsxs("div",s.__assign({className:a.default.historyMiddleColumn},{children:[e.jsx("div",{className:a.default.historyVerticalLine}),e.jsx("div",{className:a.default.historyDot})]})),e.jsx("div",s.__assign({className:a.default.historyRightColumn},{children:e.jsx("div",{className:a.default.historyContentPlaceholder})}))]}),l)}),e.jsxs("div",s.__assign({className:a.default.historyRow},{children:[e.jsx("div",s.__assign({className:a.default.historyLeafLeftColumn},{children:e.jsx("div",{className:a.default.historyLeafLabel})})),e.jsx("div",s.__assign({className:a.default.historyMiddleColumn},{children:e.jsx("div",{className:a.default.historyLeafConnector})})),e.jsxs("div",s.__assign({className:a.default.historyLeafRightColumn},{children:[e.jsx("div",{className:a.default.historyLeafDot}),e.jsx("div",s.__assign({className:a.default.historyLeafCard},{children:e.jsx("div",{className:a.default.historyLeafCardContent})}))]}))]}))]}))]}))};exports.HistorySkeleton=i,exports.default=i;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var common_module = require('../styles/common.module.css.js');
+
+const HistorySkeleton = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${common_module["default"].historyContainer} ${common_module["default"].pulse}`, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyHeader, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyHeaderIcon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyHeaderText })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyTimeline, children: [
+    [1, 2].map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeftColumn, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLabelPlaceholder }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyMiddleColumn, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyVerticalLine }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyDot })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyRightColumn, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyContentPlaceholder }) })
+    ] }, i)),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyRow, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafLeftColumn, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafLabel }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyMiddleColumn, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafConnector }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: common_module["default"].historyLeafRightColumn, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafDot }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafCard, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: common_module["default"].historyLeafCardContent }) })
+      ] })
+    ] })
+  ] })
+] });
+
+exports.HistorySkeleton = HistorySkeleton;
+exports["default"] = HistorySkeleton;
 //# sourceMappingURL=HistorySkeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HistorySkeleton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"HistorySkeleton.js","sources":["../../../../../src/features/LearningManagement/RuleContent/HistorySkeleton.tsx"],"sourcesContent":["import React from 'react';\nimport styles from '../styles/common.module.css';\n\n/**\n * Skeleton component for displaying loading state of override history.\n * Library-ready: uses CSS modules.\n *\n * @returns JSX element displaying skeleton loading animation\n */\nexport const HistorySkeleton: React.FC = () => (\n    <div className={`${styles.historyContainer} ${styles.pulse}`}>\n        {/* Header */}\n        <div className={styles.historyHeader}>\n            <div className={styles.historyHeaderIcon} />\n            <div className={styles.historyHeaderText} />\n        </div>\n\n        <div className={styles.historyTimeline}>\n            {/* Standard Rows (Simulating Global/Music) */}\n            {[1, 2].map((_, i) => (\n                <div key={i} className={styles.historyRow}>\n                    {/* LEFT COLUMN */}\n                    <div className={styles.historyLeftColumn}>\n                        <div className={styles.historyLabelPlaceholder} />\n                    </div>\n\n                    {/* MIDDLE COLUMN */}\n                    <div className={styles.historyMiddleColumn}>\n                        <div className={styles.historyVerticalLine} />\n                        <div className={styles.historyDot} />\n                    </div>\n\n                    {/* RIGHT COLUMN */}\n                    <div className={styles.historyRightColumn}>\n                        <div className={styles.historyContentPlaceholder} />\n                    </div>\n                </div>\n            ))}\n\n            {/* Leaf Row (Simulating Edited) */}\n            <div className={styles.historyRow}>\n                {/* LEFT COLUMN */}\n                <div className={styles.historyLeafLeftColumn}>\n                    <div className={styles.historyLeafLabel} />\n                </div>\n\n                {/* MIDDLE COLUMN */}\n                <div className={styles.historyMiddleColumn}>\n                    <div className={styles.historyLeafConnector} />\n                </div>\n\n                {/* RIGHT COLUMN */}\n                <div className={styles.historyLeafRightColumn}>\n                    {/* Connection Dot */}\n                    <div className={styles.historyLeafDot} />\n\n                    {/* Card Box */}\n                    <div className={styles.historyLeafCard}>\n                        <div className={styles.historyLeafCardContent} />\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n);\n\nexport default HistorySkeleton;"],"names":["jsxs","styles","jsx"],"mappings":";;;;;;;AASa,MAAA,eAAA,GAA4B,sBACrCA,eAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAAC,wBAAA,CAAO,gBAAgB,CAAA,CAAA,EAAIA,wBAAO,CAAA,KAAK,CAEtD,CAAA,EAAA,QAAA,EAAA;AAAA,kBAACD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,wBAAA,CAAO,aACnB,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,wBAAA,CAAO,iBAAmB,EAAA,CAAA;AAAA,oBACzCC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,wBAAA,CAAO,iBAAmB,EAAA,CAAA;AAAA,GAC9C,EAAA,CAAA;AAAA,kBAECD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,wBAAA,CAAO,eAElB,EAAA,QAAA,EAAA;AAAA,IAAC,CAAA,CAAA,EAAG,CAAC,CAAA,CAAE,GAAI,CAAA,CAAC,CAAG,EAAA,CAAA,qBACXD,eAAA,CAAA,KAAA,EAAA,EAAY,SAAW,EAAAC,wBAAA,CAAO,UAE3B,EAAA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWD,wBAAO,CAAA,iBAAA,EACnB,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,wBAAO,CAAA,uBAAA,EAAyB,CACpD,EAAA,CAAA;AAAA,sBAGCD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,wBAAA,CAAO,mBACnB,EAAA,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,wBAAA,CAAO,mBAAqB,EAAA,CAAA;AAAA,wBAC3CC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,wBAAA,CAAO,UAAY,EAAA,CAAA;AAAA,OACvC,EAAA,CAAA;AAAA,sBAGAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,wBAAO,CAAA,kBAAA,EACnB,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,wBAAO,CAAA,yBAAA,EAA2B,CACtD,EAAA,CAAA;AAAA,KAAA,EAAA,EAfM,CAgBV,CACH,CAAA;AAAA,oBAGAD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,wBAAA,CAAO,UAEnB,EAAA,QAAA,EAAA;AAAA,sBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,WAAWD,wBAAO,CAAA,qBAAA,EACnB,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,wBAAO,CAAA,gBAAA,EAAkB,CAC7C,EAAA,CAAA;AAAA,sBAGAC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,wBAAO,CAAA,mBAAA,EACnB,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,wBAAO,CAAA,oBAAA,EAAsB,CACjD,EAAA,CAAA;AAAA,sBAGCD,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,wBAAA,CAAO,sBAEnB,EAAA,QAAA,EAAA;AAAA,wBAACC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAD,wBAAA,CAAO,cAAgB,EAAA,CAAA;AAAA,wBAGvCC,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAWD,wBAAO,CAAA,eAAA,EACnB,yCAAC,KAAI,EAAA,EAAA,SAAA,EAAWA,wBAAO,CAAA,sBAAA,EAAwB,CACnD,EAAA,CAAA;AAAA,OACJ,EAAA,CAAA;AAAA,KACJ,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA;AAAA,CACJ,EAAA;;;;;"}