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

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

@@ -1,2 +1,237 @@
-import{__rest as e,__assign as n,__spreadArray as r}from"tslib";import{jsxs as a,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useState as l,useRef as i,useEffect as c,useMemo as s}from"react";import u from"../../styles/InputField.module.css.js";var d=t(function(t,d){var p=t.label,m=t.id,h=t.error,v=t.className,f=t.required,b=t.containerClassName,N=t.options,C=t.isMulti,y=void 0!==C&&C,g=t.isSearchable,A=void 0===g||g,k=t.value,I=t.onOptionChange,M=t.onChange,O=t.debounceTime,L=void 0===O?300:O,T=t.placeholder,w=t.disabled,S=t.onMenuScrollToBottom,x=t.isLoadingOptions,F=t.hasMoreOptions,j=void 0===F||F,B=e(t,["label","id","error","className","required","containerClassName","options","isMulti","isSearchable","value","onOptionChange","onChange","debounceTime","placeholder","disabled","onMenuScrollToBottom","isLoadingOptions","hasMoreOptions"]),W=l(!1),q=W[0],E=W[1],H=l(""),P=H[0],z=H[1],D=l(""),V=D[0],G=D[1],J=i(null),K=Array.isArray(N);c(function(){var e=setTimeout(function(){G(P)},L);return function(){return clearTimeout(e)}},[P,L]),c(function(){function e(e){J.current&&!J.current.contains(e.target)&&(E(!1),K&&!y&&k&&"object"==typeof k&&"label"in k?z(k.label):K&&!y&&z(""))}return document.addEventListener("mousedown",e),function(){return document.removeEventListener("mousedown",e)}},[K,y,k]),c(function(){K&&!y&&k&&"object"==typeof k&&"label"in k?z(k.label):!K||y||k||z("")},[k,K,y]);var Q=s(function(){return N?A&&V?N.filter(function(e){return e.label.toLowerCase().includes(V.toLowerCase())}):N:[]},[N,V,A]);return a("div",K?n({ref:J,className:"".concat(u.relativeWrapper," ").concat(b||"")},{children:[p&&a("label",n({className:u.label},{children:[f&&o("span",n({className:u.requiredAsterisk},{children:"*"})),p]})),a("div",n({className:"".concat(u.selectContainer," ").concat(w?u.selectContainerDisabled:u.selectContainerClickable," ").concat(h?u.selectContainerError:u.selectContainerSuccess," ").concat(v||""),onClick:function(){w||E(!q)}},{children:[a("div",n({className:u.selectedChips},{children:[y&&Array.isArray(k)&&k.map(function(e){return a("span",n({className:u.chip,onClick:function(e){return e.stopPropagation()}},{children:[e.label,!w&&o("button",n({type:"button",onClick:function(n){return function(e,n){if(e.stopPropagation(),y&&I){var r=Array.isArray(k)?k:[];I(r.filter(function(e){return e.value!==n}))}}(n,e.value)},className:u.chipCloseBtn},{children:"×"}))]}),e.value)}),o("input",{ref:d,type:"text",readOnly:!A||w,disabled:w,className:"".concat(u.selectInput," ").concat(A?"":u.caretTransparent),placeholder:y&&Array.isArray(k)&&k.length>0?"":T,value:P,onChange:function(e){A&&(z(e.target.value),E(!0))},onClick:function(){return!w&&E(!0)}})]})),!A&&o("div",n({className:u.chevronIconWrapper},{children:o("svg",n({className:"".concat(u.chevronIcon," ").concat(q?u.chevronIconOpen:""),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor"},{children:o("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 9l-7 7-7-7"})}))}))]})),q&&!w&&a("ul",n({onScroll:function(e){var n=e.currentTarget;n.scrollHeight-n.scrollTop-n.clientHeight<=20&&S&&!x&&S()},className:u.dropdownMenu},{children:[0===Q.length?x?null:o("li",n({className:u.noOptionsItem},{children:"No options found"})):Q.map(function(e){var t=y?Array.isArray(k)&&k.some(function(n){return n.value===e.value}):(null==k?void 0:k.value)===e.value;return o("li",n({onClick:function(n){n.stopPropagation(),function(e){if(I)if(y){var n=Array.isArray(k)?k:[],a=void 0;a=n.some(function(n){return n.value===e.value})?n.filter(function(n){return n.value!==e.value}):r(r([],n,!0),[e],!1),I(a),A&&z("")}else I(e),z(e.label),E(!1)}(e)},className:"".concat(u.optionItem," ").concat(t?u.optionItemSelected:"")},{children:a("div",n({className:u.optionContent},{children:[o("span",{children:e.label}),t&&o("span",{children:"✓"})]}))}),e.value)}),x&&o("li",n({className:u.loaderItem},{children:a("svg",n({className:u.spinIcon,fill:"none",viewBox:"0 0 24 24"},{children:[o("circle",{style:{opacity:.25},cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),o("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"})]}))})),!x&&!j&&Q.length>0&&o("li",n({className:u.endOfListItem},{children:"No more options"}))]})),h&&o("p",n({className:u.errorMessage},{children:h}))]}):n({className:"".concat(u.inputWrapper," ").concat(b||"")},{children:[p&&a("label",n({htmlFor:m,className:u.label},{children:[f&&o("span",n({className:u.requiredAsterisk},{children:"*"})),p]})),o("input",n({ref:d,id:m,value:k,onChange:M,disabled:w,className:"".concat(u.inputField," ").concat(h?u.inputFieldError:""," ").concat(w?u.inputFieldDisabled:""," ").concat(v||""),placeholder:T},B)),h&&o("p",n({className:u.errorMessage},{children:h}))]}))});d.displayName="InputField";export{d as default};
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useEffect, useMemo } from 'react';
+import styles from '../../styles/InputField.module.css.js';
+
+const InputField = 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] = useState(false);
+    const [searchTerm, setSearchTerm] = useState("");
+    const [debouncedTerm, setDebouncedTerm] = useState("");
+    const wrapperRef = useRef(null);
+    const isSelectMode = Array.isArray(options);
+    useEffect(() => {
+      const handler = setTimeout(() => {
+        setDebouncedTerm(searchTerm);
+      }, debounceTime);
+      return () => clearTimeout(handler);
+    }, [searchTerm, debounceTime]);
+    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]);
+    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 = 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__ */ jsxs("div", { className: `${styles.inputWrapper} ${containerClassName || ""}`, children: [
+        label && /* @__PURE__ */ jsxs("label", { htmlFor: id, className: styles.label, children: [
+          required && /* @__PURE__ */ jsx("span", { className: styles.requiredAsterisk, children: "*" }),
+          label
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            id,
+            value,
+            onChange,
+            disabled,
+            className: `${styles.inputField} ${error ? styles.inputFieldError : ""} ${disabled ? styles.inputFieldDisabled : ""} ${className || ""}`,
+            placeholder,
+            ...props
+          }
+        ),
+        error && /* @__PURE__ */ jsx("p", { className: styles.errorMessage, children: error })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { ref: wrapperRef, className: `${styles.relativeWrapper} ${containerClassName || ""}`, children: [
+      label && /* @__PURE__ */ jsxs("label", { className: styles.label, children: [
+        required && /* @__PURE__ */ jsx("span", { className: styles.requiredAsterisk, children: "*" }),
+        label
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${styles.selectContainer} ${disabled ? styles.selectContainerDisabled : styles.selectContainerClickable} ${error ? styles.selectContainerError : styles.selectContainerSuccess} ${className || ""}`,
+          onClick: toggleDropdown,
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: styles.selectedChips, children: [
+              isMulti && Array.isArray(value) && value.map((option) => /* @__PURE__ */ jsxs(
+                "span",
+                {
+                  className: styles.chip,
+                  onClick: (e) => e.stopPropagation(),
+                  children: [
+                    option.label,
+                    !disabled && /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: (e) => handleRemoveChip(e, option.value),
+                        className: styles.chipCloseBtn,
+                        children: "\xD7"
+                      }
+                    )
+                  ]
+                },
+                option.value
+              )),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref,
+                  type: "text",
+                  readOnly: !isSearchable || disabled,
+                  disabled,
+                  className: `${styles.selectInput} ${!isSearchable ? styles.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__ */ jsx("div", { className: styles.chevronIconWrapper, children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                className: `${styles.chevronIcon} ${isOpen ? styles.chevronIconOpen : ""}`,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M19 9l-7 7-7-7"
+                  }
+                )
+              }
+            ) })
+          ]
+        }
+      ),
+      isOpen && !disabled && /* @__PURE__ */ jsxs(
+        "ul",
+        {
+          onScroll: (e) => {
+            const target = e.currentTarget;
+            if (target.scrollHeight - target.scrollTop - target.clientHeight <= 20) {
+              if (onMenuScrollToBottom && !isLoadingOptions) {
+                onMenuScrollToBottom();
+              }
+            }
+          },
+          className: styles.dropdownMenu,
+          children: [
+            filteredOptions.length === 0 ? isLoadingOptions ? null : /* @__PURE__ */ jsx("li", { className: styles.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__ */ jsx(
+                "li",
+                {
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleSelect(option);
+                  },
+                  className: `${styles.optionItem} ${isSelected ? styles.optionItemSelected : ""}`,
+                  children: /* @__PURE__ */ jsxs("div", { className: styles.optionContent, children: [
+                    /* @__PURE__ */ jsx("span", { children: option.label }),
+                    isSelected && /* @__PURE__ */ jsx("span", { children: "\u2713" })
+                  ] })
+                },
+                option.value
+              );
+            }),
+            isLoadingOptions && /* @__PURE__ */ jsx("li", { className: styles.loaderItem, children: /* @__PURE__ */ jsxs("svg", { className: styles.spinIcon, fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ jsx("circle", { style: { opacity: 0.25 }, cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ 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__ */ jsx("li", { className: styles.endOfListItem, children: "No more options" })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: styles.errorMessage, children: error })
+    ] });
+  }
+);
+InputField.displayName = "InputField";
+var InputField$1 = InputField;
+
+export { InputField$1 as default };
 //# sourceMappingURL=InputField.js.map

package/dist/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":[],"mappings":"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"}

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

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

package/dist/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":[],"mappings":"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"}