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

package/dist/cjs/features/LearningManagement/components/StationOnboarding/DayToggleSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayToggleSelector.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"DayToggleSelector.js","sources":["../../../../../../src/features/LearningManagement/components/StationOnboarding/DayToggleSelector.tsx"],"sourcesContent":["import React from 'react';\nimport { SelectOption } from \"./InputField\";\n\nconst chipContainerStyle = {\n  display: 'flex',\n  gap: '8px', \n  flexWrap: 'nowrap' as const, \n  padding: '10px 12px',\n  backgroundColor: '#FAFAFA',\n  border: '1px solid #E2E8F0',\n  borderRadius: '8px',\n  marginTop: '4px',\n  minHeight: '54px',\n  alignItems: 'center',\n  width: '70%',\n  boxSizing: 'border-box' as const,\n};\n\nconst baseChipStyle = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  borderRadius: '6px', \n  fontSize: '0.815rem', \n  fontWeight: 500,\n  cursor: 'pointer',\n  userSelect: 'none' as const,\n  transition: 'all 0.15s ease-in-out',\n  height: '34px',\n  flex: '1 0 calc((100% - (6 * 8px)) / 7)',\n  minWidth: '0', \n  position: 'relative' as const,\n  boxSizing: 'border-box' as const,\n};\n\ninterface DayToggleSelectorProps {\n  label: string;\n  subText?: string;\n  required?: boolean;\n  options: SelectOption[];\n  selectedValues: string[];\n  onChange: (updatedValues: string[]) => void;\n}\n\nconst DayToggleSelector: React.FC<DayToggleSelectorProps> = ({\n  label,\n  subText,\n  required,\n  options,\n  selectedValues,\n  onChange,\n}) => {\n  const handleToggle = (value: string) => {\n    if (selectedValues.includes(value)) {\n      onChange(selectedValues.filter((v) => v !== value));\n    } else {\n      onChange([...selectedValues, value]);\n    }\n  };\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', width: '100%', marginBottom: '4px' }}>\n      <label \n        style={{ \n          fontSize: '0.875rem', \n          fontWeight: 500, \n          color: '#19213D', \n          marginBottom: '2px',\n          display: 'block' \n        }}\n      >\n        {required && <span style={{ color: '#E53E3E', marginRight: '4px' }}>*</span>}\n        {label}\n      </label>\n      \n      {subText && (\n        <p style={{ margin: '0 0 6px 0', fontSize: '0.75rem', color: '#666F8D', lineHeight: '1.2' }}>\n          {subText}\n        </p>\n      )}\n\n      <div style={chipContainerStyle}>\n        {options.map((day) => {\n          const isActive = selectedValues.includes(String(day.value));\n\n          return (\n            <div\n              key={day.value}\n              onClick={() => handleToggle(String(day.value))}\n              style={{\n                ...baseChipStyle,\n                border: isActive ? '1.5px solid #2563EB' : '1px solid #E2E8F0',\n                backgroundColor: isActive ? '#EFF6FF' : '#FFFFFF',\n                color: isActive ? '#2563EB' : '#64748B',\n                boxShadow: isActive ? '0 1px 2px rgba(37, 99, 235, 0.05)' : '0 1px 2px rgba(0, 0, 0, 0.02)',\n              }}\n            >\n              <span>{day.label}</span>\n              \n              {/* {isActive && (\n                <span \n                  style={{ \n                    position: 'absolute',\n                    right: '6px',\n                    fontSize: '13px', \n                    fontWeight: 'bold',\n                    lineHeight: 1,\n                    color: '#2563EB',\n                    opacity: 0.8,\n                  }}\n                >\n                  &times;\n                </span>\n              )} */}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default DayToggleSelector;"],"names":["jsxs","jsx"],"mappings":"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"}

package/dist/cjs/features/LearningManagement/components/StationOnboarding/InputField.js

@@ -1,2 +1,241 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),n=require("react"),s=require("../../styles/InputField.module.css.js"),t=n.forwardRef(function(t,l){var r=t.label,i=t.id,o=t.error,c=t.className,u=t.required,d=t.containerClassName,f=t.options,p=t.isMulti,h=void 0!==p&&p,m=t.isSearchable,_=void 0===m||m,v=t.value,g=t.onOptionChange,x=t.onChange,j=t.debounceTime,b=void 0===j?300:j,N=t.placeholder,C=t.disabled,y=t.onMenuScrollToBottom,A=t.isLoadingOptions,k=t.hasMoreOptions,M=void 0===k||k,I=e.__rest(t,["label","id","error","className","required","containerClassName","options","isMulti","isSearchable","value","onOptionChange","onChange","debounceTime","placeholder","disabled","onMenuScrollToBottom","isLoadingOptions","hasMoreOptions"]),O=n.useState(!1),S=O[0],L=O[1],T=n.useState(""),q=T[0],w=T[1],E=n.useState(""),F=E[0],B=E[1],W=n.useRef(null),P=Array.isArray(f);n.useEffect(function(){var e=setTimeout(function(){B(q)},b);return function(){return clearTimeout(e)}},[q,b]),n.useEffect(function(){function e(e){W.current&&!W.current.contains(e.target)&&(L(!1),P&&!h&&v&&"object"==typeof v&&"label"in v?w(v.label):P&&!h&&w(""))}return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[P,h,v]),n.useEffect(function(){P&&!h&&v&&"object"==typeof v&&"label"in v?w(v.label):!P||h||v||w("")},[v,P,h]);var H=n.useMemo(function(){return f?_&&F?f.filter(function(e){return e.label.toLowerCase().includes(F.toLowerCase())}):f:[]},[f,F,_]);return P?a.jsxs("div",e.__assign({ref:W,className:"".concat(s.default.relativeWrapper," ").concat(d||"")},{children:[r&&a.jsxs("label",e.__assign({className:s.default.label},{children:[u&&a.jsx("span",e.__assign({className:s.default.requiredAsterisk},{children:"*"})),r]})),a.jsxs("div",e.__assign({className:"".concat(s.default.selectContainer," ").concat(C?s.default.selectContainerDisabled:s.default.selectContainerClickable," ").concat(o?s.default.selectContainerError:s.default.selectContainerSuccess," ").concat(c||""),onClick:function(){C||L(!S)}},{children:[a.jsxs("div",e.__assign({className:s.default.selectedChips},{children:[h&&Array.isArray(v)&&v.map(function(n){return a.jsxs("span",e.__assign({className:s.default.chip,onClick:function(e){return e.stopPropagation()}},{children:[n.label,!C&&a.jsx("button",e.__assign({type:"button",onClick:function(e){return function(e,a){if(e.stopPropagation(),h&&g){var n=Array.isArray(v)?v:[];g(n.filter(function(e){return e.value!==a}))}}(e,n.value)},className:s.default.chipCloseBtn},{children:"×"}))]}),n.value)}),a.jsx("input",{ref:l,type:"text",readOnly:!_||C,disabled:C,className:"".concat(s.default.selectInput," ").concat(_?"":s.default.caretTransparent),placeholder:h&&Array.isArray(v)&&v.length>0?"":N,value:q,onChange:function(e){_&&(w(e.target.value),L(!0))},onClick:function(){return!C&&L(!0)}})]})),!_&&a.jsx("div",e.__assign({className:s.default.chevronIconWrapper},{children:a.jsx("svg",e.__assign({className:"".concat(s.default.chevronIcon," ").concat(S?s.default.chevronIconOpen:""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},{children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})}))}))]})),S&&!C&&a.jsxs("ul",e.__assign({onScroll:function(e){var a=e.currentTarget;a.scrollHeight-a.scrollTop-a.clientHeight<=20&&y&&!A&&y()},className:s.default.dropdownMenu},{children:[0===H.length?A?null:a.jsx("li",e.__assign({className:s.default.noOptionsItem},{children:"No options found"})):H.map(function(n){var t=h?Array.isArray(v)&&v.some(function(e){return e.value===n.value}):(null==v?void 0:v.value)===n.value;return a.jsx("li",e.__assign({onClick:function(a){a.stopPropagation(),function(a){if(g)if(h){var n=Array.isArray(v)?v:[],s=void 0;s=n.some(function(e){return e.value===a.value})?n.filter(function(e){return e.value!==a.value}):e.__spreadArray(e.__spreadArray([],n,!0),[a],!1),g(s),_&&w("")}else g(a),w(a.label),L(!1)}(n)},className:"".concat(s.default.optionItem," ").concat(t?s.default.optionItemSelected:"")},{children:a.jsxs("div",e.__assign({className:s.default.optionContent},{children:[a.jsx("span",{children:n.label}),t&&a.jsx("span",{children:"✓"})]}))}),n.value)}),A&&a.jsx("li",e.__assign({className:s.default.loaderItem},{children:a.jsxs("svg",e.__assign({className:s.default.spinIcon,fill:"none",viewBox:"0 0 24 24"},{children:[a.jsx("circle",{style:{opacity:.25},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),a.jsx("path",{style:{opacity:.75},fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]}))})),!A&&!M&&H.length>0&&a.jsx("li",e.__assign({className:s.default.endOfListItem},{children:"No more options"}))]})),o&&a.jsx("p",e.__assign({className:s.default.errorMessage},{children:o}))]})):a.jsxs("div",e.__assign({className:"".concat(s.default.inputWrapper," ").concat(d||"")},{children:[r&&a.jsxs("label",e.__assign({htmlFor:i,className:s.default.label},{children:[u&&a.jsx("span",e.__assign({className:s.default.requiredAsterisk},{children:"*"})),r]})),a.jsx("input",e.__assign({ref:l,id:i,value:v,onChange:x,disabled:C,className:"".concat(s.default.inputField," ").concat(o?s.default.inputFieldError:""," ").concat(C?s.default.inputFieldDisabled:""," ").concat(c||""),placeholder:N},I)),o&&a.jsx("p",e.__assign({className:s.default.errorMessage},{children:o}))]}))});t.displayName="InputField",exports.default=t;
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var InputField_module = require('../../styles/InputField.module.css.js');
+
+const InputField = React.forwardRef(
+  ({
+    label,
+    id,
+    error,
+    className,
+    required,
+    containerClassName,
+    options,
+    isMulti = false,
+    isSearchable = true,
+    // Default to searchable
+    value,
+    onOptionChange,
+    onChange,
+    debounceTime = 300,
+    placeholder,
+    disabled,
+    onMenuScrollToBottom,
+    isLoadingOptions,
+    hasMoreOptions = true,
+    ...props
+  }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const [searchTerm, setSearchTerm] = React.useState("");
+    const [debouncedTerm, setDebouncedTerm] = React.useState("");
+    const wrapperRef = React.useRef(null);
+    const isSelectMode = Array.isArray(options);
+    React.useEffect(() => {
+      const handler = setTimeout(() => {
+        setDebouncedTerm(searchTerm);
+      }, debounceTime);
+      return () => clearTimeout(handler);
+    }, [searchTerm, debounceTime]);
+    React.useEffect(() => {
+      function handleClickOutside(event) {
+        if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
+          setIsOpen(false);
+          if (isSelectMode && !isMulti && value && typeof value === "object" && "label" in value) {
+            setSearchTerm(value.label);
+          } else if (isSelectMode && !isMulti) {
+            setSearchTerm("");
+          }
+        }
+      }
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isSelectMode, isMulti, value]);
+    React.useEffect(() => {
+      if (isSelectMode && !isMulti && value && typeof value === "object" && "label" in value) {
+        setSearchTerm(value.label);
+      } else if (isSelectMode && !isMulti && !value) {
+        setSearchTerm("");
+      }
+    }, [value, isSelectMode, isMulti]);
+    const filteredOptions = React.useMemo(() => {
+      if (!options) return [];
+      if (!isSearchable) return options;
+      if (!debouncedTerm) return options;
+      return options.filter((opt) => opt.label.toLowerCase().includes(debouncedTerm.toLowerCase()));
+    }, [options, debouncedTerm, isSearchable]);
+    const handleSelect = (option) => {
+      if (!onOptionChange) return;
+      if (isMulti) {
+        const currentSelected = Array.isArray(value) ? value : [];
+        const alreadySelected = currentSelected.some((item) => item.value === option.value);
+        let newValue;
+        if (alreadySelected) {
+          newValue = currentSelected.filter((item) => item.value !== option.value);
+        } else {
+          newValue = [...currentSelected, option];
+        }
+        onOptionChange(newValue);
+        if (isSearchable) setSearchTerm("");
+      } else {
+        onOptionChange(option);
+        setSearchTerm(option.label);
+        setIsOpen(false);
+      }
+    };
+    const handleRemoveChip = (e, valToRemove) => {
+      e.stopPropagation();
+      if (!isMulti || !onOptionChange) return;
+      const currentSelected = Array.isArray(value) ? value : [];
+      onOptionChange(currentSelected.filter((item) => item.value !== valToRemove));
+    };
+    const toggleDropdown = () => {
+      if (disabled) return;
+      setIsOpen(!isOpen);
+    };
+    if (!isSelectMode) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${InputField_module["default"].inputWrapper} ${containerClassName || ""}`, children: [
+        label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: id, className: InputField_module["default"].label, children: [
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: InputField_module["default"].requiredAsterisk, children: "*" }),
+          label
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            id,
+            value,
+            onChange,
+            disabled,
+            className: `${InputField_module["default"].inputField} ${error ? InputField_module["default"].inputFieldError : ""} ${disabled ? InputField_module["default"].inputFieldDisabled : ""} ${className || ""}`,
+            placeholder,
+            ...props
+          }
+        ),
+        error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InputField_module["default"].errorMessage, children: error })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: wrapperRef, className: `${InputField_module["default"].relativeWrapper} ${containerClassName || ""}`, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: InputField_module["default"].label, children: [
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: InputField_module["default"].requiredAsterisk, children: "*" }),
+        label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `${InputField_module["default"].selectContainer} ${disabled ? InputField_module["default"].selectContainerDisabled : InputField_module["default"].selectContainerClickable} ${error ? InputField_module["default"].selectContainerError : InputField_module["default"].selectContainerSuccess} ${className || ""}`,
+          onClick: toggleDropdown,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InputField_module["default"].selectedChips, children: [
+              isMulti && Array.isArray(value) && value.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+                "span",
+                {
+                  className: InputField_module["default"].chip,
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    option.label,
+                    !disabled && /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => handleRemoveChip(e, option.value),
+                        className: InputField_module["default"].chipCloseBtn,
+                        children: "\xD7"
+                      }
+                    )
+                  ]
+                },
+                option.value
+              )),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref,
+                  type: "text",
+                  readOnly: !isSearchable || disabled,
+                  disabled,
+                  className: `${InputField_module["default"].selectInput} ${!isSearchable ? InputField_module["default"].caretTransparent : ""}`,
+                  placeholder: isMulti && Array.isArray(value) && value.length > 0 ? "" : placeholder,
+                  value: searchTerm,
+                  onChange: (e) => {
+                    if (isSearchable) {
+                      setSearchTerm(e.target.value);
+                      setIsOpen(true);
+                    }
+                  },
+                  onClick: () => !disabled && setIsOpen(true)
+                }
+              )
+            ] }),
+            !isSearchable && /* @__PURE__ */ jsxRuntime.jsx("div", { className: InputField_module["default"].chevronIconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: `${InputField_module["default"].chevronIcon} ${isOpen ? InputField_module["default"].chevronIconOpen : ""}`,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      ),
+      isOpen && !disabled && /* @__PURE__ */ jsxRuntime.jsxs(
+        "ul",
+        {
+          onScroll: (e) => {
+            const target = e.currentTarget;
+            if (target.scrollHeight - target.scrollTop - target.clientHeight <= 20) {
+              if (onMenuScrollToBottom && !isLoadingOptions) {
+                onMenuScrollToBottom();
+              }
+            }
+          },
+          className: InputField_module["default"].dropdownMenu,
+          children: [
+            filteredOptions.length === 0 ? isLoadingOptions ? null : /* @__PURE__ */ jsxRuntime.jsx("li", { className: InputField_module["default"].noOptionsItem, children: "No options found" }) : filteredOptions.map((option) => {
+              const isSelected = isMulti ? Array.isArray(value) && value.some((v) => v.value === option.value) : (value == null ? void 0 : value.value) === option.value;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelect(option);
+                  },
+                  className: `${InputField_module["default"].optionItem} ${isSelected ? InputField_module["default"].optionItemSelected : ""}`,
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: InputField_module["default"].optionContent, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label }),
+                    isSelected && /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u2713" })
+                  ] })
+                },
+                option.value
+              );
+            }),
+            isLoadingOptions && /* @__PURE__ */ jsxRuntime.jsx("li", { className: InputField_module["default"].loaderItem, children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: InputField_module["default"].spinIcon, fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("circle", { style: { opacity: 0.25 }, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ jsxRuntime.jsx("path", { style: { opacity: 0.75 }, fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+            ] }) }),
+            !isLoadingOptions && !hasMoreOptions && filteredOptions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: InputField_module["default"].endOfListItem, children: "No more options" })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: InputField_module["default"].errorMessage, children: error })
+    ] });
+  }
+);
+InputField.displayName = "InputField";
+var InputField$1 = InputField;
+
+exports["default"] = InputField$1;
 //# sourceMappingURL=InputField.js.map

package/dist/cjs/features/LearningManagement/components/StationOnboarding/InputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"InputField.js","sources":["../../../../../../src/features/LearningManagement/components/StationOnboarding/InputField.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useRef, useState } from 'react';\nimport styles from '../../styles/InputField.module.css';\n\n// --- Types ---\nexport interface SelectOption {\n  label: string;\n  value: string | number;\n}\n\ninterface UniversalInputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange'> {\n  label?: string; // Made optional for flexibility\n  error?: string;\n  containerClassName?: string;\n\n  // Select/Multi-Select Props\n  options?: SelectOption[];\n  isMulti?: boolean;\n  isSearchable?: boolean; // NEW: Toggle search functionality\n  value?: string | number | SelectOption | SelectOption[] | null;\n  onOptionChange?: (val: SelectOption | SelectOption[] | null) => void;\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  debounceTime?: number;\n  // Infinite Scroll Props\n  onMenuScrollToBottom?: () => void;\n  isLoadingOptions?: boolean;\n  hasMoreOptions?: boolean; // shows end of list\n}\n\n/**\n * Universal Input and Dropdown select field.\n * Fully styled via CSS Modules for library independence.\n */\nconst InputField = forwardRef<HTMLInputElement, UniversalInputProps>(\n  (\n    {\n      label,\n      id,\n      error,\n      className,\n      required,\n      containerClassName,\n      options,\n      isMulti = false,\n      isSearchable = true, // Default to searchable\n      value,\n      onOptionChange,\n      onChange,\n      debounceTime = 300,\n      placeholder,\n      disabled,\n      onMenuScrollToBottom, \n      isLoadingOptions,     \n      hasMoreOptions = true,\n      ...props\n    },\n    ref,\n  ) => {\n    // --- State ---\n    const [isOpen, setIsOpen] = useState(false);\n    const [searchTerm, setSearchTerm] = useState('');\n    const [debouncedTerm, setDebouncedTerm] = useState('');\n    const wrapperRef = useRef<HTMLDivElement>(null);\n\n    // --- Derived Mode ---\n    const isSelectMode = Array.isArray(options);\n\n    // --- Debounce Logic ---\n    useEffect(() => {\n      const handler = setTimeout(() => {\n        setDebouncedTerm(searchTerm);\n      }, debounceTime);\n      return () => clearTimeout(handler);\n    }, [searchTerm, debounceTime]);\n\n    // --- Click Outside Logic ---\n    useEffect(() => {\n      function handleClickOutside(event: MouseEvent) {\n        if (wrapperRef.current && !wrapperRef.current.contains(event.target as Node)) {\n          setIsOpen(false);\n\n          // Reset search term on close for single select\n          if (isSelectMode && !isMulti && value && typeof value === 'object' && 'label' in value) {\n            setSearchTerm((value as SelectOption).label);\n          } else if (isSelectMode && !isMulti) {\n            setSearchTerm('');\n          }\n        }\n      }\n      document.addEventListener('mousedown', handleClickOutside);\n      return () => document.removeEventListener('mousedown', handleClickOutside);\n    }, [isSelectMode, isMulti, value]);\n\n    // --- Sync Search with Value (Single Select) ---\n    useEffect(() => {\n      if (isSelectMode && !isMulti && value && typeof value === 'object' && 'label' in value) {\n        setSearchTerm((value as SelectOption).label);\n      } else if (isSelectMode && !isMulti && !value) {\n        setSearchTerm('');\n      }\n    }, [value, isSelectMode, isMulti]);\n\n    // --- Filtering Logic ---\n    const filteredOptions = useMemo(() => {\n      if (!options) return [];\n      // If not searchable, always return full list\n      if (!isSearchable) return options;\n      if (!debouncedTerm) return options;\n      return options.filter((opt) => opt.label.toLowerCase().includes(debouncedTerm.toLowerCase()));\n    }, [options, debouncedTerm, isSearchable]);\n\n    // --- Handlers ---\n    const handleSelect = (option: SelectOption) => {\n      if (!onOptionChange) return;\n\n      if (isMulti) {\n        const currentSelected = (Array.isArray(value) ? value : []) as SelectOption[];\n        const alreadySelected = currentSelected.some((item) => item.value === option.value);\n\n        let newValue;\n        if (alreadySelected) {\n          newValue = currentSelected.filter((item) => item.value !== option.value);\n        } else {\n          newValue = [...currentSelected, option];\n        }\n        onOptionChange(newValue);\n        if (isSearchable) setSearchTerm('');\n      } else {\n        // Single Select\n        onOptionChange(option);\n        setSearchTerm(option.label);\n        setIsOpen(false);\n      }\n    };\n\n    const handleRemoveChip = (e: React.MouseEvent, valToRemove: string | number) => {\n      e.stopPropagation();\n      if (!isMulti || !onOptionChange) return;\n      const currentSelected = (Array.isArray(value) ? value : []) as SelectOption[];\n      onOptionChange(currentSelected.filter((item) => item.value !== valToRemove));\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsOpen(!isOpen);\n    };\n\n    // --- RENDERERS ---\n\n    // 1. STANDARD TEXT INPUT\n    if (!isSelectMode) {\n      return (\n        <div className={`${styles.inputWrapper} ${containerClassName || ''}`}>\n          {label && (\n            <label htmlFor={id} className={styles.label}>\n              {required && <span className={styles.requiredAsterisk}>*</span>}\n              {label}\n            </label>\n          )}\n          <input\n            ref={ref}\n            id={id}\n            value={value as string | number | readonly string[] | undefined}\n            onChange={onChange}\n            disabled={disabled}\n            className={`${styles.inputField} ${error ? styles.inputFieldError : ''} ${disabled ? styles.inputFieldDisabled : ''} ${className || ''}`}\n            placeholder={placeholder}\n            {...props}\n          />\n          {error && <p className={styles.errorMessage}>{error}</p>}\n        </div>\n      );\n    }\n\n    // 2. DROPDOWN (Select / Searchable / Multi)\n    return (\n      <div ref={wrapperRef} className={`${styles.relativeWrapper} ${containerClassName || ''}`}>\n        {label && (\n          <label className={styles.label}>\n            {required && <span className={styles.requiredAsterisk}>*</span>}\n            {label}\n          </label>\n        )}\n\n        <div\n          className={`${styles.selectContainer} ${disabled ? styles.selectContainerDisabled : styles.selectContainerClickable} ${error ? styles.selectContainerError : styles.selectContainerSuccess} ${className || ''}`}\n          onClick={toggleDropdown}\n        >\n          <div className={styles.selectedChips}>\n            {/* Multi-Select Chips */}\n            {isMulti &&\n              Array.isArray(value) &&\n              value.map((option) => (\n                <span\n                  key={option.value}\n                  className={styles.chip}\n                  onClick={(e) => e.stopPropagation()} // Prevent menu toggle when clicking chip\n                >\n                  {option.label}\n                  {!disabled && (\n                    <button\n                      type='button'\n                      onClick={(e) => handleRemoveChip(e, option.value)}\n                      className={styles.chipCloseBtn}\n                    >\n                      &times;\n                    </button>\n                  )}\n                </span>\n              ))}\n\n            {/* Input / Display Field */}\n            <input\n              ref={ref}\n              type='text'\n              readOnly={!isSearchable || disabled} // Crucial for \"Select\" feel\n              disabled={disabled}\n              className={`${styles.selectInput} ${!isSearchable ? styles.caretTransparent : ''}`}\n              placeholder={isMulti && Array.isArray(value) && value.length > 0 ? '' : placeholder}\n              value={searchTerm}\n              onChange={(e) => {\n                if (isSearchable) {\n                  setSearchTerm(e.target.value);\n                  setIsOpen(true);\n                }\n              }}\n              onClick={() => !disabled && setIsOpen(true)}\n            />\n          </div>\n\n          {/* Chevron / Indicator */}\n          {!isSearchable && (\n            <div className={styles.chevronIconWrapper}>\n              <svg\n                className={`${styles.chevronIcon} ${isOpen ? styles.chevronIconOpen : ''}`}\n                fill='none'\n                viewBox='0 0 24 24'\n                stroke='currentColor'\n              >\n                <path\n                  strokeLinecap='round'\n                  strokeLinejoin='round'\n                  strokeWidth={2}\n                  d='M19 9l-7 7-7-7'\n                />\n              </svg>\n            </div>\n          )}\n        </div>\n\n        {/* Dropdown Menu */}\n        {isOpen && !disabled && (\n          <ul\n            onScroll={(e) => {\n              const target = e.currentTarget;\n              if (target.scrollHeight - target.scrollTop - target.clientHeight <= 20) {\n                if (onMenuScrollToBottom && !isLoadingOptions) {\n                  onMenuScrollToBottom();\n                }\n              }\n            }}\n            className={styles.dropdownMenu}\n          >\n            {filteredOptions.length === 0 ? (\n              isLoadingOptions ? null : <li className={styles.noOptionsItem}>No options found</li>\n            ) : (\n              filteredOptions.map((option) => {\n                const isSelected = isMulti\n                  ? Array.isArray(value) && value.some((v) => v.value === option.value)\n                  : (value as SelectOption)?.value === option.value;\n\n                return (\n                  <li\n                    key={option.value}\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      handleSelect(option);\n                    }}\n                    className={`${styles.optionItem} ${isSelected ? styles.optionItemSelected : ''}`}\n                  >\n                    <div className={styles.optionContent}>\n                      <span>{option.label}</span>\n                      {isSelected && <span>✓</span>}\n                    </div>\n                  </li>\n                );\n              })\n            )}\n            {/* Loading Indicator for Infinite Scroll */}\n            {isLoadingOptions && (\n              <li className={styles.loaderItem}>\n                <svg className={styles.spinIcon} fill=\"none\" viewBox=\"0 0 24 24\">\n                  <circle style={{ opacity: 0.25 }} cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\"></circle>\n                  <path style={{ opacity: 0.75 }} fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"></path>\n                </svg>\n              </li>\n            )}\n            \n            {/* End of List Indicator */}\n            {!isLoadingOptions && !hasMoreOptions && filteredOptions.length > 0 && (\n              <li className={styles.endOfListItem}>\n                No more options\n              </li>\n            )}\n          </ul>\n        )}\n\n        {error && <p className={styles.errorMessage}>{error}</p>}\n      </div>\n    );\n  },\n);\n\nInputField.displayName = 'InputField';\n\nexport default InputField;"],"names":["forwardRef","useState","useRef","useEffect","useMemo","jsxs","styles","jsx"],"mappings":"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"}

package/dist/cjs/features/LearningManagement/components/StationOnboarding/OnboardingLoader.js

@@ -1,2 +1,171 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),s=require("react/jsx-runtime"),t=require("react"),i=require("lucide-react"),a=require("../../styles/OnboardingLoader.module.css.js"),h=[{id:1,label:"Saving station details"},{id:2,label:"Applying rule template"},{id:3,label:"Finalizing station setup"}],d=function(t){var h=t.status;return"complete"===h?s.jsx("div",e.__assign({className:a.default.successIndicator},{children:s.jsx(i.Check,{size:12,color:"white",strokeWidth:3})})):"in-progress"===h?s.jsx("div",e.__assign({className:a.default.progressIndicator},{children:s.jsx(i.Sparkles,{size:18,color:"#7C3AED"})})):s.jsx("div",{className:a.default.pendingIndicator})},l=function(t){var i=t.width,h=void 0===i?"100%":i,d=t.height,l=void 0===d?"10px":d,n=t.style;return s.jsx("div",{className:a.default.shimmerBar,style:e.__assign({width:h,height:l},n)})},n=function(){return s.jsxs("div",e.__assign({className:a.default.shimmer1},{children:[s.jsx(l,{width:"100%",height:"12px"}),s.jsx(l,{width:"85%",height:"10px"}),s.jsx("div",{style:{height:"8px"}}),s.jsx(l,{width:"60%",height:"12px"}),s.jsx(l,{width:"90%",height:"10px"}),s.jsx(l,{width:"75%",height:"10px"}),s.jsx("div",{style:{height:"8px"}}),s.jsx(l,{width:"40%",height:"12px"}),s.jsx(l,{width:"100%",height:"10px"}),s.jsx(l,{width:"80%",height:"10px"}),s.jsx("div",{style:{height:"8px"}}),s.jsx(l,{width:"55%",height:"12px"}),s.jsx(l,{width:"95%",height:"10px"}),s.jsx(l,{width:"70%",height:"10px"}),s.jsx(l,{width:"45%",height:"12px"}),s.jsx(l,{width:"88%",height:"10px"})]}))},r=function(){return s.jsxs("div",e.__assign({className:a.default.shimmer2},{children:[s.jsxs("div",e.__assign({className:a.default.shimmer2Left},{children:[s.jsx(l,{width:"70%",height:"12px"}),s.jsx(l,{width:"50%",height:"10px"}),s.jsx("div",{style:{height:"12px"}}),s.jsx(l,{width:"80%",height:"12px"}),s.jsx(l,{width:"60%",height:"10px"}),s.jsx(l,{width:"90%",height:"10px"}),s.jsx("div",{style:{height:"12px"}}),s.jsx(l,{width:"45%",height:"12px"}),s.jsx(l,{width:"75%",height:"10px"}),s.jsx(l,{width:"55%",height:"10px"}),s.jsx("div",{style:{height:"12px"}}),s.jsx(l,{width:"65%",height:"10px"}),s.jsx(l,{width:"85%",height:"10px"})]})),s.jsx("div",{className:a.default.shimmer2Right})]}))},x=function(){return s.jsxs("div",e.__assign({className:a.default.shimmer3},{children:[s.jsxs("div",e.__assign({className:a.default.shimmer3Left},{children:[s.jsx(l,{width:"60%",height:"14px"}),s.jsx(l,{width:"40%",height:"10px"}),s.jsx("div",{style:{height:"16px"}}),s.jsx(l,{width:"75%",height:"12px"}),s.jsx(l,{width:"50%",height:"10px"})]})),s.jsxs("div",e.__assign({className:a.default.shimmer3Right},{children:[s.jsx("div",{className:a.default.shimmer3Card}),s.jsx("div",{className:a.default.shimmer3Card,style:{animationDelay:"0.2s"}}),s.jsx("div",{className:a.default.shimmer3Card,style:{animationDelay:"0.4s"}})]}))]}))},c=function(e){switch(e.currentStepIndex){case 0:default:return s.jsx(n,{});case 1:return s.jsx(r,{});case 2:return s.jsx(x,{})}};exports.default=function(l){var n=l.isLoading,r=l.steps,x=void 0===r?h:r,u=l.currentStep,g=l.stepIntervalMs,p=void 0===g?3e3:g,j=l.onComplete,o=t.useState(0),m=o[0],f=o[1],v=void 0!==u,_=v?u:m;t.useEffect(function(){if(!v){if(n){var e=setInterval(function(){f(function(s){var t=s+1;return t>=x.length?(clearInterval(e),null==j||j(),s):t})},p);return function(){return clearInterval(e)}}f(0)}},[n,x.length,p,j,v]),t.useEffect(function(){n||f(0)},[n]),t.useEffect(function(){v&&void 0!==u&&u>=x.length&&(null==j||j())},[v,u,x.length,j]);return n?s.jsxs("div",e.__assign({className:a.default.overlay},{children:[s.jsxs("div",e.__assign({className:a.default.leftSide},{children:[s.jsx("div",e.__assign({className:a.default.sparkleWrapper},{children:s.jsx(i.Sparkles,{size:32,color:"#7C3AED"})})),s.jsx("h2",e.__assign({className:a.default.title},{children:"Onboarding your Station"})),s.jsxs("p",e.__assign({className:a.default.subtitle},{children:["We're setting up your station and applying the selected rule",s.jsx("br",{}),"templates. This may take a moment."]})),s.jsx("div",e.__assign({className:a.default.stepsList},{children:x.map(function(t,i){var h,l=(h=i)<_?"complete":h===_?"in-progress":"pending";return s.jsxs("div",e.__assign({className:a.default.stepRow},{children:[s.jsx(d,{status:l}),s.jsx("span",e.__assign({className:"".concat(a.default.stepText," ").concat("in-progress"===l?a.default.stepTextActive:a.default.stepTextPending)},{children:t.label}))]}),t.id)})}))]})),s.jsx("div",e.__assign({className:a.default.rightSide},{children:s.jsx(c,{currentStepIndex:_})}))]})):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 OnboardingLoader_module = require('../../styles/OnboardingLoader.module.css.js');
+
+const DEFAULT_STEPS = [
+  { id: 1, label: "Saving station details" },
+  { id: 2, label: "Applying rule template" },
+  { id: 3, label: "Finalizing station setup" }
+];
+const StepIndicator = ({ status }) => {
+  if (status === "complete") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].successIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 12, color: "white", strokeWidth: 3 }) });
+  }
+  if (status === "in-progress") {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].progressIndicator, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { size: 18, color: "#7C3AED" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].pendingIndicator });
+};
+const ShimmerBar = ({ width = "100%", height = "10px", style }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: OnboardingLoader_module["default"].shimmerBar,
+    style: {
+      width,
+      height,
+      ...style
+    }
+  }
+);
+const ShimmerStep1 = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer1, children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "100%", height: "12px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "85%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "60%", height: "12px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "90%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "75%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "40%", height: "12px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "100%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "80%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "8px" } }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "55%", height: "12px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "95%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "70%", height: "10px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "45%", height: "12px" }),
+  /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "88%", height: "10px" })
+] });
+const ShimmerStep2 = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer2, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer2Left, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "70%", height: "12px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "50%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "12px" } }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "80%", height: "12px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "60%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "90%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "12px" } }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "45%", height: "12px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "75%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "55%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "12px" } }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "65%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "85%", height: "10px" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].shimmer2Right })
+] });
+const ShimmerStep3 = () => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer3, children: [
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer3Left, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "60%", height: "14px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "40%", height: "10px" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "16px" } }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "75%", height: "12px" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ShimmerBar, { width: "50%", height: "10px" })
+  ] }),
+  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].shimmer3Right, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].shimmer3Card }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].shimmer3Card, style: { animationDelay: "0.2s" } }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].shimmer3Card, style: { animationDelay: "0.4s" } })
+  ] })
+] });
+const ShimmerPanel = ({ currentStepIndex }) => {
+  switch (currentStepIndex) {
+    case 0:
+      return /* @__PURE__ */ jsxRuntime.jsx(ShimmerStep1, {});
+    case 1:
+      return /* @__PURE__ */ jsxRuntime.jsx(ShimmerStep2, {});
+    case 2:
+      return /* @__PURE__ */ jsxRuntime.jsx(ShimmerStep3, {});
+    default:
+      return /* @__PURE__ */ jsxRuntime.jsx(ShimmerStep1, {});
+  }
+};
+const OnboardingLoader = ({
+  isLoading,
+  steps = DEFAULT_STEPS,
+  currentStep,
+  stepIntervalMs = 3e3,
+  onComplete
+}) => {
+  const [internalStepIndex, setInternalStepIndex] = React.useState(0);
+  const isExternallyControlled = currentStep !== void 0;
+  const currentStepIndex = isExternallyControlled ? currentStep : internalStepIndex;
+  React.useEffect(() => {
+    if (isExternallyControlled) return;
+    if (!isLoading) {
+      setInternalStepIndex(0);
+      return;
+    }
+    const interval = setInterval(() => {
+      setInternalStepIndex((prev) => {
+        const nextIndex = prev + 1;
+        if (nextIndex >= steps.length) {
+          clearInterval(interval);
+          onComplete == null ? void 0 : onComplete();
+          return prev;
+        }
+        return nextIndex;
+      });
+    }, stepIntervalMs);
+    return () => clearInterval(interval);
+  }, [isLoading, steps.length, stepIntervalMs, onComplete, isExternallyControlled]);
+  React.useEffect(() => {
+    if (!isLoading) {
+      setInternalStepIndex(0);
+    }
+  }, [isLoading]);
+  React.useEffect(() => {
+    if (isExternallyControlled && currentStep !== void 0 && currentStep >= steps.length) {
+      onComplete == null ? void 0 : onComplete();
+    }
+  }, [isExternallyControlled, currentStep, steps.length, onComplete]);
+  const getStepStatus = (stepIndex) => {
+    if (stepIndex < currentStepIndex) return "complete";
+    if (stepIndex === currentStepIndex) return "in-progress";
+    return "pending";
+  };
+  if (!isLoading) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].overlay, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].leftSide, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].sparkleWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sparkles, { size: 32, color: "#7C3AED" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: OnboardingLoader_module["default"].title, children: "Onboarding your Station" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: OnboardingLoader_module["default"].subtitle, children: [
+        "We're setting up your station and applying the selected rule",
+        /* @__PURE__ */ jsxRuntime.jsx("br", {}),
+        "templates. This may take a moment."
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].stepsList, children: steps.map((step, index) => {
+        const status = getStepStatus(index);
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: OnboardingLoader_module["default"].stepRow, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { status }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: `${OnboardingLoader_module["default"].stepText} ${status === "in-progress" ? OnboardingLoader_module["default"].stepTextActive : OnboardingLoader_module["default"].stepTextPending}`,
+              children: step.label
+            }
+          )
+        ] }, step.id);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: OnboardingLoader_module["default"].rightSide, children: /* @__PURE__ */ jsxRuntime.jsx(ShimmerPanel, { currentStepIndex }) })
+  ] });
+};
+var OnboardingLoader$1 = OnboardingLoader;
+
+exports["default"] = OnboardingLoader$1;
 //# sourceMappingURL=OnboardingLoader.js.map

package/dist/cjs/features/LearningManagement/components/StationOnboarding/OnboardingLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"OnboardingLoader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"OnboardingLoader.js","sources":["../../../../../../src/features/LearningManagement/components/StationOnboarding/OnboardingLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Check, Sparkles } from 'lucide-react';\nimport styles from '../../styles/OnboardingLoader.module.css';\n\ninterface OnboardingStep {\n    id: number;\n    label: string;\n}\n\nconst DEFAULT_STEPS: OnboardingStep[] = [\n    { id: 1, label: 'Saving station details' },\n    { id: 2, label: 'Applying rule template' },\n    { id: 3, label: 'Finalizing station setup' },\n];\n\ninterface OnboardingLoaderProps {\n    isLoading: boolean;\n    steps?: OnboardingStep[];\n    currentStep?: number;\n    stepIntervalMs?: number;\n    onComplete?: () => void;\n}\n\nconst StepIndicator: React.FC<{ status: 'pending' | 'in-progress' | 'complete' }> = ({ status }) => {\n    if (status === 'complete') {\n        return (\n            <div className={styles.successIndicator}>\n                <Check size={12} color=\"white\" strokeWidth={3} />\n            </div>\n        );\n    }\n\n    if (status === 'in-progress') {\n        return (\n            <div className={styles.progressIndicator}>\n                <Sparkles size={18} color=\"#7C3AED\" />\n            </div>\n        );\n    }\n\n    return (\n        <div className={styles.pendingIndicator} />\n    );\n};\n\nconst ShimmerBar: React.FC<{\n    width?: string;\n    height?: string;\n    style?: React.CSSProperties;\n}> = ({ width = '100%', height = '10px', style }) => (\n    <div\n        className={styles.shimmerBar}\n        style={{\n            width,\n            height,\n            ...style,\n        }}\n    />\n);\n\nconst ShimmerStep1: React.FC = () => (\n    <div className={styles.shimmer1}>\n        <ShimmerBar width=\"100%\" height=\"12px\" />\n        <ShimmerBar width=\"85%\" height=\"10px\" />\n        <div style={{ height: '8px' }} />\n        <ShimmerBar width=\"60%\" height=\"12px\" />\n        <ShimmerBar width=\"90%\" height=\"10px\" />\n        <ShimmerBar width=\"75%\" height=\"10px\" />\n        <div style={{ height: '8px' }} />\n        <ShimmerBar width=\"40%\" height=\"12px\" />\n        <ShimmerBar width=\"100%\" height=\"10px\" />\n        <ShimmerBar width=\"80%\" height=\"10px\" />\n        <div style={{ height: '8px' }} />\n        <ShimmerBar width=\"55%\" height=\"12px\" />\n        <ShimmerBar width=\"95%\" height=\"10px\" />\n        <ShimmerBar width=\"70%\" height=\"10px\" />\n        <ShimmerBar width=\"45%\" height=\"12px\" />\n        <ShimmerBar width=\"88%\" height=\"10px\" />\n    </div>\n);\n\nconst ShimmerStep2: React.FC = () => (\n    <div className={styles.shimmer2}>\n        <div className={styles.shimmer2Left}>\n            <ShimmerBar width=\"70%\" height=\"12px\" />\n            <ShimmerBar width=\"50%\" height=\"10px\" />\n            <div style={{ height: '12px' }} />\n            <ShimmerBar width=\"80%\" height=\"12px\" />\n            <ShimmerBar width=\"60%\" height=\"10px\" />\n            <ShimmerBar width=\"90%\" height=\"10px\" />\n            <div style={{ height: '12px' }} />\n            <ShimmerBar width=\"45%\" height=\"12px\" />\n            <ShimmerBar width=\"75%\" height=\"10px\" />\n            <ShimmerBar width=\"55%\" height=\"10px\" />\n            <div style={{ height: '12px' }} />\n            <ShimmerBar width=\"65%\" height=\"10px\" />\n            <ShimmerBar width=\"85%\" height=\"10px\" />\n        </div>\n        <div className={styles.shimmer2Right} />\n    </div>\n);\n\nconst ShimmerStep3: React.FC = () => (\n    <div className={styles.shimmer3}>\n        <div className={styles.shimmer3Left}>\n            <ShimmerBar width=\"60%\" height=\"14px\" />\n            <ShimmerBar width=\"40%\" height=\"10px\" />\n            <div style={{ height: '16px' }} />\n            <ShimmerBar width=\"75%\" height=\"12px\" />\n            <ShimmerBar width=\"50%\" height=\"10px\" />\n        </div>\n        <div className={styles.shimmer3Right}>\n            <div className={styles.shimmer3Card} />\n            <div className={styles.shimmer3Card} style={{ animationDelay: '0.2s' }} />\n            <div className={styles.shimmer3Card} style={{ animationDelay: '0.4s' }} />\n        </div>\n    </div>\n);\n\nconst ShimmerPanel: React.FC<{ currentStepIndex: number }> = ({ currentStepIndex }) => {\n    switch (currentStepIndex) {\n        case 0:\n            return <ShimmerStep1 />;\n        case 1:\n            return <ShimmerStep2 />;\n        case 2:\n            return <ShimmerStep3 />;\n        default:\n            return <ShimmerStep1 />;\n    }\n};\n\n/**\n * Onboarding loader component with animated step progression.\n * Fully library-ready and styled with CSS Modules.\n */\nconst OnboardingLoader: React.FC<OnboardingLoaderProps> = ({\n    isLoading,\n    steps = DEFAULT_STEPS,\n    currentStep,\n    stepIntervalMs = 3000,\n    onComplete,\n}) => {\n    const [internalStepIndex, setInternalStepIndex] = useState(0);\n\n    const isExternallyControlled = currentStep !== undefined;\n    const currentStepIndex = isExternallyControlled ? currentStep : internalStepIndex;\n\n    useEffect(() => {\n        if (isExternallyControlled) return;\n\n        if (!isLoading) {\n            setInternalStepIndex(0);\n            return;\n        }\n\n        const interval = setInterval(() => {\n            setInternalStepIndex((prev) => {\n                const nextIndex = prev + 1;\n                if (nextIndex >= steps.length) {\n                    clearInterval(interval);\n                    onComplete?.();\n                    return prev;\n                }\n                return nextIndex;\n            });\n        }, stepIntervalMs);\n\n        return () => clearInterval(interval);\n    }, [isLoading, steps.length, stepIntervalMs, onComplete, isExternallyControlled]);\n\n    useEffect(() => {\n        if (!isLoading) {\n            setInternalStepIndex(0);\n        }\n    }, [isLoading]);\n\n    useEffect(() => {\n        if (isExternallyControlled && currentStep !== undefined && currentStep >= steps.length) {\n            onComplete?.();\n        }\n    }, [isExternallyControlled, currentStep, steps.length, onComplete]);\n\n    const getStepStatus = (stepIndex: number): 'pending' | 'in-progress' | 'complete' => {\n        if (stepIndex < currentStepIndex) return 'complete';\n        if (stepIndex === currentStepIndex) return 'in-progress';\n        return 'pending';\n    };\n\n    if (!isLoading) return null;\n\n    return (\n        <div className={styles.overlay}>\n            {/* Left Side - Steps Progress */}\n            <div className={styles.leftSide}>\n                {/* Sparkle Icon */}\n                <div className={styles.sparkleWrapper}>\n                    <Sparkles size={32} color=\"#7C3AED\" />\n                </div>\n\n                {/* Title */}\n                <h2 className={styles.title}>\n                    Onboarding your Station\n                </h2>\n\n                {/* Subtitle */}\n                <p className={styles.subtitle}>\n                    We're setting up your station and applying the selected rule\n                    <br />\n                    templates. This may take a moment.\n                </p>\n\n                {/* Steps List */}\n                <div className={styles.stepsList}>\n                    {steps.map((step, index) => {\n                        const status = getStepStatus(index);\n                        return (\n                            <div key={step.id} className={styles.stepRow}>\n                                <StepIndicator status={status} />\n                                <span\n                                    className={`${styles.stepText} ${status === 'in-progress' ? styles.stepTextActive : styles.stepTextPending}`}\n                                >\n                                    {step.label}\n                                </span>\n                            </div>\n                        );\n                    })}\n                </div>\n            </div>\n\n            {/* Right Side - Shimmer Panel */}\n            <div className={styles.rightSide}>\n                <ShimmerPanel currentStepIndex={currentStepIndex} />\n            </div>\n        </div>\n    );\n};\n\nexport default OnboardingLoader;\n"],"names":["jsx","styles","Check","Sparkles","jsxs","useState","useEffect"],"mappings":"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"}