feat(localization): Update translations for multiple languages (BE, BG, CA, C…

.changeset/quiet-ducks-vanish.md

@@ -0,0 +1,5 @@
+---
+'@clerk/localizations': major
+---
+
+Added and updated translations for fi-FI, bg-BG, ca-ES, cs-CZ, da-DK, de-DE, en-US, es-ES, fr-FR, nl-NL, pt-BR, pt-PT, tr-TR.

integration/presets/envs.ts

@@ -113,15 +113,6 @@ const withWaitlistdMode = withEmailCodes
   .setEnvVariable('private', 'CLERK_SECRET_KEY', instanceKeys.get('with-waitlist-mode').sk)
   .setEnvVariable('public', 'CLERK_PUBLISHABLE_KEY', instanceKeys.get('with-waitlist-mode').pk);
 
-const withCombinedFlow = withEmailCodes
-  .clone()
-  .setId('withCombinedFlow')
-  .setEnvVariable('private', 'CLERK_SECRET_KEY', instanceKeys.get('with-email-codes').sk)
-  .setEnvVariable('public', 'CLERK_PUBLISHABLE_KEY', instanceKeys.get('with-email-codes').pk)
-  .setEnvVariable('public', 'EXPERIMENTAL_COMBINED_FLOW', 'true')
-  .setEnvVariable('public', 'CLERK_SIGN_IN_URL', '/sign-in')
-  .setEnvVariable('public', 'CLERK_SIGN_UP_URL', '/sign-in');
-
 export const envs = {
   base,
   withEmailCodes,
@@ -138,5 +129,4 @@ export const envs = {
   withRestrictedMode,
   withLegalConsent,
   withWaitlistdMode,
-  withCombinedFlow,
 } as const;

integration/presets/longRunningApps.ts

@@ -32,7 +32,6 @@ export const createLongRunningApps = () => {
     },
     { id: 'next.appRouter.withCustomRoles', config: next.appRouter, env: envs.withCustomRoles },
     { id: 'next.appRouter.withReverification', config: next.appRouter, env: envs.withReverification },
-    { id: 'next.appRouter.withCombinedFlow', config: next.appRouter, env: envs.withCombinedFlow },
     { id: 'quickstart.next.appRouter', config: next.appRouterQuickstart, env: envs.withEmailCodesQuickstart },
     { id: 'elements.next.appRouter', config: elements.nextAppRouter, env: envs.withEmailCodes },
     { id: 'astro.node.withCustomRoles', config: astro.node, env: envs.withCustomRoles },

integration/presets/vue.ts

@@ -6,9 +6,9 @@ const vite = applicationConfig()
   .useTemplate(templates['vue-vite'])
   .setEnvFormatter('public', key => `VITE_${key}`)
   .addScript('setup', 'pnpm install')
-  .addScript('dev', 'pnpm dev')
-  .addScript('build', 'pnpm build')
-  .addScript('serve', 'pnpm preview')
+  .addScript('dev', 'npm run dev')
+  .addScript('build', 'npm run build')
+  .addScript('serve', 'npm run preview')
   .addDependency('@clerk/vue', '*');
 
 export const vue = {

integration/templates/next-app-router/src/app/layout.tsx

@@ -13,9 +13,6 @@ export default function RootLayout({ children }: { children: React.ReactNode })
   return (
     <ClerkProvider
       experimental={{
-        combinedFlow: process.env.NEXT_PUBLIC_EXPERIMENTAL_COMBINED_FLOW
-          ? process.env.NEXT_PUBLIC_EXPERIMENTAL_COMBINED_FLOW === 'true'
-          : undefined,
         persistClient: process.env.NEXT_PUBLIC_EXPERIMENTAL_PERSIST_CLIENT
           ? process.env.NEXT_PUBLIC_EXPERIMENTAL_PERSIST_CLIENT === 'true'
           : undefined,

integration/templates/next-app-router/src/app/sign-in/[[...catchall]]/page.tsx

@@ -7,9 +7,6 @@ export default function Page() {
         routing={'path'}
         path={'/sign-in'}
         signUpUrl={'/sign-up'}
-        __experimental={{
-          combinedProps: {},
-        }}
       />
     </div>
   );

integration/templates/vue-vite/src/App.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
-import { SignedIn, SignedOut, OrganizationSwitcher, ClerkLoaded, ClerkLoading } from '@clerk/vue';
-import CustomUserButton from './components/CustomUserButton.vue';
+import { SignedIn, SignedOut, UserButton, OrganizationSwitcher, ClerkLoaded, ClerkLoading } from '@clerk/vue';
 </script>
 
 <template>
@@ -10,7 +9,7 @@ import CustomUserButton from './components/CustomUserButton.vue';
         <p class="title">Vue Clerk Integration test</p>
       </div>
       <SignedIn>
-        <CustomUserButton />
+        <UserButton />
         <OrganizationSwitcher />
       </SignedIn>
       <SignedOut>

integration/templates/vue-vite/src/router.ts

@@ -26,16 +26,6 @@ const routes = [
     path: '/unstyled',
     component: () => import('./views/Unstyled.vue'),
   },
-  {
-    name: 'CustomUserProfile',
-    path: '/custom-pages/user-profile',
-    component: () => import('./views/custom-pages/UserProfile.vue'),
-  },
-  {
-    name: 'CustomOrganizationProfile',
-    path: '/custom-pages/organization-profile',
-    component: () => import('./views/custom-pages/OrganizationProfile.vue'),
-  },
 ];
 
 const router = createRouter({
@@ -45,15 +35,14 @@ const router = createRouter({
 
 router.beforeEach(async (to, _, next) => {
   const { isSignedIn, isLoaded } = useAuth();
-  const authenticatedPages = ['Profile', 'Admin', 'CustomUserProfile', 'CustomOrganizationProfile'];
 
   if (!isLoaded.value) {
     await waitForClerkJsLoaded(isLoaded);
   }
 
   if (isSignedIn.value && to.name === 'Sign in') {
     next('/profile');
-  } else if (!isSignedIn.value && authenticatedPages.includes(to.name)) {
+  } else if (!isSignedIn.value && ['Profile', 'Admin'].includes(to.name as string)) {
     next('/sign-in');
   } else {
     next();

integration/testUtils/commonPageObject.ts

@@ -16,8 +16,7 @@ export const common = ({ page }: TestArgs) => {
     },
     enterOtpCode: async (code: string) => {
       await page.getByRole('textbox', { name: /digit 1/i }).click();
-      // We've got a delay here to ensure the prepare call is triggered before the OTP is auto-submitted.
-      await page.keyboard.type(code, { delay: 100 });
+      await page.keyboard.type(code, { delay: 50 });
     },
     enterTestOtpCode: async () => {
       return self.enterOtpCode('424242');