@thunderid/react 0.0.1

package/dist/components/presentation/CreateOrganization/CreateOrganization.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { CreateOrganizationPayload } from '@thunderid/browser';
+import { FC, ReactElement } from 'react';
+import { BaseCreateOrganizationProps } from './BaseCreateOrganization';
+/**
+ * Props interface for the CreateOrganization component.
+ */
+export interface CreateOrganizationProps extends Omit<BaseCreateOrganizationProps, 'onSubmit' | 'loading' | 'error'> {
+    /**
+     * Fallback element to render when the user is not signed in.
+     */
+    fallback?: ReactElement;
+    /**
+     * Custom organization creation handler (will use default API if not provided).
+     */
+    onCreateOrganization?: (payload: CreateOrganizationPayload) => Promise<any>;
+}
+/**
+ * CreateOrganization component that provides organization creation functionality.
+ * This component automatically integrates with the ThunderID and Organization contexts.
+ *
+ * @example
+ * ```tsx
+ * import { CreateOrganization } from '@thunderid/react';
+ *
+ * // Basic usage - uses default API and contexts
+ * <CreateOrganization
+ *   onSuccess={(org) => console.log('Created:', org)}
+ *   onCancel={() => navigate('/organizations')}
+ * />
+ *
+ * // With custom organization creation handler
+ * <CreateOrganization
+ *   onCreateOrganization={async (payload) => {
+ *     const result = await myCustomAPI.createOrganization(payload);
+ *     return result;
+ *   }}
+ *   onSuccess={(org) => {
+ *     console.log('Organization created:', org.name);
+ *     // Custom success logic here
+ *   }}
+ * />
+ *
+ * // With fallback for unauthenticated users
+ * <CreateOrganization
+ *   fallback={<div>Please sign in to create an organization</div>}
+ * />
+ * ```
+ */
+export declare const CreateOrganization: FC<CreateOrganizationProps>;
+export default CreateOrganization;
+//# sourceMappingURL=CreateOrganization.d.ts.map

package/dist/components/presentation/CreateOrganization/CreateOrganization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateOrganization.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/CreateOrganization/CreateOrganization.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,yBAAyB,EAAC,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAC,EAAE,EAAE,YAAY,EAAW,MAAM,OAAO,CAAC;AACjD,OAAO,EAAyB,2BAA2B,EAAC,MAAM,0BAA0B,CAAC;AAK7F;;GAEG;AACH,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CAAC,2BAA2B,EAAE,UAAU,GAAG,SAAS,GAAG,OAAO,CAAC;IAClH;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,yBAAyB,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAyE1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.d.ts

@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC, ReactNode } from 'react';
+/**
+ * A resolved language option with display name and emoji flag.
+ */
+export interface LanguageOption {
+    /** BCP 47 language tag (e.g. "en", "fr", "en-US") */
+    code: string;
+    /** Human-readable display name resolved via Intl.DisplayNames */
+    displayName: string;
+    /** Flag emoji or globe emoji for the language */
+    emoji: string;
+}
+/**
+ * Render props exposed to consumers when using the render-prop pattern.
+ */
+export interface LanguageSwitcherRenderProps {
+    /** The currently active language code */
+    currentLanguage: string;
+    /** Whether a language switch is in progress */
+    isLoading: boolean;
+    /** Resolved language options */
+    languages: LanguageOption[];
+    /** Call this to switch to a different language */
+    onLanguageChange: (language: string) => void;
+}
+export interface BaseLanguageSwitcherProps {
+    /**
+     * Render-props callback. When provided, the default dropdown UI is replaced with
+     * whatever JSX the callback returns.
+     *
+     * @example
+     * ```tsx
+     * <BaseLanguageSwitcher {...props}>
+     *   {({languages, currentLanguage, onLanguageChange}) => (
+     *     <select value={currentLanguage} onChange={e => onLanguageChange(e.target.value)}>
+     *       {languages.map(l => <option key={l.code} value={l.code}>{l.emoji} {l.displayName}</option>)}
+     *     </select>
+     *   )}
+     * </BaseLanguageSwitcher>
+     * ```
+     */
+    children?: (props: LanguageSwitcherRenderProps) => ReactNode;
+    /** Additional CSS class applied to the root element (default UI only) */
+    className?: string;
+    /** The currently active language code */
+    currentLanguage: string;
+    /** Whether a language switch is in progress */
+    isLoading?: boolean;
+    /** Resolved language options to display */
+    languages: LanguageOption[];
+    /** Called when the user selects a language */
+    onLanguageChange: (language: string) => void;
+}
+/**
+ * Pure-UI language switcher dropdown.
+ * Accepts resolved `LanguageOption[]` (code + displayName + emoji) and delegates
+ * language switching to the `onLanguageChange` callback.
+ *
+ * Supports render props for full UI customisation.
+ */
+declare const BaseLanguageSwitcher: FC<BaseLanguageSwitcherProps>;
+export default BaseLanguageSwitcher;
+//# sourceMappingURL=BaseLanguageSwitcher.d.ts.map

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseLanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAgBH,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAsB,MAAM,OAAO,CAAC;AAMvE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,yCAAyC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,kDAAkD;IAClD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,yBAAyB;IACxC;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,eAAe,EAAE,MAAM,CAAC;IACxB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,8CAA8C;IAC9C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;GAMG;AACH,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAmGvD,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=BaseLanguageSwitcher.styles.d.ts.map

package/dist/components/presentation/LanguageSwitcher/BaseLanguageSwitcher.styles.d.ts.map

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

package/dist/components/presentation/LanguageSwitcher/LanguageSwitcher.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) 2026, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { FC, ReactNode } from 'react';
+import { LanguageOption, LanguageSwitcherRenderProps } from './BaseLanguageSwitcher';
+export type { LanguageOption, LanguageSwitcherRenderProps };
+export interface LanguageSwitcherProps {
+    /**
+     * Render-props callback for fully custom UI.
+     *
+     * @example
+     * ```tsx
+     * <LanguageSwitcher>
+     *   {({languages, currentLanguage, onLanguageChange, isLoading}) => (
+     *     <select
+     *       value={currentLanguage}
+     *       disabled={isLoading}
+     *       onChange={e => onLanguageChange(e.target.value)}
+     *     >
+     *       {languages.map(l => (
+     *         <option key={l.code} value={l.code}>{l.emoji} {l.displayName}</option>
+     *       ))}
+     *     </select>
+     *   )}
+     * </LanguageSwitcher>
+     * ```
+     */
+    children?: (props: LanguageSwitcherRenderProps) => ReactNode;
+    /** Additional CSS class for the root element (default UI only) */
+    className?: string;
+}
+/**
+ * A v2 LanguageSwitcher component that reads available languages from `FlowMetaContext`
+ * and switches both the UI language (via `I18nContext`) and the flow metadata translations
+ * (by re-fetching `GET /flow/meta` with the new language).
+ *
+ * Must be rendered inside a `FlowMetaProvider`.
+ *
+ * @example
+ * ```tsx
+ * // Default dropdown UI
+ * <LanguageSwitcher />
+ *
+ * // Custom UI with render props
+ * <LanguageSwitcher>
+ *   {({languages, currentLanguage, onLanguageChange}) => (
+ *     <div>
+ *       {languages.map(lang => (
+ *         <button
+ *           key={lang.code}
+ *           onClick={() => onLanguageChange(lang.code)}
+ *           style={{fontWeight: lang.code === currentLanguage ? 'bold' : 'normal'}}
+ *         >
+ *           {lang.emoji} {lang.displayName}
+ *         </button>
+ *       ))}
+ *     </div>
+ *   )}
+ * </LanguageSwitcher>
+ * ```
+ */
+declare const LanguageSwitcher: FC<LanguageSwitcherProps>;
+export default LanguageSwitcher;
+//# sourceMappingURL=LanguageSwitcher.d.ts.map

package/dist/components/presentation/LanguageSwitcher/LanguageSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/LanguageSwitcher/LanguageSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAqB,MAAM,OAAO,CAAC;AACtE,OAA6B,EAAC,cAAc,EAAE,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAIzG,YAAY,EAAC,cAAc,EAAE,2BAA2B,EAAC,CAAC;AAE1D,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,SAAS,CAAC;IAC7D,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgD/C,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/presentation/Organization/BaseOrganization.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Organization as IOrganization } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+/**
+ * Props for the BaseOrganization component.
+ */
+export interface BaseOrganizationProps {
+    /**
+     * Render prop that takes the organization object and returns a ReactNode.
+     * @param organization - The organization object from ThunderID.
+     * @returns A ReactNode to render.
+     */
+    children: (organization: IOrganization | null) => ReactNode;
+    /**
+     * Optional element to render when no organization is provided.
+     */
+    fallback?: ReactNode;
+    /**
+     * The organization object to display. If not provided, the component will render the fallback.
+     */
+    organization: IOrganization | null;
+}
+/**
+ * Base Organization component that provides the core functionality for displaying organization information.
+ * This component takes an organization object as a prop and uses render props to expose it.
+ *
+ * @remarks This is the base component that can be used in any context where you have
+ * an organization object available. For React applications, use the Organization component which
+ * automatically retrieves the current organization from Organization context.
+ *
+ * @example
+ * ```tsx
+ * import { BaseOrganization } from '@thunderid/auth-react';
+ *
+ * const MyComponent = ({ organization }) => {
+ *   return (
+ *     <BaseOrganization organization={organization} fallback={<p>No organization data</p>}>
+ *       {(org) => (
+ *         <div>
+ *           <h1>Organization: {org.name}</h1>
+ *           <p>ID: {org.id}</p>
+ *         </div>
+ *       )}
+ *     </BaseOrganization>
+ *   );
+ * }
+ * ```
+ */
+declare const BaseOrganization: FC<BaseOrganizationProps>;
+export default BaseOrganization;
+//# sourceMappingURL=BaseOrganization.d.ts.map

package/dist/components/presentation/Organization/BaseOrganization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganization.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/Organization/BaseOrganization.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,YAAY,IAAI,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAElD;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,YAAY,EAAE,aAAa,GAAG,IAAI,CAAC;CACpC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAU/C,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/dist/components/presentation/Organization/Organization.d.ts

@@ -0,0 +1,67 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Organization as IOrganization } from '@thunderid/browser';
+import { FC, ReactNode } from 'react';
+import { BaseOrganizationProps } from './BaseOrganization';
+/**
+ * Props for the Organization component.
+ * Extends BaseOrganizationProps but makes the organization prop optional since it will be obtained from useOrganization
+ */
+export interface OrganizationProps extends Omit<BaseOrganizationProps, 'organization'> {
+    /**
+     * Render prop that takes the organization object and returns a ReactNode.
+     * @param organization - The current organization object from Organization context.
+     * @returns A ReactNode to render.
+     */
+    children: (organization: IOrganization | null) => ReactNode;
+    /**
+     * Optional element to render when no organization is selected.
+     */
+    fallback?: ReactNode;
+}
+/**
+ * A component that uses render props to expose the current organization object.
+ * This component automatically retrieves the current organization from Organization context.
+ *
+ * @remarks This component is only supported in browser based React applications (CSR).
+ *
+ * @example
+ * ```tsx
+ * import { Organization } from '@thunderid/auth-react';
+ *
+ * const App = () => {
+ *   return (
+ *     <Organization fallback={<p>No organization selected</p>}>
+ *       {(organization) => (
+ *         <div>
+ *           <h1>Current Organization: {organization.name}!</h1>
+ *           <p>ID: {organization.id}</p>
+ *           <p>Role: {organization.role}</p>
+ *           {organization.memberCount && (
+ *             <p>Members: {organization.memberCount}</p>
+ *           )}
+ *         </div>
+ *       )}
+ *     </Organization>
+ *   );
+ * }
+ * ```
+ */
+declare const Organization: FC<OrganizationProps>;
+export default Organization;
+//# sourceMappingURL=Organization.d.ts.map

package/dist/components/presentation/Organization/Organization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Organization.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/Organization/Organization.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,YAAY,IAAI,aAAa,EAAC,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAC,EAAE,EAAgB,SAAS,EAAC,MAAM,OAAO,CAAC;AAClD,OAAyB,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAG3E;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,qBAAqB,EAAE,cAAc,CAAC;IACpF;;;;OAIG;IACH,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,GAAG,IAAI,KAAK,SAAS,CAAC;IAE5D;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAQvC,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/components/presentation/OrganizationList/BaseOrganizationList.d.ts

@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { AllOrganizationsApiResponse, Organization, Preferences } from '@thunderid/browser';
+import { CSSProperties, FC, ReactNode } from 'react';
+export interface OrganizationWithSwitchAccess extends Organization {
+    canSwitch: boolean;
+}
+/**
+ * Props interface for the BaseOrganizationList component.
+ */
+export interface BaseOrganizationListProps {
+    /**
+     * List of organizations discoverable to the signed-in user.
+     */
+    allOrganizations: AllOrganizationsApiResponse;
+    /**
+     * Additional CSS class names to apply to the container
+     */
+    className?: string;
+    /**
+     * Error message to display
+     */
+    error?: string | null;
+    /**
+     * Function called when "Load More" is clicked
+     */
+    fetchMore?: () => Promise<void>;
+    /**
+     * Whether there are more organizations to load
+     */
+    hasMore?: boolean;
+    /**
+     * Whether the initial data is loading
+     */
+    isLoading?: boolean;
+    /**
+     * Whether more data is being loaded
+     */
+    isLoadingMore?: boolean;
+    /**
+     * Display mode: 'inline' for normal display, 'popup' for modal dialog
+     */
+    mode?: 'inline' | 'popup';
+    /**
+     * List of organizations associated to the signed-in user.
+     */
+    myOrganizations: Organization[];
+    /**
+     * Function called when popup open state changes (only used in popup mode)
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Function called when an organization is selected/clicked
+     */
+    onOrganizationSelect?: (organization: OrganizationWithSwitchAccess) => void;
+    /**
+     * Function called when refresh is requested
+     */
+    onRefresh?: () => Promise<void>;
+    /**
+     * Whether the popup is open (only used in popup mode)
+     */
+    open?: boolean;
+    /**
+     * Component-level preferences to override global i18n and theme settings.
+     * Preferences are deep-merged with global ones, with component preferences
+     * taking precedence. Affects this component and all its descendants.
+     */
+    preferences?: Preferences;
+    /**
+     * Custom renderer for when no organizations are found
+     */
+    renderEmpty?: () => ReactNode;
+    /**
+     * Custom renderer for the error state
+     */
+    renderError?: (error: string) => ReactNode;
+    /**
+     * Custom renderer for the load more button
+     */
+    renderLoadMore?: (onLoadMore: () => Promise<void>, isLoading: boolean) => ReactNode;
+    /**
+     * Custom renderer for the loading state
+     */
+    renderLoading?: () => ReactNode;
+    /**
+     * Custom renderer for each organization item
+     */
+    renderOrganization?: (organization: OrganizationWithSwitchAccess, index: number) => ReactNode;
+    /**
+     * Whether to show the organization status in the list
+     */
+    showStatus?: boolean;
+    /**
+     * Inline styles to apply to the container
+     */
+    style?: CSSProperties;
+    /**
+     * Title for the popup dialog (only used in popup mode)
+     */
+    title?: string;
+}
+/**
+ * BaseOrganizationList component displays a list of organizations with pagination support.
+ * This component serves as the base for framework-specific implementations.
+ *
+ * @example
+ * ```tsx
+ * <BaseOrganizationList
+ *   data={organizations}
+ *   isLoading={isLoading}
+ *   hasMore={hasMore}
+ *   fetchMore={fetchMore}
+ *   error={error}
+ * />
+ * ```
+ */
+export declare const BaseOrganizationList: FC<BaseOrganizationListProps>;
+export default BaseOrganizationList;
+//# sourceMappingURL=BaseOrganizationList.d.ts.map

package/dist/components/presentation/OrganizationList/BaseOrganizationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationList.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationList/BaseOrganizationList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,2BAA2B,EAAE,YAAY,EAAE,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC1F,OAAO,EAAC,aAAa,EAAE,EAAE,EAA4B,SAAS,EAAU,MAAM,OAAO,CAAC;AAUtF,MAAM,WAAW,4BAA6B,SAAQ,YAAY;IAChE,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,gBAAgB,EAAE,2BAA2B,CAAC;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC1B;;OAEG;IACH,eAAe,EAAE,YAAY,EAAE,CAAC;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,4BAA4B,KAAK,IAAI,CAAC;IAC5E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,SAAS,CAAC;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC3C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,OAAO,KAAK,SAAS,CAAC;IACpF;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAChC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,4BAA4B,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAC9F;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgHD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA6K9D,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) 2025, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { Theme } from '@thunderid/browser';
+/**
+ * Creates styles for the BaseOrganizationList component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=BaseOrganizationList.styles.d.ts.map

package/dist/components/presentation/OrganizationList/BaseOrganizationList.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationList/BaseOrganizationList.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,CA0PxE,CAAC;AAEL,eAAe,SAAS,CAAC"}