@adminide-stack/yantra-help-browser 12.0.16-alpha.2 → 12.0.16-alpha.21

package/lib/components/SearchBar.js

@@ -0,0 +1,234 @@
+import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {createPortal}from'react-dom';import {useNavigate}from'@remix-run/react';import {getCategoryByIdSync,searchArticles}from'../utils/markdownLoader.js';const SearchBar = props => {
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = useState('');
+  const [searchResults, setSearchResults] = useState([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const [dropdownPosition, setDropdownPosition] = useState({
+    top: 0,
+    left: 0,
+    width: 0
+  });
+  const searchContainerRef = useRef(null);
+  const inputRef = useRef(null);
+  // Update search query when initialSearchQuery changes
+  // useEffect(() => {
+  //     setSearchQuery(initialSearchQuery);
+  // }, [initialSearchQuery]);
+  // Calculate dropdown position
+  const updateDropdownPosition = useRef(() => {
+    if (searchContainerRef.current) {
+      const rect = searchContainerRef.current.getBoundingClientRect();
+      setDropdownPosition({
+        top: rect.bottom + window.scrollY + 4,
+        left: rect.left + window.scrollX,
+        width: rect.width
+      });
+    }
+  });
+  // Perform search as user types
+  useEffect(() => {
+    if (searchQuery.trim().length > 0) {
+      const performSearch = async () => {
+        const results = await searchArticles(searchQuery);
+        setSearchResults(results.slice(0, 5)); // Limit to 5 results for sidebar
+        setShowDropdown(true);
+        setSelectedIndex(-1);
+      };
+      performSearch();
+    } else {
+      setSearchResults([]);
+      setShowDropdown(false);
+    }
+  }, [searchQuery]);
+  // Update position on scroll/resize
+  useEffect(() => {
+    if (showDropdown) {
+      updateDropdownPosition.current();
+      const handleScroll = () => updateDropdownPosition.current();
+      const handleResize = () => updateDropdownPosition.current();
+      window.addEventListener('scroll', handleScroll, true);
+      window.addEventListener('resize', handleResize);
+      return () => {
+        window.removeEventListener('scroll', handleScroll, true);
+        window.removeEventListener('resize', handleResize);
+      };
+    }
+  }, [showDropdown]);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      // Check if click is outside search container AND not on dropdown
+      if (searchContainerRef.current && !searchContainerRef.current.contains(target)) {
+        // Check if click is on the dropdown (which is in a portal)
+        const dropdown = document.querySelector('[data-search-dropdown]');
+        if (!dropdown || !dropdown.contains(target)) {
+          setShowDropdown(false);
+        }
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  const handleSearch = e => {
+    e.preventDefault();
+    // if (onSearch && searchQuery.trim()) {
+    //     onSearch(searchQuery);
+    // }
+    // If there are results and user presses enter, navigate to first result
+    if (searchResults.length > 0) {
+      const firstResult = searchResults[0];
+      navigate(`/help-center/${firstResult.categoryId}/${firstResult.slug}`);
+      setShowDropdown(false);
+    }
+  };
+  const handleInputChange = e => {
+    setSearchQuery(e.target.value);
+  };
+  const handleInputFocus = () => {
+    if (searchResults.length > 0) {
+      setShowDropdown(true);
+    }
+  };
+  const handleResultClick = (article, e) => {
+    if (e) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+    // Verify article has required fields
+    if (!article || !article.categoryId || !article.slug) {
+      console.error('Article missing required fields:', article);
+      return;
+    }
+    // Close dropdown
+    setShowDropdown(false);
+    setSearchQuery('');
+    // Navigate to the article using Remix navigate
+    const path = `/help-center/${article.categoryId}/${article.slug}`;
+    navigate(path);
+  };
+  return jsxs("div", {
+    children: [jsx("form", {
+      onSubmit: handleSearch,
+      className: "relative w-full max-w-2xl mx-auto",
+      style: {
+        zIndex: 50
+      },
+      children: jsx("div", {
+        ref: searchContainerRef,
+        className: "relative w-full",
+        children: jsxs("div", {
+          className: "flex w-full rounded-2xl bg-white shadow-2xl",
+          children: [jsxs("div", {
+            className: "relative flex-1",
+            children: [jsx("div", {
+              className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-6 z-10",
+              children: jsx("svg", {
+                className: "h-6 w-6 text-gray-400",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+                })
+              })
+            }), jsx("input", {
+              ref: inputRef,
+              type: "text",
+              className: "h-16 w-full bg-transparent py-6 pl-16 pr-6 text-lg text-gray-900 placeholder-gray-500 outline-none relative z-10",
+              placeholder: "Search help center...",
+              value: searchQuery,
+              onChange: handleInputChange,
+              onFocus: handleInputFocus
+            })]
+          }), jsx("button", {
+            type: "submit",
+            className: "flex items-center justify-center rounded-r-2xl bg-gray-900 px-8 text-lg font-medium text-white transition-colors hover:bg-gray-800 relative z-10",
+            children: "Search"
+          })]
+        })
+      })
+    }), jsxs("div", {
+      className: "mt-8 flex flex-wrap justify-center gap-3",
+      children: [jsx("span", {
+        className: "text-sm text-white/60",
+        children: "Popular:"
+      }), ['AI Employees', 'Integrations', 'Security', 'Getting started'].map(term => jsx("button", {
+        onClick: () => {
+          setSearchQuery(term);
+          setShowDropdown(true);
+        },
+        className: "rounded-full bg-white/10 px-4 py-2 text-sm text-white/80 transition-colors hover:bg-white/20 hover:text-white",
+        children: term
+      }, term))]
+    }), showDropdown && typeof document !== 'undefined' && createPortal(jsx(Fragment, {
+      children: searchResults.length > 0 ? jsx("div", {
+        "data-search-dropdown": true,
+        className: "fixed bg-white rounded-lg shadow-2xl border border-gray-200 max-h-96 overflow-y-auto z-[9999]",
+        style: {
+          top: `${dropdownPosition.top}px`,
+          left: `${dropdownPosition.left}px`,
+          width: `${dropdownPosition.width}px`
+        },
+        onClick: e => e.stopPropagation(),
+        children: jsx("div", {
+          className: "py-1",
+          children: searchResults.map((article, index) => {
+            const category = getCategoryByIdSync(article.categoryId);
+            `/help-center/${article.categoryId}/${article.slug}`;
+            return jsx("div", {
+              onClick: e => {
+                console.log('Click event fired on article:', article.title);
+                e.preventDefault();
+                e.stopPropagation();
+                handleResultClick(article, e);
+              },
+              className: `block px-4 py-3 hover:bg-blue-50 transition-colors cursor-pointer border-b border-gray-100 last:border-b-0 ${selectedIndex === index ? 'bg-blue-50' : ''}`,
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                  e.preventDefault();
+                  handleResultClick(article);
+                }
+              },
+              children: jsxs("div", {
+                className: "flex flex-col",
+                children: [jsx("div", {
+                  className: "text-base font-semibold text-gray-900",
+                  children: article.title
+                }), article.description && jsx("div", {
+                  className: "text-sm text-gray-600 mt-0.5",
+                  children: article.description
+                }), category && jsx("div", {
+                  className: "text-xs text-blue-600 mt-1 font-medium",
+                  children: category.title
+                })]
+              })
+            }, article.id);
+          })
+        })
+      }) : searchQuery.trim().length > 0 ? jsx("div", {
+        className: "fixed bg-white rounded-lg shadow-2xl border border-gray-200 z-[9999]",
+        style: {
+          top: `${dropdownPosition.top}px`,
+          left: `${dropdownPosition.left}px`,
+          width: `${dropdownPosition.width}px`
+        },
+        onClick: e => e.stopPropagation(),
+        children: jsx("div", {
+          className: "px-4 py-6 text-center text-gray-500",
+          children: jsxs("p", {
+            children: ["No results found for \"", searchQuery, "\""]
+          })
+        })
+      }) : null
+    }), document.body)]
+  });
+};export{SearchBar};//# sourceMappingURL=SearchBar.js.map

package/lib/components/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sources":["../../src/components/SearchBar.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/lib/components/SidebarSearch.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface SidebarSearchProps {
+    className?: string;
+    placeholder?: string;
+}
+export declare const SidebarSearch: React.FC<SidebarSearchProps>;
+export {};
+//# sourceMappingURL=SidebarSearch.d.ts.map

package/lib/components/SidebarSearch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSearch.d.ts","sourceRoot":"","sources":["../../src/components/SidebarSearch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,kBAAkB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0HtD,CAAC"}

package/lib/components/SidebarSearch.js

@@ -0,0 +1,114 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useNavigate}from'@remix-run/react';import {FiSearch}from'@react-icons/all-files/fi/FiSearch.js';import {getCategoryByIdSync,searchArticles}from'../utils/markdownLoader.js';const SidebarSearch = ({
+  className = '',
+  placeholder = 'Search...'
+}) => {
+  const navigate = useNavigate();
+  const [searchQuery, setSearchQuery] = useState('');
+  const [searchResults, setSearchResults] = useState([]);
+  const [showDropdown, setShowDropdown] = useState(false);
+  const [selectedIndex, setSelectedIndex] = useState(-1);
+  const searchContainerRef = useRef(null);
+  const inputRef = useRef(null);
+  // Perform search as user types
+  useEffect(() => {
+    if (searchQuery.trim().length > 0) {
+      const performSearch = async () => {
+        const results = await searchArticles(searchQuery);
+        setSearchResults(results.slice(0, 5)); // Limit to 5 results for sidebar
+        setShowDropdown(true);
+        setSelectedIndex(-1);
+      };
+      performSearch();
+    } else {
+      setSearchResults([]);
+      setShowDropdown(false);
+    }
+  }, [searchQuery]);
+  // Close dropdown when clicking outside
+  useEffect(() => {
+    const handleClickOutside = event => {
+      const target = event.target;
+      if (searchContainerRef.current && !searchContainerRef.current.contains(target)) {
+        const dropdown = document.querySelector('[data-sidebar-search-dropdown]');
+        if (!dropdown || !dropdown.contains(target)) {
+          setShowDropdown(false);
+        }
+      }
+    };
+    document.addEventListener('mousedown', handleClickOutside);
+    return () => {
+      document.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, []);
+  const handleSearch = e => {
+    e.preventDefault();
+    if (searchResults.length > 0) {
+      const firstResult = searchResults[0];
+      navigate(`/help-center/${firstResult.categoryId}/${firstResult.slug}`);
+      setShowDropdown(false);
+      setSearchQuery('');
+    }
+  };
+  const handleInputChange = e => {
+    setSearchQuery(e.target.value);
+  };
+  const handleInputFocus = () => {
+    if (searchResults.length > 0) {
+      setShowDropdown(true);
+    }
+  };
+  const handleResultClick = article => {
+    if (!article || !article.categoryId || !article.slug) {
+      return;
+    }
+    setShowDropdown(false);
+    setSearchQuery('');
+    navigate(`/help-center/${article.categoryId}/${article.slug}`);
+  };
+  return jsxs("div", {
+    className: `relative w-full ${className}`,
+    ref: searchContainerRef,
+    children: [jsx("form", {
+      onSubmit: handleSearch,
+      className: "relative",
+      children: jsxs("div", {
+        className: "relative",
+        children: [jsx("div", {
+          className: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3",
+          children: jsx(FiSearch, {
+            className: "h-4 w-4 text-gray-400",
+            "aria-hidden": "true"
+          })
+        }), jsx("input", {
+          ref: inputRef,
+          type: "text",
+          className: "block w-full rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 py-2 pl-10 pr-3 text-sm text-gray-900 dark:text-white placeholder-gray-500 dark:placeholder-gray-400 focus:border-blue-500 focus:outline-none focus:ring-1 focus:ring-blue-500",
+          placeholder: placeholder,
+          value: searchQuery,
+          onChange: handleInputChange,
+          onFocus: handleInputFocus
+        })]
+      })
+    }), showDropdown && searchResults.length > 0 && jsx("div", {
+      "data-sidebar-search-dropdown": true,
+      className: "absolute z-50 mt-1 w-full bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-200 dark:border-gray-700 max-h-64 overflow-y-auto",
+      children: jsx("div", {
+        className: "py-1",
+        children: searchResults.map((article, index) => {
+          const category = getCategoryByIdSync(article.categoryId);
+          return jsxs("div", {
+            onClick: () => handleResultClick(article),
+            className: `block px-4 py-2 text-sm hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer ${selectedIndex === index ? 'bg-gray-50 dark:bg-gray-700' : ''}`,
+            children: [jsx("div", {
+              className: "font-medium text-gray-900 dark:text-gray-100",
+              children: article.title
+            }), category && jsx("div", {
+              className: "text-xs text-gray-500 dark:text-gray-400 mt-0.5",
+              children: category.title
+            })]
+          }, article.id);
+        })
+      })
+    })]
+  });
+};export{SidebarSearch};//# sourceMappingURL=SidebarSearch.js.map

package/lib/components/SidebarSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarSearch.js","sources":["../../src/components/SidebarSearch.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/navbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAqFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/navbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA2BxC,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAwFtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/navbar/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useLocation,Link}from'@remix-run/react';const navItems = [{
+import {jsxs,jsx}from'react/jsx-runtime';import {useState}from'react';import {useLocation,useParams,Link}from'@remix-run/react';const navItems = [{
   key: 'home',
   label: 'Home',
   path: '/'
@@ -16,6 +16,7 @@ const RightNavItems = ({
 }) => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const location = useLocation();
+  const params = useParams();
   const toggleMenu = () => {
     setIsMenuOpen(!isMenuOpen);
   };
@@ -23,14 +24,14 @@ const RightNavItems = ({
     return location.pathname === path;
   };
   return jsxs("div", {
-    className: `${scrolled ? "text-foreground" : "text-white"} flex justify-between align-center`,
+    className: `${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'} flex justify-between align-center`,
     children: [jsxs("div", {
       className: "flex",
       children: [jsx("div", {
         className: "hidden sm:ml-6 sm:flex sm:space-x-8",
         children: navItems.map(item => jsx(Link, {
           to: item.path,
-          className: `inline-flex items-center px-1 pt-1 text-lg transition-colors duration-200 ${isActive(item.path) ? `font-bold ${scrolled ? 'text-foreground' : 'text-white'}` : `font-medium ${scrolled ? 'text-foreground hover:text-gray-900' : 'text-white hover:text-gray-300'}`}`,
+          className: `inline-flex items-center px-1 pt-1 text-lg transition-colors duration-200 ${isActive(item.path) ? `font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `font-medium ${scrolled || params.articleSlug ? 'text-foreground hover:text-gray-900' : 'text-white hover:text-gray-300'}`}`,
           children: item.label
         }, item.key))
       }), jsx("div", {
@@ -67,7 +68,7 @@ const RightNavItems = ({
         className: "space-y-1 pt-2 pb-3",
         children: navItems.map(item => jsx(Link, {
           to: item.path,
-          className: `block border-l-4 py-2 pl-3 pr-4 text-base font-medium transition-colors duration-200 ${isActive(item.path) ? `border-[#057d78] font-bold ${scrolled ? 'text-foreground' : 'text-white'}` : `border-transparent font-medium ${scrolled ? 'text-gray-500 hover:text-gray-900' : 'text-gray-300 hover:text-white'} hover:border-[#057d78] hover:bg-gray-50`}`,
+          className: `block border-l-4 py-2 pl-3 pr-4 text-base font-medium transition-colors duration-200 ${isActive(item.path) ? `border-[#057d78] font-bold ${scrolled || params.articleSlug ? 'text-foreground' : 'text-white'}` : `border-transparent font-medium ${scrolled || params.articleSlug ? 'text-gray-500 hover:text-gray-900' : 'text-gray-300 hover:text-white'} hover:border-[#057d78] hover:bg-gray-50`}`,
           onClick: () => setIsMenuOpen(false),
           children: item.label
         }, item.key))

package/lib/components/navbar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"sHASA,MAAM,QAAQ,GAAc,CAAA;AAC1B,EAAA,GAAA,EAAA,MAAA;AACE,EAAA,KAAA,EAAA,MAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACD,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,aAAA;AACE,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,aAAoB;AACrB,EAAA,KAAA,EAAA,aAAA;AACD,EAAA,IAAA,EAAA;AACE,CAAA,CAAA;AACA,MAAK,aAAe,GAAA,CAAA;AACpB,EAAA,QAAA;AACD,CAAA,KAAA;EACD,MAAA,CAAA,UAAA,EAAA,aAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAMF,EAAM,MAAO,QAAA,GAAA,WAA+C,EAAE;QACtD,UAAW,GAAA,MAAe;AAChC,IAAA,aAAc,CAAA,CAAA,UAAc,CAAA;;AAG1B,EAAA,MAAA,QAAA,GAAA,IAAe,IAAU;AAC3B,IAAA,OAAE,QAAA,CAAA,QAAA,KAAA,IAAA;AAEF,GAAA;AACE,EAAA,OAAAA,IAAA,CAAO,KAAQ,EAAA;AACjB,IAAA,SAAE,EAAA,CAAA,EAAA,QAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,kCAAA,CAAA;IAEF,QACE,EAAK,CAAAA,IAAA,CAAA,KAAA,EAAA;;AAUa,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;wDAiD8B;AAChC,QAAA,QAAA,EAAA,QAAA,CAAA,GAAE,CAAkC,IAAA,IAAAA,GAAA,CAAA,IAAA,EAAA;AAYxD,UAAE,EAAA,EAAA,IAAA,CAAA,IAAA;AAEF,UAAA,sFAA6B,EAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,CAAA,GAAA,CAAA,YAAA,EAAA,QAAA,GAAA,qCAAA,GAAA,gCAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/navbar/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"gIASA,MAAM,QAAQ,GAAc,CAAA;AACxB,EAAA,GAAA,EAAA,MAAA;AACI,EAAA,KAAA,EAAA,MAAW;AACX,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACH,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,aAAA;AACI,EAAA,IAAA,EAAA;AACA,CAAA,EAAA;AACA,EAAA,GAAA,EAAA,aAAoB;AACvB,EAAA,KAAA,EAAA,aAAA;AACD,EAAA,IAAA,EAAA;AACI,CAAA,CAAA;AACA,MAAK,aAAe,GAAA,CAAA;AACpB,EAAA,QAAA;AACH,CAAA,KAAA;EACH,MAAA,CAAA,UAAA,EAAA,aAAA,CAAA,GAAA,QAAA,CAAA,KAAA,CAAA;AAMF,EAAM,MAAO,QAAA,GAAA,WAA+C,EAAE;QACpD,MAAW,GAAA,SAAe,EAAA;AAChC,EAAA,MAAA,UAAc,GAAG,MAAW;AAC5B,IAAA,aAAY,CAAA,CAAG,UAAS,CAAE;;AAGtB,EAAA,MAAA,QAAA,GAAA,IAAe,IAAU;AAC7B,IAAA,OAAE,QAAA,CAAA,QAAA,KAAA,IAAA;AAEF,GAAA;AACI,EAAA,OAAAA,IAAA,CAAO,KAAQ,EAAA;AACnB,IAAA,SAAE,EAAA,CAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,kCAAA,CAAA;IAEF,QACI,EACI,CAAAA,IAAA,CAAA,KAAA,EAAA;AAUwB,MAAA,SAAA,EAAA,MAAA;AACA,MAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA;AAiDI,QAAA,SAAA,EAAA,qCAAE;AACF,QAAA,QAAA,EAAA,QAAA,CAAA,GAAE,CAAkC,IAAA,IAAAA,GAAA,CAAA,IAAA,EAAA;AAY5E,UAAE,EAAA,EAAA,IAAA,CAAA,IAAA;AAEF,UAAA,sFAA6B,EAAA,QAAA,CAAA,IAAA,CAAA,IAAA,CAAA,GAAA,CAAA,UAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,iBAAA,GAAA,YAAA,CAAA,CAAA,GAAA,CAAA,YAAA,EAAA,QAAA,IAAA,MAAA,CAAA,WAAA,GAAA,qCAAA,GAAA,gCAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/compute.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,EAAE,GA0CxB,CAAC;AAMF,QAAA,MAAM,aAAa,0CAA4C,CAAC;AAGhE,QAAA,MAAM,cAAc,0CAA6C,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"compute.d.ts","sourceRoot":"","sources":["../src/compute.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,EAAE,GA6DxB,CAAC;AAMF,QAAA,MAAM,aAAa,0CAA4C,CAAC;AAGhE,QAAA,MAAM,cAAc,0CAA6C,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/lib/compute.js

@@ -9,6 +9,24 @@ const browserYantraRoutes = {
   HELP_ARTICLE: '/help-center/:categoryId/:articleSlug'
 };
 const MainRoutes = [{
+  key: 'root-layout',
+  name: 'root layout',
+  path: '/',
+  auth: 'optional',
+  extraPermissions: ['*'],
+  exact: false,
+  componentPath: '@admin-layout/tailwind-design-pro/lib/components/Layout/ProTailwindLayout.js',
+  hasLoader: true,
+  hasClientLoader: true,
+  hasComponent: true,
+  hasLinks: true,
+  hasShouldRevalidate: true,
+  hasHandle: true,
+  loaderReturnInfo: {
+    hasOptions: false,
+    keys: ['newMenuData', 'apolloState', 'permissions']
+  }
+}, {
   path: `${ROOT_LAYOUT_PATH}${browserYantraRoutes.LANDING}`,
   key: 'landing',
   exact: true,
@@ -47,7 +65,7 @@ const MainRoutes = [{
   exact: true,
   hideInMenu: true,
   position: IMenuPosition.Middle,
-  componentPath: "@adminide-stack/yantra-help-browser/lib/pages/ArticlePage/index.js",
+  componentPath: "@adminide-stack/yantra-help-browser/lib/pages/Markdown/index.js",
   hasComponent: true
 }];
 // Using '*' to select all routes and menus

package/lib/compute.js.map

@@ -1 +1 @@
-{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"uJAGA,MAAM,gBAAgB,GAAG,GAAG;AAC5B,MAAM,mBAAmB,GAAG;AACxB,EAAA,OAAA,EAAO,UAAY;AACnB,EAAA,WAAA,EAAW,cAAgB;AAC3B,EAAA,WAAA,EAAW,cAAgB;AAC3B,EAAA,aAAA,EAAa,0BAA4B;AACzC,EAAA,YAAA,EAAY;CACf;AAEY,MAAA,UAAU,GAAQ,CAAA;AAC3B,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAA,CAAA,EAAA,mBAAA,CAAA,OAAA,CAAA,CAAA;AACI,EAAA,GAAA,EAAA,SAAS;AACT,EAAA,KAAA,EAAA,IAAK;AACL,EAAA,UAAA,MAAW;AACX,EAAA,SAAA,EAAA,aAAgB,8BAAA,CAAA;AAChB,EAAA,KAAA,EAAA,IAAA;AACA,EAAA,QAAA,EAAA,aAAW,CAAA;;AAEd,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAA,CAAA,EAAA,mBAAA,CAAA,WAAA,CAAA,CAAA;AACD,EAAA,GAAA,EAAA,aAAA;AACI,EAAA,KAAA,EAAA;AACA,EAAA,YAAkB,IAAA;AAClB,EAAA,SAAA,EAAK,MAAM,OAAA,6BAAA,CAAA;AACX,EAAA,QAAA,EAAA,aAAgB,CAAA;AAChB,CAAA,EAAA;QACA,CAAQ,EAAA,gBAAe,CAAA,EAAA,mBAAO,CAAA,WAAA,CAAA,CAAA;AACjC,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,IAAA;AACI,EAAA,UAAI,EAAE,IAAG;AACT,EAAA,SAAG,EAAE,MAAa,OAAA,6BAAA,CAAA;AAClB,EAAA,QAAA,EAAA,aAAW,CAAA;AACX,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAuB,CAAA,EAAA,iCAAsB,CAAA,CAAA;sBACtB;AAC1B,EAAA,KAAA,EAAA,IAAA;AACD,EAAA,UAAA,EAAA,IAAA;AACI,EAAA,SAAA,QAAS,OAAA,qCAAsC,CAAA;AAC/C,EAAA,QAAA,eAAoB,CAAA;AACpB,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAgB,CAAA,EAAA,mBAAA,CAAA,YAAA,CAAA,CAAA;AAChB,EAAA,GAAA,EAAA,cAAc;SACN,IAAA;AACX,EAAA,UAAA,EAAA,IAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,8BAAA,CAAA;AACI,EAAA,QAAA,EAAI,aAAK,CAAA;AACT,CAAA;AACA;AACA,MAAA,WAAA,GAAY,GAAI;AAChB;AACuB,gBAAO,CAAA,UAAA,EAAA,WAAA;AACjC;AACH,MAAA,cAAA,GAAA,iBAAA,CAAA,UAAA,EAAA,WAAA"}
+{"version":3,"file":"compute.js","sources":["../src/compute.ts"],"sourcesContent":[null],"names":[],"mappings":"uJAGA,MAAM,gBAAgB,GAAG,GAAG;AAC5B,MAAM,mBAAmB,GAAG;AACxB,EAAA,OAAA,EAAO,UAAY;AACnB,EAAA,WAAA,EAAW,cAAgB;AAC3B,EAAA,WAAA,EAAW,cAAgB;AAC3B,EAAA,aAAA,EAAa,0BAA4B;AACzC,EAAA,YAAA,EAAY;CACf;AAEY,MAAA,UAAU,GAAQ,CAAA;AAC3B,EAAA,GAAA,EAAA,aAAA;AACI,EAAA,IAAA,EAAA,aAAkB;AAClB,EAAA,IAAA,EAAA,GAAA;AACA,EAAA,IAAA,EAAA,UAAS;AACT,EAAA,gBAAgB,EAAA,CAAA,GAAA,CAAA;SACA,KAAA;AAChB,EAAA,aAAO,EAAK,8EAAA;AACZ,EAAA,SAAA,EAAA,IAAA;AACA,EAAA,eAAS,EAAE,IAAI;AACf,EAAA,YAAA,EAAA,IAAA;AACA,EAAA,QAAA,EAAA,IAAA;AACA,EAAA,mBAAc,EAAA,IAAA;AACd,EAAA,SAAA,EAAA,IAAA;AACA,EAAA,kBAAe;AACf,IAAA,UAAA,EAAA,KAAA;AACI,IAAA,IAAA,EAAA,CAAA,aAAY,EAAK,aAAA,EAAA,aAAA;AACjB;AACH,CAAA,EAAA;AACJ,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAA,CAAA,EAAA,mBAAA,CAAA,OAAA,CAAA,CAAA;AACD,EAAA,GAAA,EAAA,SAAA;AACI,EAAA,KAAA,EAAA;AACA,EAAA,YAAc,IAAA;AACd,EAAA,SAAA,EAAK,MAAM,OAAA,8BAAA,CAAA;AACX,EAAA,KAAA,EAAA,IAAA;AACA,EAAA,QAAA,EAAA,aAAiB,CAAM;AACvB,CAAA,EAAA;QACA,CAAQ,EAAA,gBAAe,CAAA,EAAA,mBAAO,CAAA,WAAA,CAAA,CAAA;AACjC,EAAA,GAAA,EAAA,aAAA;AACD,EAAA,KAAA,EAAA,IAAA;AACI,EAAA,UAAI,EAAE,IAAG;AACT,EAAA,SAAG,EAAE,MAAa,OAAA,6BAAA,CAAA;AAClB,EAAA,QAAA,EAAA,aAAW,CAAA;AACX,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAuB,CAAA,EAAA,+BAAsB,CAAA,CAAA;oBACtB;AAC1B,EAAA,KAAA,EAAA,IAAA;AACD,EAAA,UAAA,EAAA,IAAA;AACI,EAAA,SAAA,QAAS,OAAA,6BAAsC,CAAA;AAC/C,EAAA,QAAA,eAAkB,CAAA;AAClB,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAgB,CAAA,EAAA,mBAAA,CAAA,aAAA,CAAA,CAAA;AAChB,EAAA,GAAA,EAAA,eAAc;SACN,IAAA;AACX,EAAA,UAAA,EAAA,IAAA;AACD,EAAA,SAAA,EAAA,MAAA,OAAA,qCAAA,CAAA;AACI,EAAA,QAAA,EAAI,aAAK,CAAA;AACT,CAAA,EAAA;AACA,EAAA,IAAA,EAAA,CAAA,EAAA,gBAAW,CAAA,EAAA,mBAAA,CAAA,YAAA,CAAA,CAAA;AACX,EAAA,GAAA,EAAA,cAAgB;AAChB,EAAA,KAAA,EAAA,IAAA;YACQ,EAAA,IAAE;AACb,EAAA,SAAA,EAAA,MAAA,OAAA,2BAAA,CAAA;AACD,EAAA,QAAA,EAAA,aAAA,CAAA;AACI,CAAA;AACA;AACA,MAAA,WAAW,GAAA,GAAA;AACX;AACc,6BAA6B,WAAA;;AAE9C,MAAA,cAAA,GAAA,iBAAA,CAAA,UAAA,EAAA,WAAA"}

package/lib/pages/CategoryCollection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+GnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pages/CategoryCollection/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAiGnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/pages/CategoryCollection/index.js

@@ -1,12 +1,8 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {cn}from'../../utils/index.js';import {getCategoryById}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/react';import {HelpCenterHeader}from'../../components/HelpCenterHeader.js';import {HelpCenterIcons}from'../HelpCenter/components/Icons.js';import {cn}from'../../utils/index.js';import {getCategoryByIdSync}from'../../utils/markdownLoader.js';const CategoryCollectionPage = () => {
   const {
     categoryId
   } = useParams();
-  const category = categoryId ? getCategoryById(categoryId) : null;
-  const handleSearch = query => {
-    console.log('Searching for:', query);
-    // Implement search functionality
-  };
+  const category = categoryId ? getCategoryByIdSync(categoryId) : null;
   const renderIcon = iconType => {
     if (iconType in HelpCenterIcons) {
       const IconComponent = HelpCenterIcons[iconType];
@@ -37,9 +33,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
     className: "min-h-screen bg-background text-foreground",
     children: [jsx("div", {
       className: "relative overflow-hidden",
-      children: jsx(HelpCenterHeader, {
-        onSearch: handleSearch
-      })
+      children: jsx(HelpCenterHeader, {})
     }), jsx("div", {
       className: "container mx-auto px-16 pt-8",
       children: jsxs("nav", {
@@ -51,7 +45,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
         }), jsx("span", {
           children: "\u203A"
         }), jsx("span", {
-          className: "text-foreground",
+          className: "text-primary",
           children: category.title
         })]
       })
@@ -89,7 +83,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useParams,Link}from'@remix-run/
         className: "space-y-4",
         children: category.articles.map(article => jsxs(Link, {
           to: `/help-center/${categoryId}/${article.slug}`,
-          className: cn("group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5"),
+          className: cn('group flex cursor-pointer items-center justify-between rounded-lg border border-border bg-card p-6 transition-all hover:border-primary/50 hover:bg-primary/5'),
           children: [jsxs("div", {
             className: "flex-1",
             children: [jsx("h3", {

package/lib/pages/CategoryCollection/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"6TAQM,MAAA,sBAAsB,GAAa,MAAK;AAC5C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAkB,EAAA;AAChB,EAAA,MAAA,QAAQ,GAAG,4BAA0B,CAAA,UAAA,CAAA,GAAA,IAAA;QACrC,YAAiC,GAAA,KAAA,IAAA;AACnC,IAAA,OAAE,CAAA,GAAA,CAAA,gBAAA,EAAA,KAAA,CAAA;AAEF;AACE,GAAA;AACE,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACtB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AACd,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACX,OAAA,CAAA;;IAeF,OAAO,IACA;AA4ET,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/pages/CategoryCollection/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"iUAOM,MAAA,sBAAsB,GAAa,MAAK;AAC1C,EAAA,MAAA;AAEA,IAAA;AAEA,GAAA,GAAA,SAAgB,EAAA;AACZ,EAAA,MAAA,QAAY,GAAA,UAAmB,GAAA,mBAAG,CAAA,UAAA,CAAA,GAAA,IAAA;AAC9B,EAAA,MAAA,UAAM,eAAgB;gBACf,IAAA,eAAc,EAAA;YACxB,aAAA,GAAA,eAAA,CAAA,QAAA,CAAA;AACD,MAAA,OAAAA,iBAAY,EAAA;AAChB,QAAE,KAAA,EAAA,EAAA;QAEE,MAAS,EAAA;AACT,OAAA,CAAA;;IAYJ,OAAO,IACE;AAsEb,GAAE;AAEF,EAAA,IAAA,CAAA,QAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts

@@ -10,11 +10,13 @@ export interface HelpCategory {
     iconType: string;
     icon?: React.ReactNode;
     authors?: CategoryAuthor[];
+    articles?: any[];
 }
 interface HelpCategoryCardProps {
     category: HelpCategory;
     className?: string;
     onClick?: (id: string) => void;
+    featured?: boolean;
 }
 export declare const HelpCategoryCard: React.FC<HelpCategoryCardProps>;
 export {};

package/lib/pages/HelpCenter/components/HelpCategoryCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;CAC5B;AAED,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA8E5D,CAAC"}
+{"version":3,"file":"HelpCategoryCard.d.ts","sourceRoot":"","sources":["../../../../src/pages/HelpCenter/components/HelpCategoryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAY;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC;CACpB;AAED,UAAU,qBAAqB;IAC3B,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAyDD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmI5D,CAAC"}