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

package/dist/cjs/features/LearningManagement/ScopeSelector.js

@@ -1,2 +1,223 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("lucide-react"),t=require("./LearningManagement.js"),r=require("./store/useLearningTemplateStore.js"),s=require("./utils/treeUtils.js"),l={root:{display:"flex",flexDirection:"column",height:"100%",minHeight:0,background:"#fff"},header:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:12,padding:"16px 24px",borderBottom:"1px solid #EAECF0",flexShrink:0},title:{fontSize:16,fontWeight:600,color:"#101828",margin:0},closeButton:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:32,height:32,border:"1px solid #EAECF0",borderRadius:8,background:"#fff",cursor:"pointer",color:"#475467"},body:{flex:1,minHeight:0,display:"flex",overflow:"hidden"},footer:{display:"flex",flexDirection:"column",gap:12,padding:"12px 24px",borderTop:"1px solid #EAECF0",flexShrink:0},infoCard:{display:"flex",alignItems:"flex-start",gap:10,padding:"12px 16px",background:"#F5F3FF",border:"1px solid #E0DDFB",borderRadius:8},infoIcon:{color:"#5B2CF4",flexShrink:0,marginTop:1},infoBody:{minWidth:0,flex:1},infoTitle:{fontSize:13,fontWeight:600,color:"#5B2CF4"},infoText:{fontSize:12,color:"#475467",marginTop:2},infoClose:{display:"inline-flex",alignItems:"center",justifyContent:"center",border:"none",background:"transparent",cursor:"pointer",color:"#7F56D9",flexShrink:0,padding:2},actions:{display:"flex",alignItems:"center",justifyContent:"flex-end",gap:12,flexShrink:0},cancelBtn:{height:40,padding:"0 18px",borderRadius:8,border:"1px solid #D0D5DD",background:"#fff",color:"#344054",fontSize:14,fontWeight:600,cursor:"pointer"},proceedBtn:{height:40,padding:"0 22px",borderRadius:8,border:"none",background:"#5B2CF4",color:"#fff",fontSize:14,fontWeight:600,cursor:"pointer"},proceedBtnDisabled:{background:"#D6BBFB",cursor:"not-allowed"},crumb:{color:"#5B2CF4"},crumbSep:{color:"#98A2B3"}};exports.default=function(d){var a,c=d.title,u=void 0===c?"Select the scope you want to add guidelines from":c,f=d.onProceed,p=d.onCancel,g=d.proceedLabel,x=void 0===g?"Proceed":g,h=d.cancelLabel,b=void 0===h?"Cancel":h,y=e.__rest(d,["title","onProceed","onCancel","proceedLabel","cancelLabel"]),_=r.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),m=r.useLearningTemplateStore(function(e){return e.scopeTreeData}),v=i.useMemo(function(){var e;return function(e,n){var i;if(!n||!e)return null;var o=s.findNodeById(e,n);if(!o)return null;var t=(null!==(i=s.findNodePathById(e,n))&&void 0!==i?i:[n]).map(function(n){var i,o=s.findNodeById(e,n);return{id:n,name:null!==(i=null==o?void 0:o.name)&&void 0!==i?i:n}});return{scopeId:o.id,scopeName:o.name,path:t}}(null!==(e=null==m?void 0:m.data)&&void 0!==e?e:null,_)},[m,_]),j=null===(a=null==m?void 0:m.data)||void 0===a?void 0:a.id,B=Boolean(v&&j&&v.scopeId===j),C=i.useState(!1),k=C[0],S=C[1];i.useEffect(function(){S(!1)},[null==v?void 0:v.scopeId]);var I=Boolean(v)&&!B&&!k;return n.jsxs("div",e.__assign({style:l.root},{children:[n.jsxs("div",e.__assign({style:l.header},{children:[n.jsx("p",e.__assign({style:l.title},{children:u})),n.jsx("button",e.__assign({type:"button",style:l.closeButton,onClick:p,"aria-label":"Close"},{children:n.jsx(o.X,{size:18,strokeWidth:2})}))]})),n.jsx("div",e.__assign({style:l.body},{children:n.jsx(t.default,e.__assign({},y,{selectionMode:!0}))})),n.jsxs("div",e.__assign({style:l.footer},{children:[I&&v&&n.jsxs("div",e.__assign({style:l.infoCard},{children:[n.jsx(o.Info,{size:18,strokeWidth:2,style:l.infoIcon}),n.jsxs("div",e.__assign({style:l.infoBody},{children:[n.jsxs("div",e.__assign({style:l.infoTitle},{children:["Selected scope: ",v.scopeName]})),n.jsx("div",e.__assign({style:l.infoText},{children:"Only guidelines from the selected scope or subscope will be considered in the next step."}))]})),n.jsx("button",e.__assign({type:"button",style:l.infoClose,onClick:function(){return S(!0)},"aria-label":"Dismiss"},{children:n.jsx(o.X,{size:16,strokeWidth:2})}))]})),n.jsxs("div",e.__assign({style:l.actions},{children:[n.jsx("button",e.__assign({type:"button",style:l.cancelBtn,onClick:p},{children:b})),n.jsx("button",e.__assign({type:"button",style:e.__assign(e.__assign({},l.proceedBtn),v?{}:l.proceedBtnDisabled),onClick:function(){v&&f(v)},disabled:!v},{children:x}))]}))]}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var LearningManagement = require('./LearningManagement.js');
+var useLearningTemplateStore = require('./store/useLearningTemplateStore.js');
+var treeUtils = require('./utils/treeUtils.js');
+
+const buildSelection = (treeRoot, selectedId) => {
+  var _a;
+  if (!selectedId || !treeRoot) return null;
+  const node = treeUtils.findNodeById(treeRoot, selectedId);
+  if (!node) return null;
+  const idPath = (_a = treeUtils.findNodePathById(treeRoot, selectedId)) != null ? _a : [selectedId];
+  const path = idPath.map((id) => {
+    var _a2;
+    const n = treeUtils.findNodeById(treeRoot, id);
+    return { id, name: (_a2 = n == null ? void 0 : n.name) != null ? _a2 : id };
+  });
+  return { scopeId: node.id, scopeName: node.name, path };
+};
+const s = {
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    height: "100%",
+    minHeight: 0,
+    background: "#fff"
+  },
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: 12,
+    padding: "16px 24px",
+    borderBottom: "1px solid #EAECF0",
+    flexShrink: 0
+  },
+  title: {
+    fontSize: 16,
+    fontWeight: 600,
+    color: "#101828",
+    margin: 0
+  },
+  closeButton: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: 32,
+    height: 32,
+    border: "1px solid #EAECF0",
+    borderRadius: 8,
+    background: "#fff",
+    cursor: "pointer",
+    color: "#475467"
+  },
+  body: {
+    flex: 1,
+    minHeight: 0,
+    display: "flex",
+    overflow: "hidden"
+  },
+  footer: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 12,
+    padding: "12px 24px",
+    borderTop: "1px solid #EAECF0",
+    flexShrink: 0
+  },
+  infoCard: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 10,
+    padding: "12px 16px",
+    background: "#F5F3FF",
+    border: "1px solid #E0DDFB",
+    borderRadius: 8
+  },
+  infoIcon: {
+    color: "#5B2CF4",
+    flexShrink: 0,
+    marginTop: 1
+  },
+  infoBody: {
+    minWidth: 0,
+    flex: 1
+  },
+  infoTitle: {
+    fontSize: 13,
+    fontWeight: 600,
+    color: "#5B2CF4"
+  },
+  infoText: {
+    fontSize: 12,
+    color: "#475467",
+    marginTop: 2
+  },
+  infoClose: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    border: "none",
+    background: "transparent",
+    cursor: "pointer",
+    color: "#7F56D9",
+    flexShrink: 0,
+    padding: 2
+  },
+  actions: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-end",
+    gap: 12,
+    flexShrink: 0
+  },
+  cancelBtn: {
+    height: 40,
+    padding: "0 18px",
+    borderRadius: 8,
+    border: "1px solid #D0D5DD",
+    background: "#fff",
+    color: "#344054",
+    fontSize: 14,
+    fontWeight: 600,
+    cursor: "pointer"
+  },
+  proceedBtn: {
+    height: 40,
+    padding: "0 22px",
+    borderRadius: 8,
+    border: "none",
+    background: "#5B2CF4",
+    color: "#fff",
+    fontSize: 14,
+    fontWeight: 600,
+    cursor: "pointer"
+  },
+  proceedBtnDisabled: {
+    background: "#D6BBFB",
+    cursor: "not-allowed"
+  },
+  crumb: { color: "#5B2CF4" },
+  crumbSep: { color: "#98A2B3" }
+};
+const ScopeSelector = ({
+  title = "Select the scope you want to add guidelines from",
+  onProceed,
+  onCancel,
+  proceedLabel = "Proceed",
+  cancelLabel = "Cancel",
+  ...lmsProps
+}) => {
+  var _a;
+  const selectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const scopeTreeData = useLearningTemplateStore.useLearningTemplateStore((state) => state.scopeTreeData);
+  const selection = React.useMemo(
+    () => {
+      var _a2;
+      return buildSelection((_a2 = scopeTreeData == null ? void 0 : scopeTreeData.data) != null ? _a2 : null, selectedRuleSetId);
+    },
+    [scopeTreeData, selectedRuleSetId]
+  );
+  const rootScopeId = (_a = scopeTreeData == null ? void 0 : scopeTreeData.data) == null ? void 0 : _a.id;
+  const isRootSelected = Boolean(selection && rootScopeId && selection.scopeId === rootScopeId);
+  const [infoDismissed, setInfoDismissed] = React.useState(false);
+  React.useEffect(() => {
+    setInfoDismissed(false);
+  }, [selection == null ? void 0 : selection.scopeId]);
+  const showInfoCard = Boolean(selection) && !isRootSelected && !infoDismissed;
+  const handleProceed = () => {
+    if (selection) onProceed(selection);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.root, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.header, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { style: s.title, children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: s.closeButton, onClick: onCancel, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 18, strokeWidth: 2 }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.body, children: /* @__PURE__ */ jsxRuntime.jsx(LearningManagement["default"], { ...lmsProps, selectionMode: true }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.footer, children: [
+      showInfoCard && selection && /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.infoCard, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { size: 18, strokeWidth: 2, style: s.infoIcon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.infoBody, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.infoTitle, children: [
+            "Selected scope: ",
+            selection.scopeName
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { style: s.infoText, children: "Only guidelines from the selected scope or subscope will be considered in the next step." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            style: s.infoClose,
+            onClick: () => setInfoDismissed(true),
+            "aria-label": "Dismiss",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { size: 16, strokeWidth: 2 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { style: s.actions, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", style: s.cancelBtn, onClick: onCancel, children: cancelLabel }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            style: { ...s.proceedBtn, ...selection ? {} : s.proceedBtnDisabled },
+            onClick: handleProceed,
+            disabled: !selection,
+            children: proceedLabel
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+var ScopeSelector$1 = ScopeSelector;
+
+exports["default"] = ScopeSelector$1;
 //# sourceMappingURL=ScopeSelector.js.map

package/dist/cjs/features/LearningManagement/ScopeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScopeSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ScopeSelector.js","sources":["../../../../src/features/LearningManagement/ScopeSelector.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties } from 'react';\nimport type { AxiosRequestConfig } from 'axios';\nimport { Info, X } from 'lucide-react';\nimport LearningManagement from './LearningManagement';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\nimport { findNodeById, findNodePathById } from './utils/treeUtils';\nimport type { RbacConfig, AuditLogConfig } from './store/useEnvStore';\nimport type { User } from './store/types';\nimport type { ScopeSelection, ScopeTreeNode } from './types';\n\n/**\n * Config passed straight through to the underlying LearningManagement instance.\n * ScopeSelector reuses the full LMS scope tree + rule content (guideline\n * Disable/Delete/inheritance) and only layers a selection header/footer on top.\n */\nexport interface ScopeSelectorProps {\n  userDetails: User;\n  llmStudioUrl: string;\n  audacyBackendUrl: string;\n  config: any;\n  rbacConfig: RbacConfig;\n  auditLogConfig: AuditLogConfig;\n  ilLabels: {\n    setupLabel: string;\n    ruleTitle: string;\n    ruleDescriptionTitle: string;\n  };\n  app_integration_id?: string;\n  modeId?: string;\n  backwardCompatibility?: boolean;\n  cognitiveCompareCompatibility?: boolean;\n  axiosConfig?: AxiosRequestConfig;\n\n  /** Header title. Defaults to the figma copy. */\n  title?: string;\n  /** Fired when the user confirms the currently-selected scope. */\n  onProceed: (selection: ScopeSelection) => void;\n  /** Fired when the user dismisses the selector (Cancel / X). */\n  onCancel: () => void;\n  proceedLabel?: string;\n  cancelLabel?: string;\n}\n\n/**\n * Builds a ScopeSelection (id, name, breadcrumb path) for the node currently\n * highlighted in the LMS tree.\n */\nconst buildSelection = (\n  treeRoot: ScopeTreeNode | null,\n  selectedId: string | null\n): ScopeSelection | null => {\n  if (!selectedId || !treeRoot) return null;\n  const node = findNodeById(treeRoot, selectedId);\n  if (!node) return null;\n  const idPath = findNodePathById(treeRoot, selectedId) ?? [selectedId];\n  const path = idPath.map((id) => {\n    const n = findNodeById(treeRoot, id);\n    return { id, name: n?.name ?? id };\n  });\n  return { scopeId: node.id, scopeName: node.name, path };\n};\n\nconst s: Record<string, CSSProperties> = {\n  root: {\n    display: 'flex',\n    flexDirection: 'column',\n    height: '100%',\n    minHeight: 0,\n    background: '#fff',\n  },\n  header: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    gap: 12,\n    padding: '16px 24px',\n    borderBottom: '1px solid #EAECF0',\n    flexShrink: 0,\n  },\n  title: {\n    fontSize: 16,\n    fontWeight: 600,\n    color: '#101828',\n    margin: 0,\n  },\n  closeButton: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 32,\n    height: 32,\n    border: '1px solid #EAECF0',\n    borderRadius: 8,\n    background: '#fff',\n    cursor: 'pointer',\n    color: '#475467',\n  },\n  body: {\n    flex: 1,\n    minHeight: 0,\n    display: 'flex',\n    overflow: 'hidden',\n  },\n  footer: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 12,\n    padding: '12px 24px',\n    borderTop: '1px solid #EAECF0',\n    flexShrink: 0,\n  },\n  infoCard: {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: 10,\n    padding: '12px 16px',\n    background: '#F5F3FF',\n    border: '1px solid #E0DDFB',\n    borderRadius: 8,\n  },\n  infoIcon: {\n    color: '#5B2CF4',\n    flexShrink: 0,\n    marginTop: 1,\n  },\n  infoBody: {\n    minWidth: 0,\n    flex: 1,\n  },\n  infoTitle: {\n    fontSize: 13,\n    fontWeight: 600,\n    color: '#5B2CF4',\n  },\n  infoText: {\n    fontSize: 12,\n    color: '#475467',\n    marginTop: 2,\n  },\n  infoClose: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    border: 'none',\n    background: 'transparent',\n    cursor: 'pointer',\n    color: '#7F56D9',\n    flexShrink: 0,\n    padding: 2,\n  },\n  actions: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n    gap: 12,\n    flexShrink: 0,\n  },\n  cancelBtn: {\n    height: 40,\n    padding: '0 18px',\n    borderRadius: 8,\n    border: '1px solid #D0D5DD',\n    background: '#fff',\n    color: '#344054',\n    fontSize: 14,\n    fontWeight: 600,\n    cursor: 'pointer',\n  },\n  proceedBtn: {\n    height: 40,\n    padding: '0 22px',\n    borderRadius: 8,\n    border: 'none',\n    background: '#5B2CF4',\n    color: '#fff',\n    fontSize: 14,\n    fontWeight: 600,\n    cursor: 'pointer',\n  },\n  proceedBtnDisabled: {\n    background: '#D6BBFB',\n    cursor: 'not-allowed',\n  },\n  crumb: { color: '#5B2CF4' },\n  crumbSep: { color: '#98A2B3' },\n};\n\n/**\n * Embeddable scope picker. Renders the existing LearningManagement layout in\n * selection mode (Guidelines-only tree, no host-URL writes) and surrounds it\n * with the selection header/footer from the figma. The node highlighted in the\n * tree is the scope that gets returned on Proceed.\n */\nconst ScopeSelector: React.FC<ScopeSelectorProps> = ({\n  title = 'Select the scope you want to add guidelines from',\n  onProceed,\n  onCancel,\n  proceedLabel = 'Proceed',\n  cancelLabel = 'Cancel',\n  ...lmsProps\n}) => {\n  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);\n  const scopeTreeData = useLearningTemplateStore((state) => state.scopeTreeData);\n\n  const selection = useMemo(\n    () => buildSelection(scopeTreeData?.data ?? null, selectedRuleSetId),\n    [scopeTreeData, selectedRuleSetId]\n  );\n\n  // The root (Global) scope is the default; the \"selected scope\" info card only\n  // applies once the user drills into a non-Global scope.\n  const rootScopeId = scopeTreeData?.data?.id;\n  const isRootSelected = Boolean(selection && rootScopeId && selection.scopeId === rootScopeId);\n\n  const [infoDismissed, setInfoDismissed] = useState(false);\n  // Re-show the card whenever the selected scope changes.\n  useEffect(() => {\n    setInfoDismissed(false);\n  }, [selection?.scopeId]);\n\n  const showInfoCard = Boolean(selection) && !isRootSelected && !infoDismissed;\n\n  const handleProceed = () => {\n    if (selection) onProceed(selection);\n  };\n\n  return (\n    <div style={s.root}>\n      <div style={s.header}>\n        <p style={s.title}>{title}</p>\n        <button type=\"button\" style={s.closeButton} onClick={onCancel} aria-label=\"Close\">\n          <X size={18} strokeWidth={2} />\n        </button>\n      </div>\n\n      <div style={s.body}>\n        <LearningManagement {...lmsProps} selectionMode />\n      </div>\n\n      <div style={s.footer}>\n        {showInfoCard && selection && (\n          <div style={s.infoCard}>\n            <Info size={18} strokeWidth={2} style={s.infoIcon} />\n            <div style={s.infoBody}>\n              <div style={s.infoTitle}>Selected scope: {selection.scopeName}</div>\n              <div style={s.infoText}>\n                Only guidelines from the selected scope or subscope will be considered in the next step.\n              </div>\n            </div>\n            <button\n              type=\"button\"\n              style={s.infoClose}\n              onClick={() => setInfoDismissed(true)}\n              aria-label=\"Dismiss\"\n            >\n              <X size={16} strokeWidth={2} />\n            </button>\n          </div>\n        )}\n        <div style={s.actions}>\n          <button type=\"button\" style={s.cancelBtn} onClick={onCancel}>\n            {cancelLabel}\n          </button>\n          <button\n            type=\"button\"\n            style={{ ...s.proceedBtn, ...(selection ? {} : s.proceedBtnDisabled) }}\n            onClick={handleProceed}\n            disabled={!selection}\n          >\n            {proceedLabel}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default ScopeSelector;\n"],"names":["findNodeById","findNodePathById","_a","useLearningTemplateStore","useMemo","useState","useEffect","jsxs","jsx","X","LearningManagement","Info"],"mappings":"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"}

package/dist/cjs/features/LearningManagement/Sidebar.js

@@ -1,2 +1,71 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),n=require("./styles/Sidebar.module.css.js"),r=require("./components/SidebarSearch.js"),o=require("./components/ScopeTree/TreeSidebar.js"),s=require("./store/useLMSConfigStore.js"),i=require("./constants.js"),c=require("./store/useLearningTemplateStore.js");exports.default=function(d){var l=d.scopeTreeData,u=d.selectedRuleSetId,S=d.onAddChild,h=d.onRenameChild,p=d.onDeleteChild,C=d.canDeleteScope,f=d.canEditScope,g=d.canCreateScope,m=d.onSectionSelect,j=d.activeSectionId;d.onOnboardStation;var v=d.sectionsConfig,b=d.nodeTypesConfig,T=d.menuActionsConfig,q=d.searchPlaceholder,x=void 0===q?s.dt("".concat(i.MIDDLE_DRAWER_DT_PATH,".treeMenu.search"),"Search for Scopes.."):q,D=a.useState(""),_=D[0],y=D[1],A=a.useState(0),R=A[0],I=A[1];return c.useLearningTemplateStore.getState().backwardCompatibility,t.jsx("div",e.__assign({className:n.default.sidebar},{children:t.jsxs(t.Fragment,{children:[t.jsx(r.default,{value:_,onChange:y,placeholder:x,searchCount:R}),t.jsx("div",{className:n.default.divider}),t.jsx("div",e.__assign({className:n.default.content},{children:l&&t.jsx(o.TreeSidebar,{data:l.data,onAddChild:S,onRenameChild:h,onDeleteChild:p,canDeleteScope:C,canEditScope:f,canCreateScope:g,onSectionSelect:m,selectedRuleSetId:u,activeSectionId:j,searchQuery:_,onSearchCountChange:I,sectionsConfig:v,nodeTypesConfig:b,menuActionsConfig:T})}))]})}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Sidebar_module = require('./styles/Sidebar.module.css.js');
+var SidebarSearch = require('./components/SidebarSearch.js');
+var TreeSidebar = require('./components/ScopeTree/TreeSidebar.js');
+var useLMSConfigStore = require('./store/useLMSConfigStore.js');
+var constants = require('./constants.js');
+var useLearningTemplateStore = require('./store/useLearningTemplateStore.js');
+
+const Sidebar = ({
+  scopeTreeData,
+  selectedRuleSetId,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  canCreateScope,
+  onSectionSelect,
+  activeSectionId,
+  onOnboardStation,
+  sectionsConfig,
+  nodeTypesConfig,
+  menuActionsConfig,
+  // Labels
+  searchPlaceholder = useLMSConfigStore.dt(`${constants.MIDDLE_DRAWER_DT_PATH}.treeMenu.search`, "Search for Scopes..")
+}) => {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [treeSearchCount, setTreeSearchCount] = React.useState(0);
+  useLearningTemplateStore.useLearningTemplateStore.getState().backwardCompatibility;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module["default"].sidebar, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarSearch["default"],
+      {
+        value: searchQuery,
+        onChange: setSearchQuery,
+        placeholder: searchPlaceholder,
+        searchCount: treeSearchCount
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module["default"].divider }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: Sidebar_module["default"].content, children: scopeTreeData && /* @__PURE__ */ jsxRuntime.jsx(
+      TreeSidebar.TreeSidebar,
+      {
+        data: scopeTreeData.data,
+        onAddChild,
+        onRenameChild,
+        onDeleteChild,
+        canDeleteScope,
+        canEditScope,
+        canCreateScope,
+        onSectionSelect,
+        selectedRuleSetId,
+        activeSectionId,
+        searchQuery,
+        onSearchCountChange: setTreeSearchCount,
+        sectionsConfig,
+        nodeTypesConfig,
+        menuActionsConfig
+      }
+    ) })
+  ] }) });
+};
+var Sidebar$1 = Sidebar;
+
+exports["default"] = Sidebar$1;
 //# sourceMappingURL=Sidebar.js.map

package/dist/cjs/features/LearningManagement/Sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Sidebar.js","sources":["../../../../src/features/LearningManagement/Sidebar.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Plus } from 'lucide-react';\nimport { ScopesTreeResponse, TreeSectionConfig, NodeTypeConfig, MenuActionConfig } from './types';\nimport styles from './styles/Sidebar.module.css';\nimport SidebarSearch from './components/SidebarSearch';\nimport { TreeSidebar } from './components/ScopeTree/TreeSidebar';\nimport { dt } from './store/useLMSConfigStore';\nimport { MIDDLE_DRAWER_DT_PATH } from './constants';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\n\n\n/**\n * Props for the Sidebar component.\n * Library-ready: fully controlled via props, no store access, no API calls.\n */\ninterface SidebarProps {\n  /** Mock data for the new tree structure */\n  scopeTreeData?: ScopesTreeResponse;\n  /** Currently selected rule set ID */\n  selectedRuleSetId: string | null;\n  /** Placeholder for search input */\n  searchPlaceholder?: string;\n  onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n  onRenameChild?: (scopeId: string, initialName: string) => void;\n  onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n  canDeleteScope?: (scopeId: string) => boolean;\n  canEditScope?: (scopeId: string) => boolean;\n  canCreateScope?: (scopeId: string) => boolean;\n  onSectionSelect?: (scopeId: string, sectionId: string) => void;\n  activeSectionId?: string;\n  onOnboardStation?: () => void;\n  sectionsConfig?: TreeSectionConfig[];\n  nodeTypesConfig?: NodeTypeConfig[];\n  menuActionsConfig?: MenuActionConfig[];\n}\n\n/**\n * Sidebar component for Rule Template Management.\n * Handles navigation between Rule Sets and Stations tabs, and displays lists of rules.\n * Library-ready: fully controlled via props, no store access, no API calls, uses CSS modules.\n *\n * @param props - Component props\n * @returns JSX element displaying the sidebar\n */\nconst Sidebar: React.FC<SidebarProps> = ({\n  scopeTreeData,\n  selectedRuleSetId,\n  onAddChild,\n  onRenameChild,\n  onDeleteChild,\n  canDeleteScope,\n  canEditScope,\n  canCreateScope,\n  onSectionSelect,\n  activeSectionId,\n  onOnboardStation,\n  sectionsConfig,\n  nodeTypesConfig,\n  menuActionsConfig,\n  // Labels\n  searchPlaceholder = dt(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.search`, 'Search for Scopes..'),\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [treeSearchCount, setTreeSearchCount] = useState<number>(0);\n\n  const backwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;\n\n\n\n  return (\n    <div className={styles.sidebar}>\n        <>\n          {/* Search */}\n          <SidebarSearch\n            value={searchQuery}\n            onChange={setSearchQuery}\n            placeholder={searchPlaceholder}\n            searchCount={treeSearchCount}\n          />\n\n          <div className={styles.divider} />\n\n          <div className={styles.content}>\n            {scopeTreeData && (\n              <TreeSidebar \n                data={scopeTreeData.data} \n                onAddChild={onAddChild} \n                onRenameChild={onRenameChild} \n                onDeleteChild={onDeleteChild}\n                canDeleteScope={canDeleteScope}\n                canEditScope={canEditScope}\n                canCreateScope={canCreateScope}\n                onSectionSelect={onSectionSelect}\n                selectedRuleSetId={selectedRuleSetId}\n                activeSectionId={activeSectionId}\n                searchQuery={searchQuery}\n                onSearchCountChange={setTreeSearchCount}\n                sectionsConfig={sectionsConfig}\n                nodeTypesConfig={nodeTypesConfig}\n                menuActionsConfig={menuActionsConfig}\n              />\n            )}\n          </div>\n        </>\n\n      \n      {/* Onboard Station Button at the bottom */}\n      {/* {onOnboardStation&&backwardCompatibility  && (\n        <div className={styles.createButtonContainer}>\n          <button className={styles.createButton} onClick={onOnboardStation}>\n            <Plus size={16} />\n            Onboard a station\n          </button>\n        </div>\n      )} */}\n    </div>\n  );\n};\n\nexport default Sidebar;\n"],"names":["dt","MIDDLE_DRAWER_DT_PATH","useState","useLearningTemplateStore","jsx","styles","jsxs","Fragment","SidebarSearch","TreeSidebar"],"mappings":";;;;;;;;;;;;;AA4CA,MAAM,UAAkC,CAAC;AAAA,EACvC,aAAA;AAAA,EACA,iBAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AAAA;AAAA,EAEA,iBAAoB,GAAAA,oBAAA,CAAG,CAAG,EAAAC,+BAAqB,oBAAoB,qBAAqB,CAAA;AAC1F,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIC,eAAS,EAAE,CAAA,CAAA;AACjD,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,eAAiB,CAAC,CAAA,CAAA;AAEhE,EAA8BC,iDAAyB,CAAA,QAAA,EAAW,CAAA,sBAAA;AAIlE,EAAA,uBACGC,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yBAAA,CAAO,SACnB,QAEE,kBAAAC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAH,cAAA;AAAA,MAACI,wBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,WAAA;AAAA,QACP,QAAU,EAAA,cAAA;AAAA,QACV,WAAa,EAAA,iBAAA;AAAA,QACb,WAAa,EAAA,eAAA;AAAA,OAAA;AAAA,KACf;AAAA,oBAECJ,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yBAAA,CAAO,OAAS,EAAA,CAAA;AAAA,oBAE/BD,cAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAAC,yBAAA,CAAO,SACpB,QACC,EAAA,aAAA,oBAAAD,cAAA;AAAA,MAACK,uBAAA;AAAA,MAAA;AAAA,QACC,MAAM,aAAc,CAAA,IAAA;AAAA,QACpB,UAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,WAAA;AAAA,QACA,mBAAqB,EAAA,kBAAA;AAAA,QACrB,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,OAAA;AAAA,KAGN,EAAA,CAAA;AAAA,GAAA,EACF,CAYJ,EAAA,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,gBAAe,OAAA;;;;"}

package/dist/cjs/features/LearningManagement/SidebarWrapper.js

@@ -1,2 +1,56 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("primereact/toast"),o=require("./store/useLearningTemplateStore.js"),r=require("./Sidebar.js");exports.default=function(i){i.onOpenCreateModal,i.onRefreshRuleSets;var a=i.scopeTreeData,c=i.onAddChild,s=i.onRenameChild,d=i.onDeleteChild,l=i.canDeleteScope,u=i.canEditScope,S=i.canCreateScope,p=i.onSectionSelect,f=i.sectionsConfig,C=i.nodeTypesConfig,g=i.activeSectionId,m=i.menuActionsConfig,h=n.useRef(null),T=o.useLearningTemplateStore(function(e){return e.selectedRuleSetId}),j=o.useLearningTemplateStore(function(e){return e.setStationModalOpen});return e.jsxs(e.Fragment,{children:[e.jsx(t.Toast,{ref:h}),e.jsx(r.default,{selectedRuleSetId:T,scopeTreeData:a,onAddChild:c,onRenameChild:s,onDeleteChild:d,canDeleteScope:l,canEditScope:u,canCreateScope:S,onSectionSelect:p,activeSectionId:g,onOnboardStation:function(){return j(!0)},sectionsConfig:f,nodeTypesConfig:C,menuActionsConfig:m})]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var toast = require('primereact/toast');
+var useLearningTemplateStore = require('./store/useLearningTemplateStore.js');
+var Sidebar = require('./Sidebar.js');
+
+const SidebarWrapper = ({
+  onOpenCreateModal,
+  onRefreshRuleSets,
+  scopeTreeData,
+  onAddChild,
+  onRenameChild,
+  onDeleteChild,
+  canDeleteScope,
+  canEditScope,
+  canCreateScope,
+  onSectionSelect,
+  sectionsConfig,
+  nodeTypesConfig,
+  activeSectionId,
+  menuActionsConfig
+}) => {
+  const toast$1 = React.useRef(null);
+  const selectedRuleSetId = useLearningTemplateStore.useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const setStationModalOpen = useLearningTemplateStore.useLearningTemplateStore((state) => state.setStationModalOpen);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(toast.Toast, { ref: toast$1 }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Sidebar["default"],
+      {
+        selectedRuleSetId,
+        scopeTreeData,
+        onAddChild,
+        onRenameChild,
+        onDeleteChild,
+        canDeleteScope,
+        canEditScope,
+        canCreateScope,
+        onSectionSelect,
+        activeSectionId,
+        onOnboardStation: () => setStationModalOpen(true),
+        sectionsConfig,
+        nodeTypesConfig,
+        menuActionsConfig
+      }
+    )
+  ] });
+};
+var SidebarWrapper$1 = SidebarWrapper;
+
+exports["default"] = SidebarWrapper$1;
 //# sourceMappingURL=SidebarWrapper.js.map

package/dist/cjs/features/LearningManagement/SidebarWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWrapper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"SidebarWrapper.js","sources":["../../../../src/features/LearningManagement/SidebarWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { Toast } from 'primereact/toast';\nimport { ScopesTreeResponse, TreeSectionConfig, NodeTypeConfig, MenuActionConfig } from './types';\nimport { useLearningTemplateStore } from './store/useLearningTemplateStore';\nimport Sidebar from './Sidebar';\n\n\n/**\n * Props for the SidebarWrapper component.\n */\ninterface SidebarWrapperProps {\n    /** Callback to open the create rule set modal */\n    onOpenCreateModal: () => void;\n    /** Callback to refresh rule sets after changes */\n    onRefreshRuleSets: (showLoader?: boolean, scopeId?: string) => void;\n    scopeTreeData?: ScopesTreeResponse;\n    onAddChild?: (parentId: string, childType: 'SCOPE' | 'SUBSCOPE', parentName?: string) => void;\n    onRenameChild?: (scopeId: string, initialName: string) => void;\n    onDeleteChild?: (scopeId: string, scopeName: string, learningsCount: number) => void;\n    canDeleteScope?: (scopeId: string) => boolean;\n     canEditScope?: (scopeId: string) => boolean;\n     canCreateScope?: (scopeId: string) => boolean;\n    onSectionSelect?: (scopeId: string, sectionId: string) => void;\n    sectionsConfig?: TreeSectionConfig[];\n    nodeTypesConfig?: NodeTypeConfig[];\n    activeSectionId?: string;\n    menuActionsConfig?: MenuActionConfig[];\n}\n\n/**\n * App-specific wrapper for the library-ready Sidebar component.\n * Bridges Zustand store with the prop-driven Sidebar.\n * Handles API calls for deletion and manages confirmation modals.\n *\n * @param props - Component props\n * @returns JSX element displaying the sidebar with all app-specific logic\n */\nconst SidebarWrapper: React.FC<SidebarWrapperProps> = ({\n    onOpenCreateModal,\n    onRefreshRuleSets,\n    scopeTreeData,\n    onAddChild,\n    onRenameChild,\n    onDeleteChild,\n    canDeleteScope,\n    canEditScope,\n    canCreateScope,\n    onSectionSelect,\n    sectionsConfig,\n    nodeTypesConfig,\n    activeSectionId,\n    menuActionsConfig\n}) => {\n    const toast = useRef<Toast>(null);\n\n    const selectedRuleSetId = useLearningTemplateStore((state ) => state.selectedRuleSetId);\n    const setStationModalOpen = useLearningTemplateStore((state ) => state.setStationModalOpen);\n\n\n    return (\n        <>\n            <Toast ref={toast} />\n            <Sidebar\n                selectedRuleSetId={selectedRuleSetId}\n                scopeTreeData={scopeTreeData}\n                onAddChild={onAddChild}\n                onRenameChild={onRenameChild}\n                onDeleteChild={onDeleteChild}\n                canDeleteScope={canDeleteScope}\n                canEditScope={canEditScope}\n                canCreateScope={canCreateScope}\n                onSectionSelect={onSectionSelect}\n                activeSectionId={activeSectionId}\n                onOnboardStation={() => setStationModalOpen(true)}\n                sectionsConfig={sectionsConfig}\n                nodeTypesConfig={nodeTypesConfig}\n                menuActionsConfig={menuActionsConfig}\n            />\n        </>\n    );\n};\n\nexport default SidebarWrapper;\n"],"names":["toast","useRef","useLearningTemplateStore","jsxs","Fragment","jsx","Toast","Sidebar"],"mappings":";;;;;;;;;;AAqCA,MAAM,iBAAgD,CAAC;AAAA,EACnD,iBAAA;AAAA,EACA,iBAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAAA;AACJ,CAAM,KAAA;AACF,EAAM,MAAAA,OAAA,GAAQC,aAAc,IAAI,CAAA,CAAA;AAEhC,EAAA,MAAM,iBAAoB,GAAAC,iDAAA,CAAyB,CAAC,KAAA,KAAW,MAAM,iBAAiB,CAAA,CAAA;AACtF,EAAA,MAAM,mBAAsB,GAAAA,iDAAA,CAAyB,CAAC,KAAA,KAAW,MAAM,mBAAmB,CAAA,CAAA;AAG1F,EAAA,uBAEQC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,WAAA,EAAA,EAAM,KAAKN,OAAO,EAAA,CAAA;AAAA,oBACnBK,cAAA;AAAA,MAACE,kBAAA;AAAA,MAAA;AAAA,QACG,iBAAA;AAAA,QACA,aAAA;AAAA,QACA,UAAA;AAAA,QACA,aAAA;AAAA,QACA,aAAA;AAAA,QACA,cAAA;AAAA,QACA,YAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QACA,gBAAA,EAAkB,MAAM,mBAAA,CAAoB,IAAI,CAAA;AAAA,QAChD,cAAA;AAAA,QACA,eAAA;AAAA,QACA,iBAAA;AAAA,OAAA;AAAA,KACJ;AAAA,GACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,uBAAe,cAAA;;;;"}

package/dist/cjs/features/LearningManagement/StationsContent/StationsContent.js

@@ -1,2 +1,119 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),a=require("lucide-react"),n=require("../components/ErrorStateDisplay.js"),i=require("../components/EmptyLearningState.js"),r=require("../store/useLearningTemplateStore.js"),l=require("../styles/StationsContent.module.css.js"),o=require("../RuleContent/RuleHeader.js"),c=require("../store/useLMSConfigStore.js");exports.default=function(d){d.scopeId;var u=d.scopeName,p=d.stations,f=void 0===p?[]:p,h=d.stationsCount,m=d.onViewStation;d.onDeleteStation;var _=t.useState(""),g=_[0],j=_[1],x=t.useState(f),v=x[0],N=x[1],S=t.useState(!1),y=S[0],D=S[1],w=t.useState(null),L=w[0],C=w[1],q=r.useLearningTemplateStore(function(e){return e.setStationModalOpen}),R=function(){D(!0),C(null);try{var e=g.trim().toLowerCase(),s=f.filter(function(s){return s.stationName.toLowerCase().includes(e)});N(s)}catch(e){console.error("Failed to filter stations:",e),C("Failed to filter stations. Please try again.")}finally{D(!1)}};t.useEffect(function(){R()},[g,f]);var W=c.dt("middleDrawer.scopeDisplayLimit.title","Stations"),b=f.length||h||0;return s.jsxs("div",e.__assign({className:l.default.container},{children:[s.jsxs("div",{children:[s.jsx(o.default,{ruleSetName:"".concat(u," > ").concat(W," (").concat(b,")"),ruleSetDescription:c.interpolate(c.dt("middleDrawer.scopeDisplayLimit.description","Manage the stations assigned to the {scope} scope."),{scope:u}),onOnboardStation:function(){return q(!0)}}),s.jsx("div",e.__assign({className:l.default.searchBarWrapper},{children:s.jsxs("div",e.__assign({className:l.default.searchRelative},{children:[s.jsx("div",e.__assign({className:l.default.searchIconWrapper},{children:s.jsx(a.Search,{className:l.default.searchIcon})})),s.jsx("input",{type:"text",className:l.default.searchInput,placeholder:c.dt("middleDrawer.scopeDisplayLimit.searchPlaceholder","Search station..."),value:g,onChange:function(e){return j(e.target.value)}})]}))}))]}),s.jsx("div",e.__assign({className:l.default.contentArea},{children:y?s.jsx("div",e.__assign({className:l.default.loadingWrapper},{children:s.jsx("p",{children:"Loading stations..."})})):L?s.jsx(n.default,{errorMessage:L,onRetry:R}):0===f.length?s.jsx("div",e.__assign({className:l.default.emptyWrapper},{children:s.jsx(i.default,{title:"No stations in this scope yet!",desc:"Add stations to ".concat(u," to define which ones this scope applies to."),button:"Onboard a Station",onCreate:function(){return q(!0)}})})):0===v.length?s.jsx("div",e.__assign({className:l.default.noResultsWrapper},{children:s.jsx("p",{children:"No stations match your search query."})})):s.jsx("div",e.__assign({className:l.default.stationList},{children:v.map(function(t){return s.jsxs("div",e.__assign({className:l.default.stationCard},{children:[s.jsxs("div",e.__assign({className:l.default.stationCardLeft},{children:[s.jsx("div",e.__assign({className:l.default.stationIconWrapper},{children:s.jsx(a.RadioTower,{size:20})})),s.jsxs("div",e.__assign({className:l.default.stationDetails},{children:[s.jsxs("div",e.__assign({className:l.default.stationHeaderRow},{children:[s.jsx("span",e.__assign({className:l.default.stationNameText},{children:t.stationName})),s.jsxs("span",e.__assign({className:l.default.learningsBadge},{children:[t.learningsCount," learnings"]}))]})),t.stationDesc&&s.jsx("span",e.__assign({className:l.default.stationDescText},{children:t.stationDesc}))]}))]})),s.jsx("div",e.__assign({className:l.default.actionButtonsWrapper},{children:s.jsx("button",e.__assign({onClick:function(){return null==m?void 0:m(t)},className:l.default.viewBtn},{children:c.dt("middleDrawer.scopeDisplayLimit.viewText","View")}))}))]}),t.stationId)})}))}))]}))};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var lucideReact = require('lucide-react');
+var ErrorStateDisplay = require('../components/ErrorStateDisplay.js');
+var EmptyLearningState = require('../components/EmptyLearningState.js');
+var useLearningTemplateStore = require('../store/useLearningTemplateStore.js');
+var StationsContent_module = require('../styles/StationsContent.module.css.js');
+var RuleHeader = require('../RuleContent/RuleHeader.js');
+var useLMSConfigStore = require('../store/useLMSConfigStore.js');
+
+const StationsContent = ({
+  scopeId,
+  scopeName,
+  stations = [],
+  stationsCount,
+  onViewStation,
+  onDeleteStation
+}) => {
+  const [searchQuery, setSearchQuery] = React.useState("");
+  const [filteredStations, setFilteredStations] = React.useState(stations);
+  const [isLoading, setIsLoading] = React.useState(false);
+  const [error, setError] = React.useState(null);
+  const setStationModalOpen = useLearningTemplateStore.useLearningTemplateStore((state) => state.setStationModalOpen);
+  const applyFilter = () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      const query = searchQuery.trim().toLowerCase();
+      const result = stations.filter(
+        (station) => station.stationName.toLowerCase().includes(query)
+      );
+      setFilteredStations(result);
+    } catch (err) {
+      console.error("Failed to filter stations:", err);
+      setError("Failed to filter stations. Please try again.");
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  React.useEffect(() => {
+    applyFilter();
+  }, [searchQuery, stations]);
+  const sectionTitle = useLMSConfigStore.dt("middleDrawer.scopeDisplayLimit.title", "Stations");
+  const stationsTotal = stations.length || stationsCount || 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: StationsContent_module["default"].container, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        RuleHeader["default"],
+        {
+          ruleSetName: `${scopeName} > ${sectionTitle} (${stationsTotal})`,
+          ruleSetDescription: useLMSConfigStore.interpolate(
+            useLMSConfigStore.dt("middleDrawer.scopeDisplayLimit.description", "Manage the stations assigned to the {scope} scope."),
+            { scope: scopeName }
+          ),
+          onOnboardStation: () => setStationModalOpen(true)
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].searchBarWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: StationsContent_module["default"].searchRelative, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].searchIconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: StationsContent_module["default"].searchIcon }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            className: StationsContent_module["default"].searchInput,
+            placeholder: useLMSConfigStore.dt("middleDrawer.scopeDisplayLimit.searchPlaceholder", "Search station..."),
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value)
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].contentArea, children: isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].loadingWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Loading stations..." }) }) : error ? /* @__PURE__ */ jsxRuntime.jsx(ErrorStateDisplay["default"], { errorMessage: error, onRetry: applyFilter }) : stations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].emptyWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyLearningState["default"],
+      {
+        title: "No stations in this scope yet!",
+        desc: `Add stations to ${scopeName} to define which ones this scope applies to.`,
+        button: "Onboard a Station",
+        onCreate: () => setStationModalOpen(true)
+      }
+    ) }) : filteredStations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].noResultsWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No stations match your search query." }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].stationList, children: filteredStations.map((station) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: StationsContent_module["default"].stationCard,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: StationsContent_module["default"].stationCardLeft, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].stationIconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RadioTower, { size: 20 }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: StationsContent_module["default"].stationDetails, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: StationsContent_module["default"].stationHeaderRow, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: StationsContent_module["default"].stationNameText, children: station.stationName }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: StationsContent_module["default"].learningsBadge, children: [
+                  station.learningsCount,
+                  " learnings"
+                ] })
+              ] }),
+              station.stationDesc && /* @__PURE__ */ jsxRuntime.jsx("span", { className: StationsContent_module["default"].stationDescText, children: station.stationDesc })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: StationsContent_module["default"].actionButtonsWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onViewStation == null ? void 0 : onViewStation(station),
+              className: StationsContent_module["default"].viewBtn,
+              children: useLMSConfigStore.dt("middleDrawer.scopeDisplayLimit.viewText", "View")
+            }
+          ) })
+        ]
+      },
+      station.stationId
+    )) }) })
+  ] });
+};
+var StationsContent$1 = StationsContent;
+
+exports["default"] = StationsContent$1;
 //# sourceMappingURL=StationsContent.js.map

package/dist/cjs/features/LearningManagement/StationsContent/StationsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"StationsContent.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"StationsContent.js","sources":["../../../../../src/features/LearningManagement/StationsContent/StationsContent.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { Search, RadioTower } from 'lucide-react';\nimport { StationData } from '../types';\nimport ErrorStateDisplay from '../components/ErrorStateDisplay';\nimport EmptyLearningState from '../components/EmptyLearningState';\nimport { useLearningTemplateStore } from '../store/useLearningTemplateStore';\nimport styles from '../styles/StationsContent.module.css';\nimport RuleHeader from '../RuleContent/RuleHeader';\nimport { dt, interpolate } from '../store/useLMSConfigStore';\n\ninterface StationsContentProps {\n  scopeId: string;\n  scopeName: string;\n  stations?: StationData[];\n  stationsCount?: number;\n  onViewStation?: (station: StationData) => void;\n  onDeleteStation?: (stationId: string) => void;\n}\n\n/**\n * StationsContent component for listing and managing stations inside a selected scope.\n * Fully library compatible, decoupled from Tailwind CSS.\n */\nconst StationsContent: React.FC<StationsContentProps> = ({\n  scopeId,\n  scopeName,\n  stations = [],\n  stationsCount,\n  onViewStation,\n  onDeleteStation,\n}) => {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filteredStations, setFilteredStations] = useState<StationData[]>(stations);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const setStationModalOpen = useLearningTemplateStore((state) => state.setStationModalOpen);\n\n  /**\n   * Applies the current search query to `stations`. Wrapped with\n   * loading/error state so the existing loading and retry UI can react to it.\n   */\n  const applyFilter = () => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      const query = searchQuery.trim().toLowerCase();\n      const result = stations.filter((station) =>\n        station.stationName.toLowerCase().includes(query)\n      );\n      setFilteredStations(result);\n    } catch (err) {\n      console.error('Failed to filter stations:', err);\n      setError('Failed to filter stations. Please try again.');\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  useEffect(() => {\n    applyFilter();\n  }, [searchQuery, stations]);\n\n  // \"Stations\" word in the ruleSetName below, e.g. \"{scope} > Stations (3)\"\n  const sectionTitle = dt('middleDrawer.scopeDisplayLimit.title', 'Stations');\n  const stationsTotal = stations.length || stationsCount || 0;\n\n  return (\n    <div className={styles.container}>\n      {/* Header */}\n      <div>\n        <RuleHeader\n          ruleSetName={`${scopeName} > ${sectionTitle} (${stationsTotal})`}\n          ruleSetDescription={interpolate(\n            dt('middleDrawer.scopeDisplayLimit.description', 'Manage the stations assigned to the {scope} scope.'),\n            { scope: scopeName }\n          )}\n          onOnboardStation={() => setStationModalOpen(true)}\n        />\n        \n        {/* Search Bar */}\n        <div className={styles.searchBarWrapper}>\n          <div className={styles.searchRelative}>\n            <div className={styles.searchIconWrapper}>\n              <Search className={styles.searchIcon} />\n            </div>\n            <input\n              type=\"text\"\n              className={styles.searchInput}\n              placeholder={dt('middleDrawer.scopeDisplayLimit.searchPlaceholder', 'Search station...')}\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Content Area */}\n      <div className={styles.contentArea}>\n        {isLoading ? (\n          <div className={styles.loadingWrapper}>\n            <p>Loading stations...</p>\n          </div>\n        ) : error ? (\n          <ErrorStateDisplay errorMessage={error} onRetry={applyFilter} />\n        ) : stations.length === 0 ? (\n          <div className={styles.emptyWrapper}>\n            <EmptyLearningState\n              title=\"No stations in this scope yet!\"\n              desc={`Add stations to ${scopeName} to define which ones this scope applies to.`}\n              button=\"Onboard a Station\"\n              onCreate={() => setStationModalOpen(true)}\n            />\n          </div>\n        ) : filteredStations.length === 0 ? (\n          <div className={styles.noResultsWrapper}>\n            <p>No stations match your search query.</p>\n          </div>\n        ) : (\n          <div className={styles.stationList}>\n            {filteredStations.map((station) => (\n              <div\n                key={station.stationId}\n                className={styles.stationCard}\n              >\n                <div className={styles.stationCardLeft}>\n                  <div className={styles.stationIconWrapper}>\n                    <RadioTower size={20} />\n                  </div>\n                  <div className={styles.stationDetails}>\n                    <div className={styles.stationHeaderRow}>\n                      <span className={styles.stationNameText}>{station.stationName}</span>\n                      <span className={styles.learningsBadge}>\n                        {station.learningsCount} learnings\n                      </span>\n                    </div>\n                    {station.stationDesc && (\n                      <span className={styles.stationDescText}>{station.stationDesc}</span>\n                    )}\n                  </div>\n                </div>\n                <div className={styles.actionButtonsWrapper}>\n                  {/* <button\n                    onClick={() => onDeleteStation?.(station.stationId)}\n                    className={styles.deleteBtn}\n                  >\n                    Delete\n                  </button> */}\n                  <button\n                    onClick={() => onViewStation?.(station)}\n                    className={styles.viewBtn}\n                  >\n                    {dt('middleDrawer.scopeDisplayLimit.viewText', 'View')}\n                  </button>\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default StationsContent;\n"],"names":["useState","useLearningTemplateStore","useEffect","dt","jsxs","styles","jsx","RuleHeader","interpolate","Search","ErrorStateDisplay","EmptyLearningState","RadioTower"],"mappings":"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"}