@robosystems/core 0.3.0

package/ui-components/layout/CoreSidebar.js

@@ -0,0 +1,62 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Sidebar, SidebarCollapse, SidebarItem, SidebarItemGroup, SidebarItems, Tooltip, } from 'flowbite-react';
+import Link from 'next/link';
+import { usePathname } from 'next/navigation';
+import { HiCog, HiOfficeBuilding } from 'react-icons/hi';
+import { twMerge } from 'tailwind-merge';
+import { useOrg, useSidebarContext } from '../../contexts';
+import { customTheme } from '../../theme';
+export function CoreSidebar({ navigationItems, features = {}, bottomMenuActions = [], additionalMobileComponents, className = '', borderColorClass = 'dark:border-gray-700', }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "lg:hidden", children: _jsx(MobileSidebar, { navigationItems: navigationItems, features: features, bottomMenuActions: bottomMenuActions, additionalMobileComponents: additionalMobileComponents, borderColorClass: borderColorClass }) }), _jsx("div", { className: `hidden lg:block ${className}`, children: _jsx(DesktopSidebar, { navigationItems: navigationItems, features: features, bottomMenuActions: bottomMenuActions, borderColorClass: borderColorClass }) })] }));
+}
+function DesktopSidebar({ navigationItems, features, bottomMenuActions, borderColorClass, }) {
+    const pathname = usePathname();
+    const { isCollapsed } = useSidebarContext().desktop;
+    return (_jsx(Sidebar, { "aria-label": "Sidebar with multi-level dropdown example", theme: customTheme.sidebar, collapsed: isCollapsed, className: twMerge(`fixed inset-y-0 left-0 z-20 flex h-full shrink-0 flex-col border-r border-gray-200 pt-16 duration-75 ${borderColorClass} lg:flex`), id: "sidebar", children: _jsxs("div", { className: "flex h-full flex-col justify-between", children: [_jsx("div", { className: "py-2", children: _jsxs(SidebarItems, { children: [_jsx(OrgSection, { isCollapsed: isCollapsed, showOrgSection: features.showOrgSection }), _jsx(SidebarItemGroup, { className: "mt-0 border-t-0 pt-2 pb-1", children: navigationItems.map((item) => (_jsx(CustomSidebarItem, Object.assign({}, item, { pathname: pathname }), item.label))) })] }) }), _jsx(BottomMenu, { isCollapsed: isCollapsed, features: features, bottomMenuActions: bottomMenuActions })] }) }));
+}
+function MobileSidebar({ navigationItems, features, bottomMenuActions, additionalMobileComponents, borderColorClass, }) {
+    const pathname = usePathname();
+    const { isOpen, close } = useSidebarContext().mobile;
+    if (!isOpen)
+        return null;
+    return (_jsxs(_Fragment, { children: [_jsx(Sidebar, { "aria-label": "Sidebar with multi-level dropdown example", theme: customTheme.sidebar, className: twMerge(`fixed inset-y-0 left-0 z-20 hidden h-full shrink-0 flex-col border-r border-gray-200 pt-16 ${borderColorClass} lg:flex`, isOpen && 'flex'), id: "sidebar", children: _jsxs("div", { className: "flex h-full flex-col justify-between", children: [_jsxs("div", { className: "py-2", children: [additionalMobileComponents && (_jsx("div", { className: "hidden pb-2 max-md:block", children: additionalMobileComponents })), _jsxs(SidebarItems, { children: [_jsx(OrgSection, { isCollapsed: false, showOrgSection: features.showOrgSection }), _jsx(SidebarItemGroup, { className: "mt-0 border-t-0 pt-2 pb-1", children: navigationItems.map((item) => (_jsx(CustomSidebarItem, Object.assign({}, item, { pathname: pathname }), item.label))) })] })] }), _jsx(BottomMenu, { isCollapsed: false, features: features, bottomMenuActions: bottomMenuActions })] }) }), _jsx("div", { onClick: close, "aria-hidden": "true", className: "fixed inset-0 z-10 h-full w-full bg-zinc-900/50 pt-16 dark:bg-zinc-900/90" })] }));
+}
+function CustomSidebarItem({ href, target, icon: Icon, label, items, badge, pathname, }) {
+    if (!(items === null || items === void 0 ? void 0 : items.length)) {
+        const isExternal = target === '_blank' || (href === null || href === void 0 ? void 0 : href.startsWith('http'));
+        if (isExternal) {
+            return (_jsx(SidebarItem, { href: href || '#', icon: Icon, active: pathname === href, theme: customTheme.sidebar.item, className: pathname === href
+                    ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'
+                    : '', children: label }));
+        }
+        return (_jsx(SidebarItem, { as: Link, href: href || '#', icon: Icon, active: pathname === href, theme: customTheme.sidebar.item, className: pathname === href
+                ? 'bg-zinc-100 text-gray-900 dark:bg-zinc-800 dark:text-gray-200'
+                : '', children: label }));
+    }
+    return (_jsx(SidebarCollapse, { icon: Icon, label: label, theme: customTheme.sidebar.collapse, open: items.some((item) => pathname === item.href), children: items.map((item) => {
+            var _a;
+            const isExternal = item.target === '_blank' || ((_a = item.href) === null || _a === void 0 ? void 0 : _a.startsWith('http'));
+            if (isExternal) {
+                return (_jsx(SidebarItem, { href: item.href || '#', active: pathname === item.href, theme: customTheme.sidebar.item, className: pathname === item.href
+                        ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'
+                        : '', children: item.label }, item.label));
+            }
+            return (_jsx(SidebarItem, { as: Link, href: item.href || '#', active: pathname === item.href, theme: customTheme.sidebar.item, className: pathname === item.href
+                    ? 'bg-primary-50 text-primary-700 dark:bg-primary-200 dark:text-primary-800'
+                    : '', children: item.label }, item.label));
+        }) }));
+}
+function OrgSection({ isCollapsed, showOrgSection = true, }) {
+    const { currentOrg } = useOrg();
+    const pathname = usePathname();
+    const isActive = pathname === '/organization';
+    if (!showOrgSection || !currentOrg)
+        return null;
+    return (_jsx(SidebarItemGroup, { className: "border-b border-gray-200 pb-2 dark:border-gray-700", children: _jsx(SidebarItem, { as: Link, href: "/organization", icon: HiOfficeBuilding, active: isActive, theme: customTheme.sidebar.item, className: isActive
+                ? 'bg-zinc-100 text-gray-900 dark:bg-zinc-800 dark:text-gray-200'
+                : '', children: _jsx("span", { className: "truncate text-sm", children: currentOrg.name }) }) }));
+}
+function BottomMenu({ isCollapsed, features, bottomMenuActions, }) {
+    return (_jsxs("div", { className: `flex items-center justify-center border-t border-gray-200 px-4 py-4 dark:border-gray-700 ${isCollapsed ? 'flex-col gap-y-2' : 'gap-x-5'}`, children: [_jsx(Tooltip, { content: "Settings", theme: customTheme.tooltip, children: _jsx(Button, { as: Link, href: "/settings", color: "ghost", className: "rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700", children: _jsx(HiCog, { className: "text-lg text-gray-500 dark:text-gray-400" }) }) }), bottomMenuActions.map((action, index) => (_jsx(Tooltip, { content: action.tooltip, theme: customTheme.tooltip, children: _jsx(Button, { onClick: action.onClick, color: "ghost", className: "rounded-lg p-2 hover:bg-gray-100 dark:hover:bg-gray-700", children: _jsx(action.icon, { className: "text-lg text-gray-500 dark:text-gray-400" }) }) }, index)))] }));
+}

package/ui-components/layout/LandingFooter.d.ts

@@ -0,0 +1,28 @@
+import { type ComponentType } from 'react';
+export interface FooterLink {
+    label: string;
+    href: string;
+}
+export interface LandingFooterProps {
+    /** Marketing blurb shown under the wordmark — app-specific. */
+    tagline: string;
+    /** Links for the "Product" column — app-specific routes/anchors. */
+    productLinks: FooterLink[];
+    /**
+     * The app's own ContactModal. When provided, a "Contact" entry appears in the
+     * Company column and opens this modal; omit it to hide Contact. Kept per-app
+     * (rather than shared) so each product keeps its own contact copy.
+     */
+    contactModal?: ComponentType<{
+        isOpen: boolean;
+        onClose: () => void;
+    }>;
+}
+/**
+ * The shared marketing-site footer for all three apps. The brand column, social
+ * row, the Applications cross-links, the Company column and copyright are
+ * derived from CURRENT_APP + APP_CONFIGS so each app reskins automatically;
+ * only the tagline and Product links vary and are passed in. Contact stays
+ * per-app via the `contactModal` prop.
+ */
+export declare function LandingFooter({ tagline, productLinks, contactModal: ContactModal, }: LandingFooterProps): import("react").JSX.Element;

package/ui-components/layout/LandingFooter.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from 'next/image';
+import Link from 'next/link';
+import { useState } from 'react';
+import { CURRENT_APP, getAppConfig } from '../../auth-core/config';
+/** Fixed cross-app ordering for the Applications column. */
+const APP_ORDER = ['robosystems', 'roboledger', 'roboinvestor'];
+const linkClass = 'text-gray-400 transition-colors hover:text-white';
+const headingClass = 'mb-4 text-sm font-semibold tracking-wider text-gray-400 uppercase';
+/**
+ * The shared marketing-site footer for all three apps. The brand column, social
+ * row, the Applications cross-links, the Company column and copyright are
+ * derived from CURRENT_APP + APP_CONFIGS so each app reskins automatically;
+ * only the tagline and Product links vary and are passed in. Contact stays
+ * per-app via the `contactModal` prop.
+ */
+export function LandingFooter({ tagline, productLinks, contactModal: ContactModal, }) {
+    const [showContact, setShowContact] = useState(false);
+    const current = getAppConfig(CURRENT_APP);
+    const isRoboSystems = CURRENT_APP === 'robosystems';
+    // RoboSystems serves Blog/Privacy/Terms itself; the other apps link out to it.
+    const companyBase = isRoboSystems ? '' : getAppConfig('robosystems').url;
+    const companyLinkProps = isRoboSystems
+        ? {}
+        : { target: '_blank', rel: 'noopener noreferrer' };
+    return (_jsxs("footer", { className: "border-t border-gray-800 bg-zinc-950", children: [_jsxs("div", { className: "mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-5 lg:gap-6", children: [_jsxs("div", { className: "md:col-span-2", children: [_jsxs("div", { className: "mb-4 flex items-center gap-2", children: [_jsx(Image, { src: `/images/logos/${CURRENT_APP}.png`, alt: current.displayName, width: 32, height: 32, className: "rounded-lg" }), _jsx("span", { className: "font-heading text-xl font-semibold text-white", children: current.displayName })] }), _jsx("p", { className: "mb-4 max-w-md text-sm text-gray-400", children: tagline }), _jsxs("div", { className: "flex gap-4", children: [_jsx(Link, { href: "https://github.com/RoboFinSystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on GitHub", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" }) }) }), _jsx(Link, { href: "https://x.com/robofinsystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on X", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) }) }), _jsx(Link, { href: "https://www.linkedin.com/company/robofinsystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on LinkedIn", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) }) }), _jsx(Link, { href: "https://www.youtube.com/@RoboSystems", target: "_blank", rel: "noopener noreferrer", "aria-label": "RoboSystems on YouTube", className: linkClass, children: _jsx("svg", { className: "h-6 w-6", fill: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" }) }) })] })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Product" }), _jsx("ul", { className: "space-y-2 text-sm", children: productLinks.map((link) => (_jsx("li", { children: _jsx(Link, { href: link.href, className: linkClass, children: link.label }) }, link.href))) })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Applications" }), _jsx("ul", { className: "space-y-2 text-sm", children: APP_ORDER.map((app) => {
+                                            const cfg = getAppConfig(app);
+                                            const isCurrent = app === CURRENT_APP;
+                                            return (_jsx("li", { children: _jsx(Link, Object.assign({ href: cfg.url }, (isCurrent
+                                                    ? {}
+                                                    : { target: '_blank', rel: 'noopener noreferrer' }), { className: linkClass, children: cfg.displayName })) }, app));
+                                        }) })] }), _jsxs("div", { children: [_jsx("h3", { className: headingClass, children: "Company" }), _jsxs("ul", { className: "space-y-2 text-sm", children: [_jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/research` }, companyLinkProps, { className: linkClass, children: "Research" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/blog` }, companyLinkProps, { className: linkClass, children: "Blog" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/privacy` }, companyLinkProps, { className: linkClass, children: "Privacy" })) }), _jsx("li", { children: _jsx(Link, Object.assign({ href: `${companyBase}/pages/terms` }, companyLinkProps, { className: linkClass, children: "Terms" })) }), ContactModal && (_jsx("li", { children: _jsx("button", { onClick: () => setShowContact(true), className: linkClass, children: "Contact" }) }))] })] })] }), _jsx("div", { className: "mt-8 border-t border-gray-800 pt-8 text-center text-sm text-gray-400", children: _jsxs("p", { children: ["\u00A9 ", new Date().getFullYear(), " RFS LLC. All rights reserved."] }) })] }), ContactModal && (_jsx(ContactModal, { isOpen: showContact, onClose: () => setShowContact(false) }))] }));
+}

package/ui-components/layout/PageContainer.d.ts

@@ -0,0 +1,8 @@
+import type { PropsWithChildren } from 'react';
+interface PageContainerProps extends PropsWithChildren {
+    spacing?: 'tight' | 'normal' | 'loose';
+    maxWidth?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    className?: string;
+}
+export declare function PageContainer({ children, spacing, maxWidth, className, }: PageContainerProps): import("react").JSX.Element;
+export {};

package/ui-components/layout/PageContainer.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function PageContainer({ children, spacing = 'normal', maxWidth = 'xl', className = '', }) {
+    const spacingClasses = {
+        tight: 'gap-4',
+        normal: 'gap-6',
+        loose: 'gap-8',
+    };
+    const maxWidthClasses = {
+        sm: 'max-w-sm mx-auto',
+        md: 'max-w-md mx-auto',
+        lg: 'max-w-lg mx-auto',
+        xl: 'max-w-7xl mx-auto',
+        full: 'max-w-none',
+    };
+    return (_jsx("div", { className: `grid grid-cols-1 px-4 pb-1 ${spacingClasses[spacing]} ${maxWidthClasses[maxWidth]} ${className}`, children: children }));
+}

package/ui-components/layout/PageHeader.d.ts

@@ -0,0 +1,23 @@
+import type { ComponentType, ReactNode } from 'react';
+export interface PageHeaderProps {
+    /**
+     * Icon rendered in white on the brand-gradient chip — typically a
+     * react-icons `Hi*` component, e.g. `icon={HiHome}`.
+     */
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    title: string;
+    subtitle?: ReactNode;
+    /** Optional right-aligned content (buttons, menus). */
+    actions?: ReactNode;
+    /** Extra classes on the outer wrapper, e.g. `mb-6`. */
+    className?: string;
+}
+/**
+ * The standard page header used across the authenticated app: a white icon on
+ * the app's brand-gradient chip, a title, an optional subtitle, and optional
+ * right-aligned actions. The gradient spans the brand `primary` → `secondary`
+ * → `accent` tokens, so it reskins to each app automatically.
+ */
+export declare function PageHeader({ icon: Icon, title, subtitle, actions, className, }: PageHeaderProps): import("react").JSX.Element;

package/ui-components/layout/PageHeader.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { twMerge } from 'tailwind-merge';
+/**
+ * The standard page header used across the authenticated app: a white icon on
+ * the app's brand-gradient chip, a title, an optional subtitle, and optional
+ * right-aligned actions. The gradient spans the brand `primary` → `secondary`
+ * → `accent` tokens, so it reskins to each app automatically.
+ */
+export function PageHeader({ icon: Icon, title, subtitle, actions, className, }) {
+    return (_jsxs("div", { className: twMerge('flex items-start justify-between gap-4', className), children: [_jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "from-primary-500 via-secondary-500 to-accent-500 shrink-0 rounded-lg bg-gradient-to-br p-3", children: _jsx(Icon, { className: "h-8 w-8 text-white" }) }), _jsxs("div", { children: [_jsx("h1", { className: "font-heading text-3xl font-bold text-gray-900 dark:text-white", children: title }), subtitle && (_jsx("div", { className: "mt-1 text-sm text-gray-500 dark:text-gray-400", children: subtitle }))] })] }), actions && _jsx("div", { className: "flex shrink-0 gap-2", children: actions })] }));
+}

package/ui-components/layout/SettingsContainer.d.ts

@@ -0,0 +1,10 @@
+import type { PropsWithChildren } from 'react';
+interface SettingsContainerProps extends PropsWithChildren {
+    className?: string;
+}
+/**
+ * Standardized container for settings pages
+ * Ensures consistent spacing and layout across all settings implementations
+ */
+export declare function SettingsContainer({ children, className, }: SettingsContainerProps): import("react").JSX.Element;
+export {};

package/ui-components/layout/SettingsContainer.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Standardized container for settings pages
+ * Ensures consistent spacing and layout across all settings implementations
+ */
+export function SettingsContainer({ children, className = '', }) {
+    return (_jsx("div", { className: `grid grid-cols-1 gap-6 px-4 pb-1 ${className}`, children: children }));
+}

package/ui-components/layout/ThemeToggle.d.ts

@@ -0,0 +1,4 @@
+export interface ThemeToggleProps {
+    className?: string;
+}
+export declare function ThemeToggle({ className }: ThemeToggleProps): import("react").JSX.Element;

package/ui-components/layout/ThemeToggle.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DarkThemeToggle, Tooltip } from 'flowbite-react';
+export function ThemeToggle({ className = '' }) {
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "hidden dark:block", children: _jsx(Tooltip, { content: "Toggle light mode", children: _jsx(DarkThemeToggle, {}) }) }), _jsx("div", { className: "dark:hidden", children: _jsx(Tooltip, { content: "Toggle dark mode", children: _jsx(DarkThemeToggle, {}) }) })] }));
+}

package/ui-components/layout/index.d.ts

@@ -0,0 +1,7 @@
+export { CoreNavbar } from './CoreNavbar';
+export { CoreSidebar, type SidebarItemData } from './CoreSidebar';
+export { LandingFooter, type FooterLink, type LandingFooterProps, } from './LandingFooter';
+export { PageContainer } from './PageContainer';
+export { PageHeader, type PageHeaderProps } from './PageHeader';
+export { SettingsContainer } from './SettingsContainer';
+export { ThemeToggle } from './ThemeToggle';

package/ui-components/layout/index.js

@@ -0,0 +1,7 @@
+export { CoreNavbar } from './CoreNavbar';
+export { CoreSidebar } from './CoreSidebar';
+export { LandingFooter, } from './LandingFooter';
+export { PageContainer } from './PageContainer';
+export { PageHeader } from './PageHeader';
+export { SettingsContainer } from './SettingsContainer';
+export { ThemeToggle } from './ThemeToggle';

package/ui-components/settings/GeneralInformationCard.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { AuthUser, UserUpdateData } from '../types';
+export interface GeneralInformationCardProps {
+    user: AuthUser;
+    theme?: any;
+    onUpdate?: (data: UserUpdateData) => Promise<void>;
+    onRefresh?: () => Promise<void>;
+    onSuccess?: (message: string) => void;
+    onError?: (message: string) => void;
+    className?: string;
+}
+export declare const GeneralInformationCard: React.FC<GeneralInformationCardProps>;

package/ui-components/settings/GeneralInformationCard.js

@@ -0,0 +1,72 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SDK from '@robosystems/client';
+import { Button } from 'flowbite-react';
+import { useState } from 'react';
+import { HiUser } from 'react-icons/hi';
+import { Spinner } from '../Spinner';
+import { SettingsCard } from '../forms/SettingsCard';
+import { SettingsFormField } from '../forms/SettingsFormField';
+import { StatusAlert } from '../forms/StatusAlert';
+export const GeneralInformationCard = ({ user, theme, onUpdate = undefined, onRefresh = undefined, onSuccess = undefined, onError = undefined, className = '', }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(false);
+    const handleSubmit = async (event) => {
+        var _a, _b, _c;
+        event.preventDefault();
+        setError(null);
+        setSuccess(false);
+        const formData = new FormData(event.currentTarget);
+        const updateData = {
+            username: formData.get('username'),
+            email: formData.get('email'),
+        };
+        setIsLoading(true);
+        try {
+            if (onUpdate) {
+                await onUpdate(updateData);
+            }
+            else {
+                const response = await SDK.updateUser({
+                    body: {
+                        name: updateData.username,
+                        email: updateData.email,
+                    },
+                });
+                if (response.error) {
+                    const detail = ((_b = (_a = response.error) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.detail) ||
+                        ((_c = response.error) === null || _c === void 0 ? void 0 : _c.detail) ||
+                        'Failed to update profile.';
+                    throw new Error(typeof detail === 'string' ? detail : 'Failed to update profile.');
+                }
+            }
+            if (onSuccess) {
+                onSuccess('Profile updated successfully.');
+            }
+            else {
+                setSuccess(true);
+            }
+            if (onRefresh) {
+                await onRefresh();
+            }
+            setTimeout(() => {
+                setIsLoading(false);
+                setSuccess(false);
+            }, 2000);
+        }
+        catch (err) {
+            const msg = err instanceof Error && err.message
+                ? err.message
+                : 'Failed to update profile. Please try again.';
+            if (onError) {
+                onError(msg);
+            }
+            else {
+                setError(msg);
+            }
+            setIsLoading(false);
+        }
+    };
+    return (_jsxs(SettingsCard, { title: "General information", description: "Update your account details", icon: HiUser, theme: theme === null || theme === void 0 ? void 0 : theme.card, className: className, children: [_jsxs("div", { className: "space-y-4", children: [error && (_jsx(StatusAlert, { type: "error", message: error, theme: theme === null || theme === void 0 ? void 0 : theme.alert })), success && (_jsx(StatusAlert, { type: "success", message: "Profile updated successfully.", theme: theme === null || theme === void 0 ? void 0 : theme.alert }))] }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid gap-4 md:grid-cols-2", children: [_jsx(SettingsFormField, { id: "username", label: "Username", placeholder: "Username", defaultValue: user.name, required: true, theme: theme }), _jsx(SettingsFormField, { id: "email", label: "Email", type: "email", placeholder: "Email", defaultValue: user.email, required: true, theme: theme })] }), _jsx("div", { className: "flex justify-end pt-2", children: _jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "blue", type: "submit", disabled: isLoading, children: isLoading ? (_jsx(Spinner, { size: "sm", className: "text-white" })) : ('Save Changes') }) })] }) })] }));
+};

package/ui-components/settings/PasswordInformationCard.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { PasswordUpdateData } from '../types';
+export interface PasswordInformationCardProps {
+    theme?: any;
+    onUpdate?: (data: PasswordUpdateData) => Promise<void>;
+    onSuccess?: (message: string) => void;
+    onError?: (message: string) => void;
+    className?: string;
+}
+export declare const PasswordInformationCard: React.FC<PasswordInformationCardProps>;

package/ui-components/settings/PasswordInformationCard.js

@@ -0,0 +1,167 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SDK from '@robosystems/client';
+import { Button } from 'flowbite-react';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { HiLockClosed } from 'react-icons/hi';
+import { Spinner } from '../Spinner';
+import { SettingsCard } from '../forms/SettingsCard';
+import { SettingsFormField } from '../forms/SettingsFormField';
+import { StatusAlert } from '../forms/StatusAlert';
+export const PasswordInformationCard = ({ theme, onUpdate = undefined, onSuccess = undefined, onError = undefined, className = '', }) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [success, setSuccess] = useState(false);
+    const [newPassword, setNewPassword] = useState('');
+    const [passwordStrength, setPasswordStrength] = useState(null);
+    const [checkingPassword, setCheckingPassword] = useState(false);
+    const debounceRef = useRef(null);
+    const checkPassword = useCallback(async (password) => {
+        if (password.length < 4) {
+            setPasswordStrength(null);
+            return;
+        }
+        setCheckingPassword(true);
+        try {
+            const response = await SDK.checkPasswordStrength({
+                body: { password },
+            });
+            const data = response.data;
+            setPasswordStrength({
+                score: (data === null || data === void 0 ? void 0 : data.score) || 0,
+                strength: (data === null || data === void 0 ? void 0 : data.strength) || 'very-weak',
+                errors: (data === null || data === void 0 ? void 0 : data.errors) || [],
+                suggestions: (data === null || data === void 0 ? void 0 : data.suggestions) || [],
+                is_valid: (data === null || data === void 0 ? void 0 : data.is_valid) || false,
+            });
+        }
+        catch (_a) {
+            setPasswordStrength(null);
+        }
+        finally {
+            setCheckingPassword(false);
+        }
+    }, []);
+    useEffect(() => {
+        if (debounceRef.current)
+            clearTimeout(debounceRef.current);
+        if (newPassword.length < 4) {
+            setPasswordStrength(null);
+            return;
+        }
+        debounceRef.current = setTimeout(() => {
+            checkPassword(newPassword);
+        }, 400);
+        return () => {
+            if (debounceRef.current)
+                clearTimeout(debounceRef.current);
+        };
+    }, [newPassword, checkPassword]);
+    const handleSubmit = async (event) => {
+        var _a, _b, _c;
+        event.preventDefault();
+        setError(null);
+        setSuccess(false);
+        const formData = new FormData(event.currentTarget);
+        const updateData = {
+            currentPassword: formData.get('currentPassword'),
+            newPassword: formData.get('newPassword'),
+            confirmPassword: formData.get('confirmPassword'),
+        };
+        // Client-side validation
+        if (updateData.newPassword !== updateData.confirmPassword) {
+            const msg = 'New password and confirmation do not match';
+            if (onError) {
+                onError(msg);
+            }
+            else {
+                setError(msg);
+            }
+            return;
+        }
+        if (checkingPassword) {
+            setError('Checking password strength, please wait...');
+            return;
+        }
+        if (passwordStrength && !passwordStrength.is_valid) {
+            const msg = passwordStrength.errors.length > 0
+                ? passwordStrength.errors.join('. ')
+                : 'Password does not meet requirements';
+            if (onError) {
+                onError(msg);
+            }
+            else {
+                setError(msg);
+            }
+            return;
+        }
+        setIsLoading(true);
+        const form = event.currentTarget;
+        try {
+            if (onUpdate) {
+                await onUpdate(updateData);
+            }
+            else {
+                const response = await SDK.updateUserPassword({
+                    body: {
+                        current_password: updateData.currentPassword,
+                        new_password: updateData.newPassword,
+                        confirm_password: updateData.confirmPassword,
+                    },
+                });
+                if (response.error) {
+                    const detail = ((_b = (_a = response.error) === null || _a === void 0 ? void 0 : _a.detail) === null || _b === void 0 ? void 0 : _b.detail) ||
+                        ((_c = response.error) === null || _c === void 0 ? void 0 : _c.detail) ||
+                        'Failed to update password.';
+                    throw new Error(typeof detail === 'string' ? detail : 'Failed to update password.');
+                }
+            }
+            if (onSuccess) {
+                onSuccess('Password updated successfully.');
+            }
+            else {
+                setSuccess(true);
+            }
+            // Clear form fields and strength state
+            form.reset();
+            setNewPassword('');
+            setPasswordStrength(null);
+            setTimeout(() => {
+                setIsLoading(false);
+                setSuccess(false);
+            }, 2000);
+        }
+        catch (err) {
+            const msg = err instanceof Error && err.message
+                ? err.message
+                : 'Failed to update password. Please try again.';
+            if (onError) {
+                onError(msg);
+            }
+            else {
+                setError(msg);
+            }
+            setIsLoading(false);
+        }
+    };
+    const strengthBarColor = !passwordStrength
+        ? ''
+        : passwordStrength.score < 30
+            ? 'bg-red-500'
+            : passwordStrength.score < 60
+                ? 'bg-yellow-500'
+                : passwordStrength.score < 80
+                    ? 'bg-primary-400'
+                    : 'bg-green-500';
+    const strengthTextColor = !passwordStrength
+        ? ''
+        : passwordStrength.score < 30
+            ? 'text-red-400'
+            : passwordStrength.score < 60
+                ? 'text-yellow-400'
+                : passwordStrength.score < 80
+                    ? 'text-primary-300'
+                    : 'text-green-400';
+    return (_jsxs(SettingsCard, { title: "Password information", description: "Update your password to keep your account secure", icon: HiLockClosed, theme: theme === null || theme === void 0 ? void 0 : theme.card, className: className, children: [_jsxs("div", { className: "space-y-4", children: [error && (_jsx(StatusAlert, { type: "error", message: error, theme: theme === null || theme === void 0 ? void 0 : theme.alert })), success && (_jsx(StatusAlert, { type: "success", message: "Password updated successfully.", theme: theme === null || theme === void 0 ? void 0 : theme.alert }))] }), _jsx("form", { onSubmit: handleSubmit, children: _jsxs("div", { className: "space-y-4", children: [_jsx("div", { className: "grid gap-4 md:grid-cols-2", children: _jsx(SettingsFormField, { id: "currentPassword", label: "Current password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", theme: theme }) }), _jsxs("div", { className: "grid items-start gap-4 md:grid-cols-2", children: [_jsxs("div", { children: [_jsx(SettingsFormField, { id: "newPassword", label: "New password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", theme: theme, onChange: (e) => setNewPassword(e.target.value) }), _jsx("div", { className: "mt-2 min-h-[2.75rem]", children: passwordStrength && (_jsxs("div", { className: "space-y-1.5", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-1.5 flex-1 overflow-hidden rounded-full bg-gray-700", children: _jsx("div", { className: `h-full rounded-full transition-all duration-300 ${strengthBarColor}`, style: { width: `${passwordStrength.score}%` } }) }), _jsx("span", { className: `text-xs font-medium capitalize ${strengthTextColor}`, children: passwordStrength.strength.replace('-', ' ') })] }), passwordStrength.errors.length > 0 && (_jsx("p", { className: "text-xs text-red-400", children: passwordStrength.errors[0] })), passwordStrength.errors.length === 0 &&
+                                                        passwordStrength.suggestions.length > 0 && (_jsx("p", { className: "text-xs text-gray-400", children: passwordStrength.suggestions[0] }))] })) })] }), _jsx(SettingsFormField, { id: "confirmPassword", label: "Confirm password", type: "password", placeholder: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022", theme: theme })] }), _jsx("div", { className: "flex justify-end pt-2", children: _jsx(Button, { theme: theme === null || theme === void 0 ? void 0 : theme.button, color: "blue", type: "submit", disabled: isLoading || checkingPassword, children: isLoading ? (_jsx(Spinner, { size: "sm", className: "text-white" })) : ('Update Password') }) })] }) })] }));
+};

package/ui-components/settings/SettingsPageHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SettingsPageHeaderProps {
+    title?: string;
+    homeHref?: string;
+    className?: string;
+}
+export declare const SettingsPageHeader: React.FC<SettingsPageHeaderProps>;

package/ui-components/settings/SettingsPageHeader.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumb, BreadcrumbItem } from 'flowbite-react';
+import { HiHome } from 'react-icons/hi';
+export const SettingsPageHeader = ({ title = 'User settings', homeHref = '/home', className = '', }) => {
+    return (_jsxs("div", { className: `col-span-full mb-4 xl:mb-2 ${className}`, children: [_jsxs(Breadcrumb, { className: "mb-5", children: [_jsx(BreadcrumbItem, { href: homeHref, children: _jsxs("div", { className: "flex items-center gap-x-3", children: [_jsx(HiHome, { className: "text-xl" }), _jsx("span", { className: "dark:text-white", children: "Home" })] }) }), _jsx(BreadcrumbItem, { children: "Settings" })] }), _jsx("h1", { className: "text-xl font-semibold text-gray-900 sm:text-2xl dark:text-white", children: title })] }));
+};

package/ui-components/settings/index.d.ts

@@ -0,0 +1,3 @@
+export { GeneralInformationCard } from './GeneralInformationCard';
+export { PasswordInformationCard } from './PasswordInformationCard';
+export { SettingsPageHeader } from './SettingsPageHeader';

package/ui-components/settings/index.js

@@ -0,0 +1,3 @@
+export { GeneralInformationCard } from './GeneralInformationCard';
+export { PasswordInformationCard } from './PasswordInformationCard';
+export { SettingsPageHeader } from './SettingsPageHeader';

package/ui-components/support/SupportModal.d.ts

@@ -0,0 +1,15 @@
+export interface SupportMetadata {
+    graphId?: string | null;
+    graphName?: string | null;
+    orgId?: string | null;
+    orgName?: string | null;
+    orgType?: string | null;
+    userRole?: string | null;
+}
+interface SupportModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    metadata?: SupportMetadata;
+}
+export default function SupportModal({ isOpen, onClose, metadata, }: SupportModalProps): import("react").JSX.Element;
+export {};