@thunderid/react 0.3.3 → 0.3.5

package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.cjs

@@ -1,183 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useTheme = require('../../../contexts/Theme/useTheme.cjs');
-const require_useTranslation = require('../../../hooks/useTranslation.cjs');
-const require_Button = require('../../primitives/Button/Button.cjs');
-const require_Alert = require('../../primitives/Alert/Alert.cjs');
-const require_FormControl = require('../../primitives/FormControl/FormControl.cjs');
-const require_InputLabel = require('../../primitives/InputLabel/InputLabel.cjs');
-const require_TextField = require('../../primitives/TextField/TextField.cjs');
-const require_Dialog = require('../../primitives/Dialog/Dialog.cjs');
-const require_BaseCreateOrganization_styles = require('./BaseCreateOrganization.styles.cjs');
-let __thunderid_browser = require("@thunderid/browser");
-__thunderid_browser = require_rolldown_runtime.__toESM(__thunderid_browser);
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
-let __emotion_css = require("@emotion/css");
-__emotion_css = require_rolldown_runtime.__toESM(__emotion_css);
-
-//#region src/components/presentation/CreateOrganization/BaseCreateOrganization.tsx
-const logger = (0, __thunderid_browser.createPackageComponentLogger)("@thunderid/react", "BaseCreateOrganization");
-/**
-* Removes special characters except space and hyphen from the organization name
-* and generates a valid handle.
-* @param name
-* @returns
-*/
-const generateHandleFromName = (name) => name.toLowerCase().replace(/[^a-z0-9\s-]/g, "").replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
-/**
-* BaseCreateOrganization component provides the core functionality for creating organizations.
-* This component serves as the base for framework-specific implementations.
-*/
-const BaseCreateOrganization = ({ cardLayout = true, className = "", defaultParentId = "", error, initialValues = {}, loading = false, mode = "inline", onCancel, onOpenChange, onSubmit, onSuccess, open = false, preferences, renderAdditionalFields, style, title = "Create Organization" }) => {
-	const { theme, colorScheme } = require_useTheme.default();
-	const styles = require_BaseCreateOrganization_styles.default(theme, colorScheme);
-	const { t } = require_useTranslation.default(preferences?.i18n);
-	const [formData, setFormData] = (0, react.useState)({
-		description: "",
-		handle: "",
-		name: "",
-		...initialValues
-	});
-	const [formErrors, setFormErrors] = (0, react.useState)({});
-	const validateForm = () => {
-		const errors = {};
-		if (!formData.name.trim()) errors.name = "Organization name is required";
-		if (!formData.handle.trim()) errors.handle = "Organization handle is required";
-		else if (!/^[a-z0-9-]+$/.test(formData.handle)) errors.handle = "Handle can only contain lowercase letters, numbers, and hyphens";
-		if (!formData.description.trim()) errors.description = "Organization description is required";
-		setFormErrors(errors);
-		return Object.keys(errors).length === 0;
-	};
-	const handleInputChange = (field, value) => {
-		setFormData((prev) => ({
-			...prev,
-			[field]: value
-		}));
-		if (formErrors[field]) setFormErrors((prev) => ({
-			...prev,
-			[field]: void 0
-		}));
-	};
-	/**
-	* Handles changes to the organization name input.
-	* Automatically generates the organization handle based on the name if the handle is not set or matches
-	*
-	* @param value - The new value for the organization name.
-	*/
-	const handleNameChange = (value) => {
-		handleInputChange("name", value);
-		if (!formData.handle || formData.handle === generateHandleFromName(formData.name)) handleInputChange("handle", generateHandleFromName(value));
-	};
-	const handleSubmit = async (e) => {
-		e.preventDefault();
-		if (!validateForm() || loading) return;
-		const payload = {
-			description: formData.description.trim(),
-			name: formData.name.trim(),
-			orgHandle: formData.handle.trim(),
-			parentId: defaultParentId,
-			type: "TENANT"
-		};
-		try {
-			await onSubmit?.(payload);
-			if (onSuccess) onSuccess(payload);
-		} catch (submitError) {
-			logger.error("Form submission error:");
-		}
-	};
-	const createOrganizationContent = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: (0, __emotion_css.cx)(styles["root"], cardLayout && styles["card"], className),
-		style,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: (0, __emotion_css.cx)(styles["content"]),
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("form", {
-				id: "create-organization-form",
-				className: (0, __emotion_css.cx)(styles["form"]),
-				onSubmit: handleSubmit,
-				children: [
-					error && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Alert.default, {
-						variant: "error",
-						className: styles["errorAlert"],
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Title, { children: "Error" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Alert.default.Description, { children: error })]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-							label: `${t("elements.fields.organization.name.label")}`,
-							placeholder: t("elements.fields.organization.name.placeholder"),
-							value: formData.name,
-							onChange: (e) => handleNameChange(e.target.value),
-							disabled: loading,
-							required: true,
-							error: formErrors.name,
-							className: (0, __emotion_css.cx)(styles["input"])
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_TextField.default, {
-							label: `${t("elements.fields.organization.handle.label") || "Organization Handle"}`,
-							placeholder: t("elements.fields.organization.handle.placeholder") || "my-organization",
-							value: formData.handle,
-							onChange: (e) => handleInputChange("handle", e.target.value),
-							disabled: loading,
-							required: true,
-							error: formErrors.handle,
-							helperText: "This will be your organization's unique identifier. Only lowercase letters, numbers, and hyphens are allowed.",
-							className: (0, __emotion_css.cx)(styles["input"])
-						})
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: (0, __emotion_css.cx)(styles["fieldGroup"]),
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_FormControl.default, {
-							error: formErrors.description,
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_InputLabel.default, {
-								required: true,
-								children: t("elements.fields.organization.description.label")
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
-								className: (0, __emotion_css.cx)(styles["textarea"], formErrors.description && styles["textareaError"]),
-								placeholder: t("organization.create.description.placeholder"),
-								value: formData.description,
-								onChange: (e) => handleInputChange("description", e.target.value),
-								disabled: loading,
-								required: true
-							})]
-						})
-					}),
-					renderAdditionalFields?.()
-				]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: (0, __emotion_css.cx)(styles["actions"]),
-				children: [onCancel && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-					type: "button",
-					variant: "outline",
-					onClick: onCancel,
-					disabled: loading,
-					children: t("organization.create.buttons.cancel.text")
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.default, {
-					type: "submit",
-					variant: "solid",
-					color: "primary",
-					disabled: loading,
-					form: "create-organization-form",
-					children: loading ? t("organization.create.buttons.create_organization.loading.text") : t("organization.create.buttons.create_organization.text")
-				})]
-			})]
-		})
-	});
-	if (mode === "popup") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Dialog.default.Content, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dialog.default.Heading, { children: title }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: styles["popup"],
-			children: createOrganizationContent
-		})] })
-	});
-	return createOrganizationContent;
-};
-
-//#endregion
-exports.BaseCreateOrganization = BaseCreateOrganization;
-//# sourceMappingURL=BaseCreateOrganization.cjs.map

package/dist/cjs/components/presentation/CreateOrganization/BaseCreateOrganization.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.cjs","names":["logger: ReturnType<typeof createPackageComponentLogger>","BaseCreateOrganization: FC<BaseCreateOrganizationProps>","useTheme","styles: ReturnType<typeof useStyles>","useStyles","useTranslation","errors: Partial<OrganizationFormData>","payload: CreateOrganizationPayload","createOrganizationContent: ReactElement","AlertPrimitive","TextField","FormControl","InputLabel","Button","DialogPrimitive"],"sources":["../../../../../src/components/presentation/CreateOrganization/BaseCreateOrganization.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 {cx} from '@emotion/css';\nimport {CreateOrganizationPayload, createPackageComponentLogger, Preferences} from '@thunderid/browser';\nimport {ChangeEvent, CSSProperties, FC, FormEvent, ReactElement, ReactNode, useState} from 'react';\nimport useStyles from './BaseCreateOrganization.styles';\nimport useTheme from '../../../contexts/Theme/useTheme';\nimport useTranslation from '../../../hooks/useTranslation';\nimport AlertPrimitive from '../../primitives/Alert/Alert';\nimport Button from '../../primitives/Button/Button';\nimport DialogPrimitive from '../../primitives/Dialog/Dialog';\nimport FormControl from '../../primitives/FormControl/FormControl';\nimport InputLabel from '../../primitives/InputLabel/InputLabel';\nimport TextField from '../../primitives/TextField/TextField';\n\nconst logger: ReturnType<typeof createPackageComponentLogger> = createPackageComponentLogger(\n  '@thunderid/react',\n  'BaseCreateOrganization',\n);\n\n/**\n * Interface for organization form data.\n */\nexport interface OrganizationFormData {\n  description: string;\n  handle: string;\n  name: string;\n}\n\n/**\n * Props interface for the BaseCreateOrganization component.\n */\nexport interface BaseCreateOrganizationProps {\n  cardLayout?: boolean;\n  className?: string;\n  defaultParentId?: string;\n  error?: string | null;\n  initialValues?: Partial<OrganizationFormData>;\n  loading?: boolean;\n  mode?: 'inline' | 'popup';\n  onCancel?: () => void;\n  onOpenChange?: (open: boolean) => void;\n  onSubmit?: (payload: CreateOrganizationPayload) => void | Promise<void>;\n  onSuccess?: (organization: any) => void;\n  open?: boolean;\n  /**\n   * Component-level preferences to override global i18n and theme settings.\n   * Preferences are deep-merged with global ones, with component preferences\n   * taking precedence. Affects this component and all its descendants.\n   */\n  preferences?: Preferences;\n  renderAdditionalFields?: () => ReactNode;\n  style?: CSSProperties;\n\n  title?: string;\n}\n\n/**\n * Removes special characters except space and hyphen from the organization name\n * and generates a valid handle.\n * @param name\n * @returns\n */\nconst generateHandleFromName = (name: string): string =>\n  name\n    .toLowerCase()\n    .replace(/[^a-z0-9\\s-]/g, '')\n    .replace(/\\s+/g, '-')\n    .replace(/-+/g, '-')\n    .replace(/^-|-$/g, '');\n\n/**\n * BaseCreateOrganization component provides the core functionality for creating organizations.\n * This component serves as the base for framework-specific implementations.\n */\nexport const BaseCreateOrganization: FC<BaseCreateOrganizationProps> = ({\n  cardLayout = true,\n  className = '',\n  defaultParentId = '',\n  error,\n  initialValues = {},\n  loading = false,\n  mode = 'inline',\n  onCancel,\n  onOpenChange,\n  onSubmit,\n  onSuccess,\n  open = false,\n  preferences,\n  renderAdditionalFields,\n  style,\n  title = 'Create Organization',\n}: BaseCreateOrganizationProps): ReactElement => {\n  const {theme, colorScheme} = useTheme();\n  const styles: ReturnType<typeof useStyles> = useStyles(theme, colorScheme);\n  const {t} = useTranslation(preferences?.i18n);\n  const [formData, setFormData] = useState<OrganizationFormData>({\n    description: '',\n    handle: '',\n    name: '',\n    ...initialValues,\n  });\n  const [formErrors, setFormErrors] = useState<Partial<OrganizationFormData> & {avatar?: string}>({});\n\n  const validateForm = (): boolean => {\n    const errors: Partial<OrganizationFormData> = {};\n\n    if (!formData.name.trim()) {\n      errors.name = 'Organization name is required';\n    }\n\n    if (!formData.handle.trim()) {\n      errors.handle = 'Organization handle is required';\n    } else if (!/^[a-z0-9-]+$/.test(formData.handle)) {\n      errors.handle = 'Handle can only contain lowercase letters, numbers, and hyphens';\n    }\n\n    if (!formData.description.trim()) {\n      errors.description = 'Organization description is required';\n    }\n\n    setFormErrors(errors);\n    return Object.keys(errors).length === 0;\n  };\n\n  const handleInputChange = (field: keyof OrganizationFormData, value: string): void => {\n    setFormData((prev: OrganizationFormData) => ({\n      ...prev,\n      [field]: value,\n    }));\n\n    if (formErrors[field]) {\n      setFormErrors((prev: Partial<OrganizationFormData> & {avatar?: string}) => ({\n        ...prev,\n        [field]: undefined,\n      }));\n    }\n  };\n\n  /**\n   * Handles changes to the organization name input.\n   * Automatically generates the organization handle based on the name if the handle is not set or matches\n   *\n   * @param value - The new value for the organization name.\n   */\n  const handleNameChange = (value: string): void => {\n    handleInputChange('name', value);\n\n    if (!formData.handle || formData.handle === generateHandleFromName(formData.name)) {\n      const newHandle: string = generateHandleFromName(value);\n      handleInputChange('handle', newHandle);\n    }\n  };\n\n  const handleSubmit = async (e: FormEvent): Promise<void> => {\n    e.preventDefault();\n\n    if (!validateForm() || loading) {\n      return;\n    }\n\n    const payload: CreateOrganizationPayload = {\n      description: formData.description.trim(),\n      name: formData.name.trim(),\n      orgHandle: formData.handle.trim(),\n      parentId: defaultParentId,\n      type: 'TENANT',\n    };\n\n    try {\n      await onSubmit?.(payload);\n      if (onSuccess) {\n        onSuccess(payload);\n      }\n    } catch (submitError) {\n      // Error handling is done by parent component\n      logger.error('Form submission error:');\n    }\n  };\n\n  const createOrganizationContent: ReactElement = (\n    <div className={cx(styles['root'], cardLayout && styles['card'], className)} style={style}>\n      <div className={cx(styles['content'])}>\n        <form id=\"create-organization-form\" className={cx(styles['form'])} onSubmit={handleSubmit}>\n          {error && (\n            <AlertPrimitive variant=\"error\" className={styles['errorAlert']}>\n              <AlertPrimitive.Title>Error</AlertPrimitive.Title>\n              <AlertPrimitive.Description>{error}</AlertPrimitive.Description>\n            </AlertPrimitive>\n          )}\n          <div className={cx(styles['fieldGroup'])}>\n            <TextField\n              label={`${t('elements.fields.organization.name.label')}`}\n              placeholder={t('elements.fields.organization.name.placeholder')}\n              value={formData.name}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => handleNameChange(e.target.value)}\n              disabled={loading}\n              required\n              error={formErrors.name}\n              className={cx(styles['input'])}\n            />\n          </div>\n          <div className={cx(styles['fieldGroup'])}>\n            <TextField\n              label={`${t('elements.fields.organization.handle.label') || 'Organization Handle'}`}\n              placeholder={t('elements.fields.organization.handle.placeholder') || 'my-organization'}\n              value={formData.handle}\n              onChange={(e: ChangeEvent<HTMLInputElement>): void => handleInputChange('handle', e.target.value)}\n              disabled={loading}\n              required\n              error={formErrors.handle}\n              helperText=\"This will be your organization's unique identifier. Only lowercase letters, numbers, and hyphens are allowed.\"\n              className={cx(styles['input'])}\n            />\n          </div>\n          <div className={cx(styles['fieldGroup'])}>\n            <FormControl error={formErrors.description}>\n              <InputLabel required>{t('elements.fields.organization.description.label')}</InputLabel>\n              <textarea\n                className={cx(styles['textarea'], formErrors.description && styles['textareaError'])}\n                placeholder={t('organization.create.description.placeholder')}\n                value={formData.description}\n                onChange={(e: ChangeEvent<HTMLTextAreaElement>): void =>\n                  handleInputChange('description', e.target.value)\n                }\n                disabled={loading}\n                required\n              />\n            </FormControl>\n          </div>\n          {renderAdditionalFields?.()}\n        </form>\n        <div className={cx(styles['actions'])}>\n          {onCancel && (\n            <Button type=\"button\" variant=\"outline\" onClick={onCancel} disabled={loading}>\n              {t('organization.create.buttons.cancel.text')}\n            </Button>\n          )}\n          <Button type=\"submit\" variant=\"solid\" color=\"primary\" disabled={loading} form=\"create-organization-form\">\n            {loading\n              ? t('organization.create.buttons.create_organization.loading.text')\n              : t('organization.create.buttons.create_organization.text')}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n\n  if (mode === 'popup') {\n    return (\n      <DialogPrimitive open={open} onOpenChange={onOpenChange}>\n        <DialogPrimitive.Content>\n          <DialogPrimitive.Heading>{title}</DialogPrimitive.Heading>\n          <div className={styles['popup']}>{createOrganizationContent}</div>\n        </DialogPrimitive.Content>\n      </DialogPrimitive>\n    );\n  }\n\n  return createOrganizationContent;\n};\n\nexport default BaseCreateOrganization;\n"],"mappings":"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"}

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

@@ -1,150 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let __emotion_css = require("@emotion/css");
-__emotion_css = require_rolldown_runtime.__toESM(__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) => (0, react.useMemo)(() => {
-	const root = __emotion_css.css`
-      padding: calc(${theme.vars.spacing.unit} * 4);
-      min-width: 600px;
-      margin: 0 auto;
-      font-family: ${theme.vars.typography.fontFamily};
-    `;
-	const card = __emotion_css.css`
-      background: ${theme.vars.colors.background.surface};
-      border-radius: ${theme.vars.borderRadius.large};
-      padding: calc(${theme.vars.spacing.unit} * 4);
-    `;
-	const content = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const form = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-      width: 100%;
-    `;
-	const header = __emotion_css.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 = __emotion_css.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 = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: calc(${theme.vars.spacing.unit} * 0.5);
-    `;
-	const textarea = __emotion_css.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 = __emotion_css.css`
-      border-color: ${theme.vars.colors.error.main};
-    `;
-	const input = __emotion_css.css``;
-	const avatarContainer = __emotion_css.css`
-      align-items: flex-start;
-      display: flex;
-      gap: calc(${theme.vars.spacing.unit} * 2);
-      margin-bottom: ${theme.vars.spacing.unit};
-    `;
-	const actions = __emotion_css.css`
-      display: flex;
-      gap: ${theme.vars.spacing.unit};
-      justify-content: flex-end;
-      padding-top: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	const infoContainer = __emotion_css.css`
-      display: flex;
-      flex-direction: column;
-      gap: ${theme.vars.spacing.unit};
-    `;
-	const value = __emotion_css.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 = __emotion_css.css`
-      padding: calc(${theme.vars.spacing.unit} * 2);
-    `;
-	return {
-		actions,
-		avatarContainer,
-		card,
-		content,
-		errorAlert: __emotion_css.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
-exports.default = BaseCreateOrganization_styles_default;
-//# sourceMappingURL=BaseCreateOrganization.styles.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseCreateOrganization.styles.cjs","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,yCACjB;CACZ,MAAMA,OAAe,iBAAG;sBACN,MAAM,KAAK,QAAQ,KAAK;;;qBAGzB,MAAM,KAAK,WAAW,WAAW;;CAGlD,MAAMC,OAAe,iBAAG;oBACR,MAAM,KAAK,OAAO,WAAW,QAAQ;uBAClC,MAAM,KAAK,aAAa,MAAM;sBAC/B,MAAM,KAAK,QAAQ,KAAK;;CAG1C,MAAMC,UAAkB,iBAAG;;;kBAGb,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,OAAe,iBAAG;;;kBAGV,MAAM,KAAK,QAAQ,KAAK;;;CAItC,MAAMC,SAAiB,iBAAG;;;kBAGZ,MAAM,KAAK,QAAQ,KAAK;4BACd,MAAM,KAAK,QAAQ,KAAK;;CAGhD,MAAMC,QAAgB,iBAAG;;;iBAGZ,MAAM,KAAK,QAAQ,KAAK;iCACR,MAAM,KAAK,OAAO,OAAO;;;CAItD,MAAMC,aAAqB,iBAAG;;;kBAGhB,MAAM,KAAK,QAAQ,KAAK;;CAGtC,MAAMC,WAAmB,iBAAG;;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,iBAAG;sBACf,MAAM,KAAK,OAAO,MAAM,KAAK;;CAG/C,MAAMC,QAAgB,iBAAG;CAEzB,MAAMC,kBAA0B,iBAAG;;;kBAGrB,MAAM,KAAK,QAAQ,KAAK;uBACnB,MAAM,KAAK,QAAQ,KAAK;;CAG3C,MAAMC,UAAkB,iBAAG;;aAElB,MAAM,KAAK,QAAQ,KAAK;;0BAEX,MAAM,KAAK,QAAQ,KAAK;;CAG9C,MAAMC,gBAAwB,iBAAG;;;aAGxB,MAAM,KAAK,QAAQ,KAAK;;CAGjC,MAAMC,QAAgB,iBAAG;eACd,MAAM,KAAK,OAAO,KAAK,QAAQ;;;;aAIjC,MAAM,KAAK,QAAQ,KAAK;;;;;CAMjC,MAAMC,QAAgB,iBAAG;sBACP,MAAM,KAAK,QAAQ,KAAK;;AAO1C,QAAO;EACL;EACA;EACA;EACA;EACA,YATyB,iBAAG;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/cjs/components/presentation/CreateOrganization/CreateOrganization.cjs

@@ -1,90 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useThunderID = require('../../../contexts/ThunderID/useThunderID.cjs');
-const require_useOrganization = require('../../../contexts/Organization/useOrganization.cjs');
-const require_BaseCreateOrganization = require('./BaseCreateOrganization.cjs');
-const require_createOrganization = require('../../../api/createOrganization.cjs');
-let react = require("react");
-react = require_rolldown_runtime.__toESM(react);
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(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 } = require_useThunderID.default();
-	const { currentOrganization, revalidateMyOrganizations } = require_useOrganization.default();
-	const [loading, setLoading] = (0, react.useState)(false);
-	const [error, setError] = (0, react.useState)(null);
-	if (!isSignedIn && fallback) return fallback;
-	if (!isSignedIn) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.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 require_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__ */ (0, react_jsx_runtime.jsx)(require_BaseCreateOrganization.BaseCreateOrganization, {
-		onSubmit: handleSubmit,
-		loading,
-		error,
-		defaultParentId: parentId,
-		onSuccess,
-		...props
-	});
-};
-
-//#endregion
-exports.CreateOrganization = CreateOrganization;
-//# sourceMappingURL=CreateOrganization.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CreateOrganization.cjs","names":["CreateOrganization: FC<CreateOrganizationProps>","useThunderID","useOrganization","parentId: string","result: any","createOrganization","BaseCreateOrganization"],"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,8BAAc;CACxD,MAAM,EAAC,qBAAqB,8BAA6BC,iCAAiB;CAC1E,MAAM,CAAC,SAAS,kCAAuB,MAAM;CAC7C,MAAM,CAAC,OAAO,gCAAoC,KAAK;AAEvD,KAAI,CAAC,cAAc,SACjB,QAAO;AAGT,KAAI,CAAC,WACH,QAAO,0EAAK;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,mCAAmB;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,2CAACC;EACC,UAAU;EACD;EACF;EACP,iBAAiB;EACN;EACX,GAAI;GACJ"}

package/dist/cjs/components/presentation/Organization/BaseOrganization.cjs

@@ -1,41 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(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__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: fallback });
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: children(organization) });
-};
-BaseOrganization.displayName = "BaseOrganization";
-var BaseOrganization_default = BaseOrganization;
-
-//#endregion
-exports.default = BaseOrganization_default;
-//# sourceMappingURL=BaseOrganization.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BaseOrganization.cjs","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,mFAAG,WAAY;AAGxB,QAAO,mFAAG,SAAS,aAAa,GAAI;;AAGtC,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/cjs/components/presentation/Organization/Organization.cjs

@@ -1,49 +0,0 @@
-const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
-const require_useOrganization = require('../../../contexts/Organization/useOrganization.cjs');
-const require_BaseOrganization = require('./BaseOrganization.cjs');
-let react_jsx_runtime = require("react/jsx-runtime");
-react_jsx_runtime = require_rolldown_runtime.__toESM(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 } = require_useOrganization.default();
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_BaseOrganization.default, {
-		organization: currentOrganization,
-		fallback,
-		children
-	});
-};
-Organization.displayName = "Organization";
-var Organization_default = Organization;
-
-//#endregion
-exports.default = Organization_default;
-//# sourceMappingURL=Organization.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Organization.cjs","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,iCAAiB;AAE/C,QACE,2CAACC;EAAiB,cAAc;EAA+B;EAC5D;GACgB;;AAIvB,aAAa,cAAc;AAE3B,2BAAe"}