chore(clerk-js): Use a custom build ff name

clerk · Nov 25, 2024 · 90db729 · 90db729
1 parent 1fcf863
commit 90db729
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/packages/clerk-js/src/core/clerk.ts b/packages/clerk-js/src/core/clerk.ts
@@ -1876,7 +1876,7 @@ export class Clerk implements ClerkInterface {
     void this.#captchaHeartbeat.start();
     this.#clearClerkQueryParams();
     this.#handleImpersonationFab();
-    if (__DEV__) {
+    if (__BUILD_FLAG_ACCOUNTLESS_UI__) {
       this.#handleAccountlessPrompt();
     }
     return true;
@@ -2009,7 +2009,7 @@ export class Clerk implements ClerkInterface {
   };
 
   #handleAccountlessPrompt = () => {
-    if (__DEV__) {
+    if (__BUILD_FLAG_ACCOUNTLESS_UI__) {
       void this.#componentControls?.ensureMounted().then(controls => {
         if (this.#options.__internal_claimAccountlessKeysUrl) {
           controls.updateProps({

diff --git a/packages/clerk-js/src/globals.d.ts b/packages/clerk-js/src/globals.d.ts
@@ -1,5 +1,6 @@
 declare global {
   const __DEV__: boolean;
+  const __BUILD_FLAG_ACCOUNTLESS_UI__: boolean;
   const __PKG_NAME__: string;
   const __PKG_VERSION__: string;
   const __BUILD_DISABLE_RHC__: string;

diff --git a/packages/clerk-js/src/ui/Components.tsx b/packages/clerk-js/src/ui/Components.tsx
@@ -517,7 +517,7 @@ const Components = (props: ComponentsProps) => {
           </LazyImpersonationFabProvider>
         )}
 
-        {__DEV__
+        {__BUILD_FLAG_ACCOUNTLESS_UI__
           ? state.options?.__internal_claimAccountlessKeysUrl && (
               <LazyImpersonationFabProvider globalAppearance={state.appearance}>
                 <AccountlessPrompt url={state.options.__internal_claimAccountlessKeysUrl} />

diff --git a/packages/clerk-js/src/ui/lazyModules/components.ts b/packages/clerk-js/src/ui/lazyModules/components.ts
@@ -16,7 +16,7 @@ const componentImportPaths = {
   BlankCaptchaModal: () => import(/* webpackChunkName: "blankcaptcha" */ './../components/BlankCaptchaModal'),
   UserVerification: () => import(/* webpackChunkName: "userverification" */ './../components/UserVerification'),
   Waitlist: () => import(/* webpackChunkName: "waitlist" */ './../components/Waitlist'),
-  AccountlessPrompt: __DEV__
+  AccountlessPrompt: __BUILD_FLAG_ACCOUNTLESS_UI__
     ? () => import(/* webpackChunkName: "accountlessPrompt" */ './../components/AccountlessPrompt')
     : () => null,
 } as const;
@@ -86,8 +86,8 @@ export const BlankCaptchaModal = lazy(() =>
 export const ImpersonationFab = lazy(() =>
   componentImportPaths.ImpersonationFab().then(module => ({ default: module.ImpersonationFab })),
 );
-export const AccountlessPrompt = __DEV__
-  ? // @ts-expect-error Types are broken due to __DEV__
+export const AccountlessPrompt = __BUILD_FLAG_ACCOUNTLESS_UI__
+  ? // @ts-expect-error Types are broken due to __BUILD_FLAG_ACCOUNTLESS_UI__
     lazy(() => componentImportPaths.AccountlessPrompt().then(module => ({ default: module.AccountlessPrompt })))
   : () => null;