docs: 📝 Update env var and write Configuration doc

apps/viewer/.env.local.example

@@ -1,16 +1,6 @@
-ENCRYPTION_SECRET=
-NEXT_PUBLIC_VIEWER_HOST=http://localhost:3001
+ENCRYPTION_SECRET=SgVkYp2s5v8y/B?E(H+MbQeThWmZq4t6 #256-bits secret (can be generated here: https://www.allkeysgenerator.com/Random/Security-Encryption-Key-Generator.aspx)
+NEXT_PUBLIC_VIEWER_URL=http://localhost:3001
 DATABASE_URL=postgresql://postgres:@localhost:5432/typebot
 
-GOOGLE_CLIENT_ID=
-GOOGLE_CLIENT_SECRET=
-
-# (Optional) Used for email notifications
-EMAIL_NOTIFICATIONS_SERVER_USER=username
-EMAIL_NOTIFICATIONS_SERVER_PASSWORD=password
-EMAIL_NOTIFICATIONS_SERVER_HOST=smtp.example.com
-EMAIL_NOTIFICATIONS_SERVER_PORT=587
-NEXT_PUBLIC_EMAIL_NOTIFICATIONS_FROM_EMAIL=noreply@example.com
-NEXT_PUBLIC_EMAIL_NOTIFICATIONS_FROM_NAME="John Smith"
-
-NEXT_PUBLIC_SENTRY_DSN=
+# For more configuration options check out:
+https://docs.typebot.io/self-hosting/configuration

apps/viewer/libs/google-sheets.ts

@@ -17,7 +17,7 @@ export const getAuthenticatedGoogleClient = async (
   ) as GoogleSheetsCredentialsData
 
   const oauth2Client = new OAuth2Client(
-    process.env.GOOGLE_CLIENT_ID,
+    process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID,
     process.env.GOOGLE_CLIENT_SECRET,
     `${process.env.NEXTAUTH_URL}/api/credentials/google-sheets/callback`
   )

apps/viewer/pages/[[...publicId]].tsx

@@ -14,7 +14,7 @@ export const getServerSideProps: GetServerSideProps = async (
   try {
     if (!context.req.headers.host) return { props: {} }
     typebot = context.req.headers.host.includes(
-      (process.env.NEXT_PUBLIC_VIEWER_HOST ?? '').split('//')[1]
+      (process.env.NEXT_PUBLIC_VIEWER_URL ?? '').split('//')[1]
     )
       ? await getTypebotFromPublicId(context.query.publicId?.toString())
       : await getTypebotFromCustomDomain(

apps/viewer/pages/api/integrations/email.ts

@@ -10,18 +10,18 @@ import { withSentry } from '@sentry/nextjs'
 const cors = initMiddleware(Cors())
 
 const defaultTransportOptions = {
-  host: process.env.EMAIL_NOTIFICATIONS_SERVER_HOST,
-  port: Number(process.env.EMAIL_NOTIFICATIONS_SERVER_PORT),
+  host: process.env.SMTP_HOST,
+  port: Number(process.env.SMTP_PORT),
   secure: false,
   auth: {
-    user: process.env.EMAIL_NOTIFICATIONS_SERVER_USER,
-    pass: process.env.EMAIL_NOTIFICATIONS_SERVER_PASSWORD,
+    user: process.env.SMTP_USERNAME,
+    pass: process.env.SMTP_PASSWORD,
   },
 }
 
 const defaultFrom = {
-  name: process.env.NEXT_PUBLIC_EMAIL_NOTIFICATIONS_FROM_NAME,
-  email: process.env.NEXT_PUBLIC_EMAIL_NOTIFICATIONS_FROM_EMAIL,
+  name: process.env.NEXT_PUBLIC_SMTP_FROM?.split(' <')[0].replace(/"/g, ''),
+  email: process.env.NEXT_PUBLIC_SMTP_FROM?.match(/\<(.*)\>/)?.pop(),
 }
 
 const handler = async (req: NextApiRequest, res: NextApiResponse) => {

apps/viewer/playwright.config.ts

@@ -17,7 +17,7 @@ const config: PlaywrightTestConfig = {
   maxFailures: process.env.CI ? 10 : undefined,
   use: {
     actionTimeout: 0,
-    baseURL: process.env.NEXT_PUBLIC_VIEWER_HOST,
+    baseURL: process.env.NEXT_PUBLIC_VIEWER_URL,
     storageState: path.join(__dirname, 'playwright/proUser.json'),
     trace: 'on-first-retry',
     video: 'retain-on-failure',