fix: add /c/, /o/, /u/ pages for email tracking links

Author: baderdean

frontend/src/pages/c/[token].vue

@@ -9,8 +9,11 @@ const config = useRuntimeConfig();
 
 const edgeFunctionUrl = `${config.public.SAAS_SUPABASE_PROJECT_URL}/functions/v1/email-campaigns`;
 
-await navigateTo(`${edgeFunctionUrl}/track/click/${token}`, {
-  external: true,
-  redirectCode: 302,
-});
+await navigateTo(
+  `${edgeFunctionUrl}/track/click/${encodeURIComponent(token)}`,
+  {
+    external: true,
+    redirectCode: 302,
+  },
+);
 </script>

frontend/src/pages/o/[token].vue

@@ -9,7 +9,7 @@ const config = useRuntimeConfig();
 
 const edgeFunctionUrl = `${config.public.SAAS_SUPABASE_PROJECT_URL}/functions/v1/email-campaigns`;
 
-await navigateTo(`${edgeFunctionUrl}/track/open/${token}`, {
+await navigateTo(`${edgeFunctionUrl}/track/open/${encodeURIComponent(token)}`, {
   external: true,
   redirectCode: 302,
 });

frontend/src/pages/u/[token].vue

@@ -6,19 +6,13 @@
 const $route = useRoute();
 const token = $route.params.token as string;
 const sender = $route.query.sender as string | undefined;
+const config = useRuntimeConfig();
 
-const previewModes = ['preview-unsubscribe', 'preview-open', 'preview-click'];
+const edgeFunctionUrl = `${config.public.SAAS_SUPABASE_PROJECT_URL}/functions/v1/email-campaigns`;
+const targetUrl = `${edgeFunctionUrl}/unsubscribe/${encodeURIComponent(token)}${sender ? `?sender=${encodeURIComponent(sender)}` : ''}`;
 
-if (previewModes.includes(token)) {
-  await navigateTo(`/unsubscribe/success?preview=true`, { external: true });
-} else if (sender) {
-  await navigateTo(
-    `/unsubscribe/success?sender=${encodeURIComponent(sender)}`,
-    {
-      external: true,
-    },
-  );
-} else {
-  await navigateTo(`/unsubscribe/success`, { external: true });
-}
+await navigateTo(targetUrl, {
+  external: true,
+  redirectCode: 302,
+});
 </script>