chore: add back internal methods

Author: wobsoriano

packages/astro/src/astro-components/interactive/OAuthConsent.astro

@@ -1,6 +1,6 @@
 ---
-import type { OAuthConsentProps } from '@clerk/shared/types';
-type Props = OAuthConsentProps;
+import type { __internal_OAuthConsentProps } from '@clerk/shared/types';
+type Props = __internal_OAuthConsentProps;
 
 import InternalUIComponentRenderer from './InternalUIComponentRenderer.astro';
 ---

packages/astro/src/internal/mount-clerk-astro-js-components.ts

@@ -21,7 +21,7 @@ const mountAllClerkAstroJSComponents = () => {
     waitlist: 'mountWaitlist',
     'pricing-table': 'mountPricingTable',
     'api-keys': 'mountAPIKeys',
-    'oauth-consent': 'mountOAuthConsent',
+    'oauth-consent': '__internal_mountOAuthConsent',
   } as const satisfies Record<InternalUIComponentId, keyof Clerk>;
 
   Object.entries(mountFns).forEach(([category, mountFn]) => {

packages/astro/src/react/uiComponents.tsx

@@ -1,6 +1,6 @@
 import type {
   GoogleOneTapProps,
-  OAuthConsentProps,
+  __internal_OAuthConsentProps,
   OrganizationListProps,
   OrganizationProfileProps,
   OrganizationSwitcherProps,
@@ -198,11 +198,11 @@ export const PricingTable = withClerk(({ clerk, ...props }: WithClerkProp<Pricin
   );
 }, 'PricingTable');
 
-export const OAuthConsent = withClerk(({ clerk, ...props }: WithClerkProp<OAuthConsentProps>) => {
+export const OAuthConsent = withClerk(({ clerk, ...props }: WithClerkProp<__internal_OAuthConsentProps>) => {
   return (
     <Portal
-      mount={clerk?.mountOAuthConsent}
-      unmount={clerk?.unmountOAuthConsent}
+      mount={clerk?.__internal_mountOAuthConsent}
+      unmount={clerk?.__internal_unmountOAuthConsent}
       props={props}
     />
   );

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

@@ -57,6 +57,7 @@ import type {
   __internal_AttemptToEnableEnvironmentSettingResult,
   __internal_CheckoutProps,
   __internal_EnableOrganizationsPromptProps,
+  __internal_OAuthConsentProps,
   OAuthConsentProps,
   __internal_PlanDetailsProps,
   __internal_SubscriptionDetailsProps,
@@ -1376,6 +1377,20 @@ export class Clerk implements ClerkInterface {
     void this.#clerkUI?.then(ui => ui.ensureMounted()).then(controls => controls.unmountComponent({ node }));
   };
 
+  /**
+   * @deprecated Use mountOAuthConsent instead.
+   */
+  public __internal_mountOAuthConsent = (node: HTMLDivElement, props?: __internal_OAuthConsentProps) => {
+    return this.mountOAuthConsent(node, props);
+  };
+
+  /**
+   * @deprecated Use unmountOAuthConsent instead.
+   */
+  public __internal_unmountOAuthConsent = (node: HTMLDivElement) => {
+    return this.unmountOAuthConsent(node);
+  };
+
   /**
    * Mount an API keys component at the target element.
    * @param targetNode Target to mount the APIKeys component.

packages/react/src/components/uiComponents.tsx

@@ -1,5 +1,5 @@
 import type {
-  OAuthConsentProps,
+  __internal_OAuthConsentProps,
   APIKeysProps,
   CreateOrganizationProps,
   GoogleOneTapProps,
@@ -645,7 +645,7 @@ export const APIKeys = withClerk(
 );
 
 export const OAuthConsent = withClerk(
-  ({ clerk, component, fallback, ...props }: WithClerkProp<OAuthConsentProps & FallbackProp>) => {
+  ({ clerk, component, fallback, ...props }: WithClerkProp<__internal_OAuthConsentProps & FallbackProp>) => {
     const mountingStatus = useWaitForComponentMount(component);
     const shouldShowFallback = mountingStatus === 'rendering' || !clerk.loaded;
 
@@ -659,8 +659,8 @@ export const OAuthConsent = withClerk(
         {clerk.loaded && (
           <ClerkHostRenderer
             component={component}
-            mount={clerk.mountOAuthConsent}
-            unmount={clerk.unmountOAuthConsent}
+            mount={clerk.__internal_mountOAuthConsent}
+            unmount={clerk.__internal_unmountOAuthConsent}
             updateProps={(clerk as any).__internal_updateProps}
             props={props}
             rootProps={rendererRootProps}

packages/react/src/isomorphicClerk.ts

@@ -6,7 +6,7 @@ import type {
   __internal_AttemptToEnableEnvironmentSettingResult,
   __internal_CheckoutProps,
   __internal_EnableOrganizationsPromptProps,
-  OAuthConsentProps,
+  __internal_OAuthConsentProps,
   __internal_PlanDetailsProps,
   __internal_SubscriptionDetailsProps,
   __internal_UserVerificationModalProps,
@@ -158,7 +158,7 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
   private premountWaitlistNodes = new Map<HTMLDivElement, WaitlistProps | undefined>();
   private premountPricingTableNodes = new Map<HTMLDivElement, PricingTableProps | undefined>();
   private premountAPIKeysNodes = new Map<HTMLDivElement, APIKeysProps | undefined>();
-  private premountOAuthConsentNodes = new Map<HTMLDivElement, OAuthConsentProps | undefined>();
+  private premountOAuthConsentNodes = new Map<HTMLDivElement, __internal_OAuthConsentProps | undefined>();
   private premountTaskChooseOrganizationNodes = new Map<HTMLDivElement, TaskChooseOrganizationProps | undefined>();
   private premountTaskResetPasswordNodes = new Map<HTMLDivElement, TaskResetPasswordProps | undefined>();
   private premountTaskSetupMFANodes = new Map<HTMLDivElement, TaskSetupMFAProps | undefined>();
@@ -747,7 +747,7 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     });
 
     this.premountOAuthConsentNodes.forEach((props, node) => {
-      clerkjs.mountOAuthConsent(node, props);
+      clerkjs.__internal_mountOAuthConsent(node, props);
     });
 
     this.premountTaskChooseOrganizationNodes.forEach((props, node) => {
@@ -1282,17 +1282,17 @@ export class IsomorphicClerk implements IsomorphicLoadedClerk {
     }
   };
 
-  mountOAuthConsent = (node: HTMLDivElement, props?: OAuthConsentProps) => {
+  __internal_mountOAuthConsent = (node: HTMLDivElement, props?: __internal_OAuthConsentProps) => {
     if (this.clerkjs && this.loaded) {
-      this.clerkjs.mountOAuthConsent(node, props);
+      this.clerkjs.__internal_mountOAuthConsent(node, props);
     } else {
       this.premountOAuthConsentNodes.set(node, props);
     }
   };
 
-  unmountOAuthConsent = (node: HTMLDivElement) => {
+  __internal_unmountOAuthConsent = (node: HTMLDivElement) => {
     if (this.clerkjs && this.loaded) {
-      this.clerkjs.unmountOAuthConsent(node);
+      this.clerkjs.__internal_unmountOAuthConsent(node);
     } else {
       this.premountOAuthConsentNodes.delete(node);
     }

packages/shared/src/types/clerk.ts

@@ -661,6 +661,21 @@ export interface Clerk {
    */
   unmountAPIKeys: (targetNode: HTMLDivElement) => void;
 
+  /**
+   * Mounts a OAuth consent component at the target element.
+   *
+   * @param targetNode - Target node to mount the OAuth consent component.
+   * @param oauthConsentProps - OAuth consent configuration parameters.
+   */
+  __internal_mountOAuthConsent: (targetNode: HTMLDivElement, oauthConsentProps?: __internal_OAuthConsentProps) => void;
+
+  /**
+   * Unmounts a OAuth consent component from the target element.
+   *
+   * @param targetNode - Target node to unmount the OAuth consent component from.
+   */
+  __internal_unmountOAuthConsent: (targetNode: HTMLDivElement) => void;
+
   /**
    * Mounts a OAuth consent component at the target element.
    *
@@ -2328,6 +2343,9 @@ export type OAuthConsentProps = {
   onDeny?: () => void;
 };
 
+/** @deprecated Use OAuthConsentProps instead. */
+export type __internal_OAuthConsentProps = OAuthConsentProps;
+
 export interface HandleEmailLinkVerificationParams {
   /**
    * Full URL or path to navigate to after successful magic link verification

packages/vue/src/components/ui-components/OAuthConsent.vue

@@ -1,16 +1,16 @@
 <script setup lang="ts">
 import { ClerkHostRenderer } from '../ClerkHostRenderer';
-import type { OAuthConsentProps } from '@clerk/shared/types';
+import type { __internal_OAuthConsentProps } from '@clerk/shared/types';
 import { useClerk } from '../../composables';
 
 const clerk = useClerk();
-const props = defineProps<OAuthConsentProps>();
+const props = defineProps<__internal_OAuthConsentProps>();
 </script>
 
 <template>
   <ClerkHostRenderer
-    :mount="clerk?.mountOAuthConsent"
-    :unmount="clerk?.unmountOAuthConsent"
+    :mount="clerk?.__internal_mountOAuthConsent"
+    :unmount="clerk?.__internal_unmountOAuthConsent"
     :update-props="(clerk as any)?.__internal_updateProps"
     :props="props"
   />