File size: 4,484 Bytes
9a92a42 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 | import api from './axiosInstance.api';
// Types based on backend models
export type FieldType =
| 'short_text'
| 'long_text'
| 'multiple_choice'
| 'checkboxes'
| 'dropdown'
| 'linear_scale'
| 'date'
| 'time'
| 'email'
| 'phone'
| 'number'
| 'file_upload';
export interface IFormField {
id: string;
type: FieldType;
label: string;
description?: string;
required: boolean;
options?: string[];
validation?: {
min?: number;
max?: number;
pattern?: string;
maxLength?: number;
minLength?: number;
fileTypes?: string[];
maxFileSize?: number;
};
order: number;
}
export interface IForm {
_id: string;
title: string;
description?: string;
event?: any;
organization: any;
createdBy: any;
fields: IFormField[];
accessType: 'event_attendees' | 'verified_users' | 'public';
restrictToAttendees: boolean;
oneResponsePerUser: boolean;
shortCode: string;
shareToken: string;
qrCode?: string;
acceptingResponses: boolean;
showResponseSummary: boolean;
allowEditing: boolean;
responseCount: number;
status: 'draft' | 'active' | 'closed';
createdAt: string;
updatedAt: string;
}
export interface IFieldResponse {
fieldId: string;
value: any;
fileUrl?: string;
}
export interface IFormResponse {
_id: string;
form: string | IForm;
event?: string;
respondent: any;
responses: IFieldResponse[];
submittedAt: string;
lastEditedAt?: string;
isComplete: boolean;
}
export interface CreateFormRequest {
title: string;
description?: string;
eventId?: string;
fields: IFormField[];
accessType?: 'event_attendees' | 'verified_users' | 'public';
restrictToAttendees?: boolean;
oneResponsePerUser?: boolean;
showResponseSummary?: boolean;
allowEditing?: boolean;
}
export interface UpdateFormRequest {
title?: string;
description?: string;
fields?: IFormField[];
accessType?: 'event_attendees' | 'verified_users' | 'public';
restrictToAttendees?: boolean;
oneResponsePerUser?: boolean;
acceptingResponses?: boolean;
showResponseSummary?: boolean;
allowEditing?: boolean;
status?: 'draft' | 'active' | 'closed';
}
export interface SubmitResponseRequest {
responses: IFieldResponse[];
}
// API Functions
export const createForm = async (data: CreateFormRequest): Promise<{ message: string; form: any }> => {
console.log("sending create form request");
const response = await api.post('/forms/create', data);
return response.data;
};
export const updateForm = async (formId: string, data: UpdateFormRequest): Promise<{ message: string; form: IForm }> => {
const response = await api.put(`/forms/${formId}`, data);
return response.data;
};
export const getFormDetails = async (formId: string, token?: string): Promise<{ form: IForm; hasSubmitted: boolean; canEdit: boolean }> => {
const url = token ? `/forms/${formId}?token=${token}` : `/forms/${formId}`;
const response = await api.get(url);
return response.data;
};
export const submitFormResponse = async (formId: string, data: SubmitResponseRequest): Promise<{ message: string; response: IFormResponse }> => {
const response = await api.post(`/forms/${formId}/submit`, data);
return response.data;
};
export const getFormResponses = async (formId: string): Promise<{ form: { title: string; responseCount: number }; responses: IFormResponse[] }> => {
const response = await api.get(`/forms/${formId}/responses`);
return response.data;
};
export const getMyForms = async (eventId?: string): Promise<{ forms: IForm[] }> => {
const url = eventId ? `/forms/my-forms?eventId=${eventId}` : '/forms/my-forms';
const response = await api.get(url);
return response.data;
};
export const deleteForm = async (formId: string): Promise<{ message: string }> => {
const response = await api.delete(`/forms/${formId}`);
return response.data;
};
export const getMyResponse = async (formId: string): Promise<{ response: IFormResponse }> => {
const response = await api.get(`/forms/${formId}/my-response`);
return response.data;
};
export const exportResponsesToCSV = async (formId: string): Promise<Blob> => {
const response = await api.get(`/forms/${formId}/export/csv`, {
responseType: 'blob'
});
return response.data;
};
|