@thunderid/react 0.3.3 → 0.3.5

package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.cjs

@@ -1,237 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __emotion_css = require("@emotion/css");
-__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
-
-//#region src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts
-/**
-* Creates styles for the BaseOrganizationSwitcher component using BEM methodology
-* @param theme - The theme object containing design tokens
-* @param colorScheme - The current color scheme (used for memoization)
-* @returns Object containing CSS class names for component styling
-*/
-const useStyles = (theme, colorScheme) => (0, react.useMemo)(() => {
-	const root = __emotion_css.css`
-      display: inline-block;
-      position: relative;
-      font-family: ${theme.vars.typography.fontFamily};
-    `;
-	const trigger = __emotion_css.css`
-      display: inline-flex;
-      align-items: center;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};
-      border: 1px solid ${theme.vars.colors.border};
-      background: ${theme.vars.colors.background.surface};
-      cursor: pointer;
-      border-radius: ${theme.vars.borderRadius.medium};
-      min-width: 160px;
-
-      > span {
-        width: 100%;
-        gap: ${theme.vars.spacing.unit};
-      }
-
-      &:hover {
-        background-color: ${theme.vars.colors.background.surface};
-      }
-    `;
-	const triggerLabel = __emotion_css.css`
-      color: ${theme.vars.colors.text.primary};
-      font-weight: 500;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      flex: 1;
-    `;
-	const content = __emotion_css.css`
-      min-width: 280px;
-      max-width: 400px;
-      background-color: ${theme.vars.colors.background.surface};
-      border-radius: ${theme.vars.borderRadius.medium};
-      box-shadow: ${theme.vars.shadows.medium};
-      border: 1px solid ${theme.vars.colors.border};
-      outline: none;
-      z-index: 1000;
-    `;
-	const header = __emotion_css.css`
-      display: flex;
-      align-items: center;
-      gap: ${theme.vars.spacing.unit};
-      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const headerInfo = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} / 4);
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-    `;
-	const headerName = __emotion_css.css`
-      color: ${theme.vars.colors.text.primary};
-      font-size: 0.875rem;
-      font-weight: 500;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const headerMeta = __emotion_css.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.75rem;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const headerRole = __emotion_css.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.75rem;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      text-transform: capitalize;
-    `;
-	const manageButton = __emotion_css.css`
-      min-width: auto;
-      margin-inline-start: auto;
-    `;
-	const menu = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      width: 100%;
-    `;
-	const menuItem = __emotion_css.css`
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      gap: ${theme.vars.spacing.unit};
-      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);
-      width: 100%;
-      color: ${theme.vars.colors.text.primary};
-      text-decoration: none;
-      border: none;
-      background-color: transparent;
-      cursor: pointer;
-      font-size: 0.875rem;
-      text-align: start;
-      border-radius: ${theme.vars.borderRadius.medium};
-      transition: background-color 0.15s ease-in-out;
-
-      > span {
-        gap: ${theme.vars.spacing.unit};
-      }
-
-      &:hover {
-        background-color: ${theme.vars.colors.action?.hover || "rgba(0, 0, 0, 0.04)"};
-      }
-    `;
-	const menuDivider = __emotion_css.css`
-      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;
-      border-bottom: 1px solid ${theme.vars.colors.border};
-    `;
-	const organizationInfo = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} / 4);
-      flex: 1;
-      min-width: 0;
-      overflow: hidden;
-    `;
-	const organizationName = __emotion_css.css`
-      color: ${theme.vars.colors.text.primary};
-      font-size: 0.875rem;
-      font-weight: 500;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const organizationMeta = __emotion_css.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.75rem;
-      margin: 0;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    `;
-	const loadingContainer = __emotion_css.css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-height: 80px;
-      gap: ${theme.vars.spacing.unit};
-    `;
-	const loadingText = __emotion_css.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.875rem;
-    `;
-	const errorContainer = __emotion_css.css`
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      min-height: 80px;
-      padding: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const errorText = __emotion_css.css`
-      color: ${theme.vars.colors.text.secondary};
-      font-size: 0.875rem;
-      text-align: center;
-    `;
-	const sectionHeader = __emotion_css.css`
-      text-transform: uppercase;
-      letter-spacing: 0.05em;
-      color: ${theme.vars.colors.text.secondary};
-    `;
-	const sectionHeaderContainer = __emotion_css.css`
-      border-top: none;
-      border-bottom: none;
-      padding-bottom: calc(${theme.vars.spacing.unit} / 2);
-    `;
-	return {
-		content,
-		errorContainer,
-		errorText,
-		header,
-		headerInfo,
-		headerMeta,
-		headerName,
-		headerRole,
-		loadingContainer,
-		loadingText,
-		manageButton,
-		menu,
-		menuDivider,
-		menuItem,
-		organizationInfo,
-		organizationMeta,
-		organizationName,
-		roleCapitalized: __emotion_css.css`
-      text-transform: capitalize;
-    `,
-		root,
-		sectionHeader,
-		sectionHeaderContainer,
-		trigger,
-		triggerLabel
-	};
-}, [
-	theme.vars.colors.background.surface,
-	theme.vars.colors.text.primary,
-	theme.vars.colors.text.secondary,
-	theme.vars.colors.border,
-	theme.vars.borderRadius.medium,
-	theme.vars.shadows.medium,
-	theme.vars.spacing.unit,
-	theme.vars.colors.action?.hover,
-	theme.vars.typography.fontFamily,
-	colorScheme
-]);
-var BaseOrganizationSwitcher_styles_default = useStyles;
-
-//#endregion
-exports.default = BaseOrganizationSwitcher_styles_default;
-//# sourceMappingURL=BaseOrganizationSwitcher.styles.cjs.map

package/dist/cjs/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseOrganizationSwitcher.styles.cjs","names":["root: string","trigger: string","triggerLabel: string","content: string","header: string","headerInfo: string","headerName: string","headerMeta: string","headerRole: string","manageButton: string","menu: string","menuItem: string","menuDivider: string","organizationInfo: string","organizationName: string","organizationMeta: string","loadingContainer: string","loadingText: string","errorContainer: string","errorText: string","sectionHeader: string","sectionHeaderContainer: string"],"sources":["../../../../../src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.ts"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\n/**\n * Creates styles for the BaseOrganizationSwitcher component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\n\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const root: string = css`\n      display: inline-block;\n      position: relative;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const trigger: string = css`\n      display: inline-flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 0.75) ${theme.vars.spacing.unit};\n      border: 1px solid ${theme.vars.colors.border};\n      background: ${theme.vars.colors.background.surface};\n      cursor: pointer;\n      border-radius: ${theme.vars.borderRadius.medium};\n      min-width: 160px;\n\n      > span {\n        width: 100%;\n        gap: ${theme.vars.spacing.unit};\n      }\n\n      &:hover {\n        background-color: ${theme.vars.colors.background.surface};\n      }\n    `;\n\n    const triggerLabel: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-weight: 500;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      flex: 1;\n    `;\n\n    const content: string = css`\n      min-width: 280px;\n      max-width: 400px;\n      background-color: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.medium};\n      box-shadow: ${theme.vars.shadows.medium};\n      border: 1px solid ${theme.vars.colors.border};\n      outline: none;\n      z-index: 1000;\n    `;\n\n    const header: string = css`\n      display: flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const headerInfo: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n    `;\n\n    const headerName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 0.875rem;\n      font-weight: 500;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerMeta: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const headerRole: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      text-transform: capitalize;\n    `;\n\n    const manageButton: string = css`\n      min-width: auto;\n      margin-inline-start: auto;\n    `;\n\n    const menu: string = css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `;\n\n    const menuItem: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: flex-start;\n      gap: ${theme.vars.spacing.unit};\n      padding: calc(${theme.vars.spacing.unit} * 1.5) calc(${theme.vars.spacing.unit} * 2);\n      width: 100%;\n      color: ${theme.vars.colors.text.primary};\n      text-decoration: none;\n      border: none;\n      background-color: transparent;\n      cursor: pointer;\n      font-size: 0.875rem;\n      text-align: start;\n      border-radius: ${theme.vars.borderRadius.medium};\n      transition: background-color 0.15s ease-in-out;\n\n      > span {\n        gap: ${theme.vars.spacing.unit};\n      }\n\n      &:hover {\n        background-color: ${theme.vars.colors.action?.hover || 'rgba(0, 0, 0, 0.04)'};\n      }\n    `;\n\n    const menuDivider: string = css`\n      margin: calc(${theme.vars.spacing.unit} * 0.5) 0;\n      border-bottom: 1px solid ${theme.vars.colors.border};\n    `;\n\n    const organizationInfo: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} / 4);\n      flex: 1;\n      min-width: 0;\n      overflow: hidden;\n    `;\n\n    const organizationName: string = css`\n      color: ${theme.vars.colors.text.primary};\n      font-size: 0.875rem;\n      font-weight: 500;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const organizationMeta: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.75rem;\n      margin: 0;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    `;\n\n    const loadingContainer: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 80px;\n      gap: ${theme.vars.spacing.unit};\n    `;\n\n    const loadingText: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n    `;\n\n    const errorContainer: string = css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 80px;\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const errorText: string = css`\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 0.875rem;\n      text-align: center;\n    `;\n\n    const sectionHeader: string = css`\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    const sectionHeaderContainer: string = css`\n      border-top: none;\n      border-bottom: none;\n      padding-bottom: calc(${theme.vars.spacing.unit} / 2);\n    `;\n\n    const roleCapitalized: string = css`\n      text-transform: capitalize;\n    `;\n\n    return {\n      content,\n      errorContainer,\n      errorText,\n      header,\n      headerInfo,\n      headerMeta,\n      headerName,\n      headerRole,\n      loadingContainer,\n      loadingText,\n      manageButton,\n      menu,\n      menuDivider,\n      menuItem,\n      organizationInfo,\n      organizationMeta,\n      organizationName,\n      roleCapitalized,\n      root,\n      sectionHeader,\n      sectionHeaderContainer,\n      trigger,\n      triggerLabel,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.colors.border,\n    theme.vars.borderRadius.medium,\n    theme.vars.shadows.medium,\n    theme.vars.spacing.unit,\n    theme.vars.colors.action?.hover,\n    theme.vars.typography.fontFamily,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":"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"}

package/dist/cjs/components/presentation/OrganizationSwitcher/OrganizationSwitcher.cjs

@@ -1,127 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
-const require_useOrganization = require('../../../contexts/Organization/useOrganization.cjs');
-const require_useTranslation = require('../../../hooks/useTranslation.cjs');
-const require_BaseOrganizationSwitcher = require('./BaseOrganizationSwitcher.cjs');
-const require_BuildingAlt = require('../../primitives/Icons/BuildingAlt.cjs');
-const require_CreateOrganization = require('../CreateOrganization/CreateOrganization.cjs');
-const require_OrganizationList = require('../OrganizationList/OrganizationList.cjs');
-const require_OrganizationProfile = require('../OrganizationProfile/OrganizationProfile.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-
-//#region src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx
-/**
-* OrganizationSwitcher component that provides organization switching functionality.
-* This component automatically retrieves organizations from the OrganizationContext.
-* You can also override the organizations, currentOrganization, and onOrganizationSwitch
-* by passing them as props.
-*
-* @example
-* ```tsx
-* import { OrganizationSwitcher } from '@thunderid/react';
-*
-* // Basic usage - uses OrganizationContext
-* <OrganizationSwitcher />
-*
-* // With custom organization switch handler
-* <OrganizationSwitcher
-*   onOrganizationSwitch={(org) => {
-*     console.log('Switching to:', org.name);
-*     // Custom logic here
-*   }}
-* />
-*
-* // With fallback for unauthenticated users
-* <OrganizationSwitcher
-*   fallback={<div>Please sign in to view organizations</div>}
-* />
-* ```
-*/
-const OrganizationSwitcher = ({ currentOrganization: propCurrentOrganization, fallback = null, onOrganizationSwitch: propOnOrganizationSwitch, organizations: propOrganizations, preferences,...props }) => {
-	const { isSignedIn } = require_useThunderID.default();
-	const { currentOrganization: contextCurrentOrganization, myOrganizations: contextOrganizations, switchOrganization, isLoading, error } = require_useOrganization.default();
-	const [isCreateOrgOpen, setIsCreateOrgOpen] = (0, react.useState)(false);
-	const [isProfileOpen, setIsProfileOpen] = (0, react.useState)(false);
-	const [isOrganizationListOpen, setIsOrganizationListOpen] = (0, react.useState)(false);
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	if (!isSignedIn && fallback) return fallback;
-	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
-	const organizations = propOrganizations || contextOrganizations || [];
-	const currentOrganization = propCurrentOrganization || contextCurrentOrganization || void 0;
-	const onOrganizationSwitch = propOnOrganizationSwitch || switchOrganization;
-	const handleManageOrganizations = () => {
-		setIsOrganizationListOpen(true);
-	};
-	const handleManageOrganization = () => {
-		setIsProfileOpen(true);
-	};
-	const defaultMenuItems = [];
-	if (currentOrganization) defaultMenuItems.push({
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BuildingAlt.default, {}),
-		label: t("organization.switcher.manage.organizations"),
-		onClick: handleManageOrganizations
-	});
-	defaultMenuItems.push({
-		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("svg", {
-			width: "16",
-			height: "16",
-			viewBox: "0 0 24 24",
-			fill: "none",
-			stroke: "currentColor",
-			strokeWidth: "2",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", { d: "M12 5v14m-7-7h14" })
-		}),
-		label: t("organization.switcher.create.organization"),
-		onClick: () => setIsCreateOrgOpen(true)
-	});
-	const menuItems = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseOrganizationSwitcher.BaseOrganizationSwitcher, {
-			organizations,
-			currentOrganization,
-			onOrganizationSwitch,
-			loading: isLoading,
-			error: error ?? void 0,
-			menuItems,
-			onManageProfile: handleManageOrganization,
-			preferences,
-			...props
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CreateOrganization.CreateOrganization, {
-			mode: "popup",
-			open: isCreateOrgOpen,
-			onOpenChange: setIsCreateOrgOpen,
-			onSuccess: (org) => {
-				if (org && onOrganizationSwitch) onOrganizationSwitch(org);
-				setIsCreateOrgOpen(false);
-			}
-		}),
-		currentOrganization && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OrganizationProfile.default, {
-			organizationId: currentOrganization.id,
-			mode: "popup",
-			open: isProfileOpen,
-			onOpenChange: setIsProfileOpen,
-			cardLayout: true,
-			loadingFallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("organization.profile.loading") }),
-			errorFallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: t("organization.profile.error") })
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_OrganizationList.default, {
-			mode: "popup",
-			open: isOrganizationListOpen,
-			onOpenChange: setIsOrganizationListOpen,
-			title: t("organization.switcher.manage.organizations"),
-			onOrganizationSelect: (organization) => {
-				if (onOrganizationSwitch) onOrganizationSwitch(organization);
-				setIsOrganizationListOpen(false);
-			}
-		})
-	] });
-};
-var OrganizationSwitcher_default = OrganizationSwitcher;
-
-//#endregion
-exports.default = OrganizationSwitcher_default;
-//# sourceMappingURL=OrganizationSwitcher.cjs.map

package/dist/cjs/components/presentation/OrganizationSwitcher/OrganizationSwitcher.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationSwitcher.cjs","names":["OrganizationSwitcher: FC<OrganizationSwitcherProps>","useThunderID","useOrganization","useTranslation","organizations: Organization[]","currentOrganization: Organization | undefined","onOrganizationSwitch: (organization: Organization) => Promise<void> | void","defaultMenuItems: {icon?: ReactElement; label: string; onClick: () => void}[]","BuildingAlt","menuItems: any[]","BaseOrganizationSwitcherComponent","CreateOrganization","OrganizationProfile","OrganizationListComponent"],"sources":["../../../../../src/components/presentation/OrganizationSwitcher/OrganizationSwitcher.tsx"],"sourcesContent":["/**\n * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {FC, ReactElement, useState} from 'react';\n\nimport {\n  BaseOrganizationSwitcher as BaseOrganizationSwitcherComponent,\n  BaseOrganizationSwitcherProps,\n  Organization,\n} from './BaseOrganizationSwitcher';\nimport useOrganization from '../../../contexts/Organization/useOrganization';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\nimport useTranslation from '../../../hooks/useTranslation';\nimport BuildingAlt from '../../primitives/Icons/BuildingAlt';\nimport {CreateOrganization} from '../CreateOrganization/CreateOrganization';\nimport OrganizationListComponent from '../OrganizationList/OrganizationList';\nimport OrganizationProfile from '../OrganizationProfile/OrganizationProfile';\n\n/**\n * Props interface for the OrganizationSwitcher component.\n * Makes organizations optional since they'll be retrieved from OrganizationContext.\n */\nexport interface OrganizationSwitcherProps\n  extends Omit<BaseOrganizationSwitcherProps, 'organizations' | 'currentOrganization' | 'onOrganizationSwitch'> {\n  /**\n   * Optional override for current organization (will use context if not provided)\n   */\n  currentOrganization?: Organization;\n  /**\n   * Fallback element to render when the user is not signed in.\n   */\n  fallback?: ReactElement | null;\n  /**\n   * Optional callback for organization switch (will use context if not provided)\n   */\n  onOrganizationSwitch?: (organization: Organization) => Promise<void> | void;\n  /**\n   * Optional override for organizations list (will use context if not provided)\n   */\n  organizations?: Organization[];\n}\n\n/**\n * OrganizationSwitcher component that provides organization switching functionality.\n * This component automatically retrieves organizations from the OrganizationContext.\n * You can also override the organizations, currentOrganization, and onOrganizationSwitch\n * by passing them as props.\n *\n * @example\n * ```tsx\n * import { OrganizationSwitcher } from '@thunderid/react';\n *\n * // Basic usage - uses OrganizationContext\n * <OrganizationSwitcher />\n *\n * // With custom organization switch handler\n * <OrganizationSwitcher\n *   onOrganizationSwitch={(org) => {\n *     console.log('Switching to:', org.name);\n *     // Custom logic here\n *   }}\n * />\n *\n * // With fallback for unauthenticated users\n * <OrganizationSwitcher\n *   fallback={<div>Please sign in to view organizations</div>}\n * />\n * ```\n */\nexport const OrganizationSwitcher: FC<OrganizationSwitcherProps> = ({\n  currentOrganization: propCurrentOrganization,\n  fallback = null,\n  onOrganizationSwitch: propOnOrganizationSwitch,\n  organizations: propOrganizations,\n  preferences,\n  ...props\n}: OrganizationSwitcherProps): ReactElement | null => {\n  const {isSignedIn} = useThunderID();\n  const {\n    currentOrganization: contextCurrentOrganization,\n    myOrganizations: contextOrganizations,\n    switchOrganization,\n    isLoading,\n    error,\n  } = useOrganization();\n  const [isCreateOrgOpen, setIsCreateOrgOpen] = useState(false);\n  const [isProfileOpen, setIsProfileOpen] = useState(false);\n  const [isOrganizationListOpen, setIsOrganizationListOpen] = useState(false);\n  const {t} = useTranslation(preferences?.i18n);\n\n  if (!isSignedIn && fallback) {\n    return fallback;\n  }\n\n  if (!isSignedIn) {\n    return <></>;\n  }\n\n  const organizations: Organization[] = propOrganizations || contextOrganizations || [];\n  const currentOrganization: Organization | undefined =\n    propCurrentOrganization || contextCurrentOrganization || undefined;\n  const onOrganizationSwitch: (organization: Organization) => Promise<void> | void =\n    propOnOrganizationSwitch || switchOrganization;\n\n  const handleManageOrganizations = (): void => {\n    setIsOrganizationListOpen(true);\n  };\n\n  const handleManageOrganization = (): void => {\n    setIsProfileOpen(true);\n  };\n\n  const defaultMenuItems: {icon?: ReactElement; label: string; onClick: () => void}[] = [];\n\n  if (currentOrganization) {\n    defaultMenuItems.push({\n      icon: <BuildingAlt />,\n      label: t('organization.switcher.manage.organizations'),\n      onClick: handleManageOrganizations,\n    });\n  }\n\n  defaultMenuItems.push({\n    icon: (\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\">\n        <path d=\"M12 5v14m-7-7h14\" />\n      </svg>\n    ),\n    label: t('organization.switcher.create.organization'),\n    onClick: (): void => setIsCreateOrgOpen(true),\n  });\n\n  const menuItems: any[] = props.menuItems ? [...defaultMenuItems, ...props.menuItems] : defaultMenuItems;\n\n  return (\n    <>\n      <BaseOrganizationSwitcherComponent\n        organizations={organizations}\n        currentOrganization={currentOrganization}\n        onOrganizationSwitch={onOrganizationSwitch}\n        loading={isLoading}\n        error={error ?? undefined}\n        menuItems={menuItems}\n        onManageProfile={handleManageOrganization}\n        preferences={preferences}\n        {...props}\n      />\n      <CreateOrganization\n        mode=\"popup\"\n        open={isCreateOrgOpen}\n        onOpenChange={setIsCreateOrgOpen}\n        onSuccess={(org: Organization): void => {\n          if (org && onOrganizationSwitch) {\n            onOrganizationSwitch(org);\n          }\n          setIsCreateOrgOpen(false);\n        }}\n      />\n      {currentOrganization && (\n        <OrganizationProfile\n          organizationId={currentOrganization.id}\n          mode=\"popup\"\n          open={isProfileOpen}\n          onOpenChange={setIsProfileOpen}\n          cardLayout={true}\n          loadingFallback={<div>{t('organization.profile.loading')}</div>}\n          errorFallback={<div>{t('organization.profile.error')}</div>}\n        />\n      )}\n      <OrganizationListComponent\n        mode=\"popup\"\n        open={isOrganizationListOpen}\n        onOpenChange={setIsOrganizationListOpen}\n        title={t('organization.switcher.manage.organizations')}\n        onOrganizationSelect={(organization: Organization): void => {\n          if (onOrganizationSwitch) {\n            onOrganizationSwitch(organization);\n          }\n          setIsOrganizationListOpen(false);\n        }}\n      />\n    </>\n  );\n};\n\nexport default OrganizationSwitcher;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,MAAaA,wBAAuD,EAClE,qBAAqB,yBACrB,WAAW,MACX,sBAAsB,0BACtB,eAAe,mBACf,YACA,GAAG,YACiD;CACpD,MAAM,EAAC,eAAcC,8BAAc;CACnC,MAAM,EACJ,qBAAqB,4BACrB,iBAAiB,sBACjB,oBACA,WACA,UACEC,iCAAiB;CACrB,MAAM,CAAC,iBAAiB,0CAA+B,MAAM;CAC7D,MAAM,CAAC,eAAe,wCAA6B,MAAM;CACzD,MAAM,CAAC,wBAAwB,iDAAsC,MAAM;CAC3E,MAAM,EAAC,MAAKC,+BAAe,aAAa,KAAK;AAE7C,KAAI,CAAC,cAAc,SACjB,QAAO;AAGT,KAAI,CAAC,WACH,QAAO,0EAAK;CAGd,MAAMC,gBAAgC,qBAAqB,wBAAwB,EAAE;CACrF,MAAMC,sBACJ,2BAA2B,8BAA8B;CAC3D,MAAMC,uBACJ,4BAA4B;CAE9B,MAAM,kCAAwC;AAC5C,4BAA0B,KAAK;;CAGjC,MAAM,iCAAuC;AAC3C,mBAAiB,KAAK;;CAGxB,MAAMC,mBAAgF,EAAE;AAExF,KAAI,oBACF,kBAAiB,KAAK;EACpB,MAAM,2CAACC,gCAAc;EACrB,OAAO,EAAE,6CAA6C;EACtD,SAAS;EACV,CAAC;AAGJ,kBAAiB,KAAK;EACpB,MACE,2CAAC;GAAI,OAAM;GAAK,QAAO;GAAK,SAAQ;GAAY,MAAK;GAAO,QAAO;GAAe,aAAY;aAC5F,2CAAC,UAAK,GAAE,qBAAqB;IACzB;EAER,OAAO,EAAE,4CAA4C;EACrD,eAAqB,mBAAmB,KAAK;EAC9C,CAAC;CAEF,MAAMC,YAAmB,MAAM,YAAY,CAAC,GAAG,kBAAkB,GAAG,MAAM,UAAU,GAAG;AAEvF,QACE;EACE,2CAACC;GACgB;GACM;GACC;GACtB,SAAS;GACT,OAAO,SAAS;GACL;GACX,iBAAiB;GACJ;GACb,GAAI;IACJ;EACF,2CAACC;GACC,MAAK;GACL,MAAM;GACN,cAAc;GACd,YAAY,QAA4B;AACtC,QAAI,OAAO,qBACT,sBAAqB,IAAI;AAE3B,uBAAmB,MAAM;;IAE3B;EACD,uBACC,2CAACC;GACC,gBAAgB,oBAAoB;GACpC,MAAK;GACL,MAAM;GACN,cAAc;GACd,YAAY;GACZ,iBAAiB,2CAAC,mBAAK,EAAE,+BAA+B,GAAO;GAC/D,eAAe,2CAAC,mBAAK,EAAE,6BAA6B,GAAO;IAC3D;EAEJ,2CAACC;GACC,MAAK;GACL,MAAM;GACN,cAAc;GACd,OAAO,EAAE,6CAA6C;GACtD,uBAAuB,iBAAqC;AAC1D,QAAI,qBACF,sBAAqB,aAAa;AAEpC,8BAA0B,MAAM;;IAElC;KACD;;AAIP,mCAAe"}

package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.cjs

@@ -1,183 +0,0 @@
-const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
-const require_useTheme = require('../../../../contexts/Theme/useTheme.cjs');
-const require_OrganizationUnitPicker_styles = require('./OrganizationUnitPicker.styles.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-let __emotion_css = require("@emotion/css");
-__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
-
-//#region src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.tsx
-const OrganizationUnitPicker = ({ rootOuId, selectedOuId, onSelect, fetchChildren, pageSize = 10, className }) => {
-	const { theme } = require_useTheme.default();
-	const styles = require_OrganizationUnitPicker_styles.default(theme);
-	const [nodeStates, setNodeStates] = (0, react.useState)({});
-	const loadChildren = (0, react.useCallback)(async (parentId, offset = 0) => {
-		setNodeStates((prev) => ({
-			...prev,
-			[parentId]: {
-				...prev[parentId] || {
-					children: [],
-					expanded: true,
-					hasMore: false,
-					offset: 0,
-					totalResults: 0
-				},
-				loading: true
-			}
-		}));
-		try {
-			const response = await fetchChildren(parentId, pageSize, offset);
-			const newChildren = response.organizationUnits || [];
-			setNodeStates((prev) => {
-				const existing = prev[parentId] || {
-					children: [],
-					expanded: true,
-					hasMore: false,
-					loading: false,
-					offset: 0,
-					totalResults: 0
-				};
-				const mergedChildren = offset === 0 ? newChildren : [...existing.children, ...newChildren];
-				const newOffset = offset + newChildren.length;
-				return {
-					...prev,
-					[parentId]: {
-						children: mergedChildren,
-						expanded: true,
-						hasMore: newOffset < response.totalResults,
-						loading: false,
-						offset: newOffset,
-						totalResults: response.totalResults
-					}
-				};
-			});
-		} catch {
-			setNodeStates((prev) => ({
-				...prev,
-				[parentId]: {
-					...prev[parentId] || {
-						children: [],
-						expanded: true,
-						hasMore: false,
-						offset: 0,
-						totalResults: 0
-					},
-					loading: false
-				}
-			}));
-		}
-	}, [fetchChildren, pageSize]);
-	(0, react.useEffect)(() => {
-		if (rootOuId && !nodeStates[rootOuId]) loadChildren(rootOuId);
-	}, [
-		rootOuId,
-		loadChildren,
-		nodeStates
-	]);
-	const handleToggle = (0, react.useCallback)((ouId) => {
-		const state = nodeStates[ouId];
-		if (state?.expanded) setNodeStates((prev) => ({
-			...prev,
-			[ouId]: {
-				...prev[ouId],
-				expanded: false
-			}
-		}));
-		else if (state?.children.length) setNodeStates((prev) => ({
-			...prev,
-			[ouId]: {
-				...prev[ouId],
-				expanded: true
-			}
-		}));
-		else loadChildren(ouId);
-	}, [nodeStates, loadChildren]);
-	const handleLoadMore = (0, react.useCallback)((parentId) => {
-		const state = nodeStates[parentId];
-		if (state) loadChildren(parentId, state.offset);
-	}, [nodeStates, loadChildren]);
-	const renderLoadingPlaceholders = (depth) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: [
-		0,
-		1,
-		2
-	].map((i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: styles["loadingPlaceholder"],
-		style: { paddingLeft: `${(depth + 1) * 20}px` },
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: styles["skeleton"],
-			style: { width: `${100 - i * 20}px` }
-		})
-	}, `skeleton-${i}`)) });
-	const renderNode = (ou, depth = 0) => {
-		const state = nodeStates[ou.id];
-		const isSelected = selectedOuId === ou.id;
-		const isExpanded = state?.expanded || false;
-		const isLoading = state?.loading || false;
-		const hasChildren = !state || state.totalResults > 0 || state.children.length > 0;
-		return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react.default.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, __emotion_css.cx)(styles["node"], isSelected && styles["nodeSelected"]),
-				style: { paddingLeft: `${depth * 20 + 12}px` },
-				role: "treeitem",
-				"aria-selected": isSelected,
-				"aria-expanded": hasChildren ? isExpanded : void 0,
-				onClick: () => onSelect(ou.id),
-				onKeyDown: (e) => {
-					if (e.key === "Enter" || e.key === " ") {
-						e.preventDefault();
-						onSelect(ou.id);
-					}
-				},
-				tabIndex: 0,
-				children: [hasChildren ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					className: styles["toggleButton"],
-					onClick: (e) => {
-						e.stopPropagation();
-						handleToggle(ou.id);
-					},
-					"aria-label": isExpanded ? "Collapse" : "Expand",
-					type: "button",
-					children: isExpanded ? "▾" : "▸"
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: styles["togglePlaceholder"] }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-					className: styles["nodeName"],
-					children: ou.name
-				})]
-			}),
-			isExpanded && isLoading && !state?.children.length && renderLoadingPlaceholders(depth),
-			isExpanded && state?.children.map((child) => renderNode(child, depth + 1)),
-			isExpanded && state?.hasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				className: styles["loadMoreButton"],
-				style: { paddingLeft: `${(depth + 1) * 20 + 12}px` },
-				onClick: () => handleLoadMore(ou.id),
-				disabled: isLoading,
-				type: "button",
-				children: isLoading ? "Loading..." : "Load more"
-			})
-		] }, ou.id);
-	};
-	const rootState = nodeStates[rootOuId];
-	const isRootLoading = rootState?.loading && !rootState?.children.length;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: (0, __emotion_css.cx)(styles["container"], className),
-		role: "tree",
-		"aria-label": "Organization unit picker",
-		children: [
-			isRootLoading && renderLoadingPlaceholders(0),
-			rootState?.children.map((ou) => renderNode(ou, 0)),
-			rootState?.hasMore && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-				className: styles["loadMoreButton"],
-				onClick: () => handleLoadMore(rootOuId),
-				disabled: rootState?.loading,
-				type: "button",
-				children: rootState?.loading ? "Loading..." : "Load more"
-			})
-		]
-	});
-};
-var OrganizationUnitPicker_default = OrganizationUnitPicker;
-
-//#endregion
-exports.default = OrganizationUnitPicker_default;
-//# sourceMappingURL=OrganizationUnitPicker.cjs.map

package/dist/cjs/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrganizationUnitPicker.cjs","names":["useTheme","styles: Record<string, string>","useStyles","loadChildren: (parentId: string, offset?: number) => Promise<void>","response: OrganizationUnitListResponse","newChildren: OrganizationUnit[]","existing: NodeState","mergedChildren: OrganizationUnit[]","newOffset: number","handleToggle: (ouId: string) => void","state: NodeState | undefined","handleLoadMore: (parentId: string) => void","isSelected: boolean","isExpanded: boolean","isLoading: boolean","hasChildren: boolean","React","rootState: NodeState | undefined","isRootLoading: boolean"],"sources":["../../../../../../src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.tsx"],"sourcesContent":["/**\n * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).\n *\n * WSO2 LLC. licenses this file to you under the Apache License,\n * Version 2.0 (the \"License\"); you may not use this file except\n * in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing,\n * software distributed under the License is distributed on an\n * \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\n * KIND, either express or implied. See the License for the\n * specific language governing permissions and limitations\n * under the License.\n */\n\nimport {cx} from '@emotion/css';\nimport {OrganizationUnit, OrganizationUnitListResponse} from '@thunderid/browser';\nimport React, {useCallback, useEffect, useState} from 'react';\nimport useStyles from './OrganizationUnitPicker.styles';\nimport useTheme from '../../../../contexts/Theme/useTheme';\n\ninterface NodeState {\n  children: OrganizationUnit[];\n  expanded: boolean;\n  hasMore: boolean;\n  loading: boolean;\n  offset: number;\n  totalResults: number;\n}\n\nexport interface OrganizationUnitPickerProps {\n  className?: string;\n  fetchChildren: (parentId: string, limit: number, offset: number) => Promise<OrganizationUnitListResponse>;\n  onSelect: (ouId: string) => void;\n  pageSize?: number;\n  rootOuId: string;\n  selectedOuId?: string | null;\n}\n\nconst OrganizationUnitPicker = ({\n  rootOuId,\n  selectedOuId,\n  onSelect,\n  fetchChildren,\n  pageSize = 10,\n  className,\n}: OrganizationUnitPickerProps): React.ReactElement => {\n  const {theme} = useTheme();\n  const styles: Record<string, string> = useStyles(theme);\n\n  const [nodeStates, setNodeStates] = useState<Record<string, NodeState>>({});\n\n  const loadChildren: (parentId: string, offset?: number) => Promise<void> = useCallback(\n    async (parentId: string, offset = 0) => {\n      setNodeStates((prev: Record<string, NodeState>) => ({\n        ...prev,\n        [parentId]: {\n          ...(prev[parentId] || {children: [], expanded: true, hasMore: false, offset: 0, totalResults: 0}),\n          loading: true,\n        },\n      }));\n\n      try {\n        const response: OrganizationUnitListResponse = await fetchChildren(parentId, pageSize, offset);\n        const newChildren: OrganizationUnit[] = response.organizationUnits || [];\n\n        setNodeStates((prev: Record<string, NodeState>) => {\n          const existing: NodeState = prev[parentId] || {\n            children: [],\n            expanded: true,\n            hasMore: false,\n            loading: false,\n            offset: 0,\n            totalResults: 0,\n          };\n          const mergedChildren: OrganizationUnit[] =\n            offset === 0 ? newChildren : [...existing.children, ...newChildren];\n          const newOffset: number = offset + newChildren.length;\n\n          return {\n            ...prev,\n            [parentId]: {\n              children: mergedChildren,\n              expanded: true,\n              hasMore: newOffset < response.totalResults,\n              loading: false,\n              offset: newOffset,\n              totalResults: response.totalResults,\n            },\n          };\n        });\n      } catch {\n        setNodeStates((prev: Record<string, NodeState>) => ({\n          ...prev,\n          [parentId]: {\n            ...(prev[parentId] || {children: [], expanded: true, hasMore: false, offset: 0, totalResults: 0}),\n            loading: false,\n          },\n        }));\n      }\n    },\n    [fetchChildren, pageSize],\n  );\n\n  // Auto-load root children on mount\n  useEffect(() => {\n    if (rootOuId && !nodeStates[rootOuId]) {\n      loadChildren(rootOuId);\n    }\n  }, [rootOuId, loadChildren, nodeStates]);\n\n  const handleToggle: (ouId: string) => void = useCallback(\n    (ouId: string) => {\n      const state: NodeState | undefined = nodeStates[ouId];\n\n      if (state?.expanded) {\n        setNodeStates((prev: Record<string, NodeState>) => ({\n          ...prev,\n          [ouId]: {...prev[ouId], expanded: false},\n        }));\n      } else if (state?.children.length) {\n        setNodeStates((prev: Record<string, NodeState>) => ({\n          ...prev,\n          [ouId]: {...prev[ouId], expanded: true},\n        }));\n      } else {\n        loadChildren(ouId);\n      }\n    },\n    [nodeStates, loadChildren],\n  );\n\n  const handleLoadMore: (parentId: string) => void = useCallback(\n    (parentId: string) => {\n      const state: NodeState | undefined = nodeStates[parentId];\n\n      if (state) {\n        loadChildren(parentId, state.offset);\n      }\n    },\n    [nodeStates, loadChildren],\n  );\n\n  const renderLoadingPlaceholders = (depth: number): React.ReactElement => (\n    <>\n      {[0, 1, 2].map((i: number) => (\n        <div\n          key={`skeleton-${i}`}\n          className={styles['loadingPlaceholder']}\n          style={{paddingLeft: `${(depth + 1) * 20}px`}}\n        >\n          <div className={styles['skeleton']} style={{width: `${100 - i * 20}px`}} />\n        </div>\n      ))}\n    </>\n  );\n\n  const renderNode = (ou: OrganizationUnit, depth = 0): React.ReactElement => {\n    const state: NodeState | undefined = nodeStates[ou.id];\n    const isSelected: boolean = selectedOuId === ou.id;\n    const isExpanded: boolean = state?.expanded || false;\n    const isLoading: boolean = state?.loading || false;\n    const hasChildren: boolean = !state || state.totalResults > 0 || state.children.length > 0;\n\n    return (\n      <React.Fragment key={ou.id}>\n        <div\n          className={cx(styles['node'], isSelected && styles['nodeSelected'])}\n          style={{paddingLeft: `${depth * 20 + 12}px`}}\n          role=\"treeitem\"\n          aria-selected={isSelected}\n          aria-expanded={hasChildren ? isExpanded : undefined}\n          onClick={() => onSelect(ou.id)}\n          onKeyDown={(e: React.KeyboardEvent) => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              onSelect(ou.id);\n            }\n          }}\n          tabIndex={0}\n        >\n          {hasChildren ? (\n            <button\n              className={styles['toggleButton']}\n              onClick={(e: React.MouseEvent) => {\n                e.stopPropagation();\n                handleToggle(ou.id);\n              }}\n              aria-label={isExpanded ? 'Collapse' : 'Expand'}\n              type=\"button\"\n            >\n              {isExpanded ? '▾' : '▸'}\n            </button>\n          ) : (\n            <span className={styles['togglePlaceholder']} />\n          )}\n          <span className={styles['nodeName']}>{ou.name}</span>\n        </div>\n\n        {isExpanded && isLoading && !state?.children.length && renderLoadingPlaceholders(depth)}\n\n        {isExpanded && state?.children.map((child: OrganizationUnit) => renderNode(child, depth + 1))}\n\n        {isExpanded && state?.hasMore && (\n          <button\n            className={styles['loadMoreButton']}\n            style={{paddingLeft: `${(depth + 1) * 20 + 12}px`}}\n            onClick={() => handleLoadMore(ou.id)}\n            disabled={isLoading}\n            type=\"button\"\n          >\n            {isLoading ? 'Loading...' : 'Load more'}\n          </button>\n        )}\n      </React.Fragment>\n    );\n  };\n\n  const rootState: NodeState | undefined = nodeStates[rootOuId];\n  const isRootLoading: boolean = rootState?.loading && !rootState?.children.length;\n\n  return (\n    <div className={cx(styles['container'], className)} role=\"tree\" aria-label=\"Organization unit picker\">\n      {isRootLoading && renderLoadingPlaceholders(0)}\n\n      {rootState?.children.map((ou: OrganizationUnit) => renderNode(ou, 0))}\n\n      {rootState?.hasMore && (\n        <button\n          className={styles['loadMoreButton']}\n          onClick={() => handleLoadMore(rootOuId)}\n          disabled={rootState?.loading}\n          type=\"button\"\n        >\n          {rootState?.loading ? 'Loading...' : 'Load more'}\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default OrganizationUnitPicker;\n"],"mappings":"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"}