4 |
6 | )
7 | }
8 |
--------------------------------------------------------------------------------
/packages/ui/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "@seventy-seven/typescript-config/react-library.json",
3 | "compilerOptions": {
4 | "baseUrl": ".",
5 | "paths": {
6 | "@/*": ["./src/*"]
7 | }
8 | },
9 | "include": ["src"],
10 | "exclude": ["node_modules"]
11 | }
12 |
--------------------------------------------------------------------------------
/packages/ui/src/components/shadcn/skeleton.tsx:
--------------------------------------------------------------------------------
1 | import { cn } from '../../utils'
2 |
3 | function Skeleton({ className, ...props }: React.HTMLAttributesNo ticket selected
5 |{children}
10 | }
11 |
--------------------------------------------------------------------------------
/apps/dashboard/src/utils/sentencifyArray.tsx:
--------------------------------------------------------------------------------
1 | export const sentencifyArray = (items: string[]) => {
2 | if (items.length === 0) {
3 | return ''
4 | }
5 |
6 | if (items.length === 1) {
7 | return items[0] ?? ''
8 | }
9 |
10 | const lastItem = items.pop()
11 | return `${items.join(', ')} and ${lastItem}`
12 | }
13 |
--------------------------------------------------------------------------------
/apps/website/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from 'tailwindcss'
2 |
3 | import baseConfig from '@seventy-seven/ui/tailwind.config.ts'
4 |
5 | const config = {
6 | content: ['./src/**/*.{ts,tsx}', '../../packages/ui/src/**/*.{ts,tsx}'],
7 | presets: [baseConfig],
8 | } satisfies Config
9 |
10 | export default config
11 |
--------------------------------------------------------------------------------
/apps/dashboard/src/app/not-found.tsx:
--------------------------------------------------------------------------------
1 | const NotFound = () => {
2 | return (
3 |
4 |
7 | )
8 | }
9 |
10 | export default NotFound
11 |
--------------------------------------------------------------------------------
/apps/dashboard/tailwind.config.ts:
--------------------------------------------------------------------------------
1 | import type { Config } from 'tailwindcss'
2 |
3 | import baseConfig from '@seventy-seven/ui/tailwind.config.ts'
4 |
5 | const config = {
6 | content: ['./src/**/*.{ts,tsx}', '../../packages/ui/src/**/*.{ts,tsx}'],
7 | presets: [baseConfig],
8 | } satisfies Config
9 |
10 | export default config
11 |
--------------------------------------------------------------------------------
/apps/website/src/app/not-found.tsx:
--------------------------------------------------------------------------------
1 | const NotFound = () => {
2 | return (
3 | 404
5 |This page could not be found 🥺
6 |
4 |
7 | )
8 | }
9 |
10 | export default NotFound
11 |
--------------------------------------------------------------------------------
/apps/dashboard/src/utils/insertIf.ts:
--------------------------------------------------------------------------------
1 | export const insertIf = {
2 | array: 404
5 |This page could not be found 🥺
6 |
6 |
7 | The open-source
8 |
9 | alternative to Zendesk
10 |
11 |
12 | )
13 | }
14 |
--------------------------------------------------------------------------------
/packages/email/types.ts:
--------------------------------------------------------------------------------
1 | import type { Prisma } from '@seventy-seven/orm/prisma'
2 |
3 | export type Message = Prisma.MessageGetPayload<{
4 | select: {
5 | id: true
6 | body: true
7 | created_at: true
8 | sent_from_full_name: true
9 | sent_from_email: true
10 | sent_from_avatar_url: true
11 | handler: {
12 | select: {
13 | full_name: true
14 | image_url: true
15 | }
16 | }
17 | }
18 | }>
19 |
--------------------------------------------------------------------------------
/apps/dashboard/src/app/(app)/settings/tags/layout.tsx:
--------------------------------------------------------------------------------
1 | import { PageWrapper } from '@/components/page-wrapper'
2 | import { HydrateClient, trpc } from '@/trpc/server'
3 |
4 | const TagsLayout = ({ children }: { children: React.ReactNode }) => {
5 | trpc.users.myCurrentTeam.prefetch()
6 |
7 | return (
8 | 9 | alternative to Zendesk 10 |
11 |
14 | {children}
13 | 
14 |
15 |
17 |
22 | Team settings
18 |{children}
21 |
20 |
22 |
23 | )
24 | }
25 |
26 | export default AllDonePage
27 |
--------------------------------------------------------------------------------
/apps/dashboard/src/lib/search-params.ts:
--------------------------------------------------------------------------------
1 | import { createSearchParamsCache, parseAsArrayOf, parseAsString, parseAsStringLiteral } from 'nuqs/server'
2 |
3 | // TICKET FILTERS
4 | export const statuses = ['unhandled', 'snoozed', 'starred', 'closed'] as const
5 | export type Status = (typeof statuses)[number]
6 |
7 | export const ticketFiltersParsers = {
8 | q: parseAsString,
9 | statuses: parseAsArrayOf(parseAsStringLiteral(statuses)),
10 | assignees: parseAsArrayOf(parseAsString),
11 | tags: parseAsArrayOf(parseAsString),
12 | }
13 |
14 | export const ticketFiltersCache = createSearchParamsCache(ticketFiltersParsers)
15 |
16 | // TICKET ID
17 | export const ticketIdParsers = {
18 | ticketId: parseAsString,
19 | }
20 |
21 | export const ticketIdCache = createSearchParamsCache(ticketIdParsers)
22 |
--------------------------------------------------------------------------------
/packages/ui/src/components/shadcn/label.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as LabelPrimitive from '@radix-ui/react-label'
4 | import { type VariantProps, cva } from 'class-variance-authority'
5 | import * as React from 'react'
6 |
7 | import { cn } from '../../utils'
8 |
9 | const labelVariants = cva(
10 | 'text-sm leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
11 | )
12 |
13 | const Label = React.forwardRef<
14 | React.ElementRefAll done, you can close this window!
21 |
13 |
15 |
16 | {userTeams.length === 0 ? (
17 | You don't belong to any team.
18 | ) : ( 19 | userTeams.map((userTeam) => ( 20 |-
21 |
12 |
13 |
18 |
19 |
20 |
21 |
24 |
25 |
14 | Create tag
15 |
17 | ) : (
18 | You have not yet created any tags
16 |
19 | Create tag
20 |
21 |
25 | )}
26 |
27 | )
28 | }
29 |
30 | export default TagsPage
31 |
--------------------------------------------------------------------------------
/apps/dashboard/src/app/(app)/inbox/layout.tsx:
--------------------------------------------------------------------------------
1 | import { TicketSearchForm } from '@/components/forms/ticket-search-form'
2 | import { TicketFilterLoading, TicketFiltersDropdown } from '@/components/ticket-filters/ticket-filters-dropdown'
3 | import { HydrateClient, trpc } from '@/trpc/server'
4 | import { Suspense } from 'react'
5 |
6 | export const dynamic = 'force-dynamic'
7 |
8 | type Props = {
9 | children: React.ReactNode
10 | }
11 |
12 | const InboxLayout = ({ children }: Props) => {
13 | trpc.users.myCurrentTeam.prefetch()
14 |
15 | return (
16 |
22 |
24 |
19 |
24 | {children}
25 |
14 |
26 | )
27 | }
28 |
29 | export default LoginPage
30 |
--------------------------------------------------------------------------------
/apps/dashboard/src/trpc/init.ts:
--------------------------------------------------------------------------------
1 | import { analyticsClient } from '@/lib/analytics'
2 | import { prisma } from '@seventy-seven/orm/prisma'
3 | import { getUser } from '@seventy-seven/supabase/session'
4 | import { TRPCError, initTRPC } from '@trpc/server'
5 | import { cache } from 'react'
6 | import superjson from 'superjson'
7 |
8 | export const createTRPCContext = cache(async () => {
9 | const user = await getUser()
10 |
11 | return {
12 | prisma,
13 | user,
14 | analyticsClient,
15 | }
16 | })
17 |
18 | const t = initTRPC.context
15 |
25 |
16 |
19 |
20 | Welcome to 77
18 |
21 |
24 |
21 |
26 | {children}
27 |
29 |
33 |
17 |
22 |
23 | {ticket.subject}
18 | 19 | {senderFullName} - {senderEmail} 20 | 21 |
24 |
27 |
18 | {
25 | setMonth(startOfToday())
26 | setDate(addHours(new Date(), 1))
27 | }}
28 | initialFocus
29 | fixedWeeks
30 | {...restProps}
31 | />
32 |
34 | )
35 | }
36 |
--------------------------------------------------------------------------------
/apps/website/src/components/change-theme-button.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import { Button } from '@seventy-seven/ui/button'
4 | import { Icon } from '@seventy-seven/ui/icon'
5 | import { AnimatePresence, motion } from 'framer-motion'
6 | import { useTheme } from 'next-themes'
7 |
8 | export const ChangeThemeButton = () => {
9 | const { setTheme, resolvedTheme } = useTheme()
10 |
11 | const onThemeChange = () => {
12 | if (resolvedTheme === 'light') {
13 | setTheme('dark')
14 | } else {
15 | setTheme('light')
16 | }
17 | }
18 |
19 | return (
20 |
33 | )
34 | }
35 |
--------------------------------------------------------------------------------
/packages/ui/src/components/shadcn/badge.tsx:
--------------------------------------------------------------------------------
1 | import { type VariantProps, cva } from 'class-variance-authority'
2 |
3 | import { cn } from '../../utils'
4 |
5 | const badgeVariants = cva(
6 | 'inline-flex items-center rounded-full border px-2.5 h-6 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2',
7 | {
8 | variants: {
9 | variant: {
10 | default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
11 | secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
12 | destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80',
13 | outline: 'text-foreground',
14 | },
15 | },
16 | defaultVariants: {
17 | variant: 'default',
18 | },
19 | },
20 | )
21 |
22 | export interface BadgeProps extends React.HTMLAttributes
14 |
30 | )
31 | }
32 |
--------------------------------------------------------------------------------
/apps/dashboard/src/hooks/use-realtime-query.ts:
--------------------------------------------------------------------------------
1 | import { createClient } from '@seventy-seven/supabase/clients/client'
2 | import type { Supabase } from '@seventy-seven/supabase/types'
3 | import { useEffect } from 'react'
4 |
5 | const supabase = createClient()
6 |
7 | type Options = {
8 | event: Supabase.RealtimeEvent
9 | table: Supabase.Table
10 | }
11 |
12 | const defaultOptions = {
13 | event: '*' as const,
14 | }
15 |
16 | export const useRealtimeQuery =
15 |
23 |
24 | 16 | {userTeam.team.name} 17 | {userTeam.team.is_personal && ( 18 | Personal 19 | )} 20 |
21 |{teamRoleEnumToWord(userTeam.role)}
22 |
25 | {userTeam.isCurrent &&
29 | Current
} 26 | 27 |\n yes, hello!!
\n\n
\n
\n
16 |
17 | In this case it should return:
18 | yes, hello!!
19 |
20 | Sometimes it could include other irrelavant markup or content than just that message so I need you do parse it and return that message.
21 |
22 | Make sure to only return the message and nothing else.
23 |
24 | Here is the html:
25 | ${html}`,
26 | })
27 |
28 | return text
29 | }
30 |
--------------------------------------------------------------------------------
/packages/ui/src/components/shadcn/switch.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as SwitchPrimitives from '@radix-ui/react-switch'
4 | import * as React from 'react'
5 |
6 | import { cn } from '../../utils'
7 |
8 | const Switch = React.forwardRef<
9 | React.ElementRefOn 15 Jan 2025 at 23:07:53, Christian Alares from Seventy Seven <seventy-seven@seventy-seven.dev> wrote:
\n \n
17 |
23 |
24 |
25 |
28 |
29 |
30 |
31 |
35 |
36 |
37 |
38 |
39 |
18 |
21 |
22 | {name}
20 |{body}
40 |
31 |
49 |
50 | )
51 | }
52 |
--------------------------------------------------------------------------------
/packages/orm/src/prisma/extensions/loggingExtension.ts:
--------------------------------------------------------------------------------
1 | import { Prisma } from '@prisma/client'
2 |
3 | export const loggingExtension = () => {
4 | if (process.env.NODE_ENV !== 'development') {
5 | return Prisma.defineExtension({
6 | name: 'logging',
7 | })
8 | }
9 |
10 | const queryOperations = [
11 | 'findUnique',
12 | 'findMany',
13 | 'findFirst',
14 | 'count',
15 | 'aggregate',
16 | 'groupBy',
17 | 'findUniqueOrThrow',
18 | 'findFirstOrThrow',
19 | ]
20 |
21 | const mutationOperations = ['create', 'createMany', 'update', 'updateMany', 'upsert', 'delete', 'deleteMany']
22 |
23 | return Prisma.defineExtension({
24 | name: 'logging',
25 | query: {
26 | $allModels: {
27 | $allOperations: async ({ model, operation, args, query }) => {
28 | const now = performance.now()
29 | const results = await query(args)
30 | const elapsed = performance.now() - now
31 |
32 | const queryType = (() => {
33 | if (queryOperations.includes(operation)) {
34 | return '[QUERY]'
35 | }
36 |
37 | if (mutationOperations.includes(operation)) {
38 | return '[MUTATION]'
39 | }
40 |
41 | return ''
42 | })()
43 |
44 | const loggingResult = `${queryType} ${model}.${operation} took ${elapsed}ms`
45 | const hr = new Array(loggingResult.length).fill('-').join('')
46 |
47 | // biome-ignore lint/suspicious/noConsoleLog:
21 |
51 |
22 |
23 |
26 |
27 | {/* */}
37 |
38 |
39 |
50 |
43 | {/* biome-ignore lint/security/noDangerouslySetInnerHtmlWithChildren: */}
44 | {/* biome-ignore lint/security/noDangerouslySetInnerHtml: */}
45 |
47 | Are you sure you want to continue?
40 | 41 |
2 |
3 | 
4 |
5 |
The open-source alternative to Zendesk
8 |A modern and simple platform to make customer support extremely easy
9 | 10 |11 | Website · 12 | Sign in · 13 | 𝕏 / Twitter 14 |
15 | 16 |
17 |
18 | 
19 |
20 |
Are you sure you want to continue?
42 | 43 |37 | Slack notifications are based on your teams integrations. Check{' '} 38 | 39 | team integrations 40 | {' '} 41 | to handle those. 42 |
43 |
27 |
47 | )
48 | }
49 |
50 | export default InboxRootPage
51 |
--------------------------------------------------------------------------------
/packages/ui/src/components/shadcn/toggle-group.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 |
3 | import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
4 | import type { VariantProps } from 'class-variance-authority'
5 | import * as React from 'react'
6 |
7 | import { cn } from '../../utils'
8 | import { toggleVariants } from './toggle'
9 |
10 | const ToggleGroupContext = React.createContext
32 |
36 |
37 |
42 |
46 |
21 |
59 | )
60 | }
61 |
--------------------------------------------------------------------------------
/packages/supabase/src/clients/middleware.ts:
--------------------------------------------------------------------------------
1 | import { type CookieOptions, createServerClient } from '@supabase/ssr'
2 | import { type NextRequest, NextResponse } from 'next/server'
3 | import type { Database } from '../types/db'
4 |
5 | export const createClient = (request: NextRequest) => {
6 | const NEXT_PUBLIC_SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL
7 | const NEXT_PUBLIC_SUPABASE_ANON_KEY = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY
8 |
9 | if (!NEXT_PUBLIC_SUPABASE_URL) {
10 | throw new Error('Missing env.NEXT_PUBLIC_SUPABASE_URL')
11 | }
12 |
13 | if (!NEXT_PUBLIC_SUPABASE_ANON_KEY) {
14 | throw new Error('Missing env.NEXT_PUBLIC_SUPABASE_ANON_KEY')
15 | }
16 |
17 | let response = NextResponse.next({
18 | request: {
19 | headers: request.headers,
20 | },
21 | })
22 |
23 | const supabase = createServerClient
22 |
25 | minuteRef.current?.focus()}
31 | />
32 |
33 |
34 |
37 | hourRef.current?.focus()}
43 | // onRightFocus={() => secondRef.current?.focus()}
44 | />
45 |
46 | {/*
47 |
50 | minuteRef.current?.focus()}
56 | />
57 |
*/}
58 |
13 |
18 |
21 |
23 |
24 |
52 |
53 | )
54 | }
55 |
56 | export default IndexPage
57 |
--------------------------------------------------------------------------------
/apps/dashboard/src/app/layout.tsx:
--------------------------------------------------------------------------------
1 | import { ThemeProvider } from '@/components/theme-provider'
2 | import { TRPCProvider } from '@/trpc/client'
3 | import { AnalyticsProvider } from '@seventy-seven/analytics'
4 | import '@seventy-seven/ui/globals.css'
5 | import { cn } from '@seventy-seven/ui/utils'
6 | import type { Metadata, Viewport } from 'next'
7 | import { Maven_Pro, Roboto } from 'next/font/google'
8 | import './globals.css'
9 |
10 | export const viewport: Viewport = {
11 | width: 'device-width',
12 | initialScale: 1,
13 | maximumScale: 1,
14 | userScalable: false,
15 | }
16 |
17 | export const metadata: Metadata = {
18 | metadataBase: new URL('https://seventy-seven.dev'),
19 | title: {
20 | default: 'Seventy Seven | The open source alternative to Zendesk',
21 | template: '%s | Seventy Seven',
22 | },
23 | description: 'A modern and simple platform to make customer support extremely easy',
24 | }
25 |
26 | const mavenPro = Maven_Pro({
27 | subsets: ['latin'],
28 | variable: '--maven-pro',
29 | })
30 |
31 | const roboto = Roboto({
32 | subsets: ['latin'],
33 | // light, normal, medium, bold
34 | weight: ['300', '400', '500', '700'],
35 | variable: '--roboto',
36 | })
37 |
38 | type Props = {
39 | children: React.ReactNode
40 | }
41 |
42 | const NEXT_PUBLIC_OPENPANEL_DASHBOARD_CLIENT_ID = process.env.NEXT_PUBLIC_OPENPANEL_DASHBOARD_CLIENT_ID
43 |
44 | if (!NEXT_PUBLIC_OPENPANEL_DASHBOARD_CLIENT_ID) {
45 | throw new Error('NEXT_PUBLIC_OPENPANEL_DASHBOARD_CLIENT_ID is required')
46 | }
47 |
48 | const RootLayout = async ({ children }: Props) => {
49 | return (
50 |
51 |
14 |
16 |
17 |
21 | A modern and simple platform to make customer support extremely easy
22 |
23 |
24 |
25 |
33 |
34 |
35 |
36 |
51 | Are you sure you want to continue?
43 | 44 |27 | Seventy Seven is connected to the channel{' '} 28 | {slackIntegration.slack_channel} in{' '} 29 | {slackIntegration.slack_team_name} 30 |
31 |Revoke slack integration
36 |
34 |
63 | )
64 | } catch (_error) {
65 | notFound()
66 | }
67 | }
68 |
69 | export default InviteCodePage
70 |
--------------------------------------------------------------------------------
/apps/dashboard/src/trpc/client.tsx:
--------------------------------------------------------------------------------
1 | 'use client'
2 | // ^-- to make sure we can mount the Provider from a server component
3 | import type { QueryClient } from '@tanstack/react-query'
4 | import { QueryClientProvider } from '@tanstack/react-query'
5 | import { ReactQueryDevtools } from '@tanstack/react-query-devtools'
6 | import { httpBatchLink } from '@trpc/client'
7 | import { createTRPCReact } from '@trpc/react-query'
8 | import { useState } from 'react'
9 | import superjson from 'superjson'
10 | import { makeQueryClient } from './query-client'
11 | import type { AppRouter } from './routers/_app'
12 | export const trpc = createTRPCReact
35 |
62 |
38 |
51 |
61 |
39 | {invite.team.image_url && (
40 |
50 | {invite.team.name}
49 |51 |
52 |
57 | Hello, {user.full_name}!
53 |54 | You have been invited to join the team {invite.team.name} by {invite.created_by.full_name}. 55 |
56 |
58 |
60 |
23 |
29 |
30 |
31 |
34 |
35 |
36 |
37 |
41 |
42 |
43 |
44 |
45 | {unableToParseContent ? (
46 |
24 |
27 |
28 | {name}
26 |
47 |
57 | ) : (
58 | This message contains content that the parser could not extract.
49 | 56 |{body}
59 | )} 60 |