@lets-events/react 12.2.6 → 12.2.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +2 -2
- package/.turbo/turbo-build.log +19 -21
- package/CHANGELOG.md +6 -0
- package/dist/index.css +171 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/src/components/Alert.tsx +303 -303
- package/src/components/Avatar.tsx +55 -55
- package/src/components/Badge.tsx +125 -125
- package/src/components/Box.tsx +3 -3
- package/src/components/Button/index.tsx +16 -16
- package/src/components/Button/styledComponents.ts +300 -300
- package/src/components/ButtonGroup.tsx +484 -484
- package/src/components/Calendar/index.tsx +146 -146
- package/src/components/Calendar/styledComponents.ts +250 -250
- package/src/components/Card.tsx +48 -48
- package/src/components/CheckboxGroup.tsx +176 -176
- package/src/components/Container.tsx +39 -39
- package/src/components/Drawer/index.tsx +138 -138
- package/src/components/Drawer/styledComponents.ts +52 -52
- package/src/components/Dropdown.tsx +302 -302
- package/src/components/Filter.tsx +164 -164
- package/src/components/Flex.tsx +118 -118
- package/src/components/FormFields/AddressFormFields/CityFormField.tsx +111 -111
- package/src/components/FormFields/AddressFormFields/CountryFormField.tsx +33 -33
- package/src/components/FormFields/AddressFormFields/PostalCodeFormField.tsx +39 -39
- package/src/components/FormFields/AddressFormFields/StateFormField.tsx +32 -32
- package/src/components/FormFields/AddressFormFields/index.tsx +141 -141
- package/src/components/FormFields/BirthDateFormField.tsx +84 -84
- package/src/components/FormFields/CNPJFormField.tsx +87 -87
- package/src/components/FormFields/CPFFormField.tsx +78 -78
- package/src/components/FormFields/CalendarFormField.tsx +92 -92
- package/src/components/FormFields/CheckboxGroupFormField.tsx +91 -91
- package/src/components/FormFields/EmailFormField.tsx +27 -27
- package/src/components/FormFields/Form.tsx +39 -39
- package/src/components/FormFields/IdentityDocumentNumberFormField.tsx +32 -32
- package/src/components/FormFields/MultiSelectFormField.tsx +64 -64
- package/src/components/FormFields/PhoneFormField.tsx +40 -40
- package/src/components/FormFields/RadioGroupFormField.tsx +84 -84
- package/src/components/FormFields/RichEditorFormField.tsx +102 -102
- package/src/components/FormFields/SelectFormField.tsx +93 -93
- package/src/components/FormFields/SwitchFormField.tsx +46 -46
- package/src/components/FormFields/TextAreaFormField.tsx +57 -57
- package/src/components/FormFields/TextFormField.tsx +112 -112
- package/src/components/FormFields/TimePickerFormField.tsx +88 -88
- package/src/components/FormFields/subComponents/ErrorFormMessage.tsx +36 -36
- package/src/components/FormFields/subComponents/FormLabel.tsx +29 -29
- package/src/components/FormFields/utils/validation.ts +23 -23
- package/src/components/Grid.tsx +137 -137
- package/src/components/Icon.tsx +47 -47
- package/src/components/MenuDropdown/index.tsx +38 -38
- package/src/components/MenuDropdown/styledComponents.ts +31 -31
- package/src/components/Modal.tsx +90 -90
- package/src/components/MultiSelect/index.tsx +243 -243
- package/src/components/MultiSelect/styledComponents.ts +160 -160
- package/src/components/RadioGroup.tsx +210 -210
- package/src/components/RichEditor/QuillComponent.tsx +458 -458
- package/src/components/RichEditor/RichEditor.tsx +49 -49
- package/src/components/RichEditor/index.ts +2 -2
- package/src/components/RichEditor/styledComponents.ts +1151 -1151
- package/src/components/Section.tsx +33 -33
- package/src/components/Step.tsx +164 -164
- package/src/components/Switch.tsx +108 -108
- package/src/components/Text.tsx +38 -38
- package/src/components/TextField.tsx +372 -372
- package/src/components/TextareaField.tsx +127 -127
- package/src/components/TimePicker.tsx +328 -328
- package/src/components/Toast/components/ToastItem.tsx +41 -41
- package/src/components/Toast/components/ToastProvider.tsx +63 -63
- package/src/components/Toast/hooks/useToast.ts +12 -12
- package/src/components/Toast/index.tsx +5 -5
- package/src/components/Toast/styles/index.ts +135 -135
- package/src/components/Toast/types/index.ts +46 -46
- package/src/components/Tooltip/index.tsx +66 -66
- package/src/components/Tooltip/styles.ts +77 -77
- package/src/hooks/useCountries.ts +41 -41
- package/src/hooks/useImageUpload.ts +139 -139
- package/src/hooks/useOnClickOutside.tsx +42 -42
- package/src/index.tsx +68 -68
- package/src/styles/index.ts +38 -38
- package/src/types/typographyValues.ts +178 -178
- package/src/utils/getNestedValue.ts +3 -3
- package/src/utils/states.ts +29 -29
- package/src/utils/uploadService.ts +180 -180
- package/tsconfig.json +3 -3
- package/tsup.config.ts +38 -38
package/src/utils/states.ts
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
export const brazilianStates = [
|
|
2
|
-
{ value: "AC", label: "Acre" },
|
|
3
|
-
{ value: "AL", label: "Alagoas" },
|
|
4
|
-
{ value: "AP", label: "Amapá" },
|
|
5
|
-
{ value: "AM", label: "Amazonas" },
|
|
6
|
-
{ value: "BA", label: "Bahia" },
|
|
7
|
-
{ value: "CE", label: "Ceará" },
|
|
8
|
-
{ value: "DF", label: "Distrito Federal" },
|
|
9
|
-
{ value: "ES", label: "Espírito Santo" },
|
|
10
|
-
{ value: "GO", label: "Goiás" },
|
|
11
|
-
{ value: "MA", label: "Maranhão" },
|
|
12
|
-
{ value: "MT", label: "Mato Grosso" },
|
|
13
|
-
{ value: "MS", label: "Mato Grosso do Sul" },
|
|
14
|
-
{ value: "MG", label: "Minas Gerais" },
|
|
15
|
-
{ value: "PA", label: "Pará" },
|
|
16
|
-
{ value: "PB", label: "Paraíba" },
|
|
17
|
-
{ value: "PR", label: "Paraná" },
|
|
18
|
-
{ value: "PE", label: "Pernambuco" },
|
|
19
|
-
{ value: "PI", label: "Piauí" },
|
|
20
|
-
{ value: "RJ", label: "Rio de Janeiro" },
|
|
21
|
-
{ value: "RN", label: "Rio Grande do Norte" },
|
|
22
|
-
{ value: "RS", label: "Rio Grande do Sul" },
|
|
23
|
-
{ value: "RO", label: "Rondônia" },
|
|
24
|
-
{ value: "RR", label: "Roraima" },
|
|
25
|
-
{ value: "SC", label: "Santa Catarina" },
|
|
26
|
-
{ value: "SP", label: "São Paulo" },
|
|
27
|
-
{ value: "SE", label: "Sergipe" },
|
|
28
|
-
{ value: "TO", label: "Tocantins" },
|
|
29
|
-
];
|
|
1
|
+
export const brazilianStates = [
|
|
2
|
+
{ value: "AC", label: "Acre" },
|
|
3
|
+
{ value: "AL", label: "Alagoas" },
|
|
4
|
+
{ value: "AP", label: "Amapá" },
|
|
5
|
+
{ value: "AM", label: "Amazonas" },
|
|
6
|
+
{ value: "BA", label: "Bahia" },
|
|
7
|
+
{ value: "CE", label: "Ceará" },
|
|
8
|
+
{ value: "DF", label: "Distrito Federal" },
|
|
9
|
+
{ value: "ES", label: "Espírito Santo" },
|
|
10
|
+
{ value: "GO", label: "Goiás" },
|
|
11
|
+
{ value: "MA", label: "Maranhão" },
|
|
12
|
+
{ value: "MT", label: "Mato Grosso" },
|
|
13
|
+
{ value: "MS", label: "Mato Grosso do Sul" },
|
|
14
|
+
{ value: "MG", label: "Minas Gerais" },
|
|
15
|
+
{ value: "PA", label: "Pará" },
|
|
16
|
+
{ value: "PB", label: "Paraíba" },
|
|
17
|
+
{ value: "PR", label: "Paraná" },
|
|
18
|
+
{ value: "PE", label: "Pernambuco" },
|
|
19
|
+
{ value: "PI", label: "Piauí" },
|
|
20
|
+
{ value: "RJ", label: "Rio de Janeiro" },
|
|
21
|
+
{ value: "RN", label: "Rio Grande do Norte" },
|
|
22
|
+
{ value: "RS", label: "Rio Grande do Sul" },
|
|
23
|
+
{ value: "RO", label: "Rondônia" },
|
|
24
|
+
{ value: "RR", label: "Roraima" },
|
|
25
|
+
{ value: "SC", label: "Santa Catarina" },
|
|
26
|
+
{ value: "SP", label: "São Paulo" },
|
|
27
|
+
{ value: "SE", label: "Sergipe" },
|
|
28
|
+
{ value: "TO", label: "Tocantins" },
|
|
29
|
+
];
|
|
@@ -1,180 +1,180 @@
|
|
|
1
|
-
export interface UploadConfig {
|
|
2
|
-
apiUrl: string;
|
|
3
|
-
s3Bucket: string;
|
|
4
|
-
s3Region: string;
|
|
5
|
-
s3Url: string;
|
|
6
|
-
timeout?: number;
|
|
7
|
-
maxFileSize?: number;
|
|
8
|
-
endpoints?: {
|
|
9
|
-
presignedUrl: string;
|
|
10
|
-
upload: string;
|
|
11
|
-
};
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
interface UploadResponse {
|
|
15
|
-
url: string;
|
|
16
|
-
filename: string;
|
|
17
|
-
size: number;
|
|
18
|
-
type: string;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
interface UploadProgress {
|
|
22
|
-
amount: number;
|
|
23
|
-
message: string;
|
|
24
|
-
}
|
|
25
|
-
const generateUniqueFilename = (originalName: string): string => {
|
|
26
|
-
const timestamp = Date.now().toString(36);
|
|
27
|
-
const random = Math.random().toString(36).substring(2, 8);
|
|
28
|
-
const extension = originalName.split(".").pop();
|
|
29
|
-
|
|
30
|
-
return `${timestamp}_${random}.${extension}`;
|
|
31
|
-
};
|
|
32
|
-
|
|
33
|
-
export class UploadService {
|
|
34
|
-
static async getPresignedUrl(
|
|
35
|
-
filename: string,
|
|
36
|
-
contentType: string,
|
|
37
|
-
config: UploadConfig
|
|
38
|
-
): Promise<string> {
|
|
39
|
-
const apiUrl = config.apiUrl;
|
|
40
|
-
const presignedUrlEndpoint = config.endpoints?.presignedUrl;
|
|
41
|
-
const bucket = config.s3Bucket;
|
|
42
|
-
|
|
43
|
-
try {
|
|
44
|
-
const response = await fetch(`${apiUrl}${presignedUrlEndpoint}`, {
|
|
45
|
-
method: "POST",
|
|
46
|
-
headers: {
|
|
47
|
-
"Content-Type": "application/json",
|
|
48
|
-
},
|
|
49
|
-
body: JSON.stringify({
|
|
50
|
-
filename,
|
|
51
|
-
contentType,
|
|
52
|
-
bucket,
|
|
53
|
-
}),
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
if (!response.ok) {
|
|
57
|
-
throw new Error("Falha ao gerar URL de upload");
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
const data = await response.json();
|
|
61
|
-
return data.presignedUrl;
|
|
62
|
-
} catch (error) {
|
|
63
|
-
console.error("Erro ao gerar URL pré-assinada:", error);
|
|
64
|
-
throw new Error("Falha ao gerar URL de upload");
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
static async uploadToS3(
|
|
69
|
-
file: File,
|
|
70
|
-
config: UploadConfig,
|
|
71
|
-
onProgress?: (progress: UploadProgress) => void
|
|
72
|
-
): Promise<UploadResponse> {
|
|
73
|
-
try {
|
|
74
|
-
const uniqueFilename = generateUniqueFilename(file.name);
|
|
75
|
-
const blob = new Blob([file], { type: file.type });
|
|
76
|
-
|
|
77
|
-
const s3Url = `${config.s3Url}/${uniqueFilename}`;
|
|
78
|
-
|
|
79
|
-
return new Promise((resolve, reject) => {
|
|
80
|
-
const xhr = new XMLHttpRequest();
|
|
81
|
-
|
|
82
|
-
xhr.upload.addEventListener("progress", (event) => {
|
|
83
|
-
if (event.lengthComputable) {
|
|
84
|
-
const percentComplete = Math.round(
|
|
85
|
-
(event.loaded / event.total) * 100
|
|
86
|
-
);
|
|
87
|
-
onProgress?.({
|
|
88
|
-
amount: percentComplete,
|
|
89
|
-
message: `Fazendo upload... ${percentComplete}%`,
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
xhr.addEventListener("load", () => {
|
|
95
|
-
if (xhr.status === 200) {
|
|
96
|
-
resolve({
|
|
97
|
-
url: s3Url,
|
|
98
|
-
filename: uniqueFilename,
|
|
99
|
-
size: file.size,
|
|
100
|
-
type: file.type,
|
|
101
|
-
});
|
|
102
|
-
} else {
|
|
103
|
-
reject(new Error(`Upload falhou com status: ${xhr.status}`));
|
|
104
|
-
}
|
|
105
|
-
});
|
|
106
|
-
|
|
107
|
-
xhr.addEventListener("error", () => {
|
|
108
|
-
reject(new Error("Erro de rede durante upload"));
|
|
109
|
-
});
|
|
110
|
-
|
|
111
|
-
xhr.open("PUT", s3Url);
|
|
112
|
-
xhr.setRequestHeader("Content-Type", file.type);
|
|
113
|
-
xhr.send(blob);
|
|
114
|
-
});
|
|
115
|
-
} catch (error) {
|
|
116
|
-
console.error("Erro no upload:", error);
|
|
117
|
-
throw error;
|
|
118
|
-
}
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
static async uploadViaAPI(
|
|
122
|
-
file: File,
|
|
123
|
-
config: UploadConfig,
|
|
124
|
-
onProgress?: (progress: UploadProgress) => void
|
|
125
|
-
): Promise<UploadResponse> {
|
|
126
|
-
try {
|
|
127
|
-
const formData = new FormData();
|
|
128
|
-
formData.append("file", file);
|
|
129
|
-
const bucket = config.s3Bucket;
|
|
130
|
-
formData.append("bucket", bucket);
|
|
131
|
-
|
|
132
|
-
const xhr = new XMLHttpRequest();
|
|
133
|
-
|
|
134
|
-
return new Promise((resolve, reject) => {
|
|
135
|
-
xhr.upload.addEventListener("progress", (event) => {
|
|
136
|
-
if (event.lengthComputable) {
|
|
137
|
-
const percentComplete = Math.round(
|
|
138
|
-
(event.loaded / event.total) * 100
|
|
139
|
-
);
|
|
140
|
-
onProgress?.({
|
|
141
|
-
amount: percentComplete,
|
|
142
|
-
message: `Fazendo upload... ${percentComplete}%`,
|
|
143
|
-
});
|
|
144
|
-
}
|
|
145
|
-
});
|
|
146
|
-
|
|
147
|
-
xhr.addEventListener("load", () => {
|
|
148
|
-
if (xhr.status === 200) {
|
|
149
|
-
try {
|
|
150
|
-
const response = JSON.parse(xhr.responseText);
|
|
151
|
-
resolve({
|
|
152
|
-
url: response.url,
|
|
153
|
-
filename: response.filename,
|
|
154
|
-
size: file.size,
|
|
155
|
-
type: file.type,
|
|
156
|
-
});
|
|
157
|
-
} catch (error) {
|
|
158
|
-
reject(new Error("Resposta inválida do servidor"));
|
|
159
|
-
}
|
|
160
|
-
} else {
|
|
161
|
-
reject(new Error(`Upload falhou com status: ${xhr.status}`));
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
|
|
165
|
-
xhr.addEventListener("error", () => {
|
|
166
|
-
reject(new Error("Erro de rede durante upload"));
|
|
167
|
-
});
|
|
168
|
-
|
|
169
|
-
const apiUrl = config.apiUrl;
|
|
170
|
-
const uploadEndpoint = config.endpoints?.upload;
|
|
171
|
-
|
|
172
|
-
xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
|
|
173
|
-
xhr.send(formData);
|
|
174
|
-
});
|
|
175
|
-
} catch (error) {
|
|
176
|
-
console.error("Erro no upload via API:", error);
|
|
177
|
-
throw error;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
}
|
|
1
|
+
export interface UploadConfig {
|
|
2
|
+
apiUrl: string;
|
|
3
|
+
s3Bucket: string;
|
|
4
|
+
s3Region: string;
|
|
5
|
+
s3Url: string;
|
|
6
|
+
timeout?: number;
|
|
7
|
+
maxFileSize?: number;
|
|
8
|
+
endpoints?: {
|
|
9
|
+
presignedUrl: string;
|
|
10
|
+
upload: string;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
interface UploadResponse {
|
|
15
|
+
url: string;
|
|
16
|
+
filename: string;
|
|
17
|
+
size: number;
|
|
18
|
+
type: string;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
interface UploadProgress {
|
|
22
|
+
amount: number;
|
|
23
|
+
message: string;
|
|
24
|
+
}
|
|
25
|
+
const generateUniqueFilename = (originalName: string): string => {
|
|
26
|
+
const timestamp = Date.now().toString(36);
|
|
27
|
+
const random = Math.random().toString(36).substring(2, 8);
|
|
28
|
+
const extension = originalName.split(".").pop();
|
|
29
|
+
|
|
30
|
+
return `${timestamp}_${random}.${extension}`;
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export class UploadService {
|
|
34
|
+
static async getPresignedUrl(
|
|
35
|
+
filename: string,
|
|
36
|
+
contentType: string,
|
|
37
|
+
config: UploadConfig
|
|
38
|
+
): Promise<string> {
|
|
39
|
+
const apiUrl = config.apiUrl;
|
|
40
|
+
const presignedUrlEndpoint = config.endpoints?.presignedUrl;
|
|
41
|
+
const bucket = config.s3Bucket;
|
|
42
|
+
|
|
43
|
+
try {
|
|
44
|
+
const response = await fetch(`${apiUrl}${presignedUrlEndpoint}`, {
|
|
45
|
+
method: "POST",
|
|
46
|
+
headers: {
|
|
47
|
+
"Content-Type": "application/json",
|
|
48
|
+
},
|
|
49
|
+
body: JSON.stringify({
|
|
50
|
+
filename,
|
|
51
|
+
contentType,
|
|
52
|
+
bucket,
|
|
53
|
+
}),
|
|
54
|
+
});
|
|
55
|
+
|
|
56
|
+
if (!response.ok) {
|
|
57
|
+
throw new Error("Falha ao gerar URL de upload");
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
const data = await response.json();
|
|
61
|
+
return data.presignedUrl;
|
|
62
|
+
} catch (error) {
|
|
63
|
+
console.error("Erro ao gerar URL pré-assinada:", error);
|
|
64
|
+
throw new Error("Falha ao gerar URL de upload");
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
static async uploadToS3(
|
|
69
|
+
file: File,
|
|
70
|
+
config: UploadConfig,
|
|
71
|
+
onProgress?: (progress: UploadProgress) => void
|
|
72
|
+
): Promise<UploadResponse> {
|
|
73
|
+
try {
|
|
74
|
+
const uniqueFilename = generateUniqueFilename(file.name);
|
|
75
|
+
const blob = new Blob([file], { type: file.type });
|
|
76
|
+
|
|
77
|
+
const s3Url = `${config.s3Url}/${uniqueFilename}`;
|
|
78
|
+
|
|
79
|
+
return new Promise((resolve, reject) => {
|
|
80
|
+
const xhr = new XMLHttpRequest();
|
|
81
|
+
|
|
82
|
+
xhr.upload.addEventListener("progress", (event) => {
|
|
83
|
+
if (event.lengthComputable) {
|
|
84
|
+
const percentComplete = Math.round(
|
|
85
|
+
(event.loaded / event.total) * 100
|
|
86
|
+
);
|
|
87
|
+
onProgress?.({
|
|
88
|
+
amount: percentComplete,
|
|
89
|
+
message: `Fazendo upload... ${percentComplete}%`,
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
|
|
94
|
+
xhr.addEventListener("load", () => {
|
|
95
|
+
if (xhr.status === 200) {
|
|
96
|
+
resolve({
|
|
97
|
+
url: s3Url,
|
|
98
|
+
filename: uniqueFilename,
|
|
99
|
+
size: file.size,
|
|
100
|
+
type: file.type,
|
|
101
|
+
});
|
|
102
|
+
} else {
|
|
103
|
+
reject(new Error(`Upload falhou com status: ${xhr.status}`));
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
xhr.addEventListener("error", () => {
|
|
108
|
+
reject(new Error("Erro de rede durante upload"));
|
|
109
|
+
});
|
|
110
|
+
|
|
111
|
+
xhr.open("PUT", s3Url);
|
|
112
|
+
xhr.setRequestHeader("Content-Type", file.type);
|
|
113
|
+
xhr.send(blob);
|
|
114
|
+
});
|
|
115
|
+
} catch (error) {
|
|
116
|
+
console.error("Erro no upload:", error);
|
|
117
|
+
throw error;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
static async uploadViaAPI(
|
|
122
|
+
file: File,
|
|
123
|
+
config: UploadConfig,
|
|
124
|
+
onProgress?: (progress: UploadProgress) => void
|
|
125
|
+
): Promise<UploadResponse> {
|
|
126
|
+
try {
|
|
127
|
+
const formData = new FormData();
|
|
128
|
+
formData.append("file", file);
|
|
129
|
+
const bucket = config.s3Bucket;
|
|
130
|
+
formData.append("bucket", bucket);
|
|
131
|
+
|
|
132
|
+
const xhr = new XMLHttpRequest();
|
|
133
|
+
|
|
134
|
+
return new Promise((resolve, reject) => {
|
|
135
|
+
xhr.upload.addEventListener("progress", (event) => {
|
|
136
|
+
if (event.lengthComputable) {
|
|
137
|
+
const percentComplete = Math.round(
|
|
138
|
+
(event.loaded / event.total) * 100
|
|
139
|
+
);
|
|
140
|
+
onProgress?.({
|
|
141
|
+
amount: percentComplete,
|
|
142
|
+
message: `Fazendo upload... ${percentComplete}%`,
|
|
143
|
+
});
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
|
|
147
|
+
xhr.addEventListener("load", () => {
|
|
148
|
+
if (xhr.status === 200) {
|
|
149
|
+
try {
|
|
150
|
+
const response = JSON.parse(xhr.responseText);
|
|
151
|
+
resolve({
|
|
152
|
+
url: response.url,
|
|
153
|
+
filename: response.filename,
|
|
154
|
+
size: file.size,
|
|
155
|
+
type: file.type,
|
|
156
|
+
});
|
|
157
|
+
} catch (error) {
|
|
158
|
+
reject(new Error("Resposta inválida do servidor"));
|
|
159
|
+
}
|
|
160
|
+
} else {
|
|
161
|
+
reject(new Error(`Upload falhou com status: ${xhr.status}`));
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
|
|
165
|
+
xhr.addEventListener("error", () => {
|
|
166
|
+
reject(new Error("Erro de rede durante upload"));
|
|
167
|
+
});
|
|
168
|
+
|
|
169
|
+
const apiUrl = config.apiUrl;
|
|
170
|
+
const uploadEndpoint = config.endpoints?.upload;
|
|
171
|
+
|
|
172
|
+
xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
|
|
173
|
+
xhr.send(formData);
|
|
174
|
+
});
|
|
175
|
+
} catch (error) {
|
|
176
|
+
console.error("Erro no upload via API:", error);
|
|
177
|
+
throw error;
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
}
|
package/tsconfig.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{
|
|
2
|
-
"extends": "@lets-events/ts-config/react.json",
|
|
3
|
-
"include": ["src"]
|
|
1
|
+
{
|
|
2
|
+
"extends": "@lets-events/ts-config/react.json",
|
|
3
|
+
"include": ["src"]
|
|
4
4
|
}
|
package/tsup.config.ts
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
|
-
import { defineConfig } from "tsup";
|
|
2
|
-
|
|
3
|
-
export default defineConfig({
|
|
4
|
-
entry: ["src/index.tsx"],
|
|
5
|
-
format: ["esm", "cjs"],
|
|
6
|
-
dts: true,
|
|
7
|
-
external: ["react"],
|
|
8
|
-
define: {
|
|
9
|
-
"process.env.REACT_APP_API_URL": JSON.stringify(
|
|
10
|
-
process.env.REACT_APP_API_URL || "https://api.lets.events"
|
|
11
|
-
),
|
|
12
|
-
"process.env.REACT_APP_S3_BUCKET": JSON.stringify(
|
|
13
|
-
process.env.REACT_APP_S3_BUCKET || "lets.events-development"
|
|
14
|
-
),
|
|
15
|
-
"process.env.REACT_APP_S3_REGION": JSON.stringify(
|
|
16
|
-
process.env.REACT_APP_S3_REGION || "sa-east-1"
|
|
17
|
-
),
|
|
18
|
-
"process.env.REACT_APP_AWS_URL": JSON.stringify(
|
|
19
|
-
process.env.REACT_APP_AWS_URL ||
|
|
20
|
-
"https://s3-sa-east-1.amazonaws.com/lets.events-development"
|
|
21
|
-
),
|
|
22
|
-
"process.env.REACT_APP_UPLOAD_TIMEOUT": JSON.stringify(
|
|
23
|
-
process.env.REACT_APP_UPLOAD_TIMEOUT || "30000"
|
|
24
|
-
),
|
|
25
|
-
"process.env.REACT_APP_MAX_FILE_SIZE": JSON.stringify(
|
|
26
|
-
process.env.REACT_APP_MAX_FILE_SIZE || "5242880"
|
|
27
|
-
),
|
|
28
|
-
"process.env.NODE_ENV": JSON.stringify(
|
|
29
|
-
process.env.NODE_ENV || "development"
|
|
30
|
-
),
|
|
31
|
-
"process.env.REACT_APP_AWS_ACCESS_KEY_ID": JSON.stringify(
|
|
32
|
-
process.env.REACT_APP_AWS_ACCESS_KEY_ID || ""
|
|
33
|
-
),
|
|
34
|
-
"process.env.REACT_APP_AWS_SECRET_ACCESS_KEY": JSON.stringify(
|
|
35
|
-
process.env.REACT_APP_AWS_SECRET_ACCESS_KEY || ""
|
|
36
|
-
),
|
|
37
|
-
},
|
|
38
|
-
});
|
|
1
|
+
import { defineConfig } from "tsup";
|
|
2
|
+
|
|
3
|
+
export default defineConfig({
|
|
4
|
+
entry: ["src/index.tsx"],
|
|
5
|
+
format: ["esm", "cjs"],
|
|
6
|
+
dts: true,
|
|
7
|
+
external: ["react"],
|
|
8
|
+
define: {
|
|
9
|
+
"process.env.REACT_APP_API_URL": JSON.stringify(
|
|
10
|
+
process.env.REACT_APP_API_URL || "https://api.lets.events"
|
|
11
|
+
),
|
|
12
|
+
"process.env.REACT_APP_S3_BUCKET": JSON.stringify(
|
|
13
|
+
process.env.REACT_APP_S3_BUCKET || "lets.events-development"
|
|
14
|
+
),
|
|
15
|
+
"process.env.REACT_APP_S3_REGION": JSON.stringify(
|
|
16
|
+
process.env.REACT_APP_S3_REGION || "sa-east-1"
|
|
17
|
+
),
|
|
18
|
+
"process.env.REACT_APP_AWS_URL": JSON.stringify(
|
|
19
|
+
process.env.REACT_APP_AWS_URL ||
|
|
20
|
+
"https://s3-sa-east-1.amazonaws.com/lets.events-development"
|
|
21
|
+
),
|
|
22
|
+
"process.env.REACT_APP_UPLOAD_TIMEOUT": JSON.stringify(
|
|
23
|
+
process.env.REACT_APP_UPLOAD_TIMEOUT || "30000"
|
|
24
|
+
),
|
|
25
|
+
"process.env.REACT_APP_MAX_FILE_SIZE": JSON.stringify(
|
|
26
|
+
process.env.REACT_APP_MAX_FILE_SIZE || "5242880"
|
|
27
|
+
),
|
|
28
|
+
"process.env.NODE_ENV": JSON.stringify(
|
|
29
|
+
process.env.NODE_ENV || "development"
|
|
30
|
+
),
|
|
31
|
+
"process.env.REACT_APP_AWS_ACCESS_KEY_ID": JSON.stringify(
|
|
32
|
+
process.env.REACT_APP_AWS_ACCESS_KEY_ID || ""
|
|
33
|
+
),
|
|
34
|
+
"process.env.REACT_APP_AWS_SECRET_ACCESS_KEY": JSON.stringify(
|
|
35
|
+
process.env.REACT_APP_AWS_SECRET_ACCESS_KEY || ""
|
|
36
|
+
),
|
|
37
|
+
},
|
|
38
|
+
});
|