@thunderid/react 0.3.3 → 0.3.4

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.js

@@ -1,147 +0,0 @@
-import { useMemo } from "react";
-import { css } from "@emotion/css";
-
-//#region src/components/presentation/CreateOrganization/BaseCreateOrganization.styles.ts
-/**
-* Creates styles for the BaseCreateOrganization component using BEM methodology
-* @param theme - The theme object containing design tokens
-* @param colorScheme - The current color scheme (used for memoization)
-* @returns Object containing CSS class names for component styling
-*/
-const useStyles = (theme, colorScheme) => useMemo(() => {
-	const root = css`
-      padding: calc(${theme.vars.spacing.unit} * 4);
-      min-width: 600px;
-      margin: 0 auto;
-      font-family: ${theme.vars.typography.fontFamily};
-    `;
-	const card = css`
-      background: ${theme.vars.colors.background.surface};
-      border-radius: ${theme.vars.borderRadius.large};
-      padding: calc(${theme.vars.spacing.unit} * 4);
-    `;
-	const content = css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const form = css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-      width: 100%;
-    `;
-	const header = css`
-      display: flex;
-      align-items: center;
-      gap: calc(${theme.vars.spacing.unit} * 1.5);
-      margin-bottom: calc(${theme.vars.spacing.unit} * 1.5);
-    `;
-	const field = css`
-      display: flex;
-      align-items: center;
-      padding: ${theme.vars.spacing.unit} 0;
-      border-bottom: 1px solid ${theme.vars.colors.border};
-      min-height: 32px;
-    `;
-	const fieldGroup = css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 0.5);
-    `;
-	const textarea = css`
-      width: 100%;
-      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);
-      border: 1px solid ${theme.vars.colors.border};
-      border-radius: ${theme.vars.borderRadius.medium};
-      font-size: ${theme.vars.typography.fontSizes.md};
-      color: ${theme.vars.colors.text.primary};
-      background-color: ${theme.vars.colors.background.surface};
-      font-family: ${theme.vars.typography.fontFamily};
-      min-height: 80px;
-      resize: vertical;
-      outline: none;
-      &:focus {
-        border-color: ${theme.vars.colors.primary.main};
-        box-shadow: 0 0 0 2px ${theme.vars.colors.primary.main}20;
-      }
-      &:disabled {
-        background-color: ${theme.vars.colors.background.disabled};
-        color: ${theme.vars.colors.text.secondary};
-        cursor: not-allowed;
-      }
-    `;
-	const textareaError = css`
-      border-color: ${theme.vars.colors.error.main};
-    `;
-	const input = css``;
-	const avatarContainer = css`
-      align-items: flex-start;
-      display: flex;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-      margin-bottom: ${theme.vars.spacing.unit};
-    `;
-	const actions = css`
-      display: flex;
-      gap: ${theme.vars.spacing.unit};
-      justify-content: flex-end;
-      padding-top: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const infoContainer = css`
-      display: flex;
-      flex-direction: column;
-      gap: ${theme.vars.spacing.unit};
-    `;
-	const value = css`
-      color: ${theme.vars.colors.text.primary};
-      flex: 1;
-      display: flex;
-      align-items: center;
-      gap: ${theme.vars.spacing.unit};
-      overflow: hidden;
-      min-height: 32px;
-      line-height: 32px;
-    `;
-	const popup = css`
-      padding: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	return {
-		actions,
-		avatarContainer,
-		card,
-		content,
-		errorAlert: css`
-      margin-bottom: calc(${theme.vars.spacing.unit} * 2);
-    `,
-		field,
-		fieldGroup,
-		form,
-		header,
-		infoContainer,
-		input,
-		popup,
-		root,
-		textarea,
-		textareaError,
-		value
-	};
-}, [
-	theme.vars.spacing.unit,
-	theme.vars.colors.background.surface,
-	theme.vars.colors.border,
-	theme.vars.borderRadius.large,
-	theme.vars.borderRadius.medium,
-	theme.vars.typography.fontSizes.md,
-	theme.vars.colors.text.primary,
-	theme.vars.colors.primary.main,
-	theme.vars.colors.background.disabled,
-	theme.vars.colors.text.secondary,
-	theme.vars.colors.error.main,
-	theme.vars.typography.fontFamily,
-	colorScheme
-]);
-var BaseCreateOrganization_styles_default = useStyles;
-
-//#endregion
-export { BaseCreateOrganization_styles_default as default };
-//# sourceMappingURL=BaseCreateOrganization.styles.js.map

package/dist/components/presentation/CreateOrganization/BaseCreateOrganization.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.styles.js","names":["root: string","card: string","content: string","form: string","header: string","field: string","fieldGroup: string","textarea: string","textareaError: string","input: string","avatarContainer: string","actions: string","infoContainer: string","value: string","popup: string"],"sources":["../../../../src/components/presentation/CreateOrganization/BaseCreateOrganization.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 BaseCreateOrganization component using BEM methodology\n * @param theme - The theme object containing design tokens\n * @param colorScheme - The current color scheme (used for memoization)\n * @returns Object containing CSS class names for component styling\n */\nconst useStyles = (theme: Theme, colorScheme: string): Record<string, string> =>\n  useMemo(() => {\n    const root: string = css`\n      padding: calc(${theme.vars.spacing.unit} * 4);\n      min-width: 600px;\n      margin: 0 auto;\n      font-family: ${theme.vars.typography.fontFamily};\n    `;\n\n    const card: string = css`\n      background: ${theme.vars.colors.background.surface};\n      border-radius: ${theme.vars.borderRadius.large};\n      padding: calc(${theme.vars.spacing.unit} * 4);\n    `;\n\n    const content: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const form: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 2);\n      width: 100%;\n    `;\n\n    const header: string = css`\n      display: flex;\n      align-items: center;\n      gap: calc(${theme.vars.spacing.unit} * 1.5);\n      margin-bottom: calc(${theme.vars.spacing.unit} * 1.5);\n    `;\n\n    const field: string = css`\n      display: flex;\n      align-items: center;\n      padding: ${theme.vars.spacing.unit} 0;\n      border-bottom: 1px solid ${theme.vars.colors.border};\n      min-height: 32px;\n    `;\n\n    const fieldGroup: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: calc(${theme.vars.spacing.unit} * 0.5);\n    `;\n\n    const textarea: string = css`\n      width: 100%;\n      padding: ${theme.vars.spacing.unit} calc(${theme.vars.spacing.unit} * 1.5);\n      border: 1px solid ${theme.vars.colors.border};\n      border-radius: ${theme.vars.borderRadius.medium};\n      font-size: ${theme.vars.typography.fontSizes.md};\n      color: ${theme.vars.colors.text.primary};\n      background-color: ${theme.vars.colors.background.surface};\n      font-family: ${theme.vars.typography.fontFamily};\n      min-height: 80px;\n      resize: vertical;\n      outline: none;\n      &:focus {\n        border-color: ${theme.vars.colors.primary.main};\n        box-shadow: 0 0 0 2px ${theme.vars.colors.primary.main}20;\n      }\n      &:disabled {\n        background-color: ${theme.vars.colors.background.disabled};\n        color: ${theme.vars.colors.text.secondary};\n        cursor: not-allowed;\n      }\n    `;\n\n    const textareaError: string = css`\n      border-color: ${theme.vars.colors.error.main};\n    `;\n\n    const input: string = css``;\n\n    const avatarContainer: string = css`\n      align-items: flex-start;\n      display: flex;\n      gap: calc(${theme.vars.spacing.unit} * 2);\n      margin-bottom: ${theme.vars.spacing.unit};\n    `;\n\n    const actions: string = css`\n      display: flex;\n      gap: ${theme.vars.spacing.unit};\n      justify-content: flex-end;\n      padding-top: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const infoContainer: string = css`\n      display: flex;\n      flex-direction: column;\n      gap: ${theme.vars.spacing.unit};\n    `;\n\n    const value: string = css`\n      color: ${theme.vars.colors.text.primary};\n      flex: 1;\n      display: flex;\n      align-items: center;\n      gap: ${theme.vars.spacing.unit};\n      overflow: hidden;\n      min-height: 32px;\n      line-height: 32px;\n    `;\n\n    const popup: string = css`\n      padding: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    const errorAlert: string = css`\n      margin-bottom: calc(${theme.vars.spacing.unit} * 2);\n    `;\n\n    return {\n      actions,\n      avatarContainer,\n      card,\n      content,\n      errorAlert,\n      field,\n      fieldGroup,\n      form,\n      header,\n      infoContainer,\n      input,\n      popup,\n      root,\n      textarea,\n      textareaError,\n      value,\n    };\n  }, [\n    theme.vars.spacing.unit,\n    theme.vars.colors.background.surface,\n    theme.vars.colors.border,\n    theme.vars.borderRadius.large,\n    theme.vars.borderRadius.medium,\n    theme.vars.typography.fontSizes.md,\n    theme.vars.colors.text.primary,\n    theme.vars.colors.primary.main,\n    theme.vars.colors.background.disabled,\n    theme.vars.colors.text.secondary,\n    theme.vars.colors.error.main,\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;sBACN,MAAM,KAAK,QAAQ,KAAK;;;qBAGzB,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,OAAe,GAAG;oBACR,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;sBAC/B,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,UAAkB,GAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,OAAe,GAAG;;;kBAGV,MAAM,KAAK,QAAQ,KAAK;;;CAItC,MAAMC,SAAiB,GAAG;;;kBAGZ,MAAM,KAAK,QAAQ,KAAK;4BACd,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,QAAgB,GAAG;;;iBAGZ,MAAM,KAAK,QAAQ,KAAK;iCACR,MAAM,KAAK,OAAO,OAAO;;;CAItD,MAAMC,aAAqB,GAAG;;;kBAGhB,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,WAAmB,GAAG;;iBAEf,MAAM,KAAK,QAAQ,KAAK,QAAQ,MAAM,KAAK,QAAQ,KAAK;0BAC/C,MAAM,KAAK,OAAO,OAAO;uBAC5B,MAAM,KAAK,aAAa,OAAO;mBACnC,MAAM,KAAK,WAAW,UAAU,GAAG;eACvC,MAAM,KAAK,OAAO,KAAK,QAAQ;0BACpB,MAAM,KAAK,OAAO,WAAW,QAAQ;qBAC1C,MAAM,KAAK,WAAW,WAAW;;;;;wBAK9B,MAAM,KAAK,OAAO,QAAQ,KAAK;gCACvB,MAAM,KAAK,OAAO,QAAQ,KAAK;;;4BAGnC,MAAM,KAAK,OAAO,WAAW,SAAS;iBACjD,MAAM,KAAK,OAAO,KAAK,UAAU;;;;CAK9C,MAAMC,gBAAwB,GAAG;sBACf,MAAM,KAAK,OAAO,MAAM,KAAK;;CAG/C,MAAMC,QAAgB,GAAG;CAEzB,MAAMC,kBAA0B,GAAG;;;kBAGrB,MAAM,KAAK,QAAQ,KAAK;uBACnB,MAAM,KAAK,QAAQ,KAAK;;CAG3C,MAAMC,UAAkB,GAAG;;aAElB,MAAM,KAAK,QAAQ,KAAK;;0BAEX,MAAM,KAAK,QAAQ,KAAK;;CAG9C,MAAMC,gBAAwB,GAAG;;;aAGxB,MAAM,KAAK,QAAQ,KAAK;;CAGjC,MAAMC,QAAgB,GAAG;eACd,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;aAIjC,MAAM,KAAK,QAAQ,KAAK;;;;;CAMjC,MAAMC,QAAgB,GAAG;sBACP,MAAM,KAAK,QAAQ,KAAK;;AAO1C,QAAO;EACL;EACA;EACA;EACA;EACA,YATyB,GAAG;4BACN,MAAM,KAAK,QAAQ,KAAK;;EAS9C;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;GACA;CACD,MAAM,KAAK,QAAQ;CACnB,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO;CAClB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,aAAa;CACxB,MAAM,KAAK,WAAW,UAAU;CAChC,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,QAAQ;CAC1B,MAAM,KAAK,OAAO,WAAW;CAC7B,MAAM,KAAK,OAAO,KAAK;CACvB,MAAM,KAAK,OAAO,MAAM;CACxB,MAAM,KAAK,WAAW;CACtB;CACD,CAAC;AAEJ,4CAAe"}

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

@@ -1,68 +0,0 @@
-/**
- * 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 | null;
-    /**
-     * 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

@@ -1 +0,0 @@
-{"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,GAAG,IAAI,CAAC;IAC/B;;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/CreateOrganization/CreateOrganization.js

@@ -1,87 +0,0 @@
-import useThunderID_default from "../../../contexts/ThunderID/useThunderID.js";
-import useOrganization_default from "../../../contexts/Organization/useOrganization.js";
-import { BaseCreateOrganization } from "./BaseCreateOrganization.js";
-import createOrganization_default from "../../../api/createOrganization.js";
-import { useState } from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/CreateOrganization/CreateOrganization.tsx
-/**
-* 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>}
-* />
-* ```
-*/
-const CreateOrganization = ({ onCreateOrganization, fallback = null, onSuccess, defaultParentId,...props }) => {
-	const { isSignedIn, baseUrl, instanceId } = useThunderID_default();
-	const { currentOrganization, revalidateMyOrganizations } = useOrganization_default();
-	const [loading, setLoading] = useState(false);
-	const [error, setError] = useState(null);
-	if (!isSignedIn && fallback) return fallback;
-	if (!isSignedIn) return /* @__PURE__ */ jsx(Fragment, {});
-	const parentId = defaultParentId || currentOrganization?.id || "";
-	const handleSubmit = async (payload) => {
-		setLoading(true);
-		setError(null);
-		try {
-			let result;
-			if (onCreateOrganization) result = await onCreateOrganization(payload);
-			else {
-				if (!baseUrl) throw new Error("Base URL is required for organization creation");
-				result = await createOrganization_default({
-					baseUrl,
-					instanceId,
-					payload: {
-						...payload,
-						parentId
-					}
-				});
-			}
-			await revalidateMyOrganizations();
-			if (onSuccess) onSuccess(result);
-		} catch (createError) {
-			setError(createError instanceof Error ? createError.message : "Failed to create organization");
-			throw createError;
-		} finally {
-			setLoading(false);
-		}
-	};
-	return /* @__PURE__ */ jsx(BaseCreateOrganization, {
-		onSubmit: handleSubmit,
-		loading,
-		error,
-		defaultParentId: parentId,
-		onSuccess,
-		...props
-	});
-};
-
-//#endregion
-export { CreateOrganization };
-//# sourceMappingURL=CreateOrganization.js.map

package/dist/components/presentation/CreateOrganization/CreateOrganization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreateOrganization.js","names":["CreateOrganization: FC<CreateOrganizationProps>","useThunderID","useOrganization","parentId: string","result: any","createOrganization"],"sources":["../../../../src/components/presentation/CreateOrganization/CreateOrganization.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 {CreateOrganizationPayload} from '@thunderid/browser';\nimport {FC, ReactElement, useState} from 'react';\nimport {BaseCreateOrganization, BaseCreateOrganizationProps} from './BaseCreateOrganization';\nimport createOrganization from '../../../api/createOrganization';\nimport useOrganization from '../../../contexts/Organization/useOrganization';\nimport useThunderID from '../../../contexts/ThunderID/useThunderID';\n\n/**\n * Props interface for the CreateOrganization component.\n */\nexport interface CreateOrganizationProps extends Omit<BaseCreateOrganizationProps, 'onSubmit' | 'loading' | 'error'> {\n  /**\n   * Fallback element to render when the user is not signed in.\n   */\n  fallback?: ReactElement | null;\n  /**\n   * Custom organization creation handler (will use default API if not provided).\n   */\n  onCreateOrganization?: (payload: CreateOrganizationPayload) => Promise<any>;\n}\n\n/**\n * CreateOrganization component that provides organization creation functionality.\n * This component automatically integrates with the ThunderID and Organization contexts.\n *\n * @example\n * ```tsx\n * import { CreateOrganization } from '@thunderid/react';\n *\n * // Basic usage - uses default API and contexts\n * <CreateOrganization\n *   onSuccess={(org) => console.log('Created:', org)}\n *   onCancel={() => navigate('/organizations')}\n * />\n *\n * // With custom organization creation handler\n * <CreateOrganization\n *   onCreateOrganization={async (payload) => {\n *     const result = await myCustomAPI.createOrganization(payload);\n *     return result;\n *   }}\n *   onSuccess={(org) => {\n *     console.log('Organization created:', org.name);\n *     // Custom success logic here\n *   }}\n * />\n *\n * // With fallback for unauthenticated users\n * <CreateOrganization\n *   fallback={<div>Please sign in to create an organization</div>}\n * />\n * ```\n */\nexport const CreateOrganization: FC<CreateOrganizationProps> = ({\n  onCreateOrganization,\n  fallback = null,\n  onSuccess,\n  defaultParentId,\n  ...props\n}: CreateOrganizationProps): ReactElement | null => {\n  const {isSignedIn, baseUrl, instanceId} = useThunderID();\n  const {currentOrganization, revalidateMyOrganizations} = useOrganization();\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  if (!isSignedIn && fallback) {\n    return fallback;\n  }\n\n  if (!isSignedIn) {\n    return <></>;\n  }\n\n  // Use current organization as parent if no defaultParentId provided\n  const parentId: string = defaultParentId || currentOrganization?.id || '';\n\n  const handleSubmit = async (payload: CreateOrganizationPayload): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      let result: any;\n\n      if (onCreateOrganization) {\n        result = await onCreateOrganization(payload);\n      } else {\n        if (!baseUrl) {\n          throw new Error('Base URL is required for organization creation');\n        }\n\n        result = await createOrganization({\n          baseUrl,\n          instanceId,\n          payload: {\n            ...payload,\n            parentId,\n          },\n        });\n      }\n\n      await revalidateMyOrganizations();\n\n      if (onSuccess) {\n        onSuccess(result);\n      }\n    } catch (createError) {\n      const errorMessage: string = createError instanceof Error ? createError.message : 'Failed to create organization';\n\n      setError(errorMessage);\n\n      throw createError;\n    } finally {\n      setLoading(false);\n    }\n  };\n\n  return (\n    <BaseCreateOrganization\n      onSubmit={handleSubmit}\n      loading={loading}\n      error={error}\n      defaultParentId={parentId}\n      onSuccess={onSuccess}\n      {...props}\n    />\n  );\n};\n\nexport default CreateOrganization;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,MAAaA,sBAAmD,EAC9D,sBACA,WAAW,MACX,WACA,gBACA,GAAG,YAC+C;CAClD,MAAM,EAAC,YAAY,SAAS,eAAcC,sBAAc;CACxD,MAAM,EAAC,qBAAqB,8BAA6BC,yBAAiB;CAC1E,MAAM,CAAC,SAAS,cAAc,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAY,SAAwB,KAAK;AAEvD,KAAI,CAAC,cAAc,SACjB,QAAO;AAGT,KAAI,CAAC,WACH,QAAO,iCAAK;CAId,MAAMC,WAAmB,mBAAmB,qBAAqB,MAAM;CAEvE,MAAM,eAAe,OAAO,YAAsD;AAChF,aAAW,KAAK;AAChB,WAAS,KAAK;AAEd,MAAI;GACF,IAAIC;AAEJ,OAAI,qBACF,UAAS,MAAM,qBAAqB,QAAQ;QACvC;AACL,QAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAGnE,aAAS,MAAMC,2BAAmB;KAChC;KACA;KACA,SAAS;MACP,GAAG;MACH;MACD;KACF,CAAC;;AAGJ,SAAM,2BAA2B;AAEjC,OAAI,UACF,WAAU,OAAO;WAEZ,aAAa;AAGpB,YAF6B,uBAAuB,QAAQ,YAAY,UAAU,gCAE5D;AAEtB,SAAM;YACE;AACR,cAAW,MAAM;;;AAIrB,QACE,oBAAC;EACC,UAAU;EACD;EACF;EACP,iBAAiB;EACN;EACX,GAAI;GACJ"}

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

@@ -1,67 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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/BaseOrganization.js

@@ -1,39 +0,0 @@
-import { Fragment, jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/Organization/BaseOrganization.tsx
-/**
-* 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>
-*   );
-* }
-* ```
-*/
-const BaseOrganization = ({ children, fallback = null, organization }) => {
-	if (!organization) return /* @__PURE__ */ jsx(Fragment, { children: fallback });
-	return /* @__PURE__ */ jsx(Fragment, { children: children(organization) });
-};
-BaseOrganization.displayName = "BaseOrganization";
-var BaseOrganization_default = BaseOrganization;
-
-//#endregion
-export { BaseOrganization_default as default };
-//# sourceMappingURL=BaseOrganization.js.map

package/dist/components/presentation/Organization/BaseOrganization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseOrganization.js","names":["BaseOrganization: FC<BaseOrganizationProps>"],"sources":["../../../../src/components/presentation/Organization/BaseOrganization.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 {Organization as IOrganization} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\n\n/**\n * Props for the BaseOrganization component.\n */\nexport interface BaseOrganizationProps {\n  /**\n   * Render prop that takes the organization object and returns a ReactNode.\n   * @param organization - The organization object from ThunderID.\n   * @returns A ReactNode to render.\n   */\n  children: (organization: IOrganization | null) => ReactNode;\n\n  /**\n   * Optional element to render when no organization is provided.\n   */\n  fallback?: ReactNode;\n\n  /**\n   * The organization object to display. If not provided, the component will render the fallback.\n   */\n  organization: IOrganization | null;\n}\n\n/**\n * Base Organization component that provides the core functionality for displaying organization information.\n * This component takes an organization object as a prop and uses render props to expose it.\n *\n * @remarks This is the base component that can be used in any context where you have\n * an organization object available. For React applications, use the Organization component which\n * automatically retrieves the current organization from Organization context.\n *\n * @example\n * ```tsx\n * import { BaseOrganization } from '@thunderid/auth-react';\n *\n * const MyComponent = ({ organization }) => {\n *   return (\n *     <BaseOrganization organization={organization} fallback={<p>No organization data</p>}>\n *       {(org) => (\n *         <div>\n *           <h1>Organization: {org.name}</h1>\n *           <p>ID: {org.id}</p>\n *         </div>\n *       )}\n *     </BaseOrganization>\n *   );\n * }\n * ```\n */\nconst BaseOrganization: FC<BaseOrganizationProps> = ({\n  children,\n  fallback = null,\n  organization,\n}: BaseOrganizationProps): ReactElement => {\n  if (!organization) {\n    return <>{fallback}</>;\n  }\n\n  return <>{children(organization)}</>;\n};\n\nBaseOrganization.displayName = 'BaseOrganization';\n\nexport default BaseOrganization;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAMA,oBAA+C,EACnD,UACA,WAAW,MACX,mBACyC;AACzC,KAAI,CAAC,aACH,QAAO,0CAAG,WAAY;AAGxB,QAAO,0CAAG,SAAS,aAAa,GAAI;;AAGtC,iBAAiB,cAAc;AAE/B,+BAAe"}

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

@@ -1,67 +0,0 @@
-/**
- * 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

@@ -1 +0,0 @@
-{"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/Organization/Organization.js

@@ -1,47 +0,0 @@
-import useOrganization_default from "../../../contexts/Organization/useOrganization.js";
-import BaseOrganization_default from "./BaseOrganization.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/presentation/Organization/Organization.tsx
-/**
-* 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>
-*   );
-* }
-* ```
-*/
-const Organization = ({ children, fallback = null }) => {
-	const { currentOrganization } = useOrganization_default();
-	return /* @__PURE__ */ jsx(BaseOrganization_default, {
-		organization: currentOrganization,
-		fallback,
-		children
-	});
-};
-Organization.displayName = "Organization";
-var Organization_default = Organization;
-
-//#endregion
-export { Organization_default as default };
-//# sourceMappingURL=Organization.js.map

package/dist/components/presentation/Organization/Organization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Organization.js","names":["Organization: FC<OrganizationProps>","useOrganization","BaseOrganization"],"sources":["../../../../src/components/presentation/Organization/Organization.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 {Organization as IOrganization} from '@thunderid/browser';\nimport {FC, ReactElement, ReactNode} from 'react';\nimport BaseOrganization, {BaseOrganizationProps} from './BaseOrganization';\nimport useOrganization from '../../../contexts/Organization/useOrganization';\n\n/**\n * Props for the Organization component.\n * Extends BaseOrganizationProps but makes the organization prop optional since it will be obtained from useOrganization\n */\nexport interface OrganizationProps extends Omit<BaseOrganizationProps, 'organization'> {\n  /**\n   * Render prop that takes the organization object and returns a ReactNode.\n   * @param organization - The current organization object from Organization context.\n   * @returns A ReactNode to render.\n   */\n  children: (organization: IOrganization | null) => ReactNode;\n\n  /**\n   * Optional element to render when no organization is selected.\n   */\n  fallback?: ReactNode;\n}\n\n/**\n * A component that uses render props to expose the current organization object.\n * This component automatically retrieves the current organization from Organization context.\n *\n * @remarks This component is only supported in browser based React applications (CSR).\n *\n * @example\n * ```tsx\n * import { Organization } from '@thunderid/auth-react';\n *\n * const App = () => {\n *   return (\n *     <Organization fallback={<p>No organization selected</p>}>\n *       {(organization) => (\n *         <div>\n *           <h1>Current Organization: {organization.name}!</h1>\n *           <p>ID: {organization.id}</p>\n *           <p>Role: {organization.role}</p>\n *           {organization.memberCount && (\n *             <p>Members: {organization.memberCount}</p>\n *           )}\n *         </div>\n *       )}\n *     </Organization>\n *   );\n * }\n * ```\n */\nconst Organization: FC<OrganizationProps> = ({children, fallback = null}: OrganizationProps): ReactElement => {\n  const {currentOrganization} = useOrganization();\n\n  return (\n    <BaseOrganization organization={currentOrganization} fallback={fallback}>\n      {children}\n    </BaseOrganization>\n  );\n};\n\nOrganization.displayName = 'Organization';\n\nexport default Organization;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqEA,MAAMA,gBAAuC,EAAC,UAAU,WAAW,WAA2C;CAC5G,MAAM,EAAC,wBAAuBC,yBAAiB;AAE/C,QACE,oBAACC;EAAiB,cAAc;EAA+B;EAC5D;GACgB;;AAIvB,aAAa,cAAc;AAE3B,2BAAe"}