chore: 🔨 remove .env.example file and update dependencies including Next.js, React, and Stripe

Author: moinulmoin

.env.example renamed to example.env

@@ -56,39 +56,39 @@
     "embla-carousel-react": "^8.5.2",
     "input-otp": "^1.4.2",
     "lucide-react": "^0.471.1",
-    "next": "15.1.4",
+    "next": "15.3.2",
     "next-international": "^1.3.1",
     "next-safe-action": "^7.10.2",
     "next-themes": "^0.4.4",
     "postcss": "8.5.1",
-    "react": "19.0.0",
+    "react": "19.1.0",
     "react-day-picker": "8.10.1",
-    "react-dom": "19.0.0",
+    "react-dom": "19.1.0",
     "react-email": "3.0.6",
     "react-hook-form": "^7.54.2",
     "react-resizable-panels": "^2.1.7",
     "recharts": "^2.15.2",
     "resend": "^4.1.1",
     "sonner": "^2.0.3",
-    "stripe": "^17.5.0",
+    "stripe": "^18.0.0",
     "uploadthing": "^7.4.4",
     "vaul": "^1.1.2",
     "zod": "^3.24.1"
   },
   "devDependencies": {
     "@tailwindcss/line-clamp": "^0.4.4",
     "@tailwindcss/typography": "^0.5.16",
-    "@types/node": "22.10.7",
-    "@types/react": "19.0.7",
-    "@types/react-dom": "19.0.3",
+    "@types/node": "22.15.18",
+    "@types/react": "19.1.4",
+    "@types/react-dom": "19.1.5",
     "autoprefixer": "10.4.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "eslint": "9.18.0",
-    "eslint-config-next": "15.1.4",
-    "eslint-config-prettier": "^10.0.1",
+    "eslint": "9.24.0",
+    "eslint-config-next": "15.3.2",
+    "eslint-config-prettier": "^10.1.1",
     "lefthook": "^1.10.7",
-    "prettier": "3.4.2",
+    "prettier": "3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.10",
     "prisma": "^6.2.1",
     "release-it": "^18.1.1",
@@ -100,5 +100,5 @@
     "typescript": "5.7.3",
     "velite": "0.2.2"
   },
-  "packageManager": "pnpm@10.4.1"
+  "packageManager": "pnpm@10.7.1+sha512.2d92c86b7928dc8284f53494fb4201f983da65f0fb4f0d40baafa5cf628fa31dae3e5968f12466f17df7e97310e30f343a648baea1b9b350685dafafffdf5808"
 }

package.json

@@ -0,0 +1,8 @@
+onlyBuiltDependencies:
+  - '@prisma/client'
+  - '@prisma/engines'
+  - esbuild
+  - lefthook
+  - prisma
+  - sharp
+  - unrs-resolver

pnpm-lock.yaml

@@ -24,9 +24,14 @@ export async function POST(req: NextRequest) {
     }
   }
 
-  const session = event?.data.object as Stripe.Checkout.Session;
+  const eventData = event?.data.object as
+    | Stripe.Checkout.Session
+    | Stripe.Invoice;
+
+  console.log({ event, eventData });
 
   if (event?.type === "checkout.session.completed") {
+    const session = eventData as Stripe.Checkout.Session;
     // Retrieve the subscription details from Stripe.
     const subscription = await stripe.subscriptions.retrieve(
       session.subscription as string
@@ -43,17 +48,16 @@ export async function POST(req: NextRequest) {
         stripeSubscriptionId: subscription.id,
         stripeCustomerId: subscription.customer as string,
         stripePriceId: subscription.items.data[0].price.id,
-        stripeCurrentPeriodEnd: new Date(
-          subscription.current_period_end * 1000
-        ),
+        stripeCurrentPeriodEnd: new Date(subscription.ended_at! * 1000),
       },
     });
   }
 
   if (event?.type === "invoice.payment_succeeded") {
+    const invoice = eventData as Stripe.Invoice;
     // Retrieve the subscription details from Stripe.
     const subscription = await stripe.subscriptions.retrieve(
-      session.subscription as string
+      invoice.parent?.subscription_details?.subscription as string
     );
 
     // Update the price id and set the new period end.
@@ -63,9 +67,7 @@ export async function POST(req: NextRequest) {
       },
       data: {
         stripePriceId: subscription.items.data[0].price.id,
-        stripeCurrentPeriodEnd: new Date(
-          subscription.current_period_end * 1000
-        ),
+        stripeCurrentPeriodEnd: new Date(subscription.ended_at! * 1000),
       },
     });
   }

pnpm-workspace.yaml

@@ -26,6 +26,7 @@ export function BillingForm({
   ...props
 }: BillingFormProps) {
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  console.log(subscriptionPlan);
 
   async function onSubmit(event: React.FormEvent<HTMLFormElement>) {
     event.preventDefault();

src/app/api/webhooks/stripe/route.ts

@@ -75,7 +75,7 @@ export default async function Pricing() {
           {plans.map((plan) => {
             const isCurrentPlan = subscription
               ? plan.isPro === subscription.isPro
-              : plan.price === 0;
+              : false;
 
             return (
               <Card

src/components/billing-form.tsx

@@ -4,7 +4,7 @@ import { prisma } from "~/lib/server/db";
 import { type UserSubscriptionPlan } from "~/types";
 
 export const stripe = new Stripe(process.env.STRIPE_SECRET_KEY as string, {
-  apiVersion: "2024-12-18.acacia",
+  apiVersion: "2025-03-31.basil",
   typescript: true,
 });