mirror of
https://github.com/supabase/supabase.git
synced 2026-07-05 21:14:30 +08:00
f5ff10e195
* refactor: refactor support form Refactor support form to make it easier to maintain: - Split up large components into smaller components and hooks - Lift state up so we don't have to do complex child/parent state-syncing via useEffect - Use nuqs parsing for consistent serialization/deserialization of support form prefilled fields * test: support form Add comprehensive tests for support form * fix(support form): project and org empty state * Nit clean up * More clean up * cleannnn * fix(support form): allow case-insensitive category in url * clean(support form tests): remove unused param * fix(support form): incorrect logic for sending affected services in payload * clean(support form): use NO_ORG_MARKER and NO_PROJECT_MARKER instead of strings * fix(support form): don't show upgrade cta if already on enterprise --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
67 lines
2.1 KiB
TypeScript
67 lines
2.1 KiB
TypeScript
import { z } from 'zod'
|
|
|
|
import { isFeatureEnabled } from 'common'
|
|
import { PLAN_REQUEST_EMPTY_PLACEHOLDER } from 'components/ui/UpgradePlanButton'
|
|
import { CATEGORY_OPTIONS, type ExtendedSupportCategories } from './Support.constants'
|
|
|
|
const createFormSchema = (showClientLibraries: boolean) => {
|
|
const baseSchema = z.object({
|
|
organizationSlug: z.string().min(1, 'Please select an organization'),
|
|
projectRef: z.string().min(1, 'Please select a project'),
|
|
category: z.enum(
|
|
CATEGORY_OPTIONS.map((opt) => opt.value) as [
|
|
ExtendedSupportCategories,
|
|
...ExtendedSupportCategories[],
|
|
]
|
|
),
|
|
severity: z.string(),
|
|
library: z.string(),
|
|
subject: z.string().min(1, 'Please add a subject heading'),
|
|
message: z.string().min(1, "Please add a message about the issue that you're facing"),
|
|
affectedServices: z.string(),
|
|
allowSupportAccess: z.boolean(),
|
|
dashboardSentryIssueId: z.string().optional(),
|
|
})
|
|
|
|
if (showClientLibraries) {
|
|
return baseSchema
|
|
.refine(
|
|
(data) => {
|
|
return !(data.category === 'Problem' && data.library === '')
|
|
},
|
|
{
|
|
message: "Please select the library that you're facing issues with",
|
|
path: ['library'],
|
|
}
|
|
)
|
|
.refine(
|
|
(data) => {
|
|
return !data.message.includes(PLAN_REQUEST_EMPTY_PLACEHOLDER)
|
|
},
|
|
{
|
|
message: `Please let us know which plan you'd like to upgrade to for your organization`,
|
|
path: ['message'],
|
|
}
|
|
)
|
|
}
|
|
|
|
// When showClientLibraries is false, make library optional and remove the refine validation
|
|
return baseSchema
|
|
.extend({
|
|
library: z.string().optional(),
|
|
})
|
|
.refine(
|
|
(data) => {
|
|
return !data.message.includes(PLAN_REQUEST_EMPTY_PLACEHOLDER)
|
|
},
|
|
{
|
|
message: `Please let us know which plan you'd like to upgrade to for your organization`,
|
|
path: ['message'],
|
|
}
|
|
)
|
|
}
|
|
|
|
const showClientLibraries = isFeatureEnabled('support:show_client_libraries')
|
|
export const SupportFormSchema = createFormSchema(showClientLibraries)
|
|
export type SupportFormValues = z.infer<typeof SupportFormSchema>
|