@thunderid/react 0.2.0 → 0.3.3

package/dist/components/presentation/auth/InviteUser/BaseInviteUser.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInviteUser.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/InviteUser/BaseInviteUser.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC;;;;;GAKG;AACH,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,EAAE,aAAa,MAAM,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAuCxE,CAAC;AAEL,eAAe,SAAS,CAAC"}

package/dist/components/presentation/auth/InviteUser/{v2/BaseInviteUser.styles.js → BaseInviteUser.styles.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { css } from "@emotion/css";
 
-//#region src/components/presentation/auth/InviteUser/v2/BaseInviteUser.styles.ts
+//#region src/components/presentation/auth/InviteUser/BaseInviteUser.styles.ts
 /**
 * Creates styles for the BaseInviteUser component
 * @param theme - The theme object containing design tokens

package/dist/components/presentation/auth/InviteUser/BaseInviteUser.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInviteUser.styles.js","names":["card: string","header: string","title: string"],"sources":["../../../../../src/components/presentation/auth/InviteUser/BaseInviteUser.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 BaseInviteUser component\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 */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const card: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      gap: calc(${theme.vars.spacing.unit} * 2);\n      min-width: 420px;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const header: string = css`\n      gap: 0;\n      align-items: center;\n    `;\n\n    const title: string = css`\n      margin: 0 0 calc(${theme.vars.spacing.unit} * 1) 0;\n      color: ${theme.vars.colors.text.primary};\n    `;\n\n    const subtitle: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1);\n      color: ${theme.vars.colors.text.secondary};\n    `;\n\n    return {\n      card,\n      header,\n      subtitle,\n      title,\n    };\n  }, [\n    theme.vars.colors.background.surface,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.borderRadius.large,\n    theme.vars.spacing.unit,\n    theme.vars.typography.fontFamily,\n    colorScheme,\n  ]);\n\nexport default useStyles;\n"],"mappings":";;;;;;;;;;AA4BA,MAAM,aAAa,OAAc,gBAC/B,cAAc;CACZ,MAAMA,OAAe,GAAG;oBACR,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;kBACnC,MAAM,KAAK,QAAQ,KAAK;;qBAErB,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,SAAiB,GAAG;;;;CAK1B,MAAMC,QAAgB,GAAG;yBACJ,MAAM,KAAK,QAAQ,KAAK;eAClC,MAAM,KAAK,OAAO,KAAK,QAAQ;;AAQ1C,QAAO;EACL;EACA;EACA,UARuB,GAAG;4BACJ,MAAM,KAAK,QAAQ,KAAK;eACrC,MAAM,KAAK,OAAO,KAAK,UAAU;;EAO1C;EACD;GACA;CACD,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,WAAW;CACtB;CACD,CAAC;AAEJ,oCAAe"}

package/dist/components/presentation/auth/InviteUser/InviteUser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteUser.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/InviteUser/InviteUser.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAc,MAAM,OAAO,CAAC;AAE/D,OAAuB,EAAC,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,kBAAkB,CAAC;AAGnG;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,SAAS,CAAC;IAEvD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAE1D;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CACnC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA2FnC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/presentation/auth/InviteUser/{v2/InviteUser.js → InviteUser.js}

@@ -1,10 +1,10 @@
-import useThunderID_default from "../../../../../contexts/ThunderID/useThunderID.js";
+import useThunderID_default from "../../../../contexts/ThunderID/useThunderID.js";
 import BaseInviteUser_default from "./BaseInviteUser.js";
 import { EmbeddedFlowType, getOrganizationUnitChildren } from "@thunderid/browser";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/presentation/auth/InviteUser/v2/InviteUser.tsx
+//#region src/components/presentation/auth/InviteUser/InviteUser.tsx
 /**
 * InviteUser component for initiating invite user flow.
 *

package/dist/components/presentation/auth/InviteUser/InviteUser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InviteUser.js","names":["InviteUser: FC<InviteUserProps>","useThunderID","BaseInviteUser"],"sources":["../../../../../src/components/presentation/auth/InviteUser/InviteUser.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 {EmbeddedFlowType, getOrganizationUnitChildren, OrganizationUnitListResponse} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode, useCallback} from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport BaseInviteUser, {BaseInviteUserRenderProps, InviteUserFlowResponse} from './BaseInviteUser';\nimport useThunderID from '../../../../contexts/ThunderID/useThunderID';\n\n/**\n * Render props for InviteUser (re-exported for convenience).\n */\nexport type InviteUserRenderProps = BaseInviteUserRenderProps;\n\n/**\n * Props for the InviteUser component.\n */\nexport interface InviteUserProps {\n  /**\n   * Render props function for custom UI.\n   * If not provided, default UI will be rendered by the SDK.\n   */\n  children?: (props: InviteUserRenderProps) => ReactNode;\n\n  /**\n   * Custom CSS class name.\n   */\n  className?: string;\n\n  /**\n   * Callback when an error occurs.\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback when the flow state changes.\n   */\n  onFlowChange?: (response: InviteUserFlowResponse) => void;\n\n  /**\n   * Whether to show the subtitle.\n   */\n  showSubtitle?: boolean;\n\n  /**\n   * Whether to show the title.\n   */\n  showTitle?: boolean;\n\n  /**\n   * Size variant for the component.\n   */\n  size?: 'small' | 'medium' | 'large';\n\n  /**\n   * Theme variant for the component card.\n   */\n  variant?: 'outlined' | 'elevated';\n}\n\n/**\n * InviteUser component for initiating invite user flow.\n *\n * This component is designed for admin users in the thunder-develop app to:\n * 1. Select a user type (if multiple available)\n * 2. Enter user details (username, email)\n * 3. Generate an invite link for the end user\n *\n * The component uses the authenticated ThunderID SDK context to make API calls\n * with the admin's access token (requires 'system' scope).\n *\n * @example\n * ```tsx\n * import { InviteUser } from '@thunderid/react';\n *\n * const InviteUserPage = () => {\n *   const [inviteLink, setInviteLink] = useState<string>();\n *\n *   return (\n *     <InviteUser\n *       onInviteLinkGenerated={(link, executionId) => setInviteLink(link)}\n *       onError={(error) => console.error(error)}\n *     >\n *       {({ values, components, isLoading, handleInputChange, handleSubmit, inviteLink, isInviteGenerated }) => (\n *         <div>\n *           {isInviteGenerated ? (\n *             <div>\n *               <h2>Invite Link Generated!</h2>\n *               <p>{inviteLink}</p>\n *             </div>\n *           ) : (\n *             // Render form based on components\n *           )}\n *         </div>\n *       )}\n *     </InviteUser>\n *   );\n * };\n * ```\n */\nconst InviteUser: FC<InviteUserProps> = ({\n  onError,\n  onFlowChange,\n  className,\n  children,\n  size = 'medium',\n  variant = 'outlined',\n  showTitle = true,\n  showSubtitle = true,\n}: InviteUserProps): ReactElement => {\n  const {http, baseUrl, getAccessToken, isInitialized} = useThunderID();\n\n  /**\n   * Initialize the invite user flow.\n   * Makes an authenticated request to /flow/execute with flowType: USER_ONBOARDING.\n   */\n  const handleInitialize = async (payload: Record<string, any>): Promise<InviteUserFlowResponse> => {\n    const response: any = await http.request({\n      data: {\n        ...payload,\n        flowType: EmbeddedFlowType.UserOnboarding,\n        verbose: true,\n      },\n      headers: {\n        Accept: 'application/json',\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n      url: `${baseUrl}/flow/execute`,\n    } as any);\n\n    return response.data as InviteUserFlowResponse;\n  };\n\n  /**\n   * Submit flow step data.\n   * Makes an authenticated request to /flow/execute with the step data.\n   */\n  const handleSubmit = async (payload: Record<string, any>): Promise<InviteUserFlowResponse> => {\n    const response: any = await http.request({\n      data: {\n        ...payload,\n        verbose: true,\n      },\n      headers: {\n        Accept: 'application/json',\n        'Content-Type': 'application/json',\n      },\n      method: 'POST',\n      url: `${baseUrl}/flow/execute`,\n    } as any);\n\n    return response.data as InviteUserFlowResponse;\n  };\n\n  const fetchOrganizationUnitChildren: (\n    parentId: string,\n    limit: number,\n    offset: number,\n  ) => Promise<OrganizationUnitListResponse> = useCallback(\n    async (parentId: string, limit: number, offset: number): Promise<OrganizationUnitListResponse> => {\n      const accessToken: string = await getAccessToken();\n\n      return getOrganizationUnitChildren({\n        baseUrl,\n        headers: {Authorization: `Bearer ${accessToken}`},\n        limit,\n        offset,\n        organizationUnitId: parentId,\n      });\n    },\n    [baseUrl, getAccessToken],\n  );\n\n  return (\n    <BaseInviteUser\n      onInitialize={handleInitialize}\n      onSubmit={handleSubmit}\n      onError={onError}\n      onFlowChange={onFlowChange}\n      className={className}\n      fetchOrganizationUnitChildren={fetchOrganizationUnitChildren}\n      isInitialized={isInitialized}\n      size={size}\n      variant={variant}\n      showTitle={showTitle}\n      showSubtitle={showSubtitle}\n    >\n      {children}\n    </BaseInviteUser>\n  );\n};\n\nexport default InviteUser;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmHA,MAAMA,cAAmC,EACvC,SACA,cACA,WACA,UACA,OAAO,UACP,UAAU,YACV,YAAY,MACZ,eAAe,WACoB;CACnC,MAAM,EAAC,MAAM,SAAS,gBAAgB,kBAAiBC,sBAAc;;;;;CAMrE,MAAM,mBAAmB,OAAO,YAAkE;AAehG,UAdsB,MAAM,KAAK,QAAQ;GACvC,MAAM;IACJ,GAAG;IACH,UAAU,iBAAiB;IAC3B,SAAS;IACV;GACD,SAAS;IACP,QAAQ;IACR,gBAAgB;IACjB;GACD,QAAQ;GACR,KAAK,GAAG,QAAQ;GACjB,CAAQ,EAEO;;;;;;CAOlB,MAAM,eAAe,OAAO,YAAkE;AAc5F,UAbsB,MAAM,KAAK,QAAQ;GACvC,MAAM;IACJ,GAAG;IACH,SAAS;IACV;GACD,SAAS;IACP,QAAQ;IACR,gBAAgB;IACjB;GACD,QAAQ;GACR,KAAK,GAAG,QAAQ;GACjB,CAAQ,EAEO;;AAsBlB,QACE,oBAACC;EACC,cAAc;EACd,UAAU;EACD;EACK;EACH;EACX,+BAtByC,YAC3C,OAAO,UAAkB,OAAe,WAA0D;AAGhG,UAAO,4BAA4B;IACjC;IACA,SAAS,EAAC,eAAe,UAJC,MAAM,gBAAgB,IAIC;IACjD;IACA;IACA,oBAAoB;IACrB,CAAC;KAEJ,CAAC,SAAS,eAAe,CAC1B;EAUkB;EACT;EACG;EACE;EACG;EAEb;GACc;;AAIrB,yBAAe"}

package/dist/components/presentation/auth/InviteUser/index.d.ts

@@ -15,8 +15,8 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-export { default as InviteUser } from './v2/InviteUser';
-export type { InviteUserProps, InviteUserRenderProps } from './v2/InviteUser';
-export { default as BaseInviteUser } from './v2/BaseInviteUser';
-export type { BaseInviteUserProps, BaseInviteUserRenderProps, InviteUserFlowResponse } from './v2/BaseInviteUser';
+export { default as InviteUser } from './InviteUser';
+export type { InviteUserProps, InviteUserRenderProps } from './InviteUser';
+export { default as BaseInviteUser } from './BaseInviteUser';
+export type { BaseInviteUserProps, BaseInviteUserRenderProps, InviteUserFlowResponse } from './BaseInviteUser';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/presentation/auth/InviteUser/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/InviteUser/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,iBAAiB,CAAC;AACtD,YAAY,EAAC,eAAe,EAAE,qBAAqB,EAAC,MAAM,iBAAiB,CAAC;AAC5E,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAC9D,YAAY,EAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/InviteUser/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,MAAM,cAAc,CAAC;AACnD,YAAY,EAAC,eAAe,EAAE,qBAAqB,EAAC,MAAM,cAAc,CAAC;AACzE,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAC,mBAAmB,EAAE,yBAAyB,EAAE,sBAAsB,EAAC,MAAM,kBAAkB,CAAC"}

package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitPicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAmB,4BAA4B,EAAC,MAAM,oBAAoB,CAAC;AAClF,OAAO,KAAyC,MAAM,OAAO,CAAC;AAa9D,MAAM,WAAW,2BAA2B;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,4BAA4B,CAAC,CAAC;IAC1G,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,QAAA,MAAM,sBAAsB,GAAI,2EAO7B,2BAA2B,KAAG,KAAK,CAAC,YAiMtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/components/presentation/auth/OrganizationUnitPicker/{v2/OrganizationUnitPicker.js → OrganizationUnitPicker.js}

@@ -1,10 +1,10 @@
-import useTheme_default from "../../../../../contexts/Theme/useTheme.js";
+import useTheme_default from "../../../../contexts/Theme/useTheme.js";
 import OrganizationUnitPicker_styles_default from "./OrganizationUnitPicker.styles.js";
 import React, { useCallback, useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cx } from "@emotion/css";
 
-//#region src/components/presentation/auth/OrganizationUnitPicker/v2/OrganizationUnitPicker.tsx
+//#region src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.tsx
 const OrganizationUnitPicker = ({ rootOuId, selectedOuId, onSelect, fetchChildren, pageSize = 10, className }) => {
 	const { theme } = useTheme_default();
 	const styles = OrganizationUnitPicker_styles_default(theme);

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitPicker.js","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","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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"}

package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitPicker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,KAAK,EAAC,MAAM,oBAAoB,CAAC;AAGzC,QAAA,MAAM,SAAS,GAAI,OAAO,KAAK,KAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAgInD,CAAC;AAEL,eAAe,SAAS,CAAC"}

package/dist/components/presentation/auth/OrganizationUnitPicker/{v2/OrganizationUnitPicker.styles.js → OrganizationUnitPicker.styles.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { css } from "@emotion/css";
 
-//#region src/components/presentation/auth/OrganizationUnitPicker/v2/OrganizationUnitPicker.styles.ts
+//#region src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.ts
 const useStyles = (theme) => useMemo(() => {
 	const container = css`
       display: flex;

package/dist/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationUnitPicker.styles.js","names":["container: string","node: string","nodeSelected: string","toggleButton: string","togglePlaceholder: string","nodeName: string"],"sources":["../../../../../src/components/presentation/auth/OrganizationUnitPicker/OrganizationUnitPicker.styles.ts"],"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 {css} from '@emotion/css';\nimport {Theme} from '@thunderid/browser';\nimport {useMemo} from 'react';\n\nconst useStyles = (theme: Theme): Record<string, string> =>\n  useMemo(() => {\n    const container: string = css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n      max-height: 320px;\n      overflow-y: auto;\n      border: 1px solid ${theme.vars.colors.border};\n      border-radius: ${theme.vars.borderRadius.medium};\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const node: string = css`\n      display: flex;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);\n      cursor: pointer;\n      user-select: none;\n      transition: background-color 0.15s ease;\n\n      &:hover {\n        background-color: ${theme.vars.colors.action.hover};\n      }\n    `;\n\n    const nodeSelected: string = css`\n      background-color: ${theme.vars.colors.action.selected};\n\n      &:hover {\n        background-color: ${theme.vars.colors.action.selected};\n      }\n    `;\n\n    const toggleButton: string = css`\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: 20px;\n      height: 20px;\n      border: none;\n      background: none;\n      cursor: pointer;\n      padding: 0;\n      margin-right: calc(${theme.vars.spacing.unit} * 0.5);\n      color: ${theme.vars.colors.text.secondary};\n      font-size: 12px;\n      flex-shrink: 0;\n    `;\n\n    const togglePlaceholder: string = css`\n      width: 20px;\n      height: 20px;\n      margin-right: calc(${theme.vars.spacing.unit} * 0.5);\n      flex-shrink: 0;\n    `;\n\n    const nodeName: string = css`\n      font-size: 14px;\n      color: ${theme.vars.colors.text.primary};\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    `;\n\n    const loadMoreButton: string = css`\n      display: flex;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 0.75) calc(${theme.vars.spacing.unit} * 1.5);\n      border: none;\n      background: none;\n      cursor: pointer;\n      color: ${theme.vars.colors.primary.main};\n      font-size: 13px;\n      font-family: ${theme.vars.typography.fontFamily};\n\n      &:hover {\n        text-decoration: underline;\n      }\n    `;\n\n    const loadingPlaceholder: string = css`\n      display: flex;\n      align-items: center;\n      padding: calc(${theme.vars.spacing.unit} * 1) calc(${theme.vars.spacing.unit} * 1.5);\n      gap: calc(${theme.vars.spacing.unit} * 1);\n    `;\n\n    const skeleton: string = css`\n      height: 14px;\n      border-radius: ${theme.vars.borderRadius.small};\n      background-color: ${theme.vars.colors.background.disabled};\n      animation: pulse 1.5s ease-in-out infinite;\n\n      @keyframes pulse {\n        0%,\n        100% {\n          opacity: 1;\n        }\n        50% {\n          opacity: 0.4;\n        }\n      }\n    `;\n\n    return {\n      container,\n      loadMoreButton,\n      loadingPlaceholder,\n      node,\n      nodeName,\n      nodeSelected,\n      skeleton,\n      toggleButton,\n      togglePlaceholder,\n    };\n  }, [\n    theme.vars.colors.action.hover,\n    theme.vars.colors.action.selected,\n    theme.vars.colors.background.disabled,\n    theme.vars.colors.border,\n    theme.vars.colors.primary.main,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.text.secondary,\n    theme.vars.borderRadius.medium,\n    theme.vars.borderRadius.small,\n    theme.vars.spacing.unit,\n    theme.vars.typography.fontFamily,\n  ]);\n\nexport default useStyles;\n"],"mappings":";;;;AAsBA,MAAM,aAAa,UACjB,cAAc;CACZ,MAAMA,YAAoB,GAAG;;;;;;0BAMP,MAAM,KAAK,OAAO,OAAO;uBAC5B,MAAM,KAAK,aAAa,OAAO;qBACjC,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,OAAe,GAAG;;;sBAGN,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;;;;;;4BAMvD,MAAM,KAAK,OAAO,OAAO,MAAM;;;CAIvD,MAAMC,eAAuB,GAAG;0BACV,MAAM,KAAK,OAAO,OAAO,SAAS;;;4BAGhC,MAAM,KAAK,OAAO,OAAO,SAAS;;;CAI1D,MAAMC,eAAuB,GAAG;;;;;;;;;;2BAUT,MAAM,KAAK,QAAQ,KAAK;eACpC,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK5C,MAAMC,oBAA4B,GAAG;;;2BAGd,MAAM,KAAK,QAAQ,KAAK;;;CAI/C,MAAMC,WAAmB,GAAG;;eAEjB,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;;AA8C1C,QAAO;EACL;EACA,gBA1C6B,GAAG;;;sBAGhB,MAAM,KAAK,QAAQ,KAAK,gBAAgB,MAAM,KAAK,QAAQ,KAAK;;;;eAIvE,MAAM,KAAK,OAAO,QAAQ,KAAK;;qBAEzB,MAAM,KAAK,WAAW,WAAW;;;;;;EAkChD,oBA3BiC,GAAG;;;sBAGpB,MAAM,KAAK,QAAQ,KAAK,aAAa,MAAM,KAAK,QAAQ,KAAK;kBACjE,MAAM,KAAK,QAAQ,KAAK;;EAwBpC;EACA;EACA;EACA,UAxBuB,GAAG;;uBAET,MAAM,KAAK,aAAa,MAAM;0BAC3B,MAAM,KAAK,OAAO,WAAW,SAAS;;;;;;;;;;;;;EAsB1D;EACA;EACD;GACA;CACD,MAAM,KAAK,OAAO,OAAO;CACzB,MAAM,KAAK,OAAO,OAAO;CACzB,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,OAAO,QAAQ;CAC1B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,WAAW;CACvB,CAAC;AAEJ,4CAAe"}

package/dist/components/presentation/auth/OrganizationUnitPicker/index.d.ts

@@ -15,6 +15,6 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-export { default as OrganizationUnitPicker } from './v2/OrganizationUnitPicker';
-export type { OrganizationUnitPickerProps } from './v2/OrganizationUnitPicker';
+export { default as OrganizationUnitPicker } from './OrganizationUnitPicker';
+export type { OrganizationUnitPickerProps } from './OrganizationUnitPicker';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/presentation/auth/OrganizationUnitPicker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/OrganizationUnitPicker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,6BAA6B,CAAC;AAC9E,YAAY,EAAC,2BAA2B,EAAC,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/OrganizationUnitPicker/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,IAAI,sBAAsB,EAAC,MAAM,0BAA0B,CAAC;AAC3E,YAAY,EAAC,2BAA2B,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/components/presentation/auth/Recovery/BaseRecovery.d.ts

@@ -15,10 +15,69 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { FC } from 'react';
-import { BaseRecoveryProps as BaseRecoveryV1Props } from './v1/BaseRecovery';
-import { BaseRecoveryProps as BaseRecoveryV2Props } from './v2/BaseRecovery';
-export type BaseRecoveryProps = BaseRecoveryV1Props | BaseRecoveryV2Props;
+import { EmbeddedRecoveryFlowRequest, EmbeddedRecoveryFlowResponse, Preferences, FlowMetadataResponse } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { CardProps } from '../../../primitives/Card/Card';
+/**
+ * Render props for custom UI rendering.
+ */
+export interface BaseRecoveryRenderProps {
+    components: any[];
+    error?: Error | null;
+    fieldErrors: Record<string, string>;
+    handleInputChange: (name: string, value: string) => void;
+    handleSubmit: (component: any, data?: Record<string, any>) => Promise<void>;
+    isLoading: boolean;
+    isValid: boolean;
+    messages: {
+        message: string;
+        type: string;
+    }[];
+    meta: FlowMetadataResponse | null;
+    subtitle: string;
+    title: string;
+    touched: Record<string, boolean>;
+    validateForm: () => {
+        fieldErrors: Record<string, string>;
+        isValid: boolean;
+    };
+    values: Record<string, string>;
+}
+/**
+ * Props for the BaseRecovery component.
+ */
+export interface BaseRecoveryProps {
+    afterRecoveryUrl?: string;
+    buttonClassName?: string;
+    /**
+     * Render props function for custom UI or static content
+     */
+    children?: ((props: BaseRecoveryRenderProps) => ReactNode) | ReactNode;
+    className?: string;
+    error?: Error | null;
+    errorClassName?: string;
+    inputClassName?: string;
+    isInitialized?: boolean;
+    messageClassName?: string;
+    onComplete?: (response: EmbeddedRecoveryFlowResponse) => void;
+    onError?: (error: Error) => void;
+    onFlowChange?: (response: EmbeddedRecoveryFlowResponse) => void;
+    onInitialize?: (payload?: EmbeddedRecoveryFlowRequest) => Promise<EmbeddedRecoveryFlowResponse>;
+    onSubmit?: (payload: EmbeddedRecoveryFlowRequest) => Promise<EmbeddedRecoveryFlowResponse>;
+    /**
+     * Component-level preferences to override global i18n and theme settings.
+     */
+    preferences?: Preferences;
+    showLogo?: boolean;
+    showSubtitle?: boolean;
+    showTitle?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    variant?: CardProps['variant'];
+}
+/**
+ * BaseRecovery component for ThunderIDV2 that provides an embedded account/password recovery flow.
+ * Accepts API functions as props to maintain framework independence.
+ */
 declare const BaseRecovery: FC<BaseRecoveryProps>;
 export default BaseRecovery;
 //# sourceMappingURL=BaseRecovery.d.ts.map

package/dist/components/presentation/auth/Recovery/BaseRecovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseRecovery.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/Recovery/BaseRecovery.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,EAAE,EAAC,MAAM,OAAO,CAAC;AACzB,OAAuB,EAAC,iBAAiB,IAAI,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAC3F,OAAuB,EAAC,iBAAiB,IAAI,mBAAmB,EAAC,MAAM,mBAAmB,CAAC;AAG3F,MAAM,MAAM,iBAAiB,GAAG,mBAAmB,GAAG,mBAAmB,CAAC;AAE1E,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAQvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"BaseRecovery.d.ts","sourceRoot":"","sources":["../../../../../src/components/presentation/auth/Recovery/BaseRecovery.tsx"],"names":[],"mappings":"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"}