@asgardeo/react 0.5.6 → 0.5.8

package/dist/contexts/Asgardeo/AsgardeoContext.d.ts

@@ -17,6 +17,7 @@
  */
 import { Context } from 'react';
 import { Organization } from '@asgardeo/browser';
+import AsgardeoReactClient from '../../AsgardeoReactClient';
 /**
  * Props interface of {@link AsgardeoContext}
  */
@@ -42,6 +43,7 @@ export type AsgardeoContextProps = {
      * TODO: Fix the types.
      */
     signIn: any;
+    signInSilently: AsgardeoReactClient['signInSilently'];
     /**
      * Sign-out function to terminate the authentication session.
      * @remark This is the programmatic version of the `SignOutButton` component.

package/dist/contexts/Organization/OrganizationContext.d.ts

@@ -15,19 +15,23 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { AllOrganizationsApiResponse, Organization } from '@asgardeo/browser';
+import { AllOrganizationsApiResponse, Organization, CreateOrganizationPayload } from '@asgardeo/browser';
 import { Context } from 'react';
 /**
  * Props interface of {@link OrganizationContext}
  */
 export type OrganizationContextProps = {
+    /**
+     * Function to create a new organization.
+     */
+    createOrganization?: (payload: CreateOrganizationPayload, sessionId: string) => Promise<Organization>;
     currentOrganization: Organization | null;
     error: string | null;
+    getAllOrganizations: () => Promise<AllOrganizationsApiResponse>;
     isLoading: boolean;
     myOrganizations: Organization[];
-    switchOrganization: (organization: Organization) => Promise<void>;
     revalidateMyOrganizations: () => Promise<Organization[]>;
-    getAllOrganizations: () => Promise<AllOrganizationsApiResponse>;
+    switchOrganization: (organization: Organization) => Promise<void>;
 };
 /**
  * Context object for managing organization data and related operations.

package/dist/contexts/Organization/OrganizationProvider.d.ts

@@ -15,7 +15,7 @@
  * specific language governing permissions and limitations
  * under the License.
  */
-import { Organization, AllOrganizationsApiResponse } from '@asgardeo/browser';
+import { Organization, AllOrganizationsApiResponse, CreateOrganizationPayload } from '@asgardeo/browser';
 import { FC, PropsWithChildren } from 'react';
 /**
  * Props interface of {@link OrganizationProvider}
@@ -25,10 +25,18 @@ export interface OrganizationProviderProps {
      * Whether to automatically fetch organizations on mount
      */
     autoFetch?: boolean;
+    /**
+     * Function to create a new organization.
+     */
+    createOrganization?: (payload: CreateOrganizationPayload, sessionId: string) => Promise<Organization>;
     /**
      * Initial current organization
      */
     currentOrganization?: Organization | null;
+    /**
+     * Initial list of organizations
+     */
+    getAllOrganizations?: () => Promise<AllOrganizationsApiResponse>;
     /**
      * List of organizations the signed-in user belongs to.
      */
@@ -41,10 +49,6 @@ export interface OrganizationProviderProps {
      * Callback function called when switching organizations
      */
     onOrganizationSwitch?: (organization: Organization) => Promise<void>;
-    /**
-     * Initial list of organizations
-     */
-    getAllOrganizations?: () => Promise<AllOrganizationsApiResponse>;
     /**
      * Refetch the my organizations list.
      * @returns

package/dist/index.d.ts

@@ -193,3 +193,4 @@ export { default as getSchemas, GetSchemasConfig } from './api/getSchemas';
 export { default as updateMeProfile, UpdateMeProfileConfig } from './api/updateMeProfile';
 export { default as getMeProfile } from './api/getScim2Me';
 export * from './api/getScim2Me';
+export { AsgardeoRuntimeError } from '@asgardeo/browser';

package/dist/index.js

@@ -24,6 +24,7 @@ var AsgardeoContext = createContext({
   isSignedIn: false,
   organization: null,
   signIn: null,
+  signInSilently: null,
   signOut: null,
   signUp: null,
   user: null
@@ -356,29 +357,14 @@ var _AuthAPI = class _AuthAPI {
    *
    * @example
    *```
-   * client.trySignInSilently()
+   * client.signInSilently()
    *```
    */
-  async trySignInSilently(state, dispatch, additionalParams, tokenRequestConfig) {
-    return this._client.trySignInSilently(additionalParams, tokenRequestConfig).then(async (response) => {
+  async signInSilently(additionalParams, tokenRequestConfig) {
+    return this._client.signInSilently(additionalParams, tokenRequestConfig).then(async (response) => {
       if (!response) {
-        this.updateState({ ...this.getState(), isLoading: false });
-        dispatch({ ...state, isLoading: false });
         return false;
       }
-      if (await this._client.isSignedIn()) {
-        const basicUserInfo = response;
-        const stateToUpdate = {
-          displayName: basicUserInfo.displayName,
-          email: basicUserInfo.email,
-          isSignedIn: true,
-          isLoading: false,
-          isSigningOut: false,
-          username: basicUserInfo.username
-        };
-        this.updateState(stateToUpdate);
-        dispatch({ ...state, ...stateToUpdate });
-      }
       return response;
     }).catch((error) => Promise.reject(error));
   }
@@ -514,14 +500,38 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
   constructor() {
     super();
     __publicField(this, "asgardeo");
+    __publicField(this, "_isLoading", false);
     this.asgardeo = new api_default();
   }
+  /**
+   * Set the loading state of the client
+   * @param loading - Boolean indicating if the client is in a loading state
+   */
+  setLoading(loading) {
+    this._isLoading = loading;
+  }
+  /**
+   * Wrap async operations with loading state management
+   * @param operation - The async operation to execute
+   * @returns Promise with the result of the operation
+   */
+  async withLoading(operation) {
+    this.setLoading(true);
+    try {
+      const result = await operation();
+      return result;
+    } finally {
+      this.setLoading(false);
+    }
+  }
   initialize(config) {
     let resolvedOrganizationHandle = config?.organizationHandle;
     if (!resolvedOrganizationHandle) {
       resolvedOrganizationHandle = deriveOrganizationHandleFromBaseUrl(config?.baseUrl);
     }
-    return this.asgardeo.init({ ...config, organizationHandle: resolvedOrganizationHandle });
+    return this.withLoading(async () => {
+      return this.asgardeo.init({ ...config, organizationHandle: resolvedOrganizationHandle });
+    });
   }
   async updateUserProfile(payload, userId) {
     throw new Error("Not implemented");
@@ -610,47 +620,49 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
     };
   }
   async switchOrganization(organization, sessionId) {
-    try {
-      const configData = await this.asgardeo.getConfigData();
-      const scopes = configData?.scopes;
-      if (!organization.id) {
+    return this.withLoading(async () => {
+      try {
+        const configData = await this.asgardeo.getConfigData();
+        const scopes = configData?.scopes;
+        if (!organization.id) {
+          throw new AsgardeoRuntimeError(
+            "Organization ID is required for switching organizations",
+            "react-AsgardeoReactClient-SwitchOrganizationError-001",
+            "react",
+            "The organization object must contain a valid ID to perform the organization switch."
+          );
+        }
+        const exchangeConfig = {
+          attachToken: false,
+          data: {
+            client_id: "{{clientId}}",
+            grant_type: "organization_switch",
+            scope: "{{scopes}}",
+            switching_organization: organization.id,
+            token: "{{accessToken}}"
+          },
+          id: "organization-switch",
+          returnsSession: true,
+          signInRequired: true
+        };
+        return await this.asgardeo.exchangeToken(
+          exchangeConfig,
+          (user) => {
+          },
+          () => null
+        );
+      } catch (error) {
         throw new AsgardeoRuntimeError(
-          "Organization ID is required for switching organizations",
-          "react-AsgardeoReactClient-SwitchOrganizationError-001",
+          `Failed to switch organization: ${error.message || error}`,
+          "react-AsgardeoReactClient-SwitchOrganizationError-003",
           "react",
-          "The organization object must contain a valid ID to perform the organization switch."
+          "An error occurred while switching to the specified organization. Please try again."
         );
       }
-      const exchangeConfig = {
-        attachToken: false,
-        data: {
-          client_id: "{{clientId}}",
-          grant_type: "organization_switch",
-          scope: "{{scopes}}",
-          switching_organization: organization.id,
-          token: "{{accessToken}}"
-        },
-        id: "organization-switch",
-        returnsSession: true,
-        signInRequired: true
-      };
-      return await this.asgardeo.exchangeToken(
-        exchangeConfig,
-        (user) => {
-        },
-        () => null
-      );
-    } catch (error) {
-      throw new AsgardeoRuntimeError(
-        `Failed to switch organization: ${error.message || error}`,
-        "react-AsgardeoReactClient-SwitchOrganizationError-003",
-        "react",
-        "An error occurred while switching to the specified organization. Please try again."
-      );
-    }
+    });
   }
   isLoading() {
-    return this.asgardeo.isLoading();
+    return this._isLoading || this.asgardeo.isLoading();
   }
   async isInitialized() {
     return this.asgardeo.isInitialized();
@@ -662,15 +674,22 @@ var AsgardeoReactClient = class extends AsgardeoBrowserClient {
     return this.asgardeo.getConfigData();
   }
   async signIn(...args) {
-    const arg1 = args[0];
-    const arg2 = args[1];
-    if (typeof arg1 === "object" && "flowId" in arg1 && typeof arg2 === "object" && "url" in arg2) {
-      return executeEmbeddedSignInFlow({
-        payload: arg1,
-        url: arg2.url
-      });
-    }
-    return await this.asgardeo.signIn(arg1);
+    return this.withLoading(async () => {
+      const arg1 = args[0];
+      const arg2 = args[1];
+      if (typeof arg1 === "object" && "flowId" in arg1 && typeof arg2 === "object" && "url" in arg2) {
+        return executeEmbeddedSignInFlow({
+          payload: arg1,
+          url: arg2.url
+        });
+      }
+      return await this.asgardeo.signIn(arg1);
+    });
+  }
+  async signInSilently(options) {
+    return this.withLoading(async () => {
+      return this.asgardeo.signInSilently(options);
+    });
   }
   async signOut(...args) {
     if (args[1] && typeof args[1] !== "function") {
@@ -968,22 +987,25 @@ var I18nProvider = ({
 var I18nProvider_default = I18nProvider;
 
 // src/contexts/Organization/OrganizationProvider.tsx
-import { AsgardeoRuntimeError as AsgardeoRuntimeError2 } from "@asgardeo/browser";
+import {
+  AsgardeoRuntimeError as AsgardeoRuntimeError2
+} from "@asgardeo/browser";
 import { useCallback as useCallback3, useMemo as useMemo3, useState as useState3 } from "react";
 
 // src/contexts/Organization/OrganizationContext.ts
 import { createContext as createContext4 } from "react";
 var OrganizationContext = createContext4({
+  createOrganization: () => null,
   currentOrganization: null,
   error: null,
-  isLoading: false,
-  myOrganizations: null,
-  switchOrganization: () => Promise.resolve(),
-  revalidateMyOrganizations: () => Promise.resolve([]),
   getAllOrganizations: () => Promise.resolve({
     count: 0,
     organizations: []
-  })
+  }),
+  isLoading: false,
+  myOrganizations: null,
+  revalidateMyOrganizations: () => Promise.resolve([]),
+  switchOrganization: () => Promise.resolve()
 });
 OrganizationContext.displayName = "OrganizationContext";
 var OrganizationContext_default = OrganizationContext;
@@ -997,7 +1019,8 @@ var OrganizationProvider = ({
   myOrganizations,
   onOrganizationSwitch,
   revalidateMyOrganizations,
-  getAllOrganizations: getAllOrganizations2
+  getAllOrganizations: getAllOrganizations2,
+  createOrganization: createOrganization2
 }) => {
   const [isLoading, setIsLoading] = useState3(false);
   const [error, setError] = useState3(null);
@@ -1030,13 +1053,14 @@ var OrganizationProvider = ({
   );
   const contextValue = useMemo3(
     () => ({
+      createOrganization: createOrganization2,
       currentOrganization,
       error,
+      getAllOrganizations: getAllOrganizations2,
       isLoading,
       myOrganizations,
-      switchOrganization,
       revalidateMyOrganizations,
-      getAllOrganizations: getAllOrganizations2
+      switchOrganization
     }),
     [
       currentOrganization,
@@ -1045,7 +1069,8 @@ var OrganizationProvider = ({
       myOrganizations,
       switchOrganization,
       revalidateMyOrganizations,
-      getAllOrganizations2
+      getAllOrganizations2,
+      createOrganization2
     ]
   );
   return /* @__PURE__ */ jsx3(OrganizationContext_default.Provider, { value: contextValue, children });
@@ -1342,6 +1367,7 @@ var AsgardeoProvider = ({
   const [currentOrganization, setCurrentOrganization] = useState7(null);
   const [isSignedInSync, setIsSignedInSync] = useState7(false);
   const [isInitializedSync, setIsInitializedSync] = useState7(false);
+  const [isLoadingSync, setIsLoadingSync] = useState7(true);
   const [myOrganizations, setMyOrganizations] = useState7([]);
   const [userProfile, setUserProfile] = useState7(null);
   const [baseUrl, setBaseUrl] = useState7(_baseUrl);
@@ -1435,16 +1461,32 @@ var AsgardeoProvider = ({
       }
     })();
   }, [asgardeo]);
+  useEffect5(() => {
+    const checkLoadingState = () => {
+      const loadingState = asgardeo.isLoading();
+      setIsLoadingSync(loadingState);
+    };
+    checkLoadingState();
+    const interval = setInterval(checkLoadingState, 100);
+    return () => {
+      clearInterval(interval);
+    };
+  }, [asgardeo]);
   const updateSession = async () => {
-    let _baseUrl2 = baseUrl;
-    if ((await asgardeo.getDecodedIdToken())?.["user_org"]) {
-      _baseUrl2 = `${(await asgardeo.getConfiguration()).baseUrl}/o`;
-      setBaseUrl(_baseUrl2);
-    }
-    setUser(await asgardeo.getUser({ baseUrl: _baseUrl2 }));
-    setUserProfile(await asgardeo.getUserProfile({ baseUrl: _baseUrl2 }));
-    setCurrentOrganization(await asgardeo.getCurrentOrganization());
-    setMyOrganizations(await asgardeo.getMyOrganizations());
+    try {
+      setIsLoadingSync(true);
+      let _baseUrl2 = baseUrl;
+      if ((await asgardeo.getDecodedIdToken())?.["user_org"]) {
+        _baseUrl2 = `${(await asgardeo.getConfiguration()).baseUrl}/o`;
+        setBaseUrl(_baseUrl2);
+      }
+      setUser(await asgardeo.getUser({ baseUrl: _baseUrl2 }));
+      setUserProfile(await asgardeo.getUserProfile({ baseUrl: _baseUrl2 }));
+      setCurrentOrganization(await asgardeo.getCurrentOrganization());
+      setMyOrganizations(await asgardeo.getMyOrganizations());
+    } finally {
+      setIsLoadingSync(asgardeo.isLoading());
+    }
   };
   const fetchBranding = useCallback7(async () => {
     if (!baseUrl) {
@@ -1492,6 +1534,7 @@ var AsgardeoProvider = ({
   ]);
   const signIn = async (...args) => {
     try {
+      setIsLoadingSync(true);
       const response = await asgardeo.signIn(...args);
       if (await asgardeo.isSignedIn()) {
         await updateSession();
@@ -1499,6 +1542,27 @@ var AsgardeoProvider = ({
       return response;
     } catch (error) {
       throw new Error(`Error while signing in: ${error}`);
+    } finally {
+      setIsLoadingSync(asgardeo.isLoading());
+    }
+  };
+  const signInSilently = async (options) => {
+    try {
+      setIsLoadingSync(true);
+      const response = await asgardeo.signInSilently(options);
+      if (await asgardeo.isSignedIn()) {
+        await updateSession();
+      }
+      return response;
+    } catch (error) {
+      throw new AsgardeoRuntimeError3(
+        `Error while signing in silently: ${error.message || error}`,
+        "asgardeo-signInSilently-Error",
+        "react",
+        "An error occurred while trying to sign in silently."
+      );
+    } finally {
+      setIsLoadingSync(asgardeo.isLoading());
     }
   };
   const signUp = async (payload) => {
@@ -1516,6 +1580,7 @@ var AsgardeoProvider = ({
   const signOut = async (options, afterSignOut) => asgardeo.signOut(options, afterSignOut);
   const switchOrganization = async (organization) => {
     try {
+      setIsLoadingSync(true);
       await asgardeo.switchOrganization(organization);
       if (await asgardeo.isSignedIn()) {
         await updateSession();
@@ -1527,6 +1592,8 @@ var AsgardeoProvider = ({
         "react",
         "An error occurred while switching to the specified organization."
       );
+    } finally {
+      setIsLoadingSync(asgardeo.isLoading());
     }
   };
   const isDarkMode = useMemo6(() => {
@@ -1554,10 +1621,11 @@ var AsgardeoProvider = ({
         afterSignInUrl,
         baseUrl,
         isInitialized: isInitializedSync,
-        isLoading: asgardeo.isLoading(),
+        isLoading: isLoadingSync,
         isSignedIn: isSignedInSync,
         organization: currentOrganization,
         signIn,
+        signInSilently,
         signOut,
         signUp,
         user
@@ -11009,6 +11077,9 @@ var OrganizationSwitcher = ({
   ] });
 };
 var OrganizationSwitcher_default = OrganizationSwitcher;
+
+// src/index.ts
+import { AsgardeoRuntimeError as AsgardeoRuntimeError7 } from "@asgardeo/browser";
 export {
   Alert_default as Alert,
   AlertDescription,
@@ -11016,6 +11087,7 @@ export {
   AsgardeoContext_default as AsgardeoContext,
   AsgardeoLoading_default as AsgardeoLoading,
   AsgardeoProvider_default as AsgardeoProvider,
+  AsgardeoRuntimeError7 as AsgardeoRuntimeError,
   BaseCreateOrganization,
   BaseOrganization_default as BaseOrganization,
   BaseOrganizationList_default as BaseOrganizationList,