Release v0.0.6 (#20)

marcelodosreis · web-flow · commit 856b94b9ff1b · 2025-02-17T22:54:44.000-03:00
* feat: init base of feature * chore: remove loading only in fail in signin * feat: add i18n * feat: update roadmap docs * feat: update github templates * feat: add i18n in mobile * refactor: create navbar dashboard component and add languague selector in dashboard * chore: update future roadmap * chore: create issue finalized markdown template * fix: add vercel json to use public in static * fix: get locale in production with fetch * chore: remove vercel file * fix: moving locales to src * chore: move location to src * chore: remove useless locale public files * chore: add env.example in project github * Create CI/CD Pipeline for Build and Testing Before Deployment to Vercel enhancement New feature or request (#12) * feat: create pipeline * fix: pull request template * fix: run pipeline in all branches * chore: fix pipeline using env * chore: fix pipeline using env 2 * chore: update ci pipeline * chore: add all supabase vars * chore: update packages * feat: add Multi-Currency Support in Stripe (#14) * Add Localization and Translations (#16) * chore: add sections translations * feat: add ssr locale function * refactor: language selector component * feat: add all home translation * feat: add i18n in terms and privacy page * chore: translate all auth domain * chore: add i18n in payment area * chore: add dashboard translation * feat: add portugues i18n * chore: add currency in client * chore: refactor constants * Refactor and Tax Adaptation (#17) * chore: add sections translations * feat: add ssr locale function * refactor: language selector component * feat: add all home translation * feat: add i18n in terms and privacy page * chore: translate all auth domain * chore: add i18n in payment area * chore: add dashboard translation * feat: add portugues i18n * chore: add currency in client * chore: refactor constants * refactor: create optional tax adapt currency * chore: solving conflits 2 * chore: add translations again * Support for Mailgun (#19) * refactor: console.logs * chore: add support to mailgun transactional email * refactor: mailgun domain * docs: update docs * chore: update readme docs
diff --git a/.env.example b/.env.example
@@ -9,6 +9,11 @@ NEXT_PUBLIC_DATADOG_APPLICATION_ID=
 NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=
 
 SUPABASE_SECRET_KEY=
+
 STRIPE_SECRET_KEY=
 STRIPE_WEBHOOK_SECRET=
-DATADOG_SECRET_KEY=
+
+DATADOG_SECRET_KEY=
+
+MAILGUN_SECRET_KEY=
+MAILGUN_SECRET_DOMAIN=
diff --git a/README.md b/README.md
@@ -88,9 +88,14 @@ NEXT_PUBLIC_DATADOG_APPLICATION_ID=
 NEXT_PUBLIC_DATADOG_CLIENT_TOKEN=
 
 SUPABASE_SECRET_KEY=
+
 STRIPE_SECRET_KEY=
 STRIPE_WEBHOOK_SECRET=
+
 DATADOG_SECRET_KEY=
+
+MAILGUN_SECRET_KEY=
+MAILGUN_SECRET_DOMAIN=
 ```
 
 > **Note:** Replace the above values with your own Supabase and Stripe keys.
diff --git a/docs/feature-roadmap.md b/docs/feature-roadmap.md
@@ -18,9 +18,8 @@
 
 | **Feature**                                        | **Status** |
 |----------------------------------------------------|------------|
-| Integration with Transactional Emails              | ⬜         |
+| Integration with Transactional Emails              | ✅         |
 | Notification Integration                           | ⬜         |
-| Custom Webhooks for Notifications                  | ⬜         |
 | Team Features                                      | ⬜         |
 
 
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,7 +18,9 @@
     "@stripe/stripe-js": "^5.5.0",
     "@supabase/ssr": "^0.5.2",
     "@supabase/supabase-js": "^2.47.11",
+    "form-data": "^4.0.1",
     "jest": "^29.7.0",
+    "mailgun.js": "^11.1.0",
     "next": "15.1.3",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
diff --git a/src/app/(domains)/(auth)/new-password/page.tsx b/src/app/(domains)/(auth)/new-password/page.tsx
@@ -100,7 +100,7 @@ export default function NewPassword() {
                 dispatch({ type: "SET_ERRORS", payload: { general: translate("new-password-error-general") } });
             }
         } catch (err) {
-            console.log("Error", err);
+            console.error("Error", err);
             if (err instanceof Error && err.message !== "Validation Error") {
                 dispatch({ type: "SET_ERRORS", payload: { general: translate("new-password-error-unexpected") } });
             }
diff --git a/src/app/(domains)/(auth)/signin/page.tsx b/src/app/(domains)/(auth)/signin/page.tsx
@@ -81,7 +81,7 @@ export default function SignIn() {
               dispatch({ type: "SET_ERRORS", payload: { general: translate("signIn-invalid-credentials") } });
           }
       } catch (err) {
-          console.log("Error", err);
+          console.error("Error", err);
           if (err instanceof Error && err.message !== "Validation Error") {
               dispatch({ type: "SET_ERRORS", payload: { general: translate("signIn-general-error") } });
           }
diff --git a/src/app/(domains)/(auth)/signup/page.tsx b/src/app/(domains)/(auth)/signup/page.tsx
@@ -99,7 +99,7 @@ export default function SignUp() {
         dispatch({ type: "SET_ERRORS", payload: { general: translate("signUp-general-error") } });
       }
     } catch (err) {
-      console.log("Error", err);
+      console.error("Error", err);
       if (err instanceof Error && err.message !== "Validation Error" && err.message !== "Terms not accepted") {
         dispatch({ type: "SET_ERRORS", payload: { general: translate("signUp-general-error") } });
       }
diff --git a/src/constants/EMAILS.ts b/src/constants/EMAILS.ts
@@ -0,0 +1,15 @@
+export const FINISH_CHECKOUT_EMAIL = `
+  <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; border: 1px solid #ddd; border-radius: 8px;">
+    <h2 style="color: #4A90E2; text-align: center;">Welcome to Sassy! 🎉</h2>
+    <p>Hello,</p>
+    <p>We are thrilled to have you with us! Your subscription to the <strong style="text-transform: uppercase; font-weight: bold;">{plan}</strong> plan has been successfully activated.</p>
+    <p>Enjoy all the powerful features Sassy has to offer. If you have any questions, feel free to reach out.</p>
+    <div style="text-align: center; margin: 20px 0;">
+      <a href="https://sassy-hazel.vercel.app/dashboard/subscription" style="background-color: #4A90E2; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 6px; display: inline-block; font-weight: bold;">
+        Go to Dashboard
+      </a>
+    </div>
+    <p>Thank you for choosing Sassy!</p>
+    <p style="color: #888;">— The Sassy Team</p>
+  </div>
+`
diff --git a/src/hooks/useCheckout.ts b/src/hooks/useCheckout.ts
@@ -11,7 +11,6 @@ export const useCheckout = () => {
 
     const handleCheckout = async ({ plan, isAnnual, setIsLoading }: { plan: Plan, isAnnual: boolean, setIsLoading: (isLoading: boolean) => void }) => {
         if (plan.id === 'free') {
-            console.log('Free plan selected');
             return;
         }
 
diff --git a/src/pages/api/payments/get-plans.ts b/src/pages/api/payments/get-plans.ts
@@ -9,9 +9,9 @@ import { InputData, transformPurchasePlansDTO } from '@/utils/transformPurchaseP
 
 export default async function handler(req: NextApiRequest, res: NextApiResponse) {
   if (req.method === 'GET') {
-    const locale = req.cookies?.['locale'];
-    const { translate } = await loadTranslationsSSR(locale);
+    const locale = req.cookies?.['locale']|| 'en-US';
 
+    const { translate } = await loadTranslationsSSR(locale);
     const { currency } = req.query;
 
     if (!currency) {
diff --git a/src/pages/api/webhooks.ts b/src/pages/api/webhooks.ts
@@ -1,7 +1,9 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 
+import { FINISH_CHECKOUT_EMAIL } from '@/constants/EMAILS';
 import { stripe } from '@/libs/stripe';
 import { supabaseServerClient } from '@/libs/supabase/server';
+import { sendEmail } from '@/services/mailgun';
 import StripeService from '@/services/stripe';
 import SupabaseService from '@/services/supabase';
 
@@ -49,7 +51,6 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           const session = event.data.object as any;
           const { userId, plan } = session.metadata;
-
           await SupabaseServiceInstance.upsertSubscription({
             user_id: userId,
             stripe_subscription_id: session.subscription,
@@ -58,6 +59,15 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
             current_period_start: new Date(session.current_period_start * 1000),
             current_period_end: new Date(session.current_period_end * 1000),
           });
+          const email = (await SupabaseServiceInstance.getUserById(userId))?.email;
+          if (!email) throw new Error("Missing User Data in Completed Checkout");
+          await sendEmail({
+            from: 'Sassy - Powerful Micro-SaaS',
+            to: [email],
+            subject: "Welcome to Sassy!",
+            text: "Welcome to Sassy! Your subscription has been activated.",
+            html: FINISH_CHECKOUT_EMAIL.replace("{plan}", plan),
+          });
           break;
         }
 
diff --git a/src/services/mailgun.ts b/src/services/mailgun.ts
diff --git a/src/services/supabase.ts b/src/services/supabase.ts

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@ export default function NewPassword() {`
`100`	`100`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("new-password-error-general") } });`
`101`	`101`	`}`
`102`	`102`	`} catch (err) {`
`103`		`- console.log("Error", err);`
	`103`	`+ console.error("Error", err);`
`104`	`104`	`if (err instanceof Error && err.message !== "Validation Error") {`
`105`	`105`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("new-password-error-unexpected") } });`
`106`	`106`	`}`
Original file line number	Diff line number	Diff line change
`@@ -81,7 +81,7 @@ export default function SignIn() {`
`81`	`81`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("signIn-invalid-credentials") } });`
`82`	`82`	`}`
`83`	`83`	`} catch (err) {`
`84`		`- console.log("Error", err);`
	`84`	`+ console.error("Error", err);`
`85`	`85`	`if (err instanceof Error && err.message !== "Validation Error") {`
`86`	`86`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("signIn-general-error") } });`
`87`	`87`	`}`
Original file line number	Diff line number	Diff line change
`@@ -99,7 +99,7 @@ export default function SignUp() {`
`99`	`99`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("signUp-general-error") } });`
`100`	`100`	`}`
`101`	`101`	`} catch (err) {`
`102`		`- console.log("Error", err);`
	`102`	`+ console.error("Error", err);`
`103`	`103`	`if (err instanceof Error && err.message !== "Validation Error" && err.message !== "Terms not accepted") {`
`104`	`104`	`dispatch({ type: "SET_ERRORS", payload: { general: translate("signUp-general-error") } });`
`105`	`105`	`}`
Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,6 @@ export const useCheckout = () => {`
`11`	`11`
`12`	`12`	`const handleCheckout = async ({ plan, isAnnual, setIsLoading }: { plan: Plan, isAnnual: boolean, setIsLoading: (isLoading: boolean) => void }) => {`
`13`	`13`	`if (plan.id === 'free') {`
`14`		`- console.log('Free plan selected');`
`15`	`14`	`return;`
`16`	`15`	`}`
`17`	`16`