diff --git a/packages/ui/components/document/document-global-auth-action-select.tsx b/packages/ui/components/document/document-global-auth-action-select.tsx
index 3fb353838..f2ca27d43 100644
--- a/packages/ui/components/document/document-global-auth-action-select.tsx
+++ b/packages/ui/components/document/document-global-auth-action-select.tsx
@@ -9,12 +9,17 @@ import {
DocumentAuth,
NonEnterpriseDocumentActionAuth,
} from '@documenso/lib/types/document-auth';
-import { MultiSelect, type Option } from '@documenso/ui/primitives/multiselect';
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from '@documenso/ui/primitives/select';
import { Tooltip, TooltipContent, TooltipTrigger } from '@documenso/ui/primitives/tooltip';
export interface DocumentGlobalAuthActionSelectProps {
value?: string[];
- defaultValue?: string[];
onValueChange?: (value: string[]) => void;
disabled?: boolean;
placeholder?: string;
@@ -23,7 +28,6 @@ export interface DocumentGlobalAuthActionSelectProps {
export const DocumentGlobalAuthActionSelect = ({
value,
- defaultValue,
onValueChange,
disabled,
placeholder,
@@ -37,47 +41,33 @@ export const DocumentGlobalAuthActionSelect = ({
(auth) => auth !== DocumentAuth.EXPLICIT_NONE,
);
- // Convert auth types to MultiSelect options
- const authOptions: Option[] = [
- {
- value: '-1',
- label: _(msg`No restrictions`),
- },
- ...authTypes.map((authType) => ({
- value: authType,
- label: DOCUMENT_AUTH_TYPES[authType].value,
- })),
- ];
+ const selectedValue = value?.[0] || '';
- // Convert string array to Option array for MultiSelect
- const selectedOptions =
- (value
- ?.map((val) => authOptions.find((option) => option.value === val))
- .filter(Boolean) as Option[]) || [];
-
- // Convert default value to Option array
- const defaultOptions =
- (defaultValue
- ?.map((val) => authOptions.find((option) => option.value === val))
- .filter(Boolean) as Option[]) || [];
-
- const handleChange = (options: Option[]) => {
- const values = options.map((option) => option.value);
- onValueChange?.(values);
+ const handleChange = (newValue: string) => {
+ if (newValue === '-1') {
+ onValueChange?.([]);
+ } else {
+ onValueChange?.([newValue]);
+ }
};
return (
-