@thunderid/react 1.13.0 → 1.15.0

package/dist/cjs/utils/flowTransformer.cjs

@@ -116,6 +116,14 @@ const extractErrorMessage = (error, t, defaultErrorKey = "errors.flow.generic")
 	return t(defaultErrorKey);
 };
 /**
+* Resolves a stored flow error source with the current translator. A builder is called, an Error with a
+* message is kept as-is so fields like `code` survive, and anything else goes through `extractErrorMessage`.
+*/
+const resolveFlowError = (source, t) => {
+	if (typeof source === "function") return source(t);
+	return source instanceof Error && source.message ? source : new Error(extractErrorMessage(source, t));
+};
+/**
 * Check if a response is an error response and extract the error message.
 * This function identifies error responses by checking for ERROR status and failure reasons.
 *
@@ -156,4 +164,5 @@ const normalizeFlowResponse = (response, t, options = {}, meta) => {
 //#endregion
 exports.extractErrorMessage = extractErrorMessage;
 exports.normalizeFlowResponse = normalizeFlowResponse;
+exports.resolveFlowError = resolveFlowError;
 //# sourceMappingURL=flowTransformer.cjs.map

package/dist/cjs/utils/flowTransformer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flowTransformer.cjs","names":["mapping: Map<string, string>","transformedComponent: any","inputData: any","value: string","refMapping: Map<string, string>","actionMapping: Map<string, string>","inputsData: any[]","resolveTranslationsInArray","flowError: FlowErrorResponse['error']","params: Record<string, string> | undefined","translated: string","systemTranslated: string","fallback: string | undefined","additionalData: Record<string, any>","parsed: any"],"sources":["../../../src/utils/flowTransformer.ts"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * @fileoverview Shared flow response transformer utilities for v2 embedded flows.\n *\n * This module provides reusable transformation functions for normalizing embedded flow\n * responses from ThunderID APIs. It handles both successful responses with component\n * extraction and error responses with proper error message extraction.\n *\n * Key features:\n * - Component extraction from flow meta structure\n * - Translation string resolution in components\n * - Error response detection and message extraction\n * - Configurable error handling (throw vs return errors)\n *\n * Usage:\n * ```typescript\n * import { normalizeFlowResponse } from '../../../utils/flowTransformer';\n *\n * const { executionId, components } = normalizeFlowResponse(apiResponse, t, {\n *   defaultErrorKey: 'components.signIn.errors.generic'\n * });\n * ```\n *\n * This transformer is used by both SignIn and SignUp v2 components to ensure\n * consistent response handling across all embedded flows.\n */\n\nimport {\n  EmbeddedFlowComponent,\n  FlowMetadataResponse,\n  I18nMessage,\n  hasUnresolvedTranslationParams,\n} from '@thunderid/browser';\nimport resolveTranslationsInArray from './resolveTranslationsInArray';\nimport {UseTranslation} from '../hooks/useTranslation';\n\n/**\n * Generic flow error response interface that covers common error structure\n */\nexport interface FlowErrorResponse {\n  error?: {\n    code: string;\n    description: I18nMessage;\n    message: I18nMessage;\n  };\n  executionId: string;\n  flowStatus: 'ERROR';\n}\n\n/**\n * Configuration options for flow transformation\n */\nexport interface FlowTransformOptions {\n  /**\n   * Default error message key for translation fallback\n   * @default 'errors.flow.generic'\n   */\n  defaultErrorKey?: string;\n  /**\n   * Whether to resolve translation strings or keep them as i18n keys\n   * @default true\n   */\n  resolveTranslations?: boolean;\n  /**\n   * Whether to throw errors or return them as normalized response\n   * @default true\n   */\n  throwOnError?: boolean;\n}\n\n/**\n * Create a mapping from ref to identifier based on data.inputs array.\n * This handles cases where meta.components use 'ref' to reference inputs,\n * and data.inputs contain the actual 'identifier' field.\n *\n * @param response - The flow response object\n * @returns Map of ref to identifier\n */\nconst createInputRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.inputs && Array.isArray(response.data.inputs)) {\n    response.data.inputs.forEach((input: any) => {\n      if (input.ref && input.identifier) {\n        mapping.set(input.ref, input.identifier);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Create a mapping from action ref to nextNode based on data.actions array.\n * This handles cases where meta.components reference actions by ref,\n * and data.actions contain the actual nextNode field for routing.\n *\n * @param response - The flow response object\n * @returns Map of action ref to nextNode\n */\nconst createActionRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.actions && Array.isArray(response.data.actions)) {\n    response.data.actions.forEach((action: any) => {\n      if (action.ref && action.nextNode) {\n        mapping.set(action.ref, action.nextNode);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Apply input ref mapping to components recursively.\n * This ensures that component.ref values are mapped to the correct identifier\n * from data.inputs, enabling proper form submission.\n *\n * @param components - Array of components to transform\n * @param refMapping - Map of ref to identifier\n * @param actionMapping - Map of action ref to nextNode\n * @param inputsData - Array of input data for resolving SELECT options\n * @returns Transformed components with correct identifiers and action references\n */\nconst applyInputRefMapping = (\n  components: EmbeddedFlowComponent[],\n  refMapping: Map<string, string>,\n  actionMapping: Map<string, string>,\n  inputsData: any[] = [],\n): EmbeddedFlowComponent[] =>\n  components.map((component: EmbeddedFlowComponent) => {\n    const transformedComponent: any = {...component} as EmbeddedFlowComponent & {\n      actionRef?: string;\n      options?: {label: string; value: string}[];\n    };\n\n    // If this component has a ref that maps to an identifier, update it\n    if (transformedComponent.ref && refMapping.has(transformedComponent.ref)) {\n      transformedComponent.ref = refMapping.get(transformedComponent.ref);\n    }\n\n    // For SELECT components, copy options from data.inputs\n    // The component.id matches the input.ref in the data structure\n    if (transformedComponent.type === 'SELECT' && component.id) {\n      const inputData: any = inputsData.find((input: any) => input.ref === component.id);\n      if (inputData?.options) {\n        transformedComponent.options = inputData.options.map((opt: any) => {\n          if (typeof opt === 'string') {\n            return {label: opt, value: opt};\n          }\n          // Safely handle non-string values to prevent React key crashes\n          const value: string = typeof opt.value === 'object' ? JSON.stringify(opt.value) : String(opt.value || '');\n          const label: string = typeof opt.label === 'object' ? JSON.stringify(opt.label) : String(opt.label || value);\n\n          return {label, value};\n        });\n      }\n    }\n\n    // If this is an action component, map its id to the nextNode\n    // Store the nextNode reference as actionRef property for later use\n    if (\n      transformedComponent.type === 'ACTION' &&\n      transformedComponent.id &&\n      actionMapping.has(transformedComponent.id)\n    ) {\n      transformedComponent.actionRef = actionMapping.get(transformedComponent.id);\n    }\n\n    // Recursively apply to nested components\n    if (transformedComponent.components && Array.isArray(transformedComponent.components)) {\n      transformedComponent.components = applyInputRefMapping(\n        transformedComponent.components,\n        refMapping,\n        actionMapping,\n        inputsData,\n      );\n    }\n\n    return transformedComponent;\n  });\n\n/**\n * Transform and resolve translations in components from flow response.\n * This function extracts components from the response meta structure and optionally resolves\n * any translation strings within them. It also handles mapping of input refs to identifiers\n * and action refs to nextNode values.\n *\n * @param response - The flow response object containing components in meta structure\n * @param t - Translation function from useTranslation hook\n * @param resolveTranslations - Whether to resolve translation strings or keep them as i18n keys (default: true)\n * @returns Array of flow components with resolved or unresolved translations\n */\nexport const transformComponents = (\n  response: any,\n  t: UseTranslation['t'],\n  resolveTranslations = true,\n  meta?: FlowMetadataResponse | null,\n): EmbeddedFlowComponent[] => {\n  if (!response?.data?.meta?.components) {\n    return [];\n  }\n\n  let {components} = response.data.meta;\n\n  // Create mapping from ref to identifier based on data.inputs\n  const refMapping: Map<string, string> = createInputRefMapping(response);\n\n  // Create mapping from action ref to nextNode based on data.actions\n  const actionMapping: Map<string, string> = createActionRefMapping(response);\n\n  // Get inputs data for SELECT option resolution\n  const inputsData: any[] = response?.data?.inputs || [];\n\n  // Apply ref and action mapping if there are any mappings\n  if (refMapping.size > 0 || actionMapping.size > 0 || inputsData.length > 0) {\n    components = applyInputRefMapping(components, refMapping, actionMapping, inputsData);\n  }\n\n  return resolveTranslations ? resolveTranslationsInArray(components, t, undefined, meta) : components;\n};\n\n/**\n * Extract error message from flow error response.\n *\n * Resolution order:\n * 1. Structured `error` object: try i18n lookup via `t(error.message.key, error.message.params)`.\n *    Bundle entries keep the backend's `{{param(name)}}` placeholders, so `params` must be passed\n *    through; a resolved value that still holds an unsubstituted placeholder is treated as a miss.\n * 2. Fallback to `defaultValue` from `message`, then `description` (the backend pre-substitutes it).\n * 3. Standard `Error.message`.\n * 4. Generic translated fallback via `defaultErrorKey`.\n */\nexport const extractErrorMessage = (\n  error: FlowErrorResponse | any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string => {\n  if (error && typeof error === 'object' && error.error) {\n    const flowError: FlowErrorResponse['error'] = error.error;\n\n    // 1. Try i18n lookup on message.key first (preferred for user-facing errors)\n    if (flowError?.message?.key) {\n      const params: Record<string, string> | undefined = flowError.message.params;\n\n      const translated: string = t(flowError.message.key, params);\n      if (translated && translated !== flowError.message.key && !hasUnresolvedTranslationParams(translated)) {\n        return translated;\n      }\n\n      // If the key resolved to itself, retry under the 'system:' namespace\n      const systemKey = `system.${flowError.message.key}`;\n      const systemTranslated: string = t(systemKey, params);\n      if (systemTranslated && systemTranslated !== systemKey && !hasUnresolvedTranslationParams(systemTranslated)) {\n        return systemTranslated;\n      }\n    }\n\n    // 2. Fall back to defaultValue from message, then description\n    const fallback: string | undefined = flowError?.message?.defaultValue ?? flowError?.description?.defaultValue;\n    if (fallback) {\n      return fallback;\n    }\n  }\n\n  // Legacy backward compatibility\n  if (error && typeof error === 'object' && error.failureReason) {\n    return error.failureReason;\n  }\n\n  if (error instanceof Error && error.message) {\n    return error.message;\n  }\n\n  return t(defaultErrorKey);\n};\n\n/**\n * Check if a response is an error response and extract the error message.\n * This function identifies error responses by checking for ERROR status and failure reasons.\n *\n * @param response - The flow response to check\n * @param t - Translation function for error messages\n * @param defaultErrorKey - Default translation key for generic errors\n * @returns Error message string if response is an error, null otherwise\n */\nexport const checkForErrorResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string | null => {\n  if (response?.flowStatus === 'ERROR') {\n    return extractErrorMessage(response, t, defaultErrorKey);\n  }\n\n  return null;\n};\n\n/**\n * Generic flow response normalizer that handles both success and error responses.\n * This is the main transformer function that should be used by all flow components.\n *\n * @param response - The raw flow response from the API\n * @param t - Translation function from useTranslation hook\n * @param options - Configuration options for transformation behavior\n * @returns Normalized flow response with executionId and transformed components\n * @throws {any} The original response if it's an error and throwOnError is true\n */\nexport const normalizeFlowResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  options: FlowTransformOptions = {},\n  meta?: FlowMetadataResponse | null,\n): {\n  additionalData: Record<string, any>;\n  components: EmbeddedFlowComponent[];\n  executionId: string;\n} => {\n  const {throwOnError = true, defaultErrorKey = 'errors.flow.generic', resolveTranslations = true} = options;\n\n  // Check if this is an error response\n  const errorMessage: string | null = checkForErrorResponse(response, t, defaultErrorKey);\n\n  if (errorMessage && throwOnError) {\n    // Throw the original response so it can be caught by error handling\n    throw response;\n  }\n\n  const additionalData: Record<string, any> = (response?.data?.additionalData as Record<string, any>) ?? {};\n\n  // The consent prompt is serialized as a JSON string (array) by the backend.\n  // Parse it and wrap in the expected {purposes: [...]} structure.\n  if (typeof additionalData['consentPrompt'] === 'string') {\n    try {\n      const parsed: any = JSON.parse(additionalData['consentPrompt']);\n      additionalData['consentPrompt'] = {purposes: Array.isArray(parsed) ? parsed : []};\n    } catch {\n      // Leave unparseable value as-is\n    }\n  }\n\n  return {\n    additionalData,\n    components: transformComponents(response, t, resolveTranslations, meta),\n    executionId: response.executionId,\n  };\n};\n"],"mappings":"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"}
+{"version":3,"file":"flowTransformer.cjs","names":["mapping: Map<string, string>","transformedComponent: any","inputData: any","value: string","refMapping: Map<string, string>","actionMapping: Map<string, string>","inputsData: any[]","resolveTranslationsInArray","flowError: FlowErrorResponse['error']","params: Record<string, string> | undefined","translated: string","systemTranslated: string","fallback: string | undefined","additionalData: Record<string, any>","parsed: any"],"sources":["../../../src/utils/flowTransformer.ts"],"sourcesContent":["// Copyright 2025-2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\n/**\n * @fileoverview Shared flow response transformer utilities for v2 embedded flows.\n *\n * This module provides reusable transformation functions for normalizing embedded flow\n * responses from ThunderID APIs. It handles both successful responses with component\n * extraction and error responses with proper error message extraction.\n *\n * Key features:\n * - Component extraction from flow meta structure\n * - Translation string resolution in components\n * - Error response detection and message extraction\n * - Configurable error handling (throw vs return errors)\n *\n * Usage:\n * ```typescript\n * import { normalizeFlowResponse } from '../../../utils/flowTransformer';\n *\n * const { executionId, components } = normalizeFlowResponse(apiResponse, t, {\n *   defaultErrorKey: 'components.signIn.errors.generic'\n * });\n * ```\n *\n * This transformer is used by both SignIn and SignUp v2 components to ensure\n * consistent response handling across all embedded flows.\n */\n\nimport {\n  EmbeddedFlowComponent,\n  FlowMetadataResponse,\n  I18nMessage,\n  hasUnresolvedTranslationParams,\n} from '@thunderid/browser';\nimport resolveTranslationsInArray from './resolveTranslationsInArray';\nimport {UseTranslation} from '../hooks/useTranslation';\n\n/**\n * Generic flow error response interface that covers common error structure\n */\nexport interface FlowErrorResponse {\n  error?: {\n    code: string;\n    description: I18nMessage;\n    message: I18nMessage;\n  };\n  executionId: string;\n  flowStatus: 'ERROR';\n}\n\n/**\n * Configuration options for flow transformation\n */\nexport interface FlowTransformOptions {\n  /**\n   * Default error message key for translation fallback\n   * @default 'errors.flow.generic'\n   */\n  defaultErrorKey?: string;\n  /**\n   * Whether to resolve translation strings or keep them as i18n keys\n   * @default true\n   */\n  resolveTranslations?: boolean;\n  /**\n   * Whether to throw errors or return them as normalized response\n   * @default true\n   */\n  throwOnError?: boolean;\n}\n\n/**\n * Create a mapping from ref to identifier based on data.inputs array.\n * This handles cases where meta.components use 'ref' to reference inputs,\n * and data.inputs contain the actual 'identifier' field.\n *\n * @param response - The flow response object\n * @returns Map of ref to identifier\n */\nconst createInputRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.inputs && Array.isArray(response.data.inputs)) {\n    response.data.inputs.forEach((input: any) => {\n      if (input.ref && input.identifier) {\n        mapping.set(input.ref, input.identifier);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Create a mapping from action ref to nextNode based on data.actions array.\n * This handles cases where meta.components reference actions by ref,\n * and data.actions contain the actual nextNode field for routing.\n *\n * @param response - The flow response object\n * @returns Map of action ref to nextNode\n */\nconst createActionRefMapping = (response: any): Map<string, string> => {\n  const mapping: Map<string, string> = new Map<string, string>();\n\n  if (response?.data?.actions && Array.isArray(response.data.actions)) {\n    response.data.actions.forEach((action: any) => {\n      if (action.ref && action.nextNode) {\n        mapping.set(action.ref, action.nextNode);\n      }\n    });\n  }\n\n  return mapping;\n};\n\n/**\n * Apply input ref mapping to components recursively.\n * This ensures that component.ref values are mapped to the correct identifier\n * from data.inputs, enabling proper form submission.\n *\n * @param components - Array of components to transform\n * @param refMapping - Map of ref to identifier\n * @param actionMapping - Map of action ref to nextNode\n * @param inputsData - Array of input data for resolving SELECT options\n * @returns Transformed components with correct identifiers and action references\n */\nconst applyInputRefMapping = (\n  components: EmbeddedFlowComponent[],\n  refMapping: Map<string, string>,\n  actionMapping: Map<string, string>,\n  inputsData: any[] = [],\n): EmbeddedFlowComponent[] =>\n  components.map((component: EmbeddedFlowComponent) => {\n    const transformedComponent: any = {...component} as EmbeddedFlowComponent & {\n      actionRef?: string;\n      options?: {label: string; value: string}[];\n    };\n\n    // If this component has a ref that maps to an identifier, update it\n    if (transformedComponent.ref && refMapping.has(transformedComponent.ref)) {\n      transformedComponent.ref = refMapping.get(transformedComponent.ref);\n    }\n\n    // For SELECT components, copy options from data.inputs\n    // The component.id matches the input.ref in the data structure\n    if (transformedComponent.type === 'SELECT' && component.id) {\n      const inputData: any = inputsData.find((input: any) => input.ref === component.id);\n      if (inputData?.options) {\n        transformedComponent.options = inputData.options.map((opt: any) => {\n          if (typeof opt === 'string') {\n            return {label: opt, value: opt};\n          }\n          // Safely handle non-string values to prevent React key crashes\n          const value: string = typeof opt.value === 'object' ? JSON.stringify(opt.value) : String(opt.value || '');\n          const label: string = typeof opt.label === 'object' ? JSON.stringify(opt.label) : String(opt.label || value);\n\n          return {label, value};\n        });\n      }\n    }\n\n    // If this is an action component, map its id to the nextNode\n    // Store the nextNode reference as actionRef property for later use\n    if (\n      transformedComponent.type === 'ACTION' &&\n      transformedComponent.id &&\n      actionMapping.has(transformedComponent.id)\n    ) {\n      transformedComponent.actionRef = actionMapping.get(transformedComponent.id);\n    }\n\n    // Recursively apply to nested components\n    if (transformedComponent.components && Array.isArray(transformedComponent.components)) {\n      transformedComponent.components = applyInputRefMapping(\n        transformedComponent.components,\n        refMapping,\n        actionMapping,\n        inputsData,\n      );\n    }\n\n    return transformedComponent;\n  });\n\n/**\n * Transform and resolve translations in components from flow response.\n * This function extracts components from the response meta structure and optionally resolves\n * any translation strings within them. It also handles mapping of input refs to identifiers\n * and action refs to nextNode values.\n *\n * @param response - The flow response object containing components in meta structure\n * @param t - Translation function from useTranslation hook\n * @param resolveTranslations - Whether to resolve translation strings or keep them as i18n keys (default: true)\n * @returns Array of flow components with resolved or unresolved translations\n */\nexport const transformComponents = (\n  response: any,\n  t: UseTranslation['t'],\n  resolveTranslations = true,\n  meta?: FlowMetadataResponse | null,\n): EmbeddedFlowComponent[] => {\n  if (!response?.data?.meta?.components) {\n    return [];\n  }\n\n  let {components} = response.data.meta;\n\n  // Create mapping from ref to identifier based on data.inputs\n  const refMapping: Map<string, string> = createInputRefMapping(response);\n\n  // Create mapping from action ref to nextNode based on data.actions\n  const actionMapping: Map<string, string> = createActionRefMapping(response);\n\n  // Get inputs data for SELECT option resolution\n  const inputsData: any[] = response?.data?.inputs || [];\n\n  // Apply ref and action mapping if there are any mappings\n  if (refMapping.size > 0 || actionMapping.size > 0 || inputsData.length > 0) {\n    components = applyInputRefMapping(components, refMapping, actionMapping, inputsData);\n  }\n\n  return resolveTranslations ? resolveTranslationsInArray(components, t, undefined, meta) : components;\n};\n\n/**\n * Extract error message from flow error response.\n *\n * Resolution order:\n * 1. Structured `error` object: try i18n lookup via `t(error.message.key, error.message.params)`.\n *    Bundle entries keep the backend's `{{param(name)}}` placeholders, so `params` must be passed\n *    through; a resolved value that still holds an unsubstituted placeholder is treated as a miss.\n * 2. Fallback to `defaultValue` from `message`, then `description` (the backend pre-substitutes it).\n * 3. Standard `Error.message`.\n * 4. Generic translated fallback via `defaultErrorKey`.\n */\nexport const extractErrorMessage = (\n  error: FlowErrorResponse | any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string => {\n  if (error && typeof error === 'object' && error.error) {\n    const flowError: FlowErrorResponse['error'] = error.error;\n\n    // 1. Try i18n lookup on message.key first (preferred for user-facing errors)\n    if (flowError?.message?.key) {\n      const params: Record<string, string> | undefined = flowError.message.params;\n\n      const translated: string = t(flowError.message.key, params);\n      if (translated && translated !== flowError.message.key && !hasUnresolvedTranslationParams(translated)) {\n        return translated;\n      }\n\n      // If the key resolved to itself, retry under the 'system:' namespace\n      const systemKey = `system.${flowError.message.key}`;\n      const systemTranslated: string = t(systemKey, params);\n      if (systemTranslated && systemTranslated !== systemKey && !hasUnresolvedTranslationParams(systemTranslated)) {\n        return systemTranslated;\n      }\n    }\n\n    // 2. Fall back to defaultValue from message, then description\n    const fallback: string | undefined = flowError?.message?.defaultValue ?? flowError?.description?.defaultValue;\n    if (fallback) {\n      return fallback;\n    }\n  }\n\n  // Legacy backward compatibility\n  if (error && typeof error === 'object' && error.failureReason) {\n    return error.failureReason;\n  }\n\n  if (error instanceof Error && error.message) {\n    return error.message;\n  }\n\n  return t(defaultErrorKey);\n};\n\n/** Builds an SDK-raised error with the current translator, so it follows a language change. */\nexport type FlowErrorBuilder = (t: UseTranslation['t']) => Error;\n\n/**\n * Resolves a stored flow error source with the current translator. A builder is called, an Error with a\n * message is kept as-is so fields like `code` survive, and anything else goes through `extractErrorMessage`.\n */\nexport const resolveFlowError = (source: unknown, t: UseTranslation['t']): Error => {\n  if (typeof source === 'function') {\n    return (source as FlowErrorBuilder)(t);\n  }\n\n  return source instanceof Error && source.message ? source : new Error(extractErrorMessage(source, t));\n};\n\n/**\n * Check if a response is an error response and extract the error message.\n * This function identifies error responses by checking for ERROR status and failure reasons.\n *\n * @param response - The flow response to check\n * @param t - Translation function for error messages\n * @param defaultErrorKey - Default translation key for generic errors\n * @returns Error message string if response is an error, null otherwise\n */\nexport const checkForErrorResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  defaultErrorKey = 'errors.flow.generic',\n): string | null => {\n  if (response?.flowStatus === 'ERROR') {\n    return extractErrorMessage(response, t, defaultErrorKey);\n  }\n\n  return null;\n};\n\n/**\n * Generic flow response normalizer that handles both success and error responses.\n * This is the main transformer function that should be used by all flow components.\n *\n * @param response - The raw flow response from the API\n * @param t - Translation function from useTranslation hook\n * @param options - Configuration options for transformation behavior\n * @returns Normalized flow response with executionId and transformed components\n * @throws {any} The original response if it's an error and throwOnError is true\n */\nexport const normalizeFlowResponse = (\n  response: any,\n  t: UseTranslation['t'],\n  options: FlowTransformOptions = {},\n  meta?: FlowMetadataResponse | null,\n): {\n  additionalData: Record<string, any>;\n  components: EmbeddedFlowComponent[];\n  executionId: string;\n} => {\n  const {throwOnError = true, defaultErrorKey = 'errors.flow.generic', resolveTranslations = true} = options;\n\n  // Check if this is an error response\n  const errorMessage: string | null = checkForErrorResponse(response, t, defaultErrorKey);\n\n  if (errorMessage && throwOnError) {\n    // Throw the original response so it can be caught by error handling\n    throw response;\n  }\n\n  const additionalData: Record<string, any> = (response?.data?.additionalData as Record<string, any>) ?? {};\n\n  // The consent prompt is serialized as a JSON string (array) by the backend.\n  // Parse it and wrap in the expected {purposes: [...]} structure.\n  if (typeof additionalData['consentPrompt'] === 'string') {\n    try {\n      const parsed: any = JSON.parse(additionalData['consentPrompt']);\n      additionalData['consentPrompt'] = {purposes: Array.isArray(parsed) ? parsed : []};\n    } catch {\n      // Leave unparseable value as-is\n    }\n  }\n\n  return {\n    additionalData,\n    components: transformComponents(response, t, resolveTranslations, meta),\n    executionId: response.executionId,\n  };\n};\n"],"mappings":"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"}

package/dist/cjs/utils/getOrganizationUnitSwitchErrorKey.cjs

@@ -0,0 +1,24 @@
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let __thunderid_browser = require("@thunderid/browser");
+__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
+
+//#region src/utils/getOrganizationUnitSwitchErrorKey.ts
+/**
+* The translation key for a failed organization unit switch, by the error's code. The server answers an
+* unknown unit and a unit the application cannot be used from alike (`unauthorized_client`), so they
+* share one message. Every key takes the unit's `{name}`.
+*
+* @param error - The error `switchOrganizationUnit` rejected with.
+* @returns The `organization_unit.switcher.error.*` key to show.
+*/
+const getOrganizationUnitSwitchErrorKey = (error) => {
+	const code = error?.code;
+	if (code === __thunderid_browser.OrganizationUnitSwitchErrorCodes.UnauthorizedClient) return "organization_unit.switcher.error.unauthorized";
+	if (code === __thunderid_browser.OrganizationUnitSwitchErrorCodes.InteractionRequired) return "organization_unit.switcher.error.interaction_required";
+	return "organization_unit.switcher.error.switch";
+};
+var getOrganizationUnitSwitchErrorKey_default = getOrganizationUnitSwitchErrorKey;
+
+//#endregion
+exports.default = getOrganizationUnitSwitchErrorKey_default;
+//# sourceMappingURL=getOrganizationUnitSwitchErrorKey.cjs.map

package/dist/cjs/utils/getOrganizationUnitSwitchErrorKey.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOrganizationUnitSwitchErrorKey.cjs","names":["code: unknown","OrganizationUnitSwitchErrorCodes"],"sources":["../../../src/utils/getOrganizationUnitSwitchErrorKey.ts"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {OrganizationUnitSwitchErrorCodes} from '@thunderid/browser';\n\n/**\n * The translation key for a failed organization unit switch, by the error's code. The server answers an\n * unknown unit and a unit the application cannot be used from alike (`unauthorized_client`), so they\n * share one message. Every key takes the unit's `{name}`.\n *\n * @param error - The error `switchOrganizationUnit` rejected with.\n * @returns The `organization_unit.switcher.error.*` key to show.\n */\nconst getOrganizationUnitSwitchErrorKey = (error: unknown): string => {\n  const code: unknown = (error as {code?: unknown} | null)?.code;\n\n  if (code === OrganizationUnitSwitchErrorCodes.UnauthorizedClient) {\n    return 'organization_unit.switcher.error.unauthorized';\n  }\n\n  if (code === OrganizationUnitSwitchErrorCodes.InteractionRequired) {\n    return 'organization_unit.switcher.error.interaction_required';\n  }\n\n  return 'organization_unit.switcher.error.switch';\n};\n\nexport default getOrganizationUnitSwitchErrorKey;\n"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,qCAAqC,UAA2B;CACpE,MAAMA,OAAiB,OAAmC;AAE1D,KAAI,SAASC,qDAAiC,mBAC5C,QAAO;AAGT,KAAI,SAASA,qDAAiC,oBAC5C,QAAO;AAGT,QAAO;;AAGT,gDAAe"}

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.d.ts

@@ -0,0 +1,85 @@
+import { AccessibleOrganizationUnit, Preferences } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+export interface OrganizationUnitSwitcherRenderProps {
+    /**
+     * Identifier of the unit the session is in, or `null` when it is not known.
+     */
+    current: string | null;
+    /**
+     * Name of the unit the session is in, from the page or the session, or `null` when it is not known.
+     */
+    currentName: string | null;
+    /**
+     * A translated message for the last failure, or `null`.
+     */
+    error: string | null;
+    /**
+     * Whether the units are loading.
+     */
+    isLoading: boolean;
+    /**
+     * The page size.
+     */
+    limit: number;
+    /**
+     * The zero-based offset of the page.
+     */
+    offset: number;
+    /**
+     * Moves to the page that starts at `offset`.
+     */
+    onPageChange: (offset: number) => void;
+    /**
+     * Switches to `unit` (or hands it to the app's `onSelect`).
+     */
+    onSwitch: (unit: AccessibleOrganizationUnit) => void;
+    /**
+     * The units of the page.
+     */
+    organizationUnits: AccessibleOrganizationUnit[];
+    /**
+     * Identifier of the unit a switch is in progress to, or `null`.
+     */
+    switchingId: string | null;
+    /**
+     * Number of units the listing matches.
+     */
+    totalResults: number;
+}
+export interface BaseOrganizationUnitSwitcherProps extends Partial<OrganizationUnitSwitcherRenderProps> {
+    /**
+     * Custom render. Replaces the built-in UI and receives the units, the current one, the loading and
+     * error state, the paging and `onSwitch`.
+     */
+    children?: (props: OrganizationUnitSwitcherRenderProps) => ReactNode;
+    /**
+     * Additional CSS class names.
+     */
+    className?: string;
+    /**
+     * Component-level preference overrides, including i18n.
+     */
+    preferences?: Preferences;
+    /**
+     * Overrides the small label above the current unit. Pass an empty string to omit it.
+     */
+    title?: string;
+}
+/**
+ * Presentational organization unit picker: a field showing the current unit under a small label, which
+ * opens a menu of the units the signed-in user can access. Holds no SDK state and makes no request: pass
+ * the units and the callbacks. Use {@link OrganizationUnitSwitcher} for the variant wired to the SDK.
+ *
+ * @example
+ * ```tsx
+ * <BaseOrganizationUnitSwitcher
+ *   organizationUnits={units}
+ *   current={currentId}
+ *   totalResults={units.length}
+ *   onSwitch={(unit) => switchTo(unit.id)}
+ * />
+ * ```
+ */
+declare const BaseOrganizationUnitSwitcher: FC<BaseOrganizationUnitSwitcherProps>;
+export default BaseOrganizationUnitSwitcher;
+//# sourceMappingURL=BaseOrganizationUnitSwitcher.d.ts.map

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAC,0BAA0B,EAAE,WAAW,EAAgC,MAAM,oBAAoB,CAAC;AAC1G,OAAO,EAAC,EAAE,EAAgB,SAAS,EAA0B,MAAM,OAAO,CAAC;AAY3E,MAAM,WAAW,mCAAmC;IAClD;;OAEG;IACH,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAC;IACrD;;OAEG;IACH,iBAAiB,EAAE,0BAA0B,EAAE,CAAC;IAChD;;OAEG;IACH,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,iCAAkC,SAAQ,OAAO,CAAC,mCAAmC,CAAC;IACrG;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,mCAAmC,KAAK,SAAS,CAAC;IACrE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,4BAA4B,EAAE,EAAE,CAAC,iCAAiC,CAsOvE,CAAC;AAEF,eAAe,4BAA4B,CAAC"}

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.js

@@ -0,0 +1,209 @@
+import { cx } from "../../../styles/emotion.js";
+import useTheme_default from "../../../contexts/Theme/useTheme.js";
+import useTranslation_default from "../../../hooks/useTranslation.js";
+import Spinner_default from "../../primitives/Spinner/Spinner.js";
+import Button_default from "../../primitives/Button/Button.js";
+import Check_default from "../../primitives/Icons/Check.js";
+import BaseOrganizationUnitSwitcher_styles_default from "./BaseOrganizationUnitSwitcher.styles.js";
+import ChevronDown_default from "../../primitives/Icons/ChevronDown.js";
+import { bem, withVendorCSSClassPrefix } from "@thunderid/browser";
+import { useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { FloatingFocusManager, FloatingPortal, autoUpdate, flip, offset, shift, size, useClick, useDismiss, useFloating, useInteractions, useListNavigation } from "@floating-ui/react";
+
+//#region src/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.tsx
+const BLOCK = "organization-unit-switcher";
+/**
+* Presentational organization unit picker: a field showing the current unit under a small label, which
+* opens a menu of the units the signed-in user can access. Holds no SDK state and makes no request: pass
+* the units and the callbacks. Use {@link OrganizationUnitSwitcher} for the variant wired to the SDK.
+*
+* @example
+* ```tsx
+* <BaseOrganizationUnitSwitcher
+*   organizationUnits={units}
+*   current={currentId}
+*   totalResults={units.length}
+*   onSwitch={(unit) => switchTo(unit.id)}
+* />
+* ```
+*/
+const BaseOrganizationUnitSwitcher = ({ children = void 0, className = "", current = null, currentName = null, error = null, isLoading = false, limit = 10, offset: offset$1 = 0, onPageChange = () => void 0, onSwitch = () => void 0, organizationUnits = [], preferences = void 0, switchingId = null, title = void 0, totalResults = void 0 }) => {
+	const { theme, colorScheme } = useTheme_default();
+	const styles = BaseOrganizationUnitSwitcher_styles_default(theme, colorScheme);
+	const { t } = useTranslation_default(preferences?.i18n);
+	const [isOpen, setIsOpen] = useState(false);
+	const [activeIndex, setActiveIndex] = useState(null);
+	const listRef = useRef([]);
+	const listId = useId();
+	const isSwitching = switchingId !== null;
+	const open = isOpen && !isSwitching;
+	const currentIndex = organizationUnits.findIndex((unit) => unit.id === current);
+	const resolvedCurrentName = organizationUnits[currentIndex]?.name ?? currentName;
+	const resolvedTotal = totalResults ?? organizationUnits.length;
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: [
+			offset(4),
+			flip(),
+			shift({ padding: 8 }),
+			size({ apply({ elements, rects }) {
+				elements.floating.style.minWidth = `${rects.reference.width}px`;
+			} })
+		],
+		onOpenChange: setIsOpen,
+		open,
+		placement: "bottom-start",
+		whileElementsMounted: autoUpdate
+	});
+	const { getFloatingProps, getItemProps, getReferenceProps } = useInteractions([
+		useClick(context, { enabled: !isSwitching }),
+		useDismiss(context),
+		useListNavigation(context, {
+			activeIndex,
+			listRef,
+			loop: true,
+			onNavigate: setActiveIndex,
+			selectedIndex: currentIndex >= 0 ? currentIndex : null
+		})
+	]);
+	const renderProps = {
+		current,
+		currentName: resolvedCurrentName,
+		error,
+		isLoading,
+		limit,
+		offset: offset$1,
+		onPageChange,
+		onSwitch,
+		organizationUnits,
+		switchingId,
+		totalResults: resolvedTotal
+	};
+	if (children) return /* @__PURE__ */ jsx(Fragment$1, { children: children(renderProps) });
+	const label = title ?? t("organization_unit.switcher.label");
+	const hasPrevious = offset$1 > 0;
+	const hasNext = offset$1 + organizationUnits.length < resolvedTotal;
+	const fieldValue = () => {
+		if (isSwitching) return t("organization_unit.switcher.switching", { name: organizationUnits.find((unit) => unit.id === switchingId)?.name ?? switchingId ?? "" });
+		if (resolvedCurrentName) return resolvedCurrentName;
+		return isLoading ? t("organization_unit.switcher.loading") : t("organization_unit.switcher.placeholder");
+	};
+	const pick = (unit) => {
+		setIsOpen(false);
+		if (unit.id !== current) onSwitch(unit);
+	};
+	const menuContent = () => {
+		if (isLoading) return /* @__PURE__ */ jsxs("div", {
+			role: "status",
+			className: cx(withVendorCSSClassPrefix(bem(BLOCK, "loading")), styles["status"]),
+			children: [/* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ jsx(Spinner_default, { size: "small" })
+			}), /* @__PURE__ */ jsx("span", { children: t("organization_unit.switcher.loading") })]
+		});
+		if (organizationUnits.length === 0) return /* @__PURE__ */ jsx("p", {
+			className: cx(withVendorCSSClassPrefix(bem(BLOCK, "empty")), styles["status"]),
+			children: error ?? t("organization_unit.switcher.empty")
+		});
+		return /* @__PURE__ */ jsx("div", {
+			id: listId,
+			role: "listbox",
+			"aria-label": label || t("organization_unit.switcher.label"),
+			className: cx(withVendorCSSClassPrefix(bem(BLOCK, "list")), styles["list"]),
+			children: organizationUnits.map((unit, index) => {
+				const isCurrent = unit.id === current;
+				return /* @__PURE__ */ jsxs("button", {
+					ref: (node) => {
+						listRef.current[index] = node;
+					},
+					type: "button",
+					role: "option",
+					"aria-selected": isCurrent,
+					tabIndex: index === activeIndex ? 0 : -1,
+					className: cx(withVendorCSSClassPrefix(bem(BLOCK, "option", isCurrent ? "current" : void 0)), styles["option"], isCurrent ? styles["optionCurrent"] : ""),
+					...getItemProps({ onClick: () => pick(unit) }),
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: styles["optionText"],
+						children: [/* @__PURE__ */ jsx("span", {
+							className: styles["optionName"],
+							children: unit.name
+						}), /* @__PURE__ */ jsx("span", {
+							className: styles["optionHandle"],
+							children: unit.handle
+						})]
+					}), isCurrent && /* @__PURE__ */ jsx("span", {
+						"aria-hidden": "true",
+						className: styles["check"],
+						children: /* @__PURE__ */ jsx(Check_default, {})
+					})]
+				}, unit.id);
+			})
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx(withVendorCSSClassPrefix(BLOCK), styles["root"], className),
+		children: [
+			/* @__PURE__ */ jsxs("button", {
+				ref: refs.setReference,
+				type: "button",
+				"aria-controls": open ? listId : void 0,
+				"aria-expanded": open,
+				"aria-haspopup": "listbox",
+				disabled: isSwitching,
+				...getReferenceProps(),
+				className: cx(withVendorCSSClassPrefix(bem(BLOCK, "field")), styles["field"]),
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: styles["fieldText"],
+					children: [label && /* @__PURE__ */ jsx("span", {
+						className: cx(withVendorCSSClassPrefix(bem(BLOCK, "label")), styles["label"]),
+						children: label
+					}), /* @__PURE__ */ jsx("span", {
+						className: cx(withVendorCSSClassPrefix(bem(BLOCK, "value")), styles["value"]),
+						children: fieldValue()
+					})]
+				}), /* @__PURE__ */ jsx("span", {
+					"aria-hidden": "true",
+					className: cx(styles["chevron"], open ? styles["chevronOpen"] : ""),
+					children: isSwitching ? /* @__PURE__ */ jsx(Spinner_default, { size: "small" }) : /* @__PURE__ */ jsx(ChevronDown_default, {})
+				})]
+			}),
+			error && /* @__PURE__ */ jsx("div", {
+				role: "alert",
+				className: cx(withVendorCSSClassPrefix(bem(BLOCK, "error")), styles["error"]),
+				children: error
+			}),
+			open && /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(FloatingFocusManager, {
+				context,
+				initialFocus: -1,
+				modal: false,
+				children: /* @__PURE__ */ jsxs("div", {
+					ref: refs.setFloating,
+					style: floatingStyles,
+					...getFloatingProps(),
+					className: cx(withVendorCSSClassPrefix(bem(BLOCK, "menu")), styles["menu"]),
+					children: [menuContent(), (hasPrevious || hasNext) && /* @__PURE__ */ jsxs("div", {
+						className: cx(withVendorCSSClassPrefix(bem(BLOCK, "pagination")), styles["pagination"]),
+						children: [/* @__PURE__ */ jsx(Button_default, {
+							size: "small",
+							variant: "text",
+							disabled: !hasPrevious || isLoading,
+							onClick: () => onPageChange(Math.max(0, offset$1 - limit)),
+							children: t("organization_unit.switcher.previous")
+						}), /* @__PURE__ */ jsx(Button_default, {
+							size: "small",
+							variant: "text",
+							disabled: !hasNext || isLoading,
+							onClick: () => onPageChange(offset$1 + limit),
+							children: t("organization_unit.switcher.next")
+						})]
+					})]
+				})
+			}) })
+		]
+	});
+};
+var BaseOrganizationUnitSwitcher_default = BaseOrganizationUnitSwitcher;
+
+//#endregion
+export { BaseOrganizationUnitSwitcher_default as default };
+//# sourceMappingURL=BaseOrganizationUnitSwitcher.js.map

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitSwitcher.js","names":["BaseOrganizationUnitSwitcher: FC<BaseOrganizationUnitSwitcherProps>","useTheme","styles: Record<string, string>","useStyles","useTranslation","listId: string","isSwitching: boolean","open: boolean","currentIndex: number","resolvedCurrentName: string | null","resolvedTotal: number","floatingOffset","renderProps: OrganizationUnitSwitcherRenderProps","label: string","hasPrevious: boolean","offset","hasNext: boolean","Spinner","isCurrent: boolean","Check","ChevronDown","Button"],"sources":["../../../../src/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.tsx"],"sourcesContent":["// Copyright 2026 The ThunderID Authors\n// SPDX-License-Identifier: Apache-2.0\n\nimport {\n  autoUpdate,\n  flip,\n  FloatingFocusManager,\n  FloatingPortal,\n  type MiddlewareState,\n  offset as floatingOffset,\n  shift,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useListNavigation,\n} from '@floating-ui/react';\nimport {AccessibleOrganizationUnit, Preferences, bem, withVendorCSSClassPrefix} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useId, useRef, useState} from 'react';\nimport useStyles from './BaseOrganizationUnitSwitcher.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport {cx} from '../../../styles/emotion';\nimport Button from '../../primitives/Button/Button';\nimport Check from '../../primitives/Icons/Check';\nimport ChevronDown from '../../primitives/Icons/ChevronDown';\nimport Spinner from '../../primitives/Spinner/Spinner';\n\nconst BLOCK = 'organization-unit-switcher';\n\nexport interface OrganizationUnitSwitcherRenderProps {\n  /**\n   * Identifier of the unit the session is in, or `null` when it is not known.\n   */\n  current: string | null;\n  /**\n   * Name of the unit the session is in, from the page or the session, or `null` when it is not known.\n   */\n  currentName: string | null;\n  /**\n   * A translated message for the last failure, or `null`.\n   */\n  error: string | null;\n  /**\n   * Whether the units are loading.\n   */\n  isLoading: boolean;\n  /**\n   * The page size.\n   */\n  limit: number;\n  /**\n   * The zero-based offset of the page.\n   */\n  offset: number;\n  /**\n   * Moves to the page that starts at `offset`.\n   */\n  onPageChange: (offset: number) => void;\n  /**\n   * Switches to `unit` (or hands it to the app's `onSelect`).\n   */\n  onSwitch: (unit: AccessibleOrganizationUnit) => void;\n  /**\n   * The units of the page.\n   */\n  organizationUnits: AccessibleOrganizationUnit[];\n  /**\n   * Identifier of the unit a switch is in progress to, or `null`.\n   */\n  switchingId: string | null;\n  /**\n   * Number of units the listing matches.\n   */\n  totalResults: number;\n}\n\nexport interface BaseOrganizationUnitSwitcherProps extends Partial<OrganizationUnitSwitcherRenderProps> {\n  /**\n   * Custom render. Replaces the built-in UI and receives the units, the current one, the loading and\n   * error state, the paging and `onSwitch`.\n   */\n  children?: (props: OrganizationUnitSwitcherRenderProps) => ReactNode;\n  /**\n   * Additional CSS class names.\n   */\n  className?: string;\n  /**\n   * Component-level preference overrides, including i18n.\n   */\n  preferences?: Preferences;\n  /**\n   * Overrides the small label above the current unit. Pass an empty string to omit it.\n   */\n  title?: string;\n}\n\n/**\n * Presentational organization unit picker: a field showing the current unit under a small label, which\n * opens a menu of the units the signed-in user can access. Holds no SDK state and makes no request: pass\n * the units and the callbacks. Use {@link OrganizationUnitSwitcher} for the variant wired to the SDK.\n *\n * @example\n * ```tsx\n * <BaseOrganizationUnitSwitcher\n *   organizationUnits={units}\n *   current={currentId}\n *   totalResults={units.length}\n *   onSwitch={(unit) => switchTo(unit.id)}\n * />\n * ```\n */\nconst BaseOrganizationUnitSwitcher: FC<BaseOrganizationUnitSwitcherProps> = ({\n  children = undefined,\n  className = '',\n  current = null,\n  currentName = null,\n  error = null,\n  isLoading = false,\n  limit = 10,\n  offset = 0,\n  onPageChange = (): void => undefined,\n  onSwitch = (): void => undefined,\n  organizationUnits = [],\n  preferences = undefined,\n  switchingId = null,\n  title = undefined,\n  totalResults = undefined,\n}: BaseOrganizationUnitSwitcherProps): ReactElement => {\n  const {theme, colorScheme}: ReturnType<typeof useTheme> = useTheme();\n  const styles: Record<string, string> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [activeIndex, setActiveIndex] = useState<number | null>(null);\n  const listRef = useRef<(HTMLElement | null)[]>([]);\n  const listId: string = useId();\n\n  const isSwitching: boolean = switchingId !== null;\n  const open: boolean = isOpen && !isSwitching;\n  const currentIndex: number = organizationUnits.findIndex((unit: AccessibleOrganizationUnit) => unit.id === current);\n  const resolvedCurrentName: string | null = organizationUnits[currentIndex]?.name ?? currentName;\n  const resolvedTotal: number = totalResults ?? organizationUnits.length;\n\n  const {context, floatingStyles, refs} = useFloating({\n    middleware: [\n      floatingOffset(4),\n      flip(),\n      shift({padding: 8}),\n      size({\n        apply({elements, rects}: MiddlewareState): void {\n          elements.floating.style.minWidth = `${rects.reference.width}px`;\n        },\n      }),\n    ],\n    onOpenChange: setIsOpen,\n    open,\n    placement: 'bottom-start',\n    whileElementsMounted: autoUpdate,\n  });\n  const click: ReturnType<typeof useClick> = useClick(context, {enabled: !isSwitching});\n  const dismiss: ReturnType<typeof useDismiss> = useDismiss(context);\n  const listNavigation: ReturnType<typeof useListNavigation> = useListNavigation(context, {\n    activeIndex,\n    listRef,\n    loop: true,\n    onNavigate: setActiveIndex,\n    selectedIndex: currentIndex >= 0 ? currentIndex : null,\n  });\n  const {getFloatingProps, getItemProps, getReferenceProps} = useInteractions([click, dismiss, listNavigation]);\n\n  const renderProps: OrganizationUnitSwitcherRenderProps = {\n    current,\n    currentName: resolvedCurrentName,\n    error,\n    isLoading,\n    limit,\n    offset,\n    onPageChange,\n    onSwitch,\n    organizationUnits,\n    switchingId,\n    totalResults: resolvedTotal,\n  };\n\n  if (children) {\n    return <>{children(renderProps)}</>;\n  }\n\n  const label: string = title ?? t('organization_unit.switcher.label');\n  const hasPrevious: boolean = offset > 0;\n  const hasNext: boolean = offset + organizationUnits.length < resolvedTotal;\n\n  const fieldValue = (): string => {\n    if (isSwitching) {\n      const target: AccessibleOrganizationUnit | undefined = organizationUnits.find(\n        (unit: AccessibleOrganizationUnit) => unit.id === switchingId,\n      );\n\n      return t('organization_unit.switcher.switching', {name: target?.name ?? switchingId ?? ''});\n    }\n\n    if (resolvedCurrentName) {\n      return resolvedCurrentName;\n    }\n\n    return isLoading ? t('organization_unit.switcher.loading') : t('organization_unit.switcher.placeholder');\n  };\n\n  const pick = (unit: AccessibleOrganizationUnit): void => {\n    setIsOpen(false);\n\n    if (unit.id !== current) {\n      onSwitch(unit);\n    }\n  };\n\n  const menuContent = (): ReactNode => {\n    if (isLoading) {\n      return (\n        <div role=\"status\" className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'loading')), styles['status'])}>\n          <span aria-hidden=\"true\">\n            <Spinner size=\"small\" />\n          </span>\n          <span>{t('organization_unit.switcher.loading')}</span>\n        </div>\n      );\n    }\n\n    if (organizationUnits.length === 0) {\n      return (\n        <p className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'empty')), styles['status'])}>\n          {error ?? t('organization_unit.switcher.empty')}\n        </p>\n      );\n    }\n\n    return (\n      <div\n        id={listId}\n        role=\"listbox\"\n        aria-label={label || t('organization_unit.switcher.label')}\n        className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'list')), styles['list'])}\n      >\n        {organizationUnits.map((unit: AccessibleOrganizationUnit, index: number) => {\n          const isCurrent: boolean = unit.id === current;\n\n          return (\n            <button\n              key={unit.id}\n              ref={(node: HTMLButtonElement | null): void => {\n                listRef.current[index] = node;\n              }}\n              type=\"button\"\n              role=\"option\"\n              aria-selected={isCurrent}\n              tabIndex={index === activeIndex ? 0 : -1}\n              className={cx(\n                withVendorCSSClassPrefix(bem(BLOCK, 'option', isCurrent ? 'current' : undefined)),\n                styles['option'],\n                isCurrent ? styles['optionCurrent'] : '',\n              )}\n              {...getItemProps({onClick: (): void => pick(unit)})}\n            >\n              <span className={styles['optionText']}>\n                <span className={styles['optionName']}>{unit.name}</span>\n                <span className={styles['optionHandle']}>{unit.handle}</span>\n              </span>\n              {isCurrent && (\n                <span aria-hidden=\"true\" className={styles['check']}>\n                  <Check />\n                </span>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    );\n  };\n\n  return (\n    <div className={cx(withVendorCSSClassPrefix(BLOCK), styles['root'], className)}>\n      <button\n        ref={refs.setReference}\n        type=\"button\"\n        aria-controls={open ? listId : undefined}\n        aria-expanded={open}\n        aria-haspopup=\"listbox\"\n        disabled={isSwitching}\n        {...getReferenceProps()}\n        className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'field')), styles['field'])}\n      >\n        <span className={styles['fieldText']}>\n          {label && <span className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'label')), styles['label'])}>{label}</span>}\n          <span className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'value')), styles['value'])}>{fieldValue()}</span>\n        </span>\n        <span aria-hidden=\"true\" className={cx(styles['chevron'], open ? styles['chevronOpen'] : '')}>\n          {isSwitching ? <Spinner size=\"small\" /> : <ChevronDown />}\n        </span>\n      </button>\n\n      {error && (\n        <div role=\"alert\" className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'error')), styles['error'])}>\n          {error}\n        </div>\n      )}\n\n      {open && (\n        <FloatingPortal>\n          <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n            <div\n              ref={refs.setFloating}\n              style={floatingStyles}\n              {...getFloatingProps()}\n              className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'menu')), styles['menu'])}\n            >\n              {menuContent()}\n              {(hasPrevious || hasNext) && (\n                <div className={cx(withVendorCSSClassPrefix(bem(BLOCK, 'pagination')), styles['pagination'])}>\n                  <Button\n                    size=\"small\"\n                    variant=\"text\"\n                    disabled={!hasPrevious || isLoading}\n                    onClick={(): void => onPageChange(Math.max(0, offset - limit))}\n                  >\n                    {t('organization_unit.switcher.previous')}\n                  </Button>\n                  <Button\n                    size=\"small\"\n                    variant=\"text\"\n                    disabled={!hasNext || isLoading}\n                    onClick={(): void => onPageChange(offset + limit)}\n                  >\n                    {t('organization_unit.switcher.next')}\n                  </Button>\n                </div>\n              )}\n            </div>\n          </FloatingFocusManager>\n        </FloatingPortal>\n      )}\n    </div>\n  );\n};\n\nexport default BaseOrganizationUnitSwitcher;\n"],"mappings":";;;;;;;;;;;;;;AA6BA,MAAM,QAAQ;;;;;;;;;;;;;;;;AAoFd,MAAMA,gCAAuE,EAC3E,WAAW,QACX,YAAY,IACZ,UAAU,MACV,cAAc,MACd,QAAQ,MACR,YAAY,OACZ,QAAQ,IACR,mBAAS,GACT,qBAA2B,QAC3B,iBAAuB,QACvB,oBAAoB,EAAE,EACtB,cAAc,QACd,cAAc,MACd,QAAQ,QACR,eAAe,aACsC;CACrD,MAAM,EAAC,OAAO,gBAA4CC,kBAAU;CACpE,MAAMC,SAAiCC,4CAAU,OAAO,YAAY;CACpE,MAAM,EAAC,MAAKC,uBAAe,aAAa,KAAK;CAC7C,MAAM,CAAC,QAAQ,aAAa,SAAkB,MAAM;CACpD,MAAM,CAAC,aAAa,kBAAkB,SAAwB,KAAK;CACnE,MAAM,UAAU,OAA+B,EAAE,CAAC;CAClD,MAAMC,SAAiB,OAAO;CAE9B,MAAMC,cAAuB,gBAAgB;CAC7C,MAAMC,OAAgB,UAAU,CAAC;CACjC,MAAMC,eAAuB,kBAAkB,WAAW,SAAqC,KAAK,OAAO,QAAQ;CACnH,MAAMC,sBAAqC,kBAAkB,eAAe,QAAQ;CACpF,MAAMC,gBAAwB,gBAAgB,kBAAkB;CAEhE,MAAM,EAAC,SAAS,gBAAgB,SAAQ,YAAY;EAClD,YAAY;GACVC,OAAe,EAAE;GACjB,MAAM;GACN,MAAM,EAAC,SAAS,GAAE,CAAC;GACnB,KAAK,EACH,MAAM,EAAC,UAAU,SAA+B;AAC9C,aAAS,SAAS,MAAM,WAAW,GAAG,MAAM,UAAU,MAAM;MAE/D,CAAC;GACH;EACD,cAAc;EACd;EACA,WAAW;EACX,sBAAsB;EACvB,CAAC;CAUF,MAAM,EAAC,kBAAkB,cAAc,sBAAqB,gBAAgB;EATjC,SAAS,SAAS,EAAC,SAAS,CAAC,aAAY,CAAC;EACtC,WAAW,QAAQ;EACL,kBAAkB,SAAS;GACtF;GACA;GACA,MAAM;GACN,YAAY;GACZ,eAAe,gBAAgB,IAAI,eAAe;GACnD,CAAC;EAC0G,CAAC;CAE7G,MAAMC,cAAmD;EACvD;EACA,aAAa;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,cAAc;EACf;AAED,KAAI,SACF,QAAO,4CAAG,SAAS,YAAY,GAAI;CAGrC,MAAMC,QAAgB,SAAS,EAAE,mCAAmC;CACpE,MAAMC,cAAuBC,WAAS;CACtC,MAAMC,UAAmBD,WAAS,kBAAkB,SAAS;CAE7D,MAAM,mBAA2B;AAC/B,MAAI,YAKF,QAAO,EAAE,wCAAwC,EAAC,MAJK,kBAAkB,MACtE,SAAqC,KAAK,OAAO,YACnD,EAE+D,QAAQ,eAAe,IAAG,CAAC;AAG7F,MAAI,oBACF,QAAO;AAGT,SAAO,YAAY,EAAE,qCAAqC,GAAG,EAAE,yCAAyC;;CAG1G,MAAM,QAAQ,SAA2C;AACvD,YAAU,MAAM;AAEhB,MAAI,KAAK,OAAO,QACd,UAAS,KAAK;;CAIlB,MAAM,oBAA+B;AACnC,MAAI,UACF,QACE,qBAAC;GAAI,MAAK;GAAS,WAAW,GAAG,yBAAyB,IAAI,OAAO,UAAU,CAAC,EAAE,OAAO,UAAU;cACjG,oBAAC;IAAK,eAAY;cAChB,oBAACE,mBAAQ,MAAK,UAAU;KACnB,EACP,oBAAC,oBAAM,EAAE,qCAAqC,GAAQ;IAClD;AAIV,MAAI,kBAAkB,WAAW,EAC/B,QACE,oBAAC;GAAE,WAAW,GAAG,yBAAyB,IAAI,OAAO,QAAQ,CAAC,EAAE,OAAO,UAAU;aAC9E,SAAS,EAAE,mCAAmC;IAC7C;AAIR,SACE,oBAAC;GACC,IAAI;GACJ,MAAK;GACL,cAAY,SAAS,EAAE,mCAAmC;GAC1D,WAAW,GAAG,yBAAyB,IAAI,OAAO,OAAO,CAAC,EAAE,OAAO,QAAQ;aAE1E,kBAAkB,KAAK,MAAkC,UAAkB;IAC1E,MAAMC,YAAqB,KAAK,OAAO;AAEvC,WACE,qBAAC;KAEC,MAAM,SAAyC;AAC7C,cAAQ,QAAQ,SAAS;;KAE3B,MAAK;KACL,MAAK;KACL,iBAAe;KACf,UAAU,UAAU,cAAc,IAAI;KACtC,WAAW,GACT,yBAAyB,IAAI,OAAO,UAAU,YAAY,YAAY,OAAU,CAAC,EACjF,OAAO,WACP,YAAY,OAAO,mBAAmB,GACvC;KACD,GAAI,aAAa,EAAC,eAAqB,KAAK,KAAK,EAAC,CAAC;gBAEnD,qBAAC;MAAK,WAAW,OAAO;iBACtB,oBAAC;OAAK,WAAW,OAAO;iBAAgB,KAAK;QAAY,EACzD,oBAAC;OAAK,WAAW,OAAO;iBAAkB,KAAK;QAAc;OACxD,EACN,aACC,oBAAC;MAAK,eAAY;MAAO,WAAW,OAAO;gBACzC,oBAACC,kBAAQ;OACJ;OAtBJ,KAAK,GAwBH;KAEX;IACE;;AAIV,QACE,qBAAC;EAAI,WAAW,GAAG,yBAAyB,MAAM,EAAE,OAAO,SAAS,UAAU;;GAC5E,qBAAC;IACC,KAAK,KAAK;IACV,MAAK;IACL,iBAAe,OAAO,SAAS;IAC/B,iBAAe;IACf,iBAAc;IACd,UAAU;IACV,GAAI,mBAAmB;IACvB,WAAW,GAAG,yBAAyB,IAAI,OAAO,QAAQ,CAAC,EAAE,OAAO,SAAS;eAE7E,qBAAC;KAAK,WAAW,OAAO;gBACrB,SAAS,oBAAC;MAAK,WAAW,GAAG,yBAAyB,IAAI,OAAO,QAAQ,CAAC,EAAE,OAAO,SAAS;gBAAG;OAAa,EAC7G,oBAAC;MAAK,WAAW,GAAG,yBAAyB,IAAI,OAAO,QAAQ,CAAC,EAAE,OAAO,SAAS;gBAAG,YAAY;OAAQ;MACrG,EACP,oBAAC;KAAK,eAAY;KAAO,WAAW,GAAG,OAAO,YAAY,OAAO,OAAO,iBAAiB,GAAG;eACzF,cAAc,oBAACF,mBAAQ,MAAK,UAAU,GAAG,oBAACG,wBAAc;MACpD;KACA;GAER,SACC,oBAAC;IAAI,MAAK;IAAQ,WAAW,GAAG,yBAAyB,IAAI,OAAO,QAAQ,CAAC,EAAE,OAAO,SAAS;cAC5F;KACG;GAGP,QACC,oBAAC,4BACC,oBAAC;IAA8B;IAAS,cAAc;IAAI,OAAO;cAC/D,qBAAC;KACC,KAAK,KAAK;KACV,OAAO;KACP,GAAI,kBAAkB;KACtB,WAAW,GAAG,yBAAyB,IAAI,OAAO,OAAO,CAAC,EAAE,OAAO,QAAQ;gBAE1E,aAAa,GACZ,eAAe,YACf,qBAAC;MAAI,WAAW,GAAG,yBAAyB,IAAI,OAAO,aAAa,CAAC,EAAE,OAAO,cAAc;iBAC1F,oBAACC;OACC,MAAK;OACL,SAAQ;OACR,UAAU,CAAC,eAAe;OAC1B,eAAqB,aAAa,KAAK,IAAI,GAAGN,WAAS,MAAM,CAAC;iBAE7D,EAAE,sCAAsC;QAClC,EACT,oBAACM;OACC,MAAK;OACL,SAAQ;OACR,UAAU,CAAC,WAAW;OACtB,eAAqB,aAAaN,WAAS,MAAM;iBAEhD,EAAE,kCAAkC;QAC9B;OACL;MAEJ;KACe,GACR;;GAEf;;AAIV,2CAAe"}

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.styles.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from '@thunderid/browser';
+/**
+ * Creates styles for the BaseOrganizationUnitSwitcher component.
+ *
+ * @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
+ */
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=BaseOrganizationUnitSwitcher.styles.d.ts.map

package/dist/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationUnitSwitcher.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/account/OrganizationUnitSwitcher/BaseOrganizationUnitSwitcher.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;;GAMG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CA4L3E,CAAC;AAEF,eAAe,SAAS,CAAC"}