chore(clerk-js): Move AcceptedInvitationsProvider inside ui/contexts

clerk · Dec 22, 2023 · e872818 · e872818
1 parent 842f8bb
commit e872818
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 53 deletions.
diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/InPlaceAcceptedInvitations.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/InPlaceAcceptedInvitations.tsx
diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/OrganizationSwitcher.tsx
@@ -1,11 +1,10 @@
 import { useId } from 'react';
 
 import { withOrganizationsEnabledGuard } from '../../common';
-import { withCoreUserGuard } from '../../contexts';
+import { AcceptedInvitationsProvider, withCoreUserGuard } from '../../contexts';
 import { Flow } from '../../customizables';
 import { Popover, withCardStateProvider, withFloatingTree } from '../../elements';
 import { usePopover } from '../../hooks';
-import { InPlaceAcceptedInvitationsProvider } from './InPlaceAcceptedInvitations';
 import { OrganizationSwitcherPopover } from './OrganizationSwitcherPopover';
 import { OrganizationSwitcherTrigger } from './OrganizationSwitcherTrigger';
 
@@ -19,7 +18,7 @@ const _OrganizationSwitcher = withFloatingTree(() => {
 
   return (
     <Flow.Root flow='organizationSwitcher'>
-      <InPlaceAcceptedInvitationsProvider>
+      <AcceptedInvitationsProvider>
         <OrganizationSwitcherTrigger
           ref={reference}
           onClick={toggle}
@@ -38,7 +37,7 @@ const _OrganizationSwitcher = withFloatingTree(() => {
             style={{ ...styles }}
           />
         </Popover>
-      </InPlaceAcceptedInvitationsProvider>
+      </AcceptedInvitationsProvider>
     </Flow.Root>
   );
 });

diff --git a/packages/clerk-js/src/ui/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx b/packages/clerk-js/src/ui/components/OrganizationSwitcher/UserInvitationSuggestionList.tsx
@@ -7,14 +7,14 @@ import type {
 import type { PropsWithChildren } from 'react';
 
 import { InfiniteListSpinner } from '../../common';
+import { useAcceptedInvitations } from '../../contexts';
 import { Box, Button, descriptors, Flex, localizationKeys, Text } from '../../customizables';
 import { Actions, OrganizationPreview, PreviewButton, useCardState, withCardStateProvider } from '../../elements';
 import { useInView } from '../../hooks';
 import { SwitchArrowRight } from '../../icons';
 import type { PropsOfComponent } from '../../styledSystem';
 import { common } from '../../styledSystem';
 import { handleError } from '../../utils';
-import { useInPlaceAcceptedInvitations } from './InPlaceAcceptedInvitations';
 import { organizationListParams, populateCacheUpdateItem } from './utils';
 
 const useFetchInvitations = () => {
@@ -136,7 +136,7 @@ const InvitationPreview = withCardStateProvider(
       userInvitations: organizationListParams.userInvitations,
       userMemberships: organizationListParams.userMemberships,
     });
-    const { acceptedInvitations, setAcceptedInvitations } = useInPlaceAcceptedInvitations();
+    const { acceptedInvitations, setAcceptedInvitations } = useAcceptedInvitations();
     const acceptedOrganization = acceptedInvitations.find(item => item.invitation.id === invitation.id)?.organization;
 
     const handleAccept = () => {

diff --git a/packages/clerk-js/src/ui/contexts/index.ts b/packages/clerk-js/src/ui/contexts/index.ts
@@ -5,3 +5,4 @@ export * from './OptionsContext';
 export * from './CoreSessionContext';
 export * from './CoreClientContext';
 export * from './CoreClerkContextWrapper';
+export * from './AcceptedUserInvitations';