@thunderid/react 0.0.1

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

@@ -0,0 +1,93 @@
+/**
+ * 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 { FC } from 'react';
+import { BaseOrganizationListProps, OrganizationWithSwitchAccess } from './BaseOrganizationList';
+/**
+ * Configuration options for the OrganizationList component.
+ */
+export interface OrganizationListConfig {
+    /**
+     * Whether to automatically fetch organizations on mount
+     */
+    autoFetch?: boolean;
+    /**
+     * Filter string for organizations
+     */
+    filter?: string;
+    /**
+     * Number of organizations to fetch per page
+     */
+    limit?: number;
+    /**
+     * Whether to include recursive organizations
+     */
+    recursive?: boolean;
+}
+/**
+ * Props interface for the OrganizationList component.
+ * Uses the enhanced OrganizationContext instead of the useOrganizations hook.
+ */
+export interface OrganizationListProps extends Omit<BaseOrganizationListProps, 'myOrganizations' | 'allOrganizations' | 'error' | 'fetchMore' | 'hasMore' | 'isLoading' | 'isLoadingMore'>, OrganizationListConfig {
+    /**
+     * Function called when an organization is selected/clicked
+     */
+    onOrganizationSelect?: (organization: OrganizationWithSwitchAccess) => void;
+}
+/**
+ * OrganizationList component that provides organization listing functionality with pagination.
+ * This component uses the enhanced OrganizationContext, eliminating the polling issue and
+ * providing better integration with the existing context system.
+ *
+ * @example
+ * ```tsx
+ * import { OrganizationList } from '@thunderid/react';
+ *
+ * // Basic usage
+ * <OrganizationList />
+ *
+ * // With custom limit and filter
+ * <OrganizationList
+ *   limit={20}
+ *   filter="active"
+ *   onOrganizationSelect={(org) => {
+ *     console.log('Selected organization:', org.name);
+ *   }}
+ * />
+ *
+ * // As a popup dialog
+ * <OrganizationList
+ *   mode="popup"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   title="Select Organization"
+ * />
+ *
+ * // With custom organization renderer
+ * <OrganizationList
+ *   renderOrganization={(org) => (
+ *     <div key={org.id}>
+ *       <h3>{org.name}</h3>
+ *       <p>Can switch: {org.canSwitch ? 'Yes' : 'No'}</p>
+ *     </div>
+ *   )}
+ * />
+ * ```
+ */
+export declare const OrganizationList: FC<OrganizationListProps>;
+export default OrganizationList;
+//# sourceMappingURL=OrganizationList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationList.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationList/OrganizationList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,EAAC,EAAE,EAAoC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAEL,yBAAyB,EACzB,4BAA4B,EAC7B,MAAM,wBAAwB,CAAC;AAKhC;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,IAAI,CACR,yBAAyB,EACzB,iBAAiB,GAAG,kBAAkB,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,eAAe,CAC3G,EACD,sBAAsB;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,CAAC,YAAY,EAAE,4BAA4B,KAAK,IAAI,CAAC;CAC7E;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAgCtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/presentation/OrganizationList/OrganizationList.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 OrganizationList 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=OrganizationList.styles.d.ts.map

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

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

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.d.ts

@@ -0,0 +1,160 @@
+/**
+ * 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 { OrganizationDetails, Preferences } from '@thunderid/browser';
+import { FC, ReactElement, ReactNode } from 'react';
+export interface BaseOrganizationProfileProps {
+    /**
+     * Callback fired when the cancel button is clicked (only used in editable mode).
+     */
+    cancelButtonText?: string;
+    /**
+     * Whether to display the profile in a card layout.
+     */
+    cardLayout?: boolean;
+    /**
+     * CSS class name for styling the component.
+     */
+    className?: string;
+    /**
+     * Whether the organization profile is editable.
+     */
+    editable?: boolean;
+    /**
+     * Component to render when no organization data is available.
+     */
+    fallback?: ReactElement;
+    /**
+     * Array of field configurations to display. Each field specifies what organization data to show.
+     */
+    fields?: {
+        editable?: boolean;
+        key: keyof OrganizationDetails | 'attributes';
+        label: string;
+        render?: (value: any, organization: OrganizationDetails) => ReactNode;
+    }[];
+    /**
+     * Display mode for the component.
+     */
+    mode?: 'inline' | 'popup';
+    /**
+     * Callback fired when a field value changes.
+     */
+    onChange?: (field: string, value: any) => void;
+    /**
+     * Callback fired when the popup should be closed (only used in popup mode).
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback fired when the form is submitted (only used in editable mode).
+     */
+    onSubmit?: (data: any) => void;
+    /**
+     * Callback fired when the organization should be updated.
+     */
+    onUpdate?: (payload: any) => Promise<void>;
+    /**
+     * Whether the popup is open (only used in popup mode).
+     */
+    open?: boolean;
+    /**
+     * The organization details to display.
+     */
+    organization?: OrganizationDetails | null;
+    /**
+     * 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;
+    /**
+     * Text for the save button (only used in editable mode).
+     */
+    saveButtonText?: string;
+    /**
+     * Custom title for the profile.
+     */
+    title?: string;
+}
+/**
+ * BaseOrganizationProfile component displays organization information in a
+ * structured and styled format. It shows organization details such as name,
+ * description, status, and other available information with support for inline editing.
+ *
+ * This is the base component that can be used in any context where you have
+ * an organization object available. It provides editing capabilities similar to
+ * the UserProfile component, allowing users to modify organization fields directly.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <BaseOrganizationProfile organization={organizationData} />
+ *
+ * // With editing enabled and update handler
+ * <BaseOrganizationProfile
+ *   organization={organizationData}
+ *   editable={true}
+ *   onUpdate={async (payload) => {
+ *     await updateOrganizationAPI(orgId, payload);
+ *   }}
+ * />
+ *
+ * // With card layout and custom title
+ * <BaseOrganizationProfile
+ *   organization={organizationData}
+ *   cardLayout={true}
+ *   title="Organization Details"
+ *   fallback={<div>No organization data available</div>}
+ * />
+ *
+ * // With custom fields configuration
+ * <BaseOrganizationProfile
+ *   organization={organizationData}
+ *   fields={[
+ *     { key: 'id', label: 'Organization ID', editable: false },
+ *     { key: 'name', label: 'Organization Name', editable: true },
+ *     { key: 'description', label: 'Description', editable: true, render: (value) => value || 'No description' },
+ *     { key: 'created', label: 'Created Date', editable: false, render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'attributes', label: 'Custom Attributes', editable: true }
+ *   ]}
+ *   onUpdate={handleUpdate}
+ * />
+ *
+ * // In popup mode
+ * <BaseOrganizationProfile
+ *   organization={organizationData}
+ *   mode="popup"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   title="Edit Organization"
+ * />
+ * ```
+ * <BaseOrganizationProfile
+ *   organization={organizationData}
+ *   fields={[
+ *     { key: 'id', label: 'Organization ID' },
+ *     { key: 'name', label: 'Organization Name' },
+ *     { key: 'description', label: 'Description', render: (value) => value || 'No description' },
+ *     { key: 'created', label: 'Created Date', render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'attributes', label: 'Custom Attributes' }
+ *   ]}
+ * />
+ * ```
+ */
+declare const BaseOrganizationProfile: FC<BaseOrganizationProfileProps>;
+export default BaseOrganizationProfile;
+//# sourceMappingURL=BaseOrganizationProfile.d.ts.map

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationProfile.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationProfile/BaseOrganizationProfile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,mBAAmB,EAAc,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAChF,OAAO,EAAC,EAAE,EAAE,YAAY,EAAE,SAAS,EAAwB,MAAM,OAAO,CAAC;AAUzE,MAAM,WAAW,4BAA4B;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IAExB;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,GAAG,EAAE,MAAM,mBAAmB,GAAG,YAAY,CAAC;QAC9C,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,YAAY,EAAE,mBAAmB,KAAK,SAAS,CAAC;KACvE,EAAE,CAAC;IAEJ;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAE/C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAE1C;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAE1B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEG;AACH,QAAA,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CAkW7D,CAAC;AAEF,eAAe,uBAAuB,CAAC"}

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.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 BaseOrganizationProfile 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=BaseOrganizationProfile.styles.d.ts.map

package/dist/components/presentation/OrganizationProfile/BaseOrganizationProfile.styles.d.ts.map

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

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

@@ -0,0 +1,120 @@
+/**
+ * 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 { FC, ReactElement } from 'react';
+import { BaseOrganizationProfileProps } from './BaseOrganizationProfile';
+/**
+ * Props for the OrganizationProfile component.
+ * Extends BaseOrganizationProfileProps but makes the organization prop optional
+ * since it will be fetched using the organizationId
+ */
+export type OrganizationProfileProps = Omit<BaseOrganizationProfileProps, 'organization' | 'mode'> & {
+    /**
+     * Component to show when there's an error loading organization data.
+     */
+    errorFallback?: ReactElement;
+    /**
+     * Component to show while loading organization data.
+     */
+    loadingFallback?: ReactElement;
+    /**
+     * Display mode for the component.
+     */
+    mode?: 'default' | 'popup';
+    /**
+     * Callback fired when the popup should be closed (only used in popup mode).
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback fired when the organization should be updated.
+     */
+    onUpdate?: (payload: any) => Promise<void>;
+    /**
+     * Whether the popup is open (only used in popup mode).
+     */
+    open?: boolean;
+    /**
+     * The ID of the organization to fetch and display.
+     */
+    organizationId: string;
+    /**
+     * Custom title for the popup dialog (only used in popup mode).
+     */
+    popupTitle?: string;
+};
+/**
+ * OrganizationProfile component displays organization information in a
+ * structured and styled format. It automatically fetches organization details
+ * using the provided organization ID and displays them using BaseOrganizationProfile.
+ *
+ * The component supports editing functionality, allowing users to modify organization
+ * fields inline. Updates are automatically synced with the backend via the SCIM2 API.
+ *
+ * This component is the React-specific implementation that automatically
+ * retrieves the organization data from ThunderID API.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage with editing enabled (default)
+ * <OrganizationProfile organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1" />
+ *
+ * // Read-only mode
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   editable={false}
+ * />
+ *
+ * // With card layout and custom fallbacks
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   cardLayout={true}
+ *   loadingFallback={<div>Loading organization...</div>}
+ *   errorFallback={<div>Failed to load organization</div>}
+ *   fallback={<div>No organization data available</div>}
+ * />
+ *
+ * // With custom fields configuration and update callback
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   fields={[
+ *     { key: 'id', label: 'Organization ID', editable: false },
+ *     { key: 'name', label: 'Organization Name', editable: true },
+ *     { key: 'description', label: 'Description', editable: true, render: (value) => value || 'No description' },
+ *     { key: 'created', label: 'Created Date', editable: false, render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'lastModified', label: 'Last Modified Date', editable: false, render: (value) => new Date(value).toLocaleDateString() },
+ *     { key: 'attributes', label: 'Custom Attributes', editable: true }
+ *   ]}
+ *   onUpdate={async (payload) => {
+ *     console.log('Organization updated:', payload);
+ *     // payload contains the updated field values
+ *     // The component automatically converts these to patch operations
+ *   }}
+ * />
+ *
+ * // In popup mode
+ * <OrganizationProfile
+ *   organizationId="0d5e071b-d3d3-475d-b3c6-1a20ee2fa9b1"
+ *   mode="popup"
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   popupTitle="Edit Organization Profile"
+ * />
+ * ```
+ */
+declare const OrganizationProfile: FC<OrganizationProfileProps>;
+export default OrganizationProfile;
+//# sourceMappingURL=OrganizationProfile.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationProfile.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationProfile/OrganizationProfile.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAC,EAAE,EAAE,YAAY,EAAsB,MAAM,OAAO,CAAC;AAC5D,OAAgC,EAAC,4BAA4B,EAAC,MAAM,2BAA2B,CAAC;AAWhG;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,4BAA4B,EAAE,cAAc,GAAG,MAAM,CAAC,GAAG;IACnG;;OAEG;IACH,aAAa,CAAC,EAAE,YAAY,CAAC;IAE7B;;OAEG;IACH,eAAe,CAAC,EAAE,YAAY,CAAC;IAE/B;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAE3C;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA4ErD,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.d.ts

@@ -0,0 +1,149 @@
+/**
+ * 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 { Preferences } from '@thunderid/browser';
+import { CSSProperties, FC, ReactElement, ReactNode } from 'react';
+interface MenuItem {
+    href?: string;
+    icon?: ReactNode;
+    label: ReactNode;
+    onClick?: () => void;
+}
+/**
+ * Interface for organization data.
+ */
+export interface Organization {
+    /**
+     * Avatar URL for the organization.
+     */
+    avatar?: string;
+    /**
+     * Unique identifier for the organization.
+     */
+    id: string;
+    /**
+     * Number of members in the organization.
+     */
+    memberCount?: number;
+    /**
+     * Additional metadata for the organization.
+     */
+    metadata?: Record<string, any>;
+    /**
+     * Display name of the organization.
+     */
+    name: string;
+    /**
+     * User's role in the organization.
+     */
+    role?: 'owner' | 'admin' | 'member';
+    /**
+     * URL slug for the organization.
+     */
+    slug?: string;
+}
+/**
+ * Props interface for the BaseOrganizationSwitcher component.
+ */
+export interface BaseOrganizationSwitcherProps {
+    /**
+     * Optional size for the avatar
+     */
+    avatarSize?: number;
+    /**
+     * Custom class name for styling.
+     */
+    className?: string;
+    /**
+     * Currently selected organization.
+     */
+    currentOrganization?: Organization;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+    /**
+     * Optional element to render when no organization is selected.
+     */
+    fallback?: ReactElement;
+    /**
+     * Whether the component is in a loading state.
+     */
+    loading?: boolean;
+    /**
+     * Additional menu items to display at the bottom of the dropdown.
+     */
+    menuItems?: MenuItem[];
+    /**
+     * Handler for when the manage profile button is clicked.
+     */
+    onManageProfile?: () => void;
+    /**
+     * Handler for when an organization is selected.
+     */
+    onOrganizationSwitch: (organization: Organization) => void;
+    /**
+     * List of available organizations.
+     */
+    organizations: Organization[];
+    /**
+     * The HTML element ID where the portal should be mounted
+     */
+    portalId?: string;
+    /**
+     * 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 render function for the error state.
+     */
+    renderError?: (error: string) => ReactElement;
+    /**
+     * Custom render function for the loading state.
+     */
+    renderLoading?: () => ReactElement;
+    /**
+     * Custom render function for the organization item.
+     */
+    renderOrganization?: (organization: Organization, isSelected: boolean) => ReactElement;
+    /**
+     * Whether to show the member count.
+     */
+    showMemberCount?: boolean;
+    /**
+     * Whether to show the role badge.
+     */
+    showRole?: boolean;
+    /**
+     * Show organization name next to avatar in the trigger button
+     */
+    showTriggerLabel?: boolean;
+    /**
+     * Custom styles for the component.
+     */
+    style?: CSSProperties;
+}
+/**
+ * BaseOrganizationSwitcher component displays an organization selector with a dropdown menu.
+ * When clicked, it shows a popover with available organizations to switch between.
+ * This component serves as the base for framework-specific implementations.
+ */
+export declare const BaseOrganizationSwitcher: FC<BaseOrganizationSwitcherProps>;
+export default BaseOrganizationSwitcher;
+//# sourceMappingURL=BaseOrganizationSwitcher.d.ts.map

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseOrganizationSwitcher.d.ts","sourceRoot":"","sources":["../../../../src/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiBH,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAC,aAAa,EAAE,EAAE,EAAE,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAW3E,UAAU,QAAQ;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,6BAA6B;IAC5C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,mBAAmB,CAAC,EAAE,YAAY,CAAC;IACnC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;OAEG;IACH,oBAAoB,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAC;IAC3D;;OAEG;IACH,aAAa,EAAE,YAAY,EAAE,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,YAAY,CAAC;IAC9C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,YAAY,CAAC;IACnC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,YAAY,CAAC;IACvF;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,6BAA6B,CAuVtE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.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 BaseOrganizationSwitcher component using BEM methodology
+ * @param theme - The theme object containing design tokens
+ * @param colorScheme - The current color scheme (used for memoization)
+ * @returns Object containing CSS class names for component styling
+ */
+declare const useStyles: (theme: Theme, colorScheme: string) => Record<string, string>;
+export default useStyles;
+//# sourceMappingURL=BaseOrganizationSwitcher.styles.d.ts.map

package/dist/components/presentation/OrganizationSwitcher/BaseOrganizationSwitcher.styles.d.ts.map

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