@asgardeo/react 0.5.5 → 0.5.7

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.js

@@ -968,22 +968,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 +1000,8 @@ var OrganizationProvider = ({
   myOrganizations,
   onOrganizationSwitch,
   revalidateMyOrganizations,
-  getAllOrganizations: getAllOrganizations2
+  getAllOrganizations: getAllOrganizations2,
+  createOrganization: createOrganization2
 }) => {
   const [isLoading, setIsLoading] = useState3(false);
   const [error, setError] = useState3(null);
@@ -1030,13 +1034,14 @@ var OrganizationProvider = ({
   );
   const contextValue = useMemo3(
     () => ({
+      createOrganization: createOrganization2,
       currentOrganization,
       error,
+      getAllOrganizations: getAllOrganizations2,
       isLoading,
       myOrganizations,
-      switchOrganization,
       revalidateMyOrganizations,
-      getAllOrganizations: getAllOrganizations2
+      switchOrganization
     }),
     [
       currentOrganization,
@@ -1045,7 +1050,8 @@ var OrganizationProvider = ({
       myOrganizations,
       switchOrganization,
       revalidateMyOrganizations,
-      getAllOrganizations2
+      getAllOrganizations2,
+      createOrganization2
     ]
   );
   return /* @__PURE__ */ jsx3(OrganizationContext_default.Provider, { value: contextValue, children });
@@ -2761,6 +2767,7 @@ var FormControl = ({
 }) => {
   const { theme } = useTheme_default();
   const containerStyle = {
+    textAlign: "left",
     marginBottom: `calc(${theme.vars.spacing.unit} * 2)`,
     ...style
   };
@@ -5009,7 +5016,8 @@ var useStyles2 = () => {
   return useMemo12(
     () => ({
       card: {
-        gap: `calc(${theme.vars.spacing.unit} * 2)`
+        gap: `calc(${theme.vars.spacing.unit} * 2)`,
+        minWidth: "420px"
       },
       header: {
         gap: 0
@@ -6383,7 +6391,8 @@ var useStyles3 = () => {
   return useMemo13(
     () => ({
       card: {
-        gap: `calc(${theme.vars.spacing.unit} * 2)`
+        gap: `calc(${theme.vars.spacing.unit} * 2)`,
+        minWidth: "420px"
       },
       header: {
         gap: 0