@lokalise/harmony 1.40.2 → 1.40.3-exp-epic2x.2

package/dist/harmony99.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"harmony99.mjs","sources":["../src/features/navigation/hooks/useNextgenNavigation.ts"],"sourcesContent":["import type { Contributor, Project } from '@features/node'\nimport { useCallback, useMemo } from 'react'\nimport { useNavigationClient } from '../providers/NavigationClientProvider'\n// TODO: react-router-dom as peer dependencies works only inside next-gen apps. It shouldn't be like that.\n// Because of that we can't use THE WHOLE package in legacy apps, therefore it should be implemented in legacy apps as well(almost impossible),\n// so this dependency should be installed as direct dependency. or we should think about other options\n// import { useNavigate } from \"react-router-dom\";\nimport { navigationItems } from '../schemas/navigationSchema'\n\n// TODO: Unify navigation items for next-gen and legacy apps\n/**\n * Hook to generate navigation items for new applications\n */\nexport const useNextgenNavigation = (\n\tactiveKey: string,\n\tenabled: boolean,\n\tproject?: Project,\n\tcontributor?: Contributor,\n) => {\n\tconst navigationClient = useNavigationClient()\n\tconst nextgenUrl = navigationClient.getNextgenUrl()\n\n\tconst navigate = useCallback(\n\t\t(path: string) => {\n\t\t\t// TODO: Define navigate logic here\n\t\t\twindow.location.href = `${nextgenUrl}${path}`\n\t\t},\n\t\t[nextgenUrl],\n\t)\n\n\treturn useMemo(() => {\n\t\tif (!enabled) {\n\t\t\treturn []\n\t\t}\n\n\t\tconst projectId = project?.project_id || ''\n\n\t\t// Context for filtering and transforming navigation items\n\t\tconst context = {\n\t\t\tflags: {}, // TODO: getFeatureFlags(features),\n\t\t\tpathname: window.location.pathname,\n\t\t\tpermissions: contributor?.admin_rights || [],\n\t\t}\n\n\t\t// Filter and map items\n\t\treturn (\n\t\t\tnavigationItems\n\t\t\t\t// Filter based on conditions\n\t\t\t\t.filter((item) => (item.shouldShow ? item.shouldShow(context) : true))\n\t\t\t\t// Map to NavigationTabsItem shape\n\t\t\t\t.map((item) => {\n\t\t\t\t\tconst disabled =\n\t\t\t\t\t\ttypeof item.disabled === 'function' ? item.disabled(context) : !!item.disabled\n\n\t\t\t\t\tconst badge = typeof item.badge === 'function' ? item.badge(context) : item.badge\n\n\t\t\t\t\t// Create isActive function\n\t\t\t\t\tconst isActive = (input: string) =>\n\t\t\t\t\t\titem.isActive ? item.isActive(input) : item.key === activeKey || input === item.key\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\tkey: item.key,\n\t\t\t\t\t\tlabel: item.labelKey, // You can apply translations here if needed\n\t\t\t\t\t\ticon: item.icon,\n\t\t\t\t\t\tvisible: true,\n\t\t\t\t\t\tbadge,\n\t\t\t\t\t\tdisabled,\n\t\t\t\t\t\tdropdown: item.dropdown,\n\t\t\t\t\t\tisActive,\n\t\t\t\t\t\tlink: `${nextgenUrl}${item.path({ projectId })}`,\n\t\t\t\t\t\tonClick: () => navigate(item.path({ projectId })),\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t)\n\t}, [project, activeKey, enabled, navigate, contributor, nextgenUrl])\n}\n\n// TODO: Helper to convert features to flags format\n// const getFeatureFlags = (features) => {\n// \tif (!features) return {}\n//\n// \t// Convert features to the format expected by navigation schema\n// \treturn Object.keys(features).reduce((flags, key) => {\n// \t\tflags[key] = features[key] ? 'on' : 'off'\n// \t\treturn flags\n// \t}, {})\n// }\n"],"names":[],"mappings":";;;AAaO,MAAM,uBAAuB,CACnC,WACA,SACA,SACA,gBACI;AACJ,QAAM,mBAAmB,oBAAoB;AACvC,QAAA,aAAa,iBAAiB,cAAc;AAElD,QAAM,WAAW;AAAA,IAChB,CAAC,SAAiB;AAEjB,aAAO,SAAS,OAAO,GAAG,UAAU,GAAG,IAAI;AAAA,IAC5C;AAAA,IACA,CAAC,UAAU;AAAA,EACZ;AAEA,SAAO,QAAQ,MAAM;AACpB,QAAI,CAAC,SAAS;AACb,aAAO,CAAC;AAAA,IAAA;AAGH,UAAA,aAAY,mCAAS,eAAc;AAGzC,UAAM,UAAU;AAAA,MACf,OAAO,CAAC;AAAA;AAAA,MACR,UAAU,OAAO,SAAS;AAAA,MAC1B,aAA0C,CAAA;AAAA,IAC3C;AAGA,WACC,gBAEE,OAAO,CAAC,SAAU,KAAK,aAAa,KAAK,WAAW,OAAO,IAAI,IAAK,EAEpE,IAAI,CAAC,SAAS;AACR,YAAA,WACL,OAAO,KAAK,aAAa,aAAa,KAAK,SAAS,OAAO,IAAI,CAAC,CAAC,KAAK;AAEjE,YAAA,QAAQ,OAAO,KAAK,UAAU,aAAa,KAAK,MAAM,OAAO,IAAI,KAAK;AAG5E,YAAM,WAAW,CAAC,UACjB,KAAK,WAAW,KAAK,SAAS,KAAK,IAAI,KAAK,QAAQ,aAAa,UAAU,KAAK;AAE1E,aAAA;AAAA,QACN,KAAK,KAAK;AAAA,QACV,OAAO,KAAK;AAAA;AAAA,QACZ,MAAM,KAAK;AAAA,QACX,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA,UAAU,KAAK;AAAA,QACf;AAAA,QACA,MAAM,GAAG,UAAU,GAAG,KAAK,KAAK,EAAE,UAAW,CAAA,CAAC;AAAA,QAC9C,SAAS,MAAM,SAAS,KAAK,KAAK,EAAE,UAAA,CAAW,CAAC;AAAA,MACjD;AAAA,IAAA,CACA;AAAA,EAAA,GAED,CAAC,SAAS,WAAW,SAAS,UAAU,aAAa,UAAU,CAAC;AACpE;"}
+{"version":3,"file":"harmony99.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/types/src/components/Sidebar/Sidebar.d.ts

@@ -1,53 +1,19 @@
-import { HTMLProps, PropsWithChildren, ReactNode } from 'react';
+import { HTMLProps } from 'react';
+import { SidebarContentProps } from './SidebarContent/SidebarContent';
+import { SidebarConfig } from './types';
 type SidebarProps = HTMLProps<HTMLElement> & {
-    children: ReactNode;
+    config: SidebarConfig;
+    children?: SidebarContentProps['children'];
 };
 /**
- * Sidebar is a self-contained component using widgets
+ * The main Sidebar component. Wraps children with SidebarProvider and renders SidebarContent.
+ *
+ * @example
+ * ```
+ * <Sidebar config={sidebarConfig}>
+ *   <YourAppContent />
+ * </Sidebar>
+ * ```
  */
-declare const Sidebar: {
-    ({ children, ...navProps }: SidebarProps): import("react/jsx-runtime").JSX.Element;
-    Top: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Bottom: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-    Avatar: ({ src, href, ariaLabel, alt, }: {
-        src: string;
-        href?: string;
-        ariaLabel?: string;
-        alt?: string;
-    }) => import("react/jsx-runtime").JSX.Element;
-    IconLink: ({ label, to, icon: Icon }: {
-        to: string;
-        label: string;
-        icon: import('react').FC<import('@lokalise/louis').SvgIconProps>;
-    }) => import("react/jsx-runtime").JSX.Element;
-    Menu: ({ children, icon: Icon }: {
-        icon: import('react').FC<import('@lokalise/louis').SvgIconProps>;
-    } & {
-        children?: ReactNode | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    ProfileMenu: ({ config, children }: {
-        config: import('./Widgets/ProfileMenu/types').SidebarProfileMenuConfig;
-        children: import('./Widgets/ProfileMenu/ProfileMenuContent').ProfileMenuContentProps["children"];
-    }) => import("react/jsx-runtime").JSX.Element;
-    TeamSwitch: ({ onSwitchTeam }: {
-        onSwitchTeam: (team: import('./types').SidebarTeam) => void;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    TeamMenuItem: ({ team, onClick, hidePlanLabel }: {
-        team?: import('./types').SidebarTeam;
-        onClick?: (team: import('./types').SidebarTeam) => void;
-        hidePlanLabel?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    UpgradeMenuItem: ({ upgradeOptionHref }: {
-        upgradeOptionHref: string;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    ProfileSettingsMenuItem: ({ href, onClick, userEmail, hideBottomDivider, }: {
-        href: string;
-        userEmail: string;
-        onClick?: () => void;
-        hideBottomDivider?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element | null;
-    Tasks: (props: {
-        config: import('./Widgets/Tasks/types').SidebarTasksConfig;
-    }) => import("react/jsx-runtime").JSX.Element;
-};
-export { Sidebar };
+export declare const Sidebar: ({ config, children, ...navProps }: SidebarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/SidebarContent/SidebarContent.d.ts

@@ -0,0 +1,7 @@
+import { SidebarWidgetsConfig, SidebarContextProps } from '../types';
+import { HTMLProps, ReactNode } from 'react';
+export type SidebarContentProps = HTMLProps<HTMLElement> & {
+    widgetsConfig: SidebarWidgetsConfig;
+    children?: ((props: SidebarContextProps) => ReactNode) | ReactNode;
+};
+export declare const SidebarContent: ({ widgetsConfig, children, ...navProps }: SidebarContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/SidebarContext.d.ts

@@ -0,0 +1,3 @@
+import { SidebarContextProps } from './types';
+export declare const SidebarContext: import('react').Context<SidebarContextProps>;
+export declare const useSidebar: () => SidebarContextProps;

package/dist/types/src/components/Sidebar/SidebarProvider.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+import { SidebarProviderProps } from './types';
+export declare const SidebarProvider: ({ data, jwt, children, }: PropsWithChildren<SidebarProviderProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/Avatar/Avatar.d.ts

@@ -11,6 +11,11 @@ type AvatarProps = {
 /**
  * Display company main avatar / logo in the top section of the Sidebar.
  * Used as the main branding element and home navigation link.
+ *
+ * @example
+ * ```
+ * <Avatar src="/logo.png" href="/" ariaLabel="Home" alt="" />
+ * ```
  */
 export declare const Avatar: ({ src, href, ariaLabel, alt, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/HelpMenu/HelpMenu.d.ts

@@ -0,0 +1,13 @@
+import { HelpMenuConfig } from '../../types';
+/**
+ * Help menu component that provides links to tutorials, documentation, support, and more.
+ *
+ * @example
+ * ```
+ * <HelpMenu
+ *   contactSupport={{ onClick: handleContactSupport }}
+ *   keyboardShortcuts={{ onClick: handleShowShortcuts, label: '⌘K' }}
+ * />
+ * ```
+ */
+export declare const HelpMenu: ({ contactSupport, keyboardShortcuts }: HelpMenuConfig) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/components/Sidebar/Widgets/HelpMenu/HelpMenu.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/IconLink/IconLink.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/Menu/Menu.d.ts

@@ -1,8 +1,9 @@
 import { SvgIconProps } from '@lokalise/louis';
-import { FC, PropsWithChildren } from 'react';
+import { ButtonHTMLAttributes, FC, PropsWithChildren } from 'react';
 type MenuProps = PropsWithChildren<{
     /** Icon component from @lokalise/louis to display in the menu button */
     icon: FC<SvgIconProps>;
+    buttonProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
 }>;
 /**
  * A dropdown menu component that displays an icon button which reveals a menu list when clicked.
@@ -20,5 +21,5 @@ type MenuProps = PropsWithChildren<{
  * </Menu>
  * ```
  */
-export declare const Menu: ({ children, icon: Icon }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Menu: ({ children, icon: Icon, buttonProps }: MenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/BillingMenuItem/BillingMenuItem.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the billing section.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <BillingMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const BillingMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeam/CreateNewTeam.d.ts

@@ -0,0 +1,17 @@
+type CreateNewTeamProps = {
+    onCreateTeam: () => void;
+};
+/**
+ * A menu item component for creating a new team.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <CreateNewTeam onCreateTeam={handleCreateTeam} />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const CreateNewTeam: ({ onCreateTeam }: CreateNewTeamProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeam/CreateNewTeam.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeamPlaceholder/CreateNewTeamPlaceholder.d.ts

@@ -0,0 +1,17 @@
+type CreateNewTeamPlaceholderProps = {
+    onClick: () => void;
+};
+/**
+ * A placeholder menu item for creating a new team.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <CreateNewTeamPlaceholder onClick={handleCreateTeam} />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const CreateNewTeamPlaceholder: ({ onClick }: CreateNewTeamPlaceholderProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/CreateNewTeamPlaceholder/CreateNewTeamPlaceholder.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/DarkModeToggle/DarkModeToggle.d.ts

@@ -0,0 +1,18 @@
+type DarkModeToggleProps = {
+    onToggle: () => void;
+    isDarkMode: boolean;
+};
+/**
+ * A menu item component for toggling dark mode.
+ * Displays a switch and label, and calls the provided onToggle handler when clicked.
+ *
+ * @example
+ * ```
+ * <DarkModeToggle
+ *   isDarkMode={isDarkMode}
+ *   onToggle={handleToggleDarkMode}
+ * />
+ * ```
+ */
+export declare const DarkModeToggle: ({ onToggle, isDarkMode }: DarkModeToggleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.d.ts

@@ -1,30 +1,17 @@
-import { ProfileMenuContentProps } from './ProfileMenuContent';
-import { SidebarProfileMenuConfig } from './types';
-type ProfileMenuProps = {
-    /** Configuration object containing team and user settings */
-    config: SidebarProfileMenuConfig;
-    /** Render function for the menu content */
-    children: ProfileMenuContentProps['children'];
-};
+import { ProfileMenuConfig } from '../../types';
 /**
- * A contextual menu component that provides team management functionality.
- * It manages team switching, profile settings, billing options, and upgrade prompts.
- *
- * The component uses a render prop pattern to provide context values to its children,
- * allowing flexible composition of menu items based on user permissions and team status.
+ * The main profile menu component, displaying team and user actions.
+ * Renders optional menu items based on the provided config and user permissions.
  *
  * @example
- * ```tsx
- * <ProfileMenu config={profileMenuConfig}>
- *   {({ allowTeamCreation, showBillingButton }) => (
- *     <>
- *       <TeamSwitch onSwitchTeam={handleTeamSwitch} />
- *       {allowTeamCreation && <MenuItem>Create new team</MenuItem>}
- *       {showBillingButton && <MenuItem href="/billing">Billing</MenuItem>}
- *     </>
- *   )}
- * </ProfileMenu>
  * ```
+ * <ProfileMenu config={...} />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
  */
-export declare const ProfileMenu: ({ config, children }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
+type ProfileMenuProps = {
+    config: ProfileMenuConfig;
+};
+export declare const ProfileMenu: ({ config }: ProfileMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileMenu.stories.d.ts

@@ -2,14 +2,12 @@ import { StoryObj } from '@storybook/react';
 import { ProfileMenu } from './ProfileMenu';
 declare const meta: {
     title: string;
-    component: ({ config, children }: {
-        config: import('./types').SidebarProfileMenuConfig;
-        children: import('./ProfileMenuContent').ProfileMenuContentProps["children"];
+    component: ({ config }: {
+        config: import('../../types').ProfileMenuConfig;
     }) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        config: import('./types').SidebarProfileMenuConfig;
-        children: import('./ProfileMenuContent').ProfileMenuContentProps["children"];
+        config: import('../../types').ProfileMenuConfig;
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
         layout: string;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.d.ts

@@ -1,42 +1,17 @@
-type ProfileSettingsMenuItemProps = {
-    /** URL to the profile settings page */
-    href: string;
-    /** User's email address to display below "Profile Settings" */
-    userEmail: string;
-    /** Optional callback function for tracking or additional actions */
-    onClick?: () => void;
-    /** Whether to hide the divider that appears below this menu item */
-    hideBottomDivider?: boolean;
-};
 /**
- * A menu item component that provides access to profile settings.
- *
- * Features:
- * - Displays "Profile Settings" with the user's email address below
- * - Conditionally renders based on team status
- * - Includes an optional divider below the item
- * - Will not render if:
- *   - Team is suspended
- *   - Team's trial period has ended
+ * A menu item component for navigating to the profile settings page.
+ * Checks the user's permissions using the Sidebar context and renders
+ * nothing if the user does not have access.
  *
  * @example
- * ```tsx
- * <ProfileSettingsMenuItem
- *   href="/settings/profile"
- *   userEmail="user@example.com"
- *   onClick={() => trackSettingsClick()}
- * />
- *
- * // Without bottom divider
- * <ProfileSettingsMenuItem
- *   href="/settings/profile"
- *   userEmail="user@example.com"
- *   hideBottomDivider
- * />
+ * ```
+ * <ProfileSettingsMenuItem onClick={() => {  }} />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context for team status information.
+ * @note This component must be used within a Sidebar Context.
  */
-export declare const ProfileSettingsMenuItem: ({ href, onClick, userEmail, hideBottomDivider, }: ProfileSettingsMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+type ProfileSettingsMenuItem = {
+    onClick?: () => void;
+};
+export declare const ProfileSettingsMenuItem: ({ onClick }: ProfileSettingsMenuItem) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProfileSettingsMenuItem/ProfileSettingsMenuItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProviderMenuItem/ProviderMenuItem.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the provider dashboard.
+ * It checks the current user's permissions using the Sidebar context
+ * and renders nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <ProviderMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const ProviderMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/ProviderMenuItem/ProviderMenuItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.d.ts

@@ -28,9 +28,7 @@ type TeamMenuItemProps = {
  * />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context for current team
- * and plan information.
+ * @note This component must be used within a Sidebar Context.
  */
 export declare const TeamMenuItem: ({ team, onClick, hidePlanLabel }: TeamMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamMenuItem/TeamMenuItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSettingsMenuItem/TeamSettingsMenuItem.d.ts

@@ -0,0 +1,13 @@
+/**
+ * A menu item component for navigating to the team settings page.
+ * It checks the current user's permissions using the Sidebar context
+ * and renders nothing if the user does not have access.
+ *
+ * @example
+ * ```
+ * <TeamSettingsMenuItem />
+ * ```
+ *
+ * @note This component must be used within a Sidebar Context.
+ */
+export declare const TeamSettingsMenuItem: () => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSettingsMenuItem/TeamSettingsMenuItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.d.ts

@@ -1,14 +1,10 @@
 import { SidebarTeam } from '../../../types';
-type TeamSwitchProps = {
-    /** Callback function triggered when a user selects a different team */
-    onSwitchTeam: (team: SidebarTeam) => void;
-};
 /**
  * A component that displays a list of available teams for switching.
  * It automatically excludes the current team from the list and renders
  * nothing if there are no other teams available.
  *
- * Uses the ProfileMenu context to access the list of other teams and
+ * Uses the Sidebar context to access the list of other teams and
  * renders each team as a TeamMenuItem with click functionality.
  *
  * @example
@@ -21,8 +17,10 @@ type TeamSwitchProps = {
  * />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context.
+ * @note This component must be used within a Sidebar Context
  */
+type TeamSwitchProps = {
+    onSwitchTeam: (team: SidebarTeam) => void;
+};
 export declare const TeamSwitch: ({ onSwitchTeam }: TeamSwitchProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/TeamSwitch/TeamSwitch.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.d.ts

@@ -1,7 +1,3 @@
-type UpgradeMenuItemProps = {
-    /** URL to the upgrade page or pricing options */
-    upgradeOptionHref: string;
-};
 /**
  * A menu item component that displays upgrade call-to-action information.
  * Only renders when upgrade options should be shown (determined by context).
@@ -15,12 +11,13 @@ type UpgradeMenuItemProps = {
  *
  * @example
  * ```tsx
- * <UpgradeMenuItem upgradeOptionHref="/pricing" />
+ * <UpgradeMenuItem href="/pricing" />
  * ```
  *
- * @note This component must be used within a ProfileMenu component
- * as it requires access to the ProfileMenu context for plan information
- * and visibility control.
+ * @note This component must be used within a Sidebar Context
  */
-export declare const UpgradeMenuItem: ({ upgradeOptionHref }: UpgradeMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
+type UpgradeMenuItemProps = {
+    href: string;
+};
+export declare const UpgradeMenuItem: ({ href }: UpgradeMenuItemProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/types/src/components/Sidebar/Widgets/ProfileMenu/UpgradeMenuItem/UpgradeMenuItem.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/components/Sidebar/Widgets/Tasks/utils/content.d.ts

@@ -14,3 +14,7 @@ export declare const getTaskLanguages: (langs: SidebarTaskLanguage[]) => {
     base_words_done: number;
 }[];
 export declare const isLanguageProgressCompleted: (task: SidebarTask, language: SidebarTaskLanguage) => boolean;
+export declare const splitFileName: (fileName: string) => {
+    name: string;
+    extension: string;
+};

package/dist/types/src/components/Sidebar/hooks/useSidebar.d.ts

@@ -0,0 +1 @@
+export declare const useSidebar: () => import('../types').SidebarContextProps;

package/dist/types/src/components/Sidebar/hooks/useSidebarDataLoader.d.ts

@@ -0,0 +1,5 @@
+import { SidebarDataItem } from '../types';
+export declare const useSidebarDataLoader: <T, A = void>(callback: (args: A) => Promise<T | null>) => {
+    data: SidebarDataItem<T>;
+    loadData: (args: A) => Promise<T | null>;
+};

package/dist/types/src/components/Sidebar/types.d.ts

@@ -1,4 +1,70 @@
+import { JwtTokenPayload } from '../../features/auth/core/types/jwtTokenPayload';
 import { TypesFromMap } from '../../utils/node.ts';
+import { ReactNode } from 'react';
+type AvatarWidgetConfig = {
+    src: string;
+    href: string;
+    ariaLabel?: string;
+    alt?: string;
+};
+export type HelpMenuConfig = {
+    contactSupport?: {
+        onClick: () => void;
+    };
+    keyboardShortcuts?: {
+        label: ReactNode;
+        onClick: () => void;
+    };
+};
+export type ProfileMenuConfig = {
+    upgradeMenuItem: {
+        href: string;
+    };
+    teamSwitch?: {
+        onSwitchTeam: (team: SidebarTeam) => void;
+    };
+    createTeam?: {
+        onCreateTeam: () => void;
+    };
+    createTeamPlaceholder?: {
+        onClick: () => void;
+    };
+    profileSettings?: {
+        onClick: () => void;
+    };
+    darkModeToggle?: {
+        onToggle: () => void;
+        isDarkMode: boolean;
+    };
+};
+export type SidebarWidgetsConfig = {
+    avatar: AvatarWidgetConfig;
+    profileMenu: ProfileMenuConfig;
+    helpMenu?: HelpMenuConfig;
+};
+export type SidebarDataItem<T> = {
+    loading: boolean;
+    error: boolean;
+    result: T | null;
+};
+type SidebarData = {
+    userTeams: SidebarDataItem<SidebarTeam[]>;
+    currentTeam: SidebarDataItem<SidebarTeamExtended>;
+    otherTeams: SidebarDataItem<SidebarTeam[]>;
+};
+export type SidebarConfig = {
+    widgets: SidebarWidgetsConfig;
+    jwt: SidebarDataItem<JwtTokenPayload>;
+    data: Omit<SidebarData, 'otherTeams'>;
+};
+export type SidebarProviderProps = {
+    data: SidebarConfig['data'];
+    jwt: SidebarDataItem<JwtTokenPayload>;
+};
+export type SidebarContextProps = {
+    data: SidebarData;
+    jwt: SidebarDataItem<JwtTokenPayload>;
+};
 export declare const SidebarTeamRoles: {
     readonly member: "member";
     readonly admin: "admin";
@@ -12,3 +78,7 @@ export type SidebarTeam = {
     role: SidebarTeamRole;
     logoUrl: string;
 };
+export type SidebarTeamExtended = SidebarTeam & {
+    trialDaysLeft: number;
+};
+export {};

package/dist/types/src/features/auth/core/types/jwtTokenPayload.d.ts

@@ -12,34 +12,40 @@ export declare const JWT_TOKEN_PAYLOAD_SCHEMA: z.ZodObject<{
     planName: z.ZodString;
     isProviderAlpha: z.ZodBoolean;
     isFullyAuthenticated: z.ZodBoolean;
+    isEndOfTrialActive: z.ZodBoolean;
+    isTeamSuspended: z.ZodBoolean;
     exp: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
-    isProviderAlpha: boolean;
-    isFullyAuthenticated: boolean;
-    planId: number;
-    userTeamRole: "member" | "admin" | "biller" | "owner";
-    userEmail: string;
     userId: number;
     userUuid: string;
     teamId: number;
     teamUuid: string;
+    userTeamRole: "owner" | "admin" | "biller" | "member";
+    userEmail: string;
     userName: string;
     userCurrentTeamId: number;
+    planId: number;
     planName: string;
-    exp: number;
-}, {
     isProviderAlpha: boolean;
     isFullyAuthenticated: boolean;
-    planId: number;
-    userTeamRole: "member" | "admin" | "biller" | "owner";
-    userEmail: string;
+    isEndOfTrialActive: boolean;
+    isTeamSuspended: boolean;
+    exp: number;
+}, {
     userId: number;
     userUuid: string;
     teamId: number;
     teamUuid: string;
+    userTeamRole: "owner" | "admin" | "biller" | "member";
+    userEmail: string;
     userName: string;
     userCurrentTeamId: number;
+    planId: number;
     planName: string;
+    isProviderAlpha: boolean;
+    isFullyAuthenticated: boolean;
+    isEndOfTrialActive: boolean;
+    isTeamSuspended: boolean;
     exp: number;
 }>;
 export type JwtTokenPayload = z.infer<typeof JWT_TOKEN_PAYLOAD_SCHEMA>;