@asgardeo/react 0.5.0 → 0.5.1

package/dist/index.js

@@ -11,11 +11,14 @@ import { useEffect as useEffect5, useMemo as useMemo6, useRef, useState as useSt
 // src/contexts/Asgardeo/AsgardeoContext.ts
 import { createContext } from "react";
 var AsgardeoContext = createContext({
-  afterSignInUrl: "",
-  baseUrl: "",
+  signInUrl: void 0,
+  signUpUrl: void 0,
+  afterSignInUrl: void 0,
+  baseUrl: void 0,
   isInitialized: false,
   isLoading: true,
   isSignedIn: false,
+  organization: null,
   signIn: null,
   signOut: null,
   signUp: null,
@@ -385,133 +388,87 @@ AuthAPI.DEFAULT_STATE = {
 };
 var api_default = AuthAPI;
 
-// src/api/scim2/getMeOrganizations.ts
-import { AsgardeoAPIError, AsgardeoSPAClient as AsgardeoSPAClient2 } from "@asgardeo/browser";
+// src/api/getMeOrganizations.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient2,
+  getMeOrganizations as baseGetMeOrganizations
+} from "@asgardeo/browser";
 var httpClient = AsgardeoSPAClient2.getInstance().httpRequest.bind(AsgardeoSPAClient2.getInstance());
-var getMeOrganizations = async ({
-  baseUrl,
-  after = "",
-  authorizedAppName = "",
-  before = "",
-  filter = "",
-  limit = 10,
-  recursive = false,
-  ...requestConfig
-}) => {
-  if (!baseUrl) {
-    throw new AsgardeoAPIError(
-      "Base URL is required",
-      "getMeOrganizations-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const queryParams = new URLSearchParams(
-    Object.fromEntries(
-      Object.entries({
-        after,
-        authorizedAppName,
-        before,
-        filter,
-        limit: limit.toString(),
-        recursive: recursive.toString()
-      }).filter(([, value]) => Boolean(value))
-    )
-  );
-  const response = await httpClient({
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    method: "GET",
-    url: `${baseUrl}/api/users/v1/me/organizations?${queryParams.toString()}`,
-    ...requestConfig
+var getMeOrganizations = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient({
+      url,
+      method: config.method || "GET",
+      headers: config.headers
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
+  };
+  return baseGetMeOrganizations({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError(
-      `Failed to fetch associated organizations of the user: ${errorText}`,
-      "getMeOrganizations-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data.organizations || [];
 };
 var getMeOrganizations_default = getMeOrganizations;
 
-// src/api/scim2/getMeProfile.ts
-import { AsgardeoAPIError as AsgardeoAPIError2, AsgardeoSPAClient as AsgardeoSPAClient3 } from "@asgardeo/browser";
+// src/api/getScim2Me.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient3,
+  getScim2Me as baseGetScim2Me
+} from "@asgardeo/browser";
 var httpClient2 = AsgardeoSPAClient3.getInstance().httpRequest.bind(AsgardeoSPAClient3.getInstance());
-var getMeProfile = async ({ url, ...requestConfig }) => {
-  try {
-    new URL(url);
-  } catch (error) {
-    throw new AsgardeoAPIError2(
-      "Invalid endpoint URL provided",
-      "getMeProfile-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const response = await httpClient2({
-    url,
-    method: "GET",
-    headers: {
-      "Content-Type": "application/scim+json",
-      Accept: "application/json"
-    }
+var getScim2Me = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient2({
+      url,
+      method: config.method || "GET",
+      headers: config.headers
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
+  };
+  return baseGetScim2Me({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError2(
-      `Failed to fetch user profile: ${errorText}`,
-      "getMeProfile-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
 };
-var getMeProfile_default = getMeProfile;
+var getScim2Me_default = getScim2Me;
 
-// src/api/scim2/getSchemas.ts
-import { AsgardeoAPIError as AsgardeoAPIError3, AsgardeoSPAClient as AsgardeoSPAClient4 } from "@asgardeo/browser";
+// src/api/getSchemas.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient4,
+  getSchemas as baseGetSchemas
+} from "@asgardeo/browser";
 var httpClient3 = AsgardeoSPAClient4.getInstance().httpRequest.bind(AsgardeoSPAClient4.getInstance());
-var getSchemas = async ({ url }) => {
-  try {
-    new URL(url);
-  } catch (error) {
-    throw new AsgardeoAPIError3(
-      "Invalid endpoint URL provided",
-      "getSchemas-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const response = await httpClient3({
-    url,
-    method: "GET",
-    headers: {
-      "Content-Type": "application/json",
-      Accept: "application/json"
-    }
+var getSchemas = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient3({
+      url,
+      method: config.method || "GET",
+      headers: config.headers
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
+  };
+  return baseGetSchemas({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    throw new AsgardeoAPIError3(
-      `Failed to fetch SCIM2 schemas`,
-      "getSchemas-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
 };
 var getSchemas_default = getSchemas;
 
@@ -529,8 +486,8 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
     try {
       const configData = await this.asgardeo.getConfigData();
       const baseUrl = configData?.baseUrl;
-      const profile = await getMeProfile_default({ url: `${baseUrl}/scim2/Me` });
-      const schemas = await getSchemas_default({ url: `${baseUrl}/scim2/Schemas` });
+      const profile = await getScim2Me_default({ baseUrl });
+      const schemas = await getSchemas_default({ baseUrl });
       return generateUserProfile(profile, flattenUserSchema(schemas));
     } catch (error) {
       return this.asgardeo.getDecodedIdToken();
@@ -540,8 +497,8 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
     try {
       const configData = await this.asgardeo.getConfigData();
       const baseUrl = configData?.baseUrl;
-      const profile = await getMeProfile_default({ url: `${baseUrl}/scim2/Me` });
-      const schemas = await getSchemas_default({ url: `${baseUrl}/scim2/Schemas` });
+      const profile = await getScim2Me_default({ baseUrl });
+      const schemas = await getSchemas_default({ baseUrl });
       const processedSchemas = flattenUserSchema(schemas);
       const output = {
         schemas: processedSchemas,
@@ -629,6 +586,9 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
   isSignedIn() {
     return this.asgardeo.isSignedIn();
   }
+  getConfiguration() {
+    return this.asgardeo.getConfigData();
+  }
   async signIn(...args) {
     const arg1 = args[0];
     const arg2 = args[1];
@@ -971,60 +931,34 @@ var useAsgardeo = () => {
 };
 var useAsgardeo_default = useAsgardeo;
 
-// src/api/scim2/getAllOrganizations.ts
-import { AsgardeoAPIError as AsgardeoAPIError4, AsgardeoSPAClient as AsgardeoSPAClient5 } from "@asgardeo/browser";
+// src/api/getAllOrganizations.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient5,
+  getAllOrganizations as baseGetAllOrganizations
+} from "@asgardeo/browser";
 var httpClient4 = AsgardeoSPAClient5.getInstance().httpRequest.bind(AsgardeoSPAClient5.getInstance());
 var getAllOrganizations = async ({
-  baseUrl,
-  filter = "",
-  limit = 10,
-  recursive = false,
+  fetcher,
   ...requestConfig
 }) => {
-  if (!baseUrl) {
-    throw new AsgardeoAPIError4(
-      "Base URL is required",
-      "getAllOrganizations-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const queryParams = new URLSearchParams(
-    Object.fromEntries(
-      Object.entries({
-        filter,
-        limit: limit.toString(),
-        recursive: recursive.toString()
-      }).filter(([, value]) => Boolean(value))
-    )
-  );
-  const response = await httpClient4({
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    method: "GET",
-    url: `${baseUrl}/api/server/v1/organizations?${queryParams.toString()}`,
-    ...requestConfig
-  });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError4(
-      errorText || "Failed to get organizations",
-      "getAllOrganizations-NetworkError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  const { data } = response;
-  return {
-    hasMore: data.hasMore,
-    nextCursor: data.nextCursor,
-    organizations: data.organizations || [],
-    totalCount: data.totalCount
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient4({
+      url,
+      method: config.method || "GET",
+      headers: config.headers
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
   };
+  return baseGetAllOrganizations({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
+  });
 };
 var getAllOrganizations_default = getAllOrganizations;
 
@@ -1308,6 +1242,8 @@ var AsgardeoProvider = ({
   children,
   scopes,
   preferences,
+  signInUrl,
+  signUpUrl,
   ...rest
 }) => {
   const reRenderCheckRef = useRef(false);
@@ -1326,6 +1262,8 @@ var AsgardeoProvider = ({
         baseUrl,
         clientId,
         scopes,
+        signUpUrl,
+        signInUrl,
         ...rest
       });
     })();
@@ -1445,11 +1383,14 @@ var AsgardeoProvider = ({
     AsgardeoContext_default.Provider,
     {
       value: {
+        signInUrl,
+        signUpUrl,
         afterSignInUrl,
         baseUrl,
         isInitialized: isInitializedSync,
         isLoading: asgardeo.isLoading(),
         isSignedIn: isSignedInSync,
+        organization: currentOrganization,
         signIn,
         signOut,
         signUp,
@@ -2122,20 +2063,25 @@ import { AsgardeoRuntimeError as AsgardeoRuntimeError4 } from "@asgardeo/browser
 import { forwardRef as forwardRef3, useState as useState8 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
 var SignInButton = forwardRef3(({ children, onClick, preferences, ...rest }, ref) => {
-  const { signIn } = useAsgardeo_default();
+  const { signIn, signInUrl } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
   const [isLoading, setIsLoading] = useState8(false);
   const handleSignIn = async (e) => {
     try {
       setIsLoading(true);
-      await signIn();
+      if (signInUrl) {
+        window.history.pushState(null, "", signInUrl);
+        window.dispatchEvent(new PopStateEvent("popstate", { state: null }));
+      } else {
+        await signIn();
+      }
       if (onClick) {
         onClick(e);
       }
     } catch (error) {
       throw new AsgardeoRuntimeError4(
         `Sign in failed: ${error instanceof Error ? error.message : String(error)}`,
-        "handleSignIn-RuntimeError-001",
+        "SignInButton-handleSignIn-RuntimeError-001",
         "react",
         "Something went wrong while trying to sign in. Please try again later."
       );
@@ -2209,7 +2155,7 @@ var SignOutButton = forwardRef5(({ children, onClick, preferences, ...rest }, re
     } catch (error) {
       throw new AsgardeoRuntimeError5(
         `Sign out failed: ${error instanceof Error ? error.message : String(error)}`,
-        "handleSignOut-RuntimeError-001",
+        "SignOutButton-handleSignOut-RuntimeError-001",
         "react",
         "Something went wrong while trying to sign out. Please try again later."
       );
@@ -2270,20 +2216,25 @@ import { AsgardeoRuntimeError as AsgardeoRuntimeError6 } from "@asgardeo/browser
 import { forwardRef as forwardRef7, useState as useState10 } from "react";
 import { jsx as jsx14 } from "react/jsx-runtime";
 var SignUpButton = forwardRef7(({ children, onClick, preferences, ...rest }, ref) => {
-  const { signUp } = useAsgardeo_default();
+  const { signUp, signUpUrl } = useAsgardeo_default();
   const { t } = useTranslation_default(preferences?.i18n);
   const [isLoading, setIsLoading] = useState10(false);
   const handleSignUp = async (e) => {
     try {
       setIsLoading(true);
-      await signUp();
+      if (signUpUrl) {
+        window.history.pushState(null, "", signUpUrl);
+        window.dispatchEvent(new PopStateEvent("popstate", { state: null }));
+      } else {
+        await signUp();
+      }
       if (onClick) {
         onClick(e);
       }
     } catch (error) {
       throw new AsgardeoRuntimeError6(
         `Sign up failed: ${error instanceof Error ? error.message : String(error)}`,
-        "handleSignUp-RuntimeError-001",
+        "SignUpButton-handleSignUp-RuntimeError-001",
         "react",
         "Something went wrong while trying to sign up. Please try again later."
       );
@@ -2349,7 +2300,7 @@ var AsgardeoLoading = ({
   }
   return /* @__PURE__ */ jsx17(Fragment8, { children });
 };
-AsgardeoLoading.displayName = "Loading";
+AsgardeoLoading.displayName = "AsgardeoLoading";
 var AsgardeoLoading_default = AsgardeoLoading;
 
 // src/components/presentation/SignIn/BaseSignIn.tsx
@@ -2358,7 +2309,7 @@ import {
   EmbeddedSignInFlowStatus,
   EmbeddedSignInFlowAuthenticatorPromptType,
   ApplicationNativeAuthenticationConstants as ApplicationNativeAuthenticationConstants3,
-  AsgardeoAPIError as AsgardeoAPIError5,
+  AsgardeoAPIError as AsgardeoAPIError2,
   withVendorCSSClassPrefix as withVendorCSSClassPrefix14
 } from "@asgardeo/browser";
 import { clsx as clsx15 } from "clsx";
@@ -3147,13 +3098,6 @@ var Checkbox_default = Checkbox;
 // src/components/factories/FieldFactory.tsx
 import { FieldType } from "@asgardeo/browser";
 import { jsx as jsx29 } from "react/jsx-runtime";
-var parseMultiValuedString = (value) => {
-  if (!value || value.trim() === "") return [];
-  return value.split(",").map((item) => item.trim()).filter((item) => item.length > 0);
-};
-var formatMultiValuedString = (values) => {
-  return values.join(", ");
-};
 var validateFieldValue = (value, type, required = false, touched = false) => {
   if (required && touched && (!value || value.trim() === "")) {
     return "This field is required";
@@ -4714,11 +4658,6 @@ var handleWebAuthnAuthentication = async (challengeData) => {
         }))
       }
     };
-    console.log("WebAuthn authentication with options:", {
-      originalRpId: challengeRpId,
-      adjustedRpId: rpIdToUse,
-      currentDomain
-    });
     const credential = await navigator.credentials.get({
       publicKey: adjustedOptions
     });
@@ -4782,6 +4721,7 @@ var BaseSignIn = (props) => /* @__PURE__ */ jsx51(FlowProvider_default, { childr
 var BaseSignInContent = ({
   afterSignInUrl,
   onInitialize,
+  isLoading: externalIsLoading,
   onSubmit,
   onSuccess,
   onError,
@@ -4796,13 +4736,14 @@ var BaseSignInContent = ({
 }) => {
   const { t } = useTranslation_default();
   const { subtitle: flowSubtitle, title: flowTitle, messages: flowMessages } = useFlow_default();
-  const [isLoading, setIsLoading] = useState13(false);
+  const [isSignInInitializationRequestLoading, setIsSignInInitializationRequestLoading] = useState13(false);
   const [isInitialized, setIsInitialized] = useState13(false);
   const [currentFlow, setCurrentFlow] = useState13(null);
   const [currentAuthenticator, setCurrentAuthenticator] = useState13(null);
   const [error, setError] = useState13(null);
   const [messages, setMessages] = useState13([]);
-  const initializationAttemptedRef = useRef3(false);
+  const isLoading = externalIsLoading || isSignInInitializationRequestLoading;
+  const reRenderCheckRef = useRef3(false);
   const formFields = currentAuthenticator?.metadata?.params?.map((param) => ({
     name: param.param,
     required: currentAuthenticator.requiredParams.includes(param.param),
@@ -4964,7 +4905,7 @@ var BaseSignInContent = ({
     if (!validation.isValid) {
       return;
     }
-    setIsLoading(true);
+    setIsSignInInitializationRequestLoading(true);
     setError(null);
     setMessages([]);
     try {
@@ -5013,11 +4954,11 @@ var BaseSignInContent = ({
         }
       }
     } catch (err) {
-      const errorMessage = err instanceof AsgardeoAPIError5 ? err.message : t("errors.sign.in.flow.failure");
+      const errorMessage = err instanceof AsgardeoAPIError2 ? err.message : t("errors.sign.in.flow.failure");
       setError(errorMessage);
       onError?.(err);
     } finally {
-      setIsLoading(false);
+      setIsSignInInitializationRequestLoading(false);
     }
   };
   const handleAuthenticatorSelection = async (authenticator, formData) => {
@@ -5027,7 +4968,7 @@ var BaseSignInContent = ({
     if (formData) {
       touchAllFields();
     }
-    setIsLoading(true);
+    setIsSignInInitializationRequestLoading(true);
     setError(null);
     setMessages([]);
     try {
@@ -5222,11 +5163,11 @@ var BaseSignInContent = ({
         }
       }
     } catch (err) {
-      const errorMessage = err instanceof AsgardeoAPIError5 ? err.message : "Authenticator selection failed";
+      const errorMessage = err instanceof AsgardeoAPIError2 ? err.message : "Authenticator selection failed";
       setError(errorMessage);
       onError?.(err);
     } finally {
-      setIsLoading(false);
+      setIsSignInInitializationRequestLoading(false);
     }
   };
   const handleInputChange = (param, value) => {
@@ -5270,52 +5211,52 @@ var BaseSignInContent = ({
   const errorClasses = clsx15([withVendorCSSClassPrefix14("signin__error")], errorClassName);
   const messageClasses = clsx15([withVendorCSSClassPrefix14("signin__messages")], messageClassName);
   useEffect12(() => {
-    if (!isInitialized && !initializationAttemptedRef.current) {
-      initializationAttemptedRef.current = true;
-      const performInitialization = async () => {
-        setIsLoading(true);
-        setError(null);
-        try {
-          const response = await onInitialize();
-          setCurrentFlow(response);
-          setIsInitialized(true);
-          onFlowChange?.(response);
-          if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {
-            onSuccess?.(response.authData || {});
-            return;
-          }
-          if (response?.nextStep?.authenticators?.length > 0) {
-            if (response.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt && response.nextStep.authenticators.length > 1) {
-              setCurrentAuthenticator(null);
-            } else {
-              const authenticator = response.nextStep.authenticators[0];
-              setCurrentAuthenticator(authenticator);
-              setupFormFields(authenticator);
-            }
-          }
-          if (response && "nextStep" in response && response.nextStep && "messages" in response.nextStep) {
-            const stepMessages = response.nextStep.messages || [];
-            setMessages(
-              stepMessages.map((msg) => ({
-                type: msg.type || "INFO",
-                message: msg.message || ""
-              }))
-            );
+    if (isLoading) {
+      return;
+    }
+    if (reRenderCheckRef.current) {
+      return;
+    }
+    reRenderCheckRef.current = true;
+    (async () => {
+      setIsSignInInitializationRequestLoading(true);
+      setError(null);
+      try {
+        const response = await onInitialize();
+        setCurrentFlow(response);
+        setIsInitialized(true);
+        onFlowChange?.(response);
+        if (response?.flowStatus === EmbeddedSignInFlowStatus.SuccessCompleted) {
+          onSuccess?.(response.authData || {});
+          return;
+        }
+        if (response?.nextStep?.authenticators?.length > 0) {
+          if (response.nextStep.stepType === EmbeddedSignInFlowStepType.MultiOptionsPrompt && response.nextStep.authenticators.length > 1) {
+            setCurrentAuthenticator(null);
+          } else {
+            const authenticator = response.nextStep.authenticators[0];
+            setCurrentAuthenticator(authenticator);
+            setupFormFields(authenticator);
           }
-        } catch (err) {
-          const errorMessage = err instanceof AsgardeoAPIError5 ? err.message : t("errors.sign.in.initialization");
-          setError(errorMessage);
-          onError?.(err);
-        } finally {
-          setIsLoading(false);
         }
-      };
-      performInitialization();
-    }
-    return () => {
-      initializationAttemptedRef.current = false;
-    };
-  }, [isInitialized]);
+        if (response && "nextStep" in response && response.nextStep && "messages" in response.nextStep) {
+          const stepMessages = response.nextStep.messages || [];
+          setMessages(
+            stepMessages.map((msg) => ({
+              type: msg.type || "INFO",
+              message: msg.message || ""
+            }))
+          );
+        }
+      } catch (err) {
+        const errorMessage = err instanceof AsgardeoAPIError2 ? err.message : t("errors.sign.in.initialization");
+        setError(errorMessage);
+        onError?.(err);
+      } finally {
+        setIsSignInInitializationRequestLoading(false);
+      }
+    })();
+  }, [isLoading]);
   if (!isInitialized && isLoading) {
     return /* @__PURE__ */ jsx51(Card_default, { className: containerClasses, variant, children: /* @__PURE__ */ jsx51(Card_default.Content, { children: /* @__PURE__ */ jsxs27("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", padding: "2rem" }, children: [
       /* @__PURE__ */ jsx51(Spinner_default, { size: "medium" }),
@@ -5475,9 +5416,13 @@ var BaseSignIn_default = BaseSignIn;
 // src/components/presentation/SignIn/SignIn.tsx
 import { jsx as jsx52 } from "react/jsx-runtime";
 var SignIn = ({ className, size = "medium", variant = "outlined" }) => {
-  const { signIn, afterSignInUrl } = useAsgardeo_default();
-  const handleInitialize = async () => await signIn({ response_mode: "direct" });
-  const handleOnSubmit = async (payload, request) => await signIn(payload, request);
+  const { signIn, afterSignInUrl, isInitialized, isLoading } = useAsgardeo_default();
+  const handleInitialize = async () => {
+    return await signIn({ response_mode: "direct" });
+  };
+  const handleOnSubmit = async (payload, request) => {
+    return await signIn(payload, request);
+  };
   const handleSuccess = (authData) => {
     if (authData && afterSignInUrl) {
       const url = new URL(afterSignInUrl, window.location.origin);
@@ -5492,6 +5437,7 @@ var SignIn = ({ className, size = "medium", variant = "outlined" }) => {
   return /* @__PURE__ */ jsx52(
     BaseSignIn_default,
     {
+      isLoading: isLoading || !isInitialized,
       afterSignInUrl,
       onInitialize: handleInitialize,
       onSubmit: handleOnSubmit,
@@ -5510,7 +5456,7 @@ import {
   EmbeddedFlowComponentType as EmbeddedFlowComponentType2,
   EmbeddedFlowResponseType,
   withVendorCSSClassPrefix as withVendorCSSClassPrefix15,
-  AsgardeoAPIError as AsgardeoAPIError6
+  AsgardeoAPIError as AsgardeoAPIError3
 } from "@asgardeo/browser";
 import { clsx as clsx16 } from "clsx";
 import { useEffect as useEffect13, useState as useState14, useCallback as useCallback7, useRef as useRef4 } from "react";
@@ -6199,7 +6145,7 @@ var BaseSignUpContent = ({
         setupFormFields(response);
       }
     } catch (err) {
-      const errorMessage = err instanceof AsgardeoAPIError6 ? err.message : t("errors.sign.up.flow.failure");
+      const errorMessage = err instanceof AsgardeoAPIError3 ? err.message : t("errors.sign.up.flow.failure");
       setError(errorMessage);
       onError?.(err);
     } finally {
@@ -6245,7 +6191,7 @@ var BaseSignUpContent = ({
             popup.close();
             cleanup();
           } catch (err) {
-            const errorMessage = err instanceof AsgardeoAPIError6 ? err.message : t("errors.sign.up.flow.failure");
+            const errorMessage = err instanceof AsgardeoAPIError3 ? err.message : t("errors.sign.up.flow.failure");
             setError(errorMessage);
             onError?.(err);
             popup.close();
@@ -6305,7 +6251,7 @@ var BaseSignUpContent = ({
                   }
                   popup.close();
                 } catch (err) {
-                  const errorMessage = err instanceof AsgardeoAPIError6 ? err.message : t("errors.sign.up.flow.failure");
+                  const errorMessage = err instanceof AsgardeoAPIError3 ? err.message : t("errors.sign.up.flow.failure");
                   setError(errorMessage);
                   onError?.(err);
                   popup.close();
@@ -6532,12 +6478,12 @@ var BaseOrganization_default = BaseOrganization;
 
 // src/components/presentation/Organization/Organization.tsx
 import { jsx as jsx66 } from "react/jsx-runtime";
-var Organization6 = ({ children, fallback = null }) => {
+var Organization5 = ({ children, fallback = null }) => {
   const { currentOrganization } = useOrganization_default();
   return /* @__PURE__ */ jsx66(BaseOrganization_default, { organization: currentOrganization, fallback, children });
 };
-Organization6.displayName = "Organization";
-var Organization_default = Organization6;
+Organization5.displayName = "Organization";
+var Organization_default = Organization5;
 
 // src/components/presentation/UserProfile/BaseUserProfile.tsx
 import { withVendorCSSClassPrefix as withVendorCSSClassPrefix18, WellKnownSchemaIds } from "@asgardeo/browser";
@@ -7576,55 +7522,32 @@ var useStyles4 = () => {
 };
 var BaseUserProfile_default = BaseUserProfile;
 
-// src/api/scim2/updateMeProfile.ts
-import { AsgardeoAPIError as AsgardeoAPIError7, AsgardeoSPAClient as AsgardeoSPAClient6 } from "@asgardeo/browser";
+// src/api/updateMeProfile.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient6,
+  updateMeProfile as baseUpdateMeProfile
+} from "@asgardeo/browser";
 var httpClient5 = AsgardeoSPAClient6.getInstance().httpRequest.bind(AsgardeoSPAClient6.getInstance());
-var updateMeProfile = async ({
-  url,
-  payload,
-  ...requestConfig
-}) => {
-  try {
-    new URL(url);
-  } catch (error) {
-    throw new AsgardeoAPIError7(
-      "Invalid endpoint URL provided",
-      "updateMeProfile-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const data = {
-    Operations: [
-      {
-        op: "replace",
-        value: payload
-      }
-    ],
-    schemas: ["urn:ietf:params:scim:api:messages:2.0:PatchOp"]
+var updateMeProfile = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient5({
+      url,
+      method: config.method || "PATCH",
+      headers: config.headers,
+      data: config.body ? JSON.parse(config.body) : void 0
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
   };
-  const response = await httpClient5({
-    url,
-    method: "PATCH",
-    headers: {
-      "Content-Type": "application/scim+json",
-      Accept: "application/json"
-    },
-    data,
-    ...requestConfig
+  return baseUpdateMeProfile({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError7(
-      `Failed to update user profile: ${errorText}`,
-      "updateMeProfile-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
 };
 var updateMeProfile_default = updateMeProfile;
 
@@ -7634,7 +7557,7 @@ var UserProfile3 = ({ ...rest }) => {
   const { baseUrl } = useAsgardeo_default();
   const { profile, flattenedProfile, schemas, revalidateProfile } = useUser_default();
   const handleProfileUpdate = async (payload) => {
-    await updateMeProfile_default({ url: `${baseUrl}/scim2/Me`, payload });
+    await updateMeProfile_default({ baseUrl, payload });
     await revalidateProfile();
   };
   return /* @__PURE__ */ jsx74(
@@ -8008,7 +7931,7 @@ var UserDropdown = ({
   };
   const handleSignOut = () => {
     signOut();
-    onSignOut();
+    onSignOut && onSignOut();
   };
   const closeProfile = () => {
     setIsProfileOpen(false);
@@ -8699,8 +8622,6 @@ var BaseCreateOrganization = ({
   const styles = useStyles7();
   const { theme } = useTheme_default();
   const { t } = useTranslation_default();
-  const [avatarUrl, setAvatarUrl] = useState19("");
-  const [avatarFile, setAvatarFile] = useState19(null);
   const [formData, setFormData] = useState19({
     description: "",
     handle: "",
@@ -8736,35 +8657,6 @@ var BaseCreateOrganization = ({
       }));
     }
   };
-  const handleAvatarUpload = (event) => {
-    const file = event.target.files?.[0];
-    if (file) {
-      if (!file.type.startsWith("image/")) {
-        setFormErrors((prev) => ({
-          ...prev,
-          avatar: "Please select a valid image file"
-        }));
-        return;
-      }
-      if (file.size > 2 * 1024 * 1024) {
-        setFormErrors((prev) => ({
-          ...prev,
-          avatar: "Image size must be less than 2MB"
-        }));
-        return;
-      }
-      setAvatarFile(file);
-      const reader = new FileReader();
-      reader.onload = (e) => {
-        setAvatarUrl(e.target?.result);
-      };
-      reader.readAsDataURL(file);
-      setFormErrors((prev) => ({
-        ...prev,
-        avatar: void 0
-      }));
-    }
-  };
   const handleNameChange = (value) => {
     handleInputChange("name", value);
     if (!formData.handle || formData.handle === generateHandleFromName(formData.name)) {
@@ -8796,7 +8688,6 @@ var BaseCreateOrganization = ({
       console.error("Form submission error:", submitError);
     }
   };
-  const defaultRenderHeader = () => /* @__PURE__ */ jsx81("div", { className: withVendorCSSClassPrefix21("create-organization__header"), style: styles.header, children: /* @__PURE__ */ jsx81(Typography_default, { variant: "h6", component: "h2", children: t("organization.create.title") }) });
   const containerStyle = {
     ...styles.root,
     ...cardLayout ? styles.card : {}
@@ -8881,57 +8772,32 @@ var BaseCreateOrganization = ({
   return createOrganizationContent;
 };
 
-// src/api/scim2/createOrganization.ts
-import { AsgardeoAPIError as AsgardeoAPIError8, AsgardeoSPAClient as AsgardeoSPAClient7 } from "@asgardeo/browser";
+// src/api/createOrganization.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient7,
+  createOrganization as baseCreateOrganization
+} from "@asgardeo/browser";
 var httpClient6 = AsgardeoSPAClient7.getInstance().httpRequest.bind(AsgardeoSPAClient7.getInstance());
-var createOrganization = async ({
-  baseUrl,
-  payload,
-  ...requestConfig
-}) => {
-  if (!baseUrl) {
-    throw new AsgardeoAPIError8(
-      "Base URL is required",
-      "createOrganization-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  if (!payload) {
-    throw new AsgardeoAPIError8(
-      "Organization payload is required",
-      "createOrganization-ValidationError-002",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const organizationPayload = {
-    ...payload,
-    type: "TENANT"
+var createOrganization = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient6({
+      url,
+      method: config.method || "POST",
+      headers: config.headers,
+      data: config.body ? JSON.parse(config.body) : void 0
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
   };
-  const response = await httpClient6({
-    data: JSON.stringify(organizationPayload),
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    method: "POST",
-    url: `${baseUrl}/api/server/v1/organizations`,
-    ...requestConfig
+  return baseCreateOrganization({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError8(
-      `Failed to create organization: ${errorText}`,
-      "createOrganization-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
 };
 var createOrganization_default = createOrganization;
 
@@ -9768,129 +9634,63 @@ var useStyles8 = () => {
 };
 var BaseOrganizationProfile_default = BaseOrganizationProfile;
 
-// src/api/scim2/getOrganization.ts
-import { AsgardeoAPIError as AsgardeoAPIError9, AsgardeoSPAClient as AsgardeoSPAClient8 } from "@asgardeo/browser";
+// src/api/getOrganization.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient8,
+  getOrganization as baseGetOrganization
+} from "@asgardeo/browser";
 var httpClient7 = AsgardeoSPAClient8.getInstance().httpRequest.bind(AsgardeoSPAClient8.getInstance());
-var getOrganization = async ({
-  baseUrl,
-  organizationId,
-  ...requestConfig
-}) => {
-  if (!baseUrl) {
-    throw new AsgardeoAPIError9(
-      "Base URL is required",
-      "getOrganization-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  if (!organizationId) {
-    throw new AsgardeoAPIError9(
-      "Organization ID is required",
-      "getOrganization-ValidationError-002",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const response = await httpClient7({
-    headers: {
-      Accept: "application/json",
-      "Content-Type": "application/json"
-    },
-    method: "GET",
-    url: `${baseUrl}/api/server/v1/organizations/${organizationId}`,
-    ...requestConfig
+var getOrganization = async ({ fetcher, ...requestConfig }) => {
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient7({
+      url,
+      method: config.method || "GET",
+      headers: config.headers
+    });
+    return {
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
+    };
+  };
+  return baseGetOrganization({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError9(
-      `Failed to fetch organization details: ${errorText}`,
-      "getOrganization-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
 };
 var getOrganization_default = getOrganization;
 
-// src/api/scim2/updateOrganization.ts
-import { AsgardeoAPIError as AsgardeoAPIError10, AsgardeoSPAClient as AsgardeoSPAClient9, isEmpty } from "@asgardeo/browser";
+// src/api/updateOrganization.ts
+import {
+  AsgardeoSPAClient as AsgardeoSPAClient9,
+  updateOrganization as baseUpdateOrganization,
+  createPatchOperations
+} from "@asgardeo/browser";
 var httpClient8 = AsgardeoSPAClient9.getInstance().httpRequest.bind(AsgardeoSPAClient9.getInstance());
 var updateOrganization = async ({
-  baseUrl,
-  organizationId,
-  operations,
+  fetcher,
   ...requestConfig
 }) => {
-  try {
-    new URL(baseUrl);
-  } catch (error) {
-    throw new AsgardeoAPIError10(
-      "Invalid base URL provided",
-      "updateOrganization-ValidationError-001",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  if (!organizationId) {
-    throw new AsgardeoAPIError10(
-      "Organization ID is required",
-      "updateOrganization-ValidationError-002",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  if (!operations || !Array.isArray(operations) || operations.length === 0) {
-    throw new AsgardeoAPIError10(
-      "Operations array is required and cannot be empty",
-      "updateOrganization-ValidationError-003",
-      "javascript",
-      400,
-      "Invalid Request"
-    );
-  }
-  const url = `${baseUrl}/api/server/v1/organizations/${organizationId}`;
-  const response = await httpClient8({
-    url,
-    method: "PATCH",
-    headers: {
-      "Content-Type": "application/json",
-      Accept: "application/json"
-    },
-    data: operations,
-    ...requestConfig
-  });
-  if (!response.data) {
-    const errorText = await response.text();
-    throw new AsgardeoAPIError10(
-      `Failed to update organization: ${errorText}`,
-      "updateOrganization-ResponseError-001",
-      "javascript",
-      response.status,
-      response.statusText
-    );
-  }
-  return response.data;
-};
-var createPatchOperations = (payload) => {
-  return Object.entries(payload).map(([key, value]) => {
-    if (isEmpty(value)) {
-      return {
-        operation: "REMOVE",
-        path: `/${key}`
-      };
-    }
+  const defaultFetcher = async (url, config) => {
+    const response = await httpClient8({
+      url,
+      method: config.method || "PATCH",
+      headers: config.headers,
+      data: config.body ? JSON.parse(config.body) : void 0
+    });
     return {
-      operation: "REPLACE",
-      path: `/${key}`,
-      value
+      ok: response.status >= 200 && response.status < 300,
+      status: response.status,
+      statusText: response.statusText || "",
+      json: () => Promise.resolve(response.data),
+      text: () => Promise.resolve(typeof response.data === "string" ? response.data : JSON.stringify(response.data))
     };
+  };
+  return baseUpdateOrganization({
+    ...requestConfig,
+    fetcher: fetcher || defaultFetcher
   });
 };
 var updateOrganization_default = updateOrganization;
@@ -10662,11 +10462,16 @@ export {
   UsernamePassword_default as UsernamePassword,
   createField,
   createOrganization_default as createOrganization,
+  createPatchOperations,
   createSignInOption,
   createSignInOptionFromAuthenticator,
-  formatMultiValuedString,
+  getAllOrganizations_default as getAllOrganizations,
   getMeOrganizations_default as getMeOrganizations,
-  parseMultiValuedString,
+  getScim2Me_default as getMeProfile,
+  getOrganization_default as getOrganization,
+  getSchemas_default as getSchemas,
+  updateMeProfile_default as updateMeProfile,
+  updateOrganization_default as updateOrganization,
   useAsgardeo_default as useAsgardeo,
   useBrowserUrl_default as useBrowserUrl,
   useFlow_default as useFlow,