fix(clerk-js): Emit changes in organization to listeners

Added organization in the resources that are being
emitted to the listeners.

https://www.notion.so/clerkdev/Add-ClerkJS-method-to-set-the-active-organization-2f551fafdbd14834a7b5519e87c6f254

Author: alex-ntousias

packages/clerk-js/src/core/clerk.ts

@@ -400,6 +400,7 @@ export default class Clerk implements ClerkInterface {
         client: this.client,
         session: this.session,
         user: this.user,
+        organization: this.organization,
       });
     }
 
@@ -846,6 +847,7 @@ export default class Clerk implements ClerkInterface {
           client: this.client,
           session: this.session,
           user: this.user,
+          organization: this.organization,
         });
       }
     }

packages/clerk-js/src/ui/contexts/CoreClerkContextWrapper.tsx

@@ -23,6 +23,7 @@ export function CoreClerkContextWrapper(props: CoreClerkContextWrapperProps): JS
     client: clerk.client,
     session: clerk.session,
     user: clerk.user,
+    organization: clerk.organization,
   });
 
   React.useEffect(() => {

packages/clerk-js/src/utils/memoizeStateListenerCallback.ts

@@ -1,8 +1,15 @@
-import { ClientResource, ListenerCallback, Resources, SessionResource, UserResource } from '@clerk/types';
+import {
+  ClientResource,
+  ListenerCallback,
+  OrganizationResource,
+  Resources,
+  SessionResource,
+  UserResource,
+} from '@clerk/types';
 
 import { Client, Session, User } from '../core/resources/internal';
 
-type AcceptedResource = UserResource | ClientResource | SessionResource;
+type AcceptedResource = UserResource | ClientResource | SessionResource | OrganizationResource;
 
 function clientChanged(prev: ClientResource, next: ClientResource): boolean {
   return (
@@ -56,10 +63,9 @@ function resourceChanged<T extends AcceptedResource | undefined | null>(prev: T,
   return true;
 }
 
-function getSameOrUpdatedResource<T extends UserResource | ClientResource | SessionResource | undefined | null>(
-  prev: T,
-  next: T,
-): T {
+function getSameOrUpdatedResource<
+  T extends UserResource | ClientResource | SessionResource | OrganizationResource | undefined | null,
+>(prev: T, next: T): T {
   return resourceChanged(prev, next) ? next : prev;
 }
 
@@ -68,6 +74,7 @@ function stateWithMemoizedResources(cur: Resources, next: Resources): Resources
     client: getSameOrUpdatedResource(cur.client, next.client),
     session: getSameOrUpdatedResource(cur.session, next.session),
     user: getSameOrUpdatedResource(cur.user, next.user),
+    organization: getSameOrUpdatedResource(cur.organization, next.organization),
   };
 }
 

packages/react/src/contexts/ClerkContextProvider.tsx

@@ -24,6 +24,7 @@ export function ClerkContextProvider(props: ClerkContextProvider): JSX.Element |
     client: clerk.client as ClientResource,
     session: clerk.session,
     user: clerk.user,
+    organization: clerk.organization,
   });
   const derivedState = deriveState(clerkLoaded, state, initialState);
 

packages/react/src/isomorphicClerk.ts

@@ -229,6 +229,14 @@ export default class IsomorphicClerk {
     }
   }
 
+  get organization(): OrganizationResource | undefined | null {
+    if (this.clerkjs) {
+      return this.clerkjs.organization;
+    } else {
+      return undefined;
+    }
+  }
+
   // TODO: Remove temp use of __unstable__environment
   get __unstable__environment(): any {
     if (this.clerkjs) {

packages/types/src/clerk.ts

@@ -299,6 +299,7 @@ export interface Resources {
   client: ClientResource;
   session?: ActiveSessionResource | null;
   user?: UserResource | null;
+  organization?: OrganizationResource | null;
 }
 
 export type RoutingStrategy = 'path' | 'hash' | 'virtual';