@selectwin/kit 0.1.220 → 0.1.221
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/dist/SelectConversation.d.ts +15 -1
- package/dist/SelectConversation.js +49 -14
- package/dist/SelectLocale.d.ts +24 -0
- package/dist/SelectLocale.js +46 -0
- package/dist/SelectMail.d.ts +24 -4
- package/dist/SelectMail.js +261 -249
- package/dist/index.d.ts +1 -1
- package/dist/index.js +130 -130
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/SelectMail.js
CHANGED
|
@@ -1,45 +1,47 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { ArrowLeftIcon as e, ArrowUpRightIcon as t, ChevronDownIcon as n, ChevronUpIcon as r, CloseIcon as i, ExternalLinkIcon as a, FileDownloadIcon as o, InfoIcon as s, PaperclipIcon as c, PlusIcon as l, RefreshIcon as u, ShieldTickIcon as d, StarIcon as f, TargetIcon as p, WarningIcon as m } from "./icons.js";
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
3
|
+
import { useSelectMessages as h } from "./SelectLocale.js";
|
|
4
|
+
import { SelectPopover as g } from "./SelectPopover.js";
|
|
5
|
+
import { SelectIconButton as _ } from "./SelectIconButton.js";
|
|
6
|
+
import { SelectAvatar as v } from "./SelectAvatar.js";
|
|
7
|
+
import { useRef as y, useState as b } from "react";
|
|
8
|
+
import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
8
9
|
//#region src/SelectMail.tsx
|
|
9
|
-
function
|
|
10
|
+
function w(e) {
|
|
10
11
|
var t;
|
|
11
12
|
return e ? ((t = e.name) == null ? void 0 : t.trim()) || e.address : "Remetente desconhecido";
|
|
12
13
|
}
|
|
13
|
-
var
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"
|
|
14
|
+
var T = (...e) => e.filter(Boolean).join(" ");
|
|
15
|
+
function E({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, children: a, fullBody: o, aside: s, asideLabel: c, listLabel: l, readerLabel: u, framed: d = !1, "aria-label": f }) {
|
|
16
|
+
let p = h().inbox;
|
|
17
|
+
return /* @__PURE__ */ C("div", {
|
|
18
|
+
className: T("select-inbox", d && "select-inbox--framed", i && "is-reading"),
|
|
19
|
+
"aria-label": f,
|
|
18
20
|
children: [
|
|
19
|
-
/* @__PURE__ */
|
|
21
|
+
/* @__PURE__ */ S("div", {
|
|
20
22
|
className: "select-inbox__toolbar",
|
|
21
23
|
children: e
|
|
22
24
|
}),
|
|
23
25
|
t,
|
|
24
|
-
o ? /* @__PURE__ */
|
|
26
|
+
o ? /* @__PURE__ */ S("div", {
|
|
25
27
|
className: "select-inbox__body select-inbox__body--full",
|
|
26
28
|
children: o
|
|
27
|
-
}) : /* @__PURE__ */
|
|
29
|
+
}) : /* @__PURE__ */ C("div", {
|
|
28
30
|
className: "select-inbox__body",
|
|
29
31
|
children: [
|
|
30
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ S("section", {
|
|
31
33
|
className: "select-inbox__list",
|
|
32
|
-
"aria-label":
|
|
34
|
+
"aria-label": l ?? p.list,
|
|
33
35
|
children: n
|
|
34
36
|
}),
|
|
35
|
-
/* @__PURE__ */
|
|
37
|
+
/* @__PURE__ */ S("section", {
|
|
36
38
|
className: "select-inbox__reader",
|
|
37
|
-
"aria-label":
|
|
39
|
+
"aria-label": u ?? p.reader,
|
|
38
40
|
children: r
|
|
39
41
|
}),
|
|
40
|
-
s ? /* @__PURE__ */
|
|
42
|
+
s ? /* @__PURE__ */ S("aside", {
|
|
41
43
|
className: "select-inbox__aside",
|
|
42
|
-
"aria-label": c,
|
|
44
|
+
"aria-label": c ?? p.aside,
|
|
43
45
|
children: s
|
|
44
46
|
}) : null
|
|
45
47
|
]
|
|
@@ -48,190 +50,194 @@ function T({ toolbar: e, banner: t, list: n, reader: r, readerOpen: i = !1, chil
|
|
|
48
50
|
]
|
|
49
51
|
});
|
|
50
52
|
}
|
|
51
|
-
function
|
|
52
|
-
return /* @__PURE__ */
|
|
53
|
+
function D({ tone: e = "warning", children: t, action: n }) {
|
|
54
|
+
return /* @__PURE__ */ C("div", {
|
|
53
55
|
className: `select-inbox-banner select-inbox-banner--${e}`,
|
|
54
56
|
role: e === "info" ? "status" : "alert",
|
|
55
57
|
children: [
|
|
56
|
-
/* @__PURE__ */
|
|
58
|
+
/* @__PURE__ */ S("span", {
|
|
57
59
|
className: "select-inbox-banner__icon",
|
|
58
60
|
"aria-hidden": "true",
|
|
59
|
-
children:
|
|
61
|
+
children: S(e === "info" ? s : m, {})
|
|
60
62
|
}),
|
|
61
|
-
/* @__PURE__ */
|
|
63
|
+
/* @__PURE__ */ S("span", {
|
|
62
64
|
className: "select-inbox-banner__text",
|
|
63
65
|
children: t
|
|
64
66
|
}),
|
|
65
|
-
n ? /* @__PURE__ */
|
|
67
|
+
n ? /* @__PURE__ */ S("span", {
|
|
66
68
|
className: "select-inbox-banner__action",
|
|
67
69
|
children: n
|
|
68
70
|
}) : null
|
|
69
71
|
]
|
|
70
72
|
});
|
|
71
73
|
}
|
|
72
|
-
function
|
|
73
|
-
return /* @__PURE__ */
|
|
74
|
+
function O({ title: e, status: t, children: n, actions: r }) {
|
|
75
|
+
return /* @__PURE__ */ C("div", {
|
|
74
76
|
className: "select-inboxbar",
|
|
75
77
|
children: [
|
|
76
|
-
/* @__PURE__ */
|
|
78
|
+
e != null || t != null ? /* @__PURE__ */ C("div", {
|
|
77
79
|
className: "select-inboxbar__title",
|
|
78
|
-
children: [/* @__PURE__ */
|
|
80
|
+
children: [e == null ? null : /* @__PURE__ */ S("h1", {
|
|
79
81
|
className: "select-inboxbar__heading",
|
|
80
82
|
children: e
|
|
81
83
|
}), t]
|
|
82
|
-
}),
|
|
83
|
-
n ? /* @__PURE__ */
|
|
84
|
+
}) : null,
|
|
85
|
+
n ? /* @__PURE__ */ S("div", {
|
|
84
86
|
className: "select-inboxbar__controls",
|
|
85
87
|
children: n
|
|
86
88
|
}) : null,
|
|
87
|
-
/* @__PURE__ */
|
|
88
|
-
r ? /* @__PURE__ */
|
|
89
|
+
/* @__PURE__ */ S("span", { className: "select-inboxbar__spacer" }),
|
|
90
|
+
r ? /* @__PURE__ */ S("div", {
|
|
89
91
|
className: "select-inboxbar__actions",
|
|
90
92
|
children: r
|
|
91
93
|
}) : null
|
|
92
94
|
]
|
|
93
95
|
});
|
|
94
96
|
}
|
|
95
|
-
function
|
|
96
|
-
return /* @__PURE__ */
|
|
97
|
+
function k({ tone: e, children: t }) {
|
|
98
|
+
return /* @__PURE__ */ C("span", {
|
|
97
99
|
className: `select-mailbox-status select-mailbox-status--${e}`,
|
|
98
|
-
children: [/* @__PURE__ */
|
|
100
|
+
children: [/* @__PURE__ */ S("span", {
|
|
99
101
|
className: "select-mailbox-status__dot",
|
|
100
102
|
"aria-hidden": "true"
|
|
101
|
-
}), /* @__PURE__ */
|
|
103
|
+
}), /* @__PURE__ */ S("span", {
|
|
102
104
|
className: "select-mailbox-status__text",
|
|
103
105
|
children: t
|
|
104
106
|
})]
|
|
105
107
|
});
|
|
106
108
|
}
|
|
107
|
-
function
|
|
108
|
-
return /* @__PURE__ */
|
|
109
|
+
function A({ icon: e, title: t, children: n, details: r, action: i, tone: a = "neutral" }) {
|
|
110
|
+
return /* @__PURE__ */ C("div", {
|
|
109
111
|
className: `select-inbox-empty select-inbox-empty--${a}`,
|
|
110
112
|
children: [
|
|
111
|
-
e ? /* @__PURE__ */
|
|
113
|
+
e ? /* @__PURE__ */ S("span", {
|
|
112
114
|
className: "select-inbox-empty__icon",
|
|
113
115
|
"aria-hidden": "true",
|
|
114
116
|
children: e
|
|
115
117
|
}) : null,
|
|
116
|
-
/* @__PURE__ */
|
|
118
|
+
/* @__PURE__ */ S("div", {
|
|
117
119
|
className: "select-inbox-empty__title",
|
|
118
120
|
children: t
|
|
119
121
|
}),
|
|
120
|
-
n ? /* @__PURE__ */
|
|
122
|
+
n ? /* @__PURE__ */ S("div", {
|
|
121
123
|
className: "select-inbox-empty__text",
|
|
122
124
|
children: n
|
|
123
125
|
}) : null,
|
|
124
|
-
r ? /* @__PURE__ */
|
|
126
|
+
r ? /* @__PURE__ */ S("div", {
|
|
125
127
|
className: "select-inbox-empty__details",
|
|
126
128
|
children: r
|
|
127
129
|
}) : null,
|
|
128
|
-
i ? /* @__PURE__ */
|
|
130
|
+
i ? /* @__PURE__ */ S("div", {
|
|
129
131
|
className: "select-inbox-empty__action",
|
|
130
132
|
children: i
|
|
131
133
|
}) : null
|
|
132
134
|
]
|
|
133
135
|
});
|
|
134
136
|
}
|
|
135
|
-
function
|
|
136
|
-
return /* @__PURE__ */
|
|
137
|
+
function j({ children: e, "aria-label": t }) {
|
|
138
|
+
return /* @__PURE__ */ S("div", {
|
|
137
139
|
className: "select-maillist",
|
|
138
140
|
"aria-label": t,
|
|
139
141
|
children: e
|
|
140
142
|
});
|
|
141
143
|
}
|
|
142
|
-
function
|
|
143
|
-
return /* @__PURE__ */
|
|
144
|
+
function M({ label: e, children: t }) {
|
|
145
|
+
return /* @__PURE__ */ C("div", {
|
|
144
146
|
className: "select-maillist__group",
|
|
145
147
|
role: "group",
|
|
146
148
|
"aria-label": e,
|
|
147
|
-
children: [/* @__PURE__ */
|
|
149
|
+
children: [/* @__PURE__ */ S("div", {
|
|
148
150
|
className: "select-maillist__grouplabel",
|
|
149
151
|
"aria-hidden": "true",
|
|
150
152
|
children: e
|
|
151
|
-
}), /* @__PURE__ */
|
|
153
|
+
}), /* @__PURE__ */ S("div", {
|
|
152
154
|
className: "select-maillist__items",
|
|
153
155
|
children: t
|
|
154
156
|
})]
|
|
155
157
|
});
|
|
156
158
|
}
|
|
157
|
-
function
|
|
158
|
-
let
|
|
159
|
-
return /* @__PURE__ */
|
|
159
|
+
function N({ from: e, avatar: t, subject: n, snippet: r, date: i, count: a, attachments: o, active: s = !1, unread: l = !1, flagged: u = !1, unreadCount: d, onClick: p }) {
|
|
160
|
+
let m = h().inbox, g = d != null && d > 0, _ = l || g, y = t === !1 ? void 0 : t ?? (typeof e == "string" ? e : void 0);
|
|
161
|
+
return /* @__PURE__ */ C("button", {
|
|
160
162
|
type: "button",
|
|
161
|
-
className:
|
|
163
|
+
className: T("select-maillist__row", s && "is-active", _ && "is-unread"),
|
|
162
164
|
"aria-current": s || void 0,
|
|
163
|
-
onClick:
|
|
164
|
-
children: [t === !1 ? null : /* @__PURE__ */
|
|
165
|
-
name:
|
|
165
|
+
onClick: p,
|
|
166
|
+
children: [t === !1 ? null : /* @__PURE__ */ S(v, {
|
|
167
|
+
name: y,
|
|
166
168
|
initials: 2,
|
|
167
169
|
className: "select-maillist__avatar"
|
|
168
|
-
}), /* @__PURE__ */
|
|
170
|
+
}), /* @__PURE__ */ C("span", {
|
|
169
171
|
className: "select-maillist__main",
|
|
170
172
|
children: [
|
|
171
|
-
/* @__PURE__ */
|
|
173
|
+
/* @__PURE__ */ C("span", {
|
|
172
174
|
className: "select-maillist__line",
|
|
173
175
|
children: [
|
|
174
|
-
|
|
176
|
+
_ && !g ? /* @__PURE__ */ C("span", {
|
|
175
177
|
className: "select-maillist__sr",
|
|
176
|
-
children: "
|
|
178
|
+
children: [m.unread, ": "]
|
|
177
179
|
}) : null,
|
|
178
|
-
/* @__PURE__ */
|
|
180
|
+
/* @__PURE__ */ S("span", {
|
|
179
181
|
className: "select-maillist__from",
|
|
180
182
|
children: e
|
|
181
183
|
}),
|
|
182
|
-
a && a > 1 ? /* @__PURE__ */
|
|
184
|
+
a && a > 1 ? /* @__PURE__ */ S("span", {
|
|
183
185
|
className: "select-maillist__count",
|
|
184
|
-
"aria-label":
|
|
186
|
+
"aria-label": m.messages(a),
|
|
185
187
|
children: a
|
|
186
188
|
}) : null,
|
|
187
|
-
|
|
189
|
+
g ? /* @__PURE__ */ S("span", {
|
|
190
|
+
className: "select-maillist__unread",
|
|
191
|
+
"aria-label": m.unreadCount(d),
|
|
192
|
+
children: d
|
|
193
|
+
}) : _ ? /* @__PURE__ */ S("span", {
|
|
188
194
|
className: "select-maillist__dot",
|
|
189
195
|
"aria-hidden": "true"
|
|
190
196
|
}) : null,
|
|
191
|
-
u ? /* @__PURE__ */
|
|
197
|
+
u ? /* @__PURE__ */ S("span", {
|
|
192
198
|
className: "select-maillist__star",
|
|
193
199
|
role: "img",
|
|
194
|
-
"aria-label":
|
|
195
|
-
children: /* @__PURE__ */
|
|
200
|
+
"aria-label": m.flagged,
|
|
201
|
+
children: /* @__PURE__ */ S(f, { filled: !0 })
|
|
196
202
|
}) : null,
|
|
197
|
-
i ? /* @__PURE__ */
|
|
203
|
+
i ? /* @__PURE__ */ S("span", {
|
|
198
204
|
className: "select-maillist__date",
|
|
199
205
|
children: i
|
|
200
206
|
}) : null
|
|
201
207
|
]
|
|
202
208
|
}),
|
|
203
|
-
/* @__PURE__ */
|
|
209
|
+
/* @__PURE__ */ S("span", {
|
|
204
210
|
className: "select-maillist__subject",
|
|
205
211
|
children: n
|
|
206
212
|
}),
|
|
207
|
-
r || o ? /* @__PURE__ */
|
|
213
|
+
r || o ? /* @__PURE__ */ C("span", {
|
|
208
214
|
className: "select-maillist__line",
|
|
209
|
-
children: [/* @__PURE__ */
|
|
215
|
+
children: [/* @__PURE__ */ S("span", {
|
|
210
216
|
className: "select-maillist__snippet",
|
|
211
217
|
children: r
|
|
212
|
-
}), o ? /* @__PURE__ */
|
|
218
|
+
}), o ? /* @__PURE__ */ S("span", {
|
|
213
219
|
className: "select-maillist__clip",
|
|
214
220
|
role: "img",
|
|
215
|
-
"aria-label": o
|
|
216
|
-
children: /* @__PURE__ */
|
|
221
|
+
"aria-label": m.attachments(o),
|
|
222
|
+
children: /* @__PURE__ */ S(c, {})
|
|
217
223
|
}) : null]
|
|
218
224
|
}) : null
|
|
219
225
|
]
|
|
220
226
|
})]
|
|
221
227
|
});
|
|
222
228
|
}
|
|
223
|
-
function
|
|
224
|
-
return /* @__PURE__ */
|
|
229
|
+
function P({ rows: e = 6 }) {
|
|
230
|
+
return /* @__PURE__ */ S("div", {
|
|
225
231
|
className: "select-maillist__skeleton",
|
|
226
232
|
"aria-hidden": "true",
|
|
227
|
-
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */
|
|
233
|
+
children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ C("div", {
|
|
228
234
|
className: "select-maillist__skelrow",
|
|
229
|
-
children: [/* @__PURE__ */
|
|
235
|
+
children: [/* @__PURE__ */ S("span", { className: "select-maillist__skel select-maillist__skel--avatar" }), /* @__PURE__ */ C("span", {
|
|
230
236
|
className: "select-maillist__skelcol",
|
|
231
|
-
children: [/* @__PURE__ */
|
|
237
|
+
children: [/* @__PURE__ */ S("span", {
|
|
232
238
|
className: "select-maillist__skel",
|
|
233
239
|
style: { width: `${38 + t * 7 % 18}%` }
|
|
234
|
-
}), /* @__PURE__ */
|
|
240
|
+
}), /* @__PURE__ */ S("span", {
|
|
235
241
|
className: "select-maillist__skel",
|
|
236
242
|
style: { width: `${62 + t * 11 % 22}%` }
|
|
237
243
|
})]
|
|
@@ -239,95 +245,96 @@ function N({ rows: e = 6 }) {
|
|
|
239
245
|
}, t))
|
|
240
246
|
});
|
|
241
247
|
}
|
|
242
|
-
function
|
|
243
|
-
return /* @__PURE__ */
|
|
248
|
+
function F({ children: e, tone: t = "muted" }) {
|
|
249
|
+
return /* @__PURE__ */ S("div", {
|
|
244
250
|
className: `select-maillist__note select-maillist__note--${t}`,
|
|
245
251
|
children: e
|
|
246
252
|
});
|
|
247
253
|
}
|
|
248
|
-
function
|
|
249
|
-
|
|
250
|
-
|
|
254
|
+
function I({ title: t, meta: n, actions: r, tools: i, onBack: a, children: o, footer: s, variant: c = "mail" }) {
|
|
255
|
+
let l = h().inbox;
|
|
256
|
+
return /* @__PURE__ */ C("div", {
|
|
257
|
+
className: T("select-mailreader", c === "chat" && "select-mailreader--chat"),
|
|
251
258
|
children: [
|
|
252
|
-
/* @__PURE__ */
|
|
259
|
+
/* @__PURE__ */ C("header", {
|
|
253
260
|
className: "select-mailreader__head",
|
|
254
261
|
children: [
|
|
255
|
-
a ? /* @__PURE__ */
|
|
262
|
+
a ? /* @__PURE__ */ S("span", {
|
|
256
263
|
className: "select-mailreader__back",
|
|
257
|
-
children: /* @__PURE__ */
|
|
258
|
-
icon: /* @__PURE__ */
|
|
259
|
-
label:
|
|
264
|
+
children: /* @__PURE__ */ S(_, {
|
|
265
|
+
icon: /* @__PURE__ */ S(e, {}),
|
|
266
|
+
label: l.back,
|
|
260
267
|
size: "sm",
|
|
261
268
|
onClick: a
|
|
262
269
|
})
|
|
263
270
|
}) : null,
|
|
264
|
-
/* @__PURE__ */
|
|
271
|
+
/* @__PURE__ */ C("div", {
|
|
265
272
|
className: "select-mailreader__titles",
|
|
266
|
-
children: [/* @__PURE__ */
|
|
273
|
+
children: [/* @__PURE__ */ S("h2", {
|
|
267
274
|
className: "select-mailreader__title",
|
|
268
275
|
children: t
|
|
269
|
-
}), n ? /* @__PURE__ */
|
|
276
|
+
}), n ? /* @__PURE__ */ S("div", {
|
|
270
277
|
className: "select-mailreader__meta",
|
|
271
278
|
children: n
|
|
272
279
|
}) : null]
|
|
273
280
|
}),
|
|
274
|
-
r || i ? /* @__PURE__ */
|
|
281
|
+
r || i ? /* @__PURE__ */ C("div", {
|
|
275
282
|
className: "select-mailreader__actions",
|
|
276
283
|
children: [
|
|
277
284
|
r,
|
|
278
|
-
r && i ? /* @__PURE__ */
|
|
285
|
+
r && i ? /* @__PURE__ */ S("span", {
|
|
279
286
|
className: "select-mailreader__sep",
|
|
280
287
|
"aria-hidden": "true"
|
|
281
288
|
}) : null,
|
|
282
|
-
i ? /* @__PURE__ */
|
|
289
|
+
i ? /* @__PURE__ */ S("span", {
|
|
283
290
|
className: "select-mailreader__tools",
|
|
284
291
|
role: "group",
|
|
285
|
-
"aria-label":
|
|
292
|
+
"aria-label": l.tools,
|
|
286
293
|
children: i
|
|
287
294
|
}) : null
|
|
288
295
|
]
|
|
289
296
|
}) : null
|
|
290
297
|
]
|
|
291
298
|
}),
|
|
292
|
-
/* @__PURE__ */
|
|
299
|
+
/* @__PURE__ */ S("div", {
|
|
293
300
|
className: "select-mailreader__thread",
|
|
294
301
|
children: o
|
|
295
302
|
}),
|
|
296
|
-
s ? /* @__PURE__ */
|
|
303
|
+
s ? /* @__PURE__ */ S("div", {
|
|
297
304
|
className: "select-mailreader__footer",
|
|
298
305
|
children: s
|
|
299
306
|
}) : null
|
|
300
307
|
]
|
|
301
308
|
});
|
|
302
309
|
}
|
|
303
|
-
function
|
|
304
|
-
let b = (e) => !!e && !!a && e.address.toLowerCase() === a.toLowerCase(),
|
|
305
|
-
if (m) return /* @__PURE__ */
|
|
310
|
+
function L({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle: s, actions: l, notice: u, text: d, children: f, attachments: p, collapsed: m = !1, snippet: h, hasAttachments: g = !1, onToggle: y }) {
|
|
311
|
+
let b = (e) => !!e && !!a && e.address.toLowerCase() === a.toLowerCase(), x = (e) => (e ?? []).map((e) => b(e) ? "você" : w(e)).join(", "), T = w(e);
|
|
312
|
+
if (m) return /* @__PURE__ */ C("button", {
|
|
306
313
|
type: "button",
|
|
307
314
|
className: "select-mailmsg select-mailmsg--collapsed",
|
|
308
315
|
"aria-expanded": !1,
|
|
309
316
|
onClick: y,
|
|
310
317
|
children: [
|
|
311
|
-
/* @__PURE__ */
|
|
318
|
+
/* @__PURE__ */ S(v, {
|
|
312
319
|
name: T,
|
|
313
320
|
initials: 2,
|
|
314
321
|
className: "select-mailmsg__avatar select-mailmsg__avatar--sm"
|
|
315
322
|
}),
|
|
316
|
-
/* @__PURE__ */
|
|
323
|
+
/* @__PURE__ */ S("span", {
|
|
317
324
|
className: "select-mailmsg__from",
|
|
318
325
|
children: b(e) ? "Você" : T
|
|
319
326
|
}),
|
|
320
|
-
/* @__PURE__ */
|
|
327
|
+
/* @__PURE__ */ S("span", {
|
|
321
328
|
className: "select-mailmsg__snippet",
|
|
322
329
|
children: h
|
|
323
330
|
}),
|
|
324
|
-
|
|
331
|
+
g ? /* @__PURE__ */ S("span", {
|
|
325
332
|
className: "select-mailmsg__clip",
|
|
326
333
|
role: "img",
|
|
327
334
|
"aria-label": "Com anexo",
|
|
328
|
-
children: /* @__PURE__ */
|
|
335
|
+
children: /* @__PURE__ */ S(c, {})
|
|
329
336
|
}) : null,
|
|
330
|
-
/* @__PURE__ */
|
|
337
|
+
/* @__PURE__ */ S("span", {
|
|
331
338
|
className: "select-mailmsg__date",
|
|
332
339
|
title: s,
|
|
333
340
|
children: o
|
|
@@ -335,48 +342,48 @@ function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle:
|
|
|
335
342
|
]
|
|
336
343
|
});
|
|
337
344
|
let E = [
|
|
338
|
-
t != null && t.length ? `para ${
|
|
339
|
-
n != null && n.length ? `cc ${
|
|
340
|
-
i != null && i.length ? `cco ${
|
|
345
|
+
t != null && t.length ? `para ${x(t)}` : "",
|
|
346
|
+
n != null && n.length ? `cc ${x(n)}` : "",
|
|
347
|
+
i != null && i.length ? `cco ${x(i)}` : ""
|
|
341
348
|
].filter(Boolean).join(" · ");
|
|
342
|
-
return /* @__PURE__ */
|
|
349
|
+
return /* @__PURE__ */ C("article", {
|
|
343
350
|
className: "select-mailmsg",
|
|
344
351
|
children: [
|
|
345
|
-
/* @__PURE__ */
|
|
352
|
+
/* @__PURE__ */ C("header", {
|
|
346
353
|
className: "select-mailmsg__head",
|
|
347
354
|
children: [
|
|
348
|
-
/* @__PURE__ */
|
|
355
|
+
/* @__PURE__ */ S(v, {
|
|
349
356
|
name: T,
|
|
350
357
|
initials: 2,
|
|
351
358
|
className: "select-mailmsg__avatar"
|
|
352
359
|
}),
|
|
353
|
-
/* @__PURE__ */
|
|
360
|
+
/* @__PURE__ */ C("div", {
|
|
354
361
|
className: "select-mailmsg__who",
|
|
355
|
-
children: [/* @__PURE__ */
|
|
362
|
+
children: [/* @__PURE__ */ C("span", {
|
|
356
363
|
className: "select-mailmsg__line",
|
|
357
|
-
children: [/* @__PURE__ */
|
|
364
|
+
children: [/* @__PURE__ */ S("span", {
|
|
358
365
|
className: "select-mailmsg__from",
|
|
359
366
|
children: T
|
|
360
|
-
}), e != null && e.name ? /* @__PURE__ */
|
|
367
|
+
}), e != null && e.name ? /* @__PURE__ */ S("span", {
|
|
361
368
|
className: "select-mailmsg__address",
|
|
362
369
|
children: e.address
|
|
363
370
|
}) : null]
|
|
364
|
-
}), E ? /* @__PURE__ */
|
|
371
|
+
}), E ? /* @__PURE__ */ S("span", {
|
|
365
372
|
className: "select-mailmsg__to",
|
|
366
373
|
children: E
|
|
367
374
|
}) : null]
|
|
368
375
|
}),
|
|
369
|
-
/* @__PURE__ */
|
|
376
|
+
/* @__PURE__ */ C("div", {
|
|
370
377
|
className: "select-mailmsg__side",
|
|
371
378
|
children: [
|
|
372
|
-
/* @__PURE__ */
|
|
379
|
+
/* @__PURE__ */ S("span", {
|
|
373
380
|
className: "select-mailmsg__date",
|
|
374
381
|
title: s,
|
|
375
382
|
children: o
|
|
376
383
|
}),
|
|
377
384
|
l,
|
|
378
|
-
y ? /* @__PURE__ */
|
|
379
|
-
icon: /* @__PURE__ */
|
|
385
|
+
y ? /* @__PURE__ */ S(_, {
|
|
386
|
+
icon: /* @__PURE__ */ S(r, {}),
|
|
380
387
|
label: "Recolher a mensagem",
|
|
381
388
|
size: "sm",
|
|
382
389
|
onClick: y,
|
|
@@ -386,35 +393,35 @@ function P({ from: e, to: t, cc: n, bcc: i, selfAddress: a, date: o, dateTitle:
|
|
|
386
393
|
})
|
|
387
394
|
]
|
|
388
395
|
}),
|
|
389
|
-
u ? /* @__PURE__ */
|
|
396
|
+
u ? /* @__PURE__ */ S("div", {
|
|
390
397
|
className: "select-mailmsg__notices",
|
|
391
398
|
children: u
|
|
392
399
|
}) : null,
|
|
393
|
-
f ? /* @__PURE__ */
|
|
400
|
+
f ? /* @__PURE__ */ S("div", {
|
|
394
401
|
className: "select-mailmsg__body",
|
|
395
402
|
children: f
|
|
396
|
-
}) : d ? /* @__PURE__ */
|
|
403
|
+
}) : d ? /* @__PURE__ */ S("div", {
|
|
397
404
|
className: "select-mailmsg__text",
|
|
398
405
|
children: d
|
|
399
406
|
}) : null,
|
|
400
|
-
p ? /* @__PURE__ */
|
|
407
|
+
p ? /* @__PURE__ */ S("div", {
|
|
401
408
|
className: "select-mailmsg__attachments",
|
|
402
409
|
children: p
|
|
403
410
|
}) : null
|
|
404
411
|
]
|
|
405
412
|
});
|
|
406
413
|
}
|
|
407
|
-
function
|
|
408
|
-
return /* @__PURE__ */
|
|
414
|
+
function R({ tone: e = "info", icon: t, children: n }) {
|
|
415
|
+
return /* @__PURE__ */ C("div", {
|
|
409
416
|
className: `select-mailnotice select-mailnotice--${e}`,
|
|
410
|
-
children: [/* @__PURE__ */
|
|
417
|
+
children: [/* @__PURE__ */ S("span", {
|
|
411
418
|
className: "select-mailnotice__icon",
|
|
412
419
|
"aria-hidden": "true",
|
|
413
|
-
children: t ??
|
|
414
|
-
}), /* @__PURE__ */
|
|
420
|
+
children: t ?? S(e === "warning" ? s : d, {})
|
|
421
|
+
}), /* @__PURE__ */ S("span", { children: n })]
|
|
415
422
|
});
|
|
416
423
|
}
|
|
417
|
-
var
|
|
424
|
+
var z = /* @__PURE__ */ new Set([
|
|
418
425
|
"JPG",
|
|
419
426
|
"JPEG",
|
|
420
427
|
"PNG",
|
|
@@ -422,172 +429,172 @@ var I = /* @__PURE__ */ new Set([
|
|
|
422
429
|
"WEBP",
|
|
423
430
|
"HEIC",
|
|
424
431
|
"SVG"
|
|
425
|
-
]),
|
|
432
|
+
]), B = /* @__PURE__ */ new Set([
|
|
426
433
|
"XLS",
|
|
427
434
|
"XLSX",
|
|
428
435
|
"CSV",
|
|
429
436
|
"ODS"
|
|
430
437
|
]);
|
|
431
|
-
function
|
|
438
|
+
function V(e) {
|
|
432
439
|
let t = e.lastIndexOf("."), n = t > 0 ? e.slice(t + 1).toUpperCase() : "";
|
|
433
440
|
return /^[A-Z0-9]{1,4}$/.test(n) ? n : "ARQ";
|
|
434
441
|
}
|
|
435
|
-
function
|
|
436
|
-
return e === "PDF" ? "pdf" :
|
|
442
|
+
function H(e) {
|
|
443
|
+
return e === "PDF" ? "pdf" : z.has(e) ? "image" : B.has(e) ? "sheet" : "other";
|
|
437
444
|
}
|
|
438
|
-
function
|
|
439
|
-
let l =
|
|
440
|
-
return /* @__PURE__ */
|
|
445
|
+
function U({ name: e, size: t, state: n = "idle", onClick: r, loadingLabel: i, readyLabel: s, failedLabel: c }) {
|
|
446
|
+
let l = h().inbox, u = V(e), d = n === "loading" ? i ?? l.attachmentLoading : n === "ready" ? s ?? l.attachmentReady : n === "failed" ? c ?? l.attachmentFailed : t, f = n === "ready" ? l.attachmentOpen(e) : n === "loading" ? l.attachmentBusy(e) : l.attachmentGet(e);
|
|
447
|
+
return /* @__PURE__ */ C("button", {
|
|
441
448
|
type: "button",
|
|
442
449
|
className: `select-mailatt select-mailatt--${n}`,
|
|
443
450
|
onClick: r,
|
|
444
|
-
"aria-label":
|
|
451
|
+
"aria-label": f,
|
|
445
452
|
"aria-busy": n === "loading" || void 0,
|
|
446
453
|
children: [
|
|
447
|
-
/* @__PURE__ */
|
|
448
|
-
className: `select-mailatt__ext select-mailatt__ext--${
|
|
454
|
+
/* @__PURE__ */ S("span", {
|
|
455
|
+
className: `select-mailatt__ext select-mailatt__ext--${H(u)}`,
|
|
449
456
|
"aria-hidden": "true",
|
|
450
|
-
children:
|
|
457
|
+
children: u
|
|
451
458
|
}),
|
|
452
|
-
/* @__PURE__ */
|
|
459
|
+
/* @__PURE__ */ C("span", {
|
|
453
460
|
className: "select-mailatt__text",
|
|
454
|
-
children: [/* @__PURE__ */
|
|
461
|
+
children: [/* @__PURE__ */ S("span", {
|
|
455
462
|
className: "select-mailatt__name",
|
|
456
463
|
children: e
|
|
457
|
-
}),
|
|
464
|
+
}), d ? /* @__PURE__ */ S("span", {
|
|
458
465
|
className: "select-mailatt__sub",
|
|
459
|
-
children:
|
|
466
|
+
children: d
|
|
460
467
|
}) : null]
|
|
461
468
|
}),
|
|
462
|
-
/* @__PURE__ */
|
|
469
|
+
/* @__PURE__ */ S("span", {
|
|
463
470
|
className: "select-mailatt__icon",
|
|
464
471
|
"aria-hidden": "true",
|
|
465
|
-
children:
|
|
472
|
+
children: S(n === "ready" ? a : n === "failed" ? m : o, {})
|
|
466
473
|
})
|
|
467
474
|
]
|
|
468
475
|
});
|
|
469
476
|
}
|
|
470
|
-
function
|
|
471
|
-
return /* @__PURE__ */
|
|
477
|
+
function W({ children: e, onClick: n, variant: r = "link", title: i }) {
|
|
478
|
+
return /* @__PURE__ */ C("button", {
|
|
472
479
|
type: "button",
|
|
473
480
|
className: `select-leadchip select-leadchip--${r}`,
|
|
474
481
|
onClick: n,
|
|
475
482
|
title: i,
|
|
476
483
|
children: [
|
|
477
|
-
/* @__PURE__ */
|
|
484
|
+
/* @__PURE__ */ S("span", {
|
|
478
485
|
className: "select-leadchip__icon",
|
|
479
486
|
"aria-hidden": "true",
|
|
480
|
-
children:
|
|
487
|
+
children: S(r === "create" ? l : p, {})
|
|
481
488
|
}),
|
|
482
|
-
/* @__PURE__ */
|
|
489
|
+
/* @__PURE__ */ S("span", {
|
|
483
490
|
className: "select-leadchip__label",
|
|
484
491
|
children: e
|
|
485
492
|
}),
|
|
486
|
-
r === "link" ? /* @__PURE__ */
|
|
493
|
+
r === "link" ? /* @__PURE__ */ S("span", {
|
|
487
494
|
className: "select-leadchip__go",
|
|
488
495
|
"aria-hidden": "true",
|
|
489
|
-
children: /* @__PURE__ */
|
|
496
|
+
children: /* @__PURE__ */ S(t, {})
|
|
490
497
|
}) : null
|
|
491
498
|
]
|
|
492
499
|
});
|
|
493
500
|
}
|
|
494
|
-
var
|
|
501
|
+
var G = (e) => {
|
|
495
502
|
var t;
|
|
496
503
|
return Array.from(((t = e.dataTransfer) == null ? void 0 : t.types) ?? []).includes("Files");
|
|
497
504
|
};
|
|
498
|
-
function
|
|
499
|
-
let
|
|
505
|
+
function K({ variant: e = "inline", title: t, minimized: a = !1, onToggleMinimize: o, onClose: l, closeLabel: u, error: d, attachments: f, onFiles: p, dropLabel: m, footer: g, children: v, "aria-label": w }) {
|
|
506
|
+
let E = h().inbox, D = e === "dock", [O, k] = b(!1), A = y(0), j = p ? {
|
|
500
507
|
onDragEnter: (e) => {
|
|
501
|
-
|
|
508
|
+
G(e) && (e.preventDefault(), A.current += 1, k(!0));
|
|
502
509
|
},
|
|
503
510
|
onDragOver: (e) => {
|
|
504
|
-
|
|
511
|
+
G(e) && e.preventDefault();
|
|
505
512
|
},
|
|
506
513
|
onDragLeave: (e) => {
|
|
507
|
-
|
|
514
|
+
G(e) && (A.current = Math.max(0, A.current - 1), A.current === 0 && k(!1));
|
|
508
515
|
},
|
|
509
516
|
onDrop: (e) => {
|
|
510
|
-
if (!
|
|
511
|
-
e.preventDefault(),
|
|
517
|
+
if (!G(e)) return;
|
|
518
|
+
e.preventDefault(), A.current = 0, k(!1);
|
|
512
519
|
let t = Array.from(e.dataTransfer.files);
|
|
513
520
|
t.length && p(t);
|
|
514
521
|
}
|
|
515
522
|
} : {};
|
|
516
|
-
return /* @__PURE__ */
|
|
517
|
-
className:
|
|
518
|
-
role:
|
|
519
|
-
"aria-label":
|
|
520
|
-
...
|
|
523
|
+
return /* @__PURE__ */ C("div", {
|
|
524
|
+
className: T("select-mailcomposer", `select-mailcomposer--${e}`, a && "is-minimized", O && "is-dragging"),
|
|
525
|
+
role: D ? "dialog" : "group",
|
|
526
|
+
"aria-label": w,
|
|
527
|
+
...j,
|
|
521
528
|
children: [
|
|
522
|
-
|
|
529
|
+
D ? /* @__PURE__ */ C("div", {
|
|
523
530
|
className: "select-mailcomposer__bar",
|
|
524
531
|
children: [
|
|
525
|
-
/* @__PURE__ */
|
|
532
|
+
/* @__PURE__ */ S("span", {
|
|
526
533
|
className: "select-mailcomposer__title",
|
|
527
534
|
children: t
|
|
528
535
|
}),
|
|
529
|
-
o ? /* @__PURE__ */
|
|
530
|
-
icon:
|
|
531
|
-
label: a ?
|
|
536
|
+
o ? /* @__PURE__ */ S(_, {
|
|
537
|
+
icon: S(a ? r : n, {}),
|
|
538
|
+
label: a ? E.open : E.minimize,
|
|
532
539
|
size: "sm",
|
|
533
540
|
onClick: o
|
|
534
541
|
}) : null,
|
|
535
|
-
l ? /* @__PURE__ */
|
|
536
|
-
icon: /* @__PURE__ */
|
|
537
|
-
label: u,
|
|
542
|
+
l ? /* @__PURE__ */ S(_, {
|
|
543
|
+
icon: /* @__PURE__ */ S(i, {}),
|
|
544
|
+
label: u ?? E.close,
|
|
538
545
|
size: "sm",
|
|
539
546
|
onClick: l
|
|
540
547
|
}) : null
|
|
541
548
|
]
|
|
542
549
|
}) : null,
|
|
543
|
-
|
|
550
|
+
O && !a ? /* @__PURE__ */ C("div", {
|
|
544
551
|
className: "select-mailcomposer__drop",
|
|
545
552
|
"aria-hidden": "true",
|
|
546
|
-
children: [/* @__PURE__ */
|
|
553
|
+
children: [/* @__PURE__ */ S(c, {}), /* @__PURE__ */ S("span", { children: m ?? E.drop })]
|
|
547
554
|
}) : null,
|
|
548
|
-
a ? null : /* @__PURE__ */
|
|
549
|
-
/* @__PURE__ */
|
|
555
|
+
a ? null : /* @__PURE__ */ C(x, { children: [
|
|
556
|
+
/* @__PURE__ */ S("div", {
|
|
550
557
|
className: "select-mailcomposer__fields",
|
|
551
|
-
children:
|
|
558
|
+
children: v
|
|
552
559
|
}),
|
|
553
560
|
f,
|
|
554
|
-
d ? /* @__PURE__ */
|
|
561
|
+
d ? /* @__PURE__ */ C("div", {
|
|
555
562
|
className: "select-mailcomposer__error",
|
|
556
563
|
role: "alert",
|
|
557
|
-
children: [/* @__PURE__ */
|
|
564
|
+
children: [/* @__PURE__ */ S("span", {
|
|
558
565
|
"aria-hidden": "true",
|
|
559
|
-
children: /* @__PURE__ */
|
|
560
|
-
}), /* @__PURE__ */
|
|
566
|
+
children: /* @__PURE__ */ S(s, {})
|
|
567
|
+
}), /* @__PURE__ */ S("span", { children: d })]
|
|
561
568
|
}) : null,
|
|
562
|
-
/* @__PURE__ */
|
|
569
|
+
/* @__PURE__ */ S("div", {
|
|
563
570
|
className: "select-mailcomposer__footer",
|
|
564
|
-
children:
|
|
571
|
+
children: g
|
|
565
572
|
})
|
|
566
573
|
] })
|
|
567
574
|
]
|
|
568
575
|
});
|
|
569
576
|
}
|
|
570
|
-
function
|
|
571
|
-
return /* @__PURE__ */
|
|
577
|
+
function q({ label: e, children: t, action: n }) {
|
|
578
|
+
return /* @__PURE__ */ C("div", {
|
|
572
579
|
className: "select-mailcomposer__row",
|
|
573
580
|
children: [
|
|
574
|
-
e ? /* @__PURE__ */
|
|
581
|
+
e ? /* @__PURE__ */ S("span", {
|
|
575
582
|
className: "select-mailcomposer__label",
|
|
576
583
|
children: e
|
|
577
584
|
}) : null,
|
|
578
|
-
/* @__PURE__ */
|
|
585
|
+
/* @__PURE__ */ S("div", {
|
|
579
586
|
className: "select-mailcomposer__control",
|
|
580
587
|
children: t
|
|
581
588
|
}),
|
|
582
|
-
n ? /* @__PURE__ */
|
|
589
|
+
n ? /* @__PURE__ */ S("div", {
|
|
583
590
|
className: "select-mailcomposer__rowaction",
|
|
584
591
|
children: n
|
|
585
592
|
}) : null
|
|
586
593
|
]
|
|
587
594
|
});
|
|
588
595
|
}
|
|
589
|
-
function
|
|
590
|
-
return /* @__PURE__ */
|
|
596
|
+
function J({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength: i }) {
|
|
597
|
+
return /* @__PURE__ */ S("input", {
|
|
591
598
|
className: "select-mailcomposer__input",
|
|
592
599
|
value: e,
|
|
593
600
|
onChange: (e) => t(e.target.value),
|
|
@@ -596,21 +603,26 @@ function G({ value: e, onChange: t, placeholder: n, "aria-label": r, maxLength:
|
|
|
596
603
|
maxLength: i
|
|
597
604
|
});
|
|
598
605
|
}
|
|
599
|
-
function
|
|
600
|
-
|
|
606
|
+
function Y({ value: e, onChange: t, placeholder: n, rows: r = 6, "aria-label": i, maxLength: a, onEnter: o, id: s }) {
|
|
607
|
+
let c = h().inbox;
|
|
608
|
+
return /* @__PURE__ */ S("textarea", {
|
|
609
|
+
id: s,
|
|
601
610
|
className: "select-mailcomposer__body",
|
|
602
611
|
value: e,
|
|
603
612
|
onChange: (e) => t(e.target.value),
|
|
613
|
+
onKeyDown: o ? (e) => {
|
|
614
|
+
e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing && (e.preventDefault(), o());
|
|
615
|
+
} : void 0,
|
|
604
616
|
placeholder: n,
|
|
605
617
|
rows: r,
|
|
606
|
-
"aria-label": i,
|
|
618
|
+
"aria-label": i ?? c.message,
|
|
607
619
|
maxLength: a
|
|
608
620
|
});
|
|
609
621
|
}
|
|
610
|
-
function
|
|
611
|
-
let a =
|
|
612
|
-
return /* @__PURE__ */
|
|
613
|
-
icon: /* @__PURE__ */
|
|
622
|
+
function X({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i = "Anexar arquivo" }) {
|
|
623
|
+
let a = y(null);
|
|
624
|
+
return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(_, {
|
|
625
|
+
icon: /* @__PURE__ */ S(c, {}),
|
|
614
626
|
label: i,
|
|
615
627
|
size: "sm",
|
|
616
628
|
disabled: r,
|
|
@@ -618,7 +630,7 @@ function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i
|
|
|
618
630
|
var e;
|
|
619
631
|
return (e = a.current) == null ? void 0 : e.click();
|
|
620
632
|
}
|
|
621
|
-
}), /* @__PURE__ */
|
|
633
|
+
}), /* @__PURE__ */ S("input", {
|
|
622
634
|
ref: a,
|
|
623
635
|
type: "file",
|
|
624
636
|
className: "select-mailcomposer__file",
|
|
@@ -632,60 +644,60 @@ function q({ onFiles: e, accept: t, multiple: n = !0, disabled: r = !1, label: i
|
|
|
632
644
|
}
|
|
633
645
|
})] });
|
|
634
646
|
}
|
|
635
|
-
function
|
|
636
|
-
return /* @__PURE__ */
|
|
647
|
+
function Z({ children: e, note: t }) {
|
|
648
|
+
return /* @__PURE__ */ C("div", {
|
|
637
649
|
className: "select-mailcomposer__attachments",
|
|
638
650
|
role: "list",
|
|
639
651
|
"aria-label": "Anexos",
|
|
640
|
-
children: [e, t ? /* @__PURE__ */
|
|
652
|
+
children: [e, t ? /* @__PURE__ */ S("span", {
|
|
641
653
|
className: "select-mailcomposer__attnote",
|
|
642
654
|
children: t
|
|
643
655
|
}) : null]
|
|
644
656
|
});
|
|
645
657
|
}
|
|
646
|
-
function
|
|
647
|
-
let c =
|
|
648
|
-
return /* @__PURE__ */
|
|
658
|
+
function ee({ name: e, size: t, state: n = "done", progress: r, error: a, onRemove: o, onRetry: s }) {
|
|
659
|
+
let c = V(e), l = r == null ? null : Math.round(Math.min(1, Math.max(0, r)) * 100), d = n === "uploading" ? l == null ? "Subindo…" : `Subindo… ${l}%` : n === "failed" ? a ?? "Não subiu" : t;
|
|
660
|
+
return /* @__PURE__ */ C("span", {
|
|
649
661
|
className: `select-mailupload select-mailupload--${n}`,
|
|
650
662
|
role: "listitem",
|
|
651
663
|
"aria-busy": n === "uploading" || void 0,
|
|
652
664
|
children: [
|
|
653
|
-
/* @__PURE__ */
|
|
654
|
-
className: `select-mailatt__ext select-mailatt__ext--${
|
|
665
|
+
/* @__PURE__ */ S("span", {
|
|
666
|
+
className: `select-mailatt__ext select-mailatt__ext--${H(c)} select-mailupload__ext`,
|
|
655
667
|
"aria-hidden": "true",
|
|
656
668
|
children: c
|
|
657
669
|
}),
|
|
658
|
-
/* @__PURE__ */
|
|
670
|
+
/* @__PURE__ */ C("span", {
|
|
659
671
|
className: "select-mailupload__text",
|
|
660
|
-
children: [/* @__PURE__ */
|
|
672
|
+
children: [/* @__PURE__ */ S("span", {
|
|
661
673
|
className: "select-mailupload__name",
|
|
662
674
|
title: e,
|
|
663
675
|
children: e
|
|
664
|
-
}), d ? /* @__PURE__ */
|
|
676
|
+
}), d ? /* @__PURE__ */ S("span", {
|
|
665
677
|
className: "select-mailupload__sub",
|
|
666
678
|
children: d
|
|
667
679
|
}) : null]
|
|
668
680
|
}),
|
|
669
|
-
n === "failed" && s ? /* @__PURE__ */
|
|
681
|
+
n === "failed" && s ? /* @__PURE__ */ S("button", {
|
|
670
682
|
type: "button",
|
|
671
683
|
className: "select-mailupload__btn",
|
|
672
684
|
onClick: s,
|
|
673
685
|
"aria-label": `Subir ${e} de novo`,
|
|
674
686
|
title: "Tentar de novo",
|
|
675
|
-
children: /* @__PURE__ */
|
|
687
|
+
children: /* @__PURE__ */ S(u, {})
|
|
676
688
|
}) : null,
|
|
677
|
-
/* @__PURE__ */
|
|
689
|
+
/* @__PURE__ */ S("button", {
|
|
678
690
|
type: "button",
|
|
679
691
|
className: "select-mailupload__btn",
|
|
680
692
|
onClick: o,
|
|
681
693
|
"aria-label": `Tirar o anexo ${e}`,
|
|
682
694
|
title: "Tirar",
|
|
683
|
-
children: /* @__PURE__ */
|
|
695
|
+
children: /* @__PURE__ */ S(i, {})
|
|
684
696
|
}),
|
|
685
|
-
n === "uploading" ? /* @__PURE__ */
|
|
697
|
+
n === "uploading" ? /* @__PURE__ */ S("span", {
|
|
686
698
|
className: "select-mailupload__bar",
|
|
687
699
|
"aria-hidden": "true",
|
|
688
|
-
children: /* @__PURE__ */
|
|
700
|
+
children: /* @__PURE__ */ S("span", {
|
|
689
701
|
className: l == null ? "is-indeterminate" : void 0,
|
|
690
702
|
style: l == null ? void 0 : { width: `${l}%` }
|
|
691
703
|
})
|
|
@@ -693,35 +705,35 @@ function Y({ name: e, size: t, state: n = "done", progress: r, error: a, onRemov
|
|
|
693
705
|
]
|
|
694
706
|
});
|
|
695
707
|
}
|
|
696
|
-
function
|
|
697
|
-
return /* @__PURE__ */
|
|
698
|
-
e ? /* @__PURE__ */
|
|
708
|
+
function te({ start: e, note: t, end: n }) {
|
|
709
|
+
return /* @__PURE__ */ C(x, { children: [
|
|
710
|
+
e ? /* @__PURE__ */ S("div", {
|
|
699
711
|
className: "select-mailcomposer__start",
|
|
700
712
|
children: e
|
|
701
713
|
}) : null,
|
|
702
|
-
/* @__PURE__ */
|
|
714
|
+
/* @__PURE__ */ S("span", {
|
|
703
715
|
className: "select-mailcomposer__note",
|
|
704
716
|
children: t
|
|
705
717
|
}),
|
|
706
|
-
n ? /* @__PURE__ */
|
|
718
|
+
n ? /* @__PURE__ */ S("div", {
|
|
707
719
|
className: "select-mailcomposer__end",
|
|
708
720
|
children: n
|
|
709
721
|
}) : null
|
|
710
722
|
] });
|
|
711
723
|
}
|
|
712
|
-
var
|
|
724
|
+
var ne = /^[^\s@]+@[^\s@]+\.[^\s@]+$/, Q = /[\s,;]+/;
|
|
713
725
|
function $(e) {
|
|
714
|
-
return
|
|
726
|
+
return ne.test(e);
|
|
715
727
|
}
|
|
716
|
-
function
|
|
717
|
-
let [s, c] =
|
|
728
|
+
function re({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a, "aria-label": o }) {
|
|
729
|
+
let [s, c] = b(""), l = y(null), u = (n) => {
|
|
718
730
|
let r = n.split(Q).map((e) => e.trim()).filter(Boolean);
|
|
719
731
|
if (c(""), !r.length) return;
|
|
720
732
|
let i = [...e];
|
|
721
733
|
for (let e of r) i.some((t) => t.toLowerCase() === e.toLowerCase()) || i.push(e);
|
|
722
734
|
i.length !== e.length && t(i);
|
|
723
735
|
};
|
|
724
|
-
return /* @__PURE__ */
|
|
736
|
+
return /* @__PURE__ */ C("div", {
|
|
725
737
|
className: "select-recipients",
|
|
726
738
|
onClick: () => {
|
|
727
739
|
var e;
|
|
@@ -729,23 +741,23 @@ function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a,
|
|
|
729
741
|
},
|
|
730
742
|
children: [e.map((a) => {
|
|
731
743
|
let o = !r(a), s = (n == null ? void 0 : n[a]) ?? a;
|
|
732
|
-
return /* @__PURE__ */
|
|
733
|
-
className:
|
|
744
|
+
return /* @__PURE__ */ C("span", {
|
|
745
|
+
className: T("select-recipients__chip", o && "is-invalid"),
|
|
734
746
|
title: s === a ? o ? "Endereço inválido" : void 0 : a,
|
|
735
|
-
children: [/* @__PURE__ */
|
|
747
|
+
children: [/* @__PURE__ */ S("span", {
|
|
736
748
|
className: "select-recipients__label",
|
|
737
749
|
children: s
|
|
738
|
-
}), /* @__PURE__ */
|
|
750
|
+
}), /* @__PURE__ */ S("button", {
|
|
739
751
|
type: "button",
|
|
740
752
|
className: "select-recipients__remove",
|
|
741
753
|
"aria-label": `Tirar ${s}`,
|
|
742
754
|
onClick: (n) => {
|
|
743
755
|
n.stopPropagation(), t(e.filter((e) => e !== a));
|
|
744
756
|
},
|
|
745
|
-
children: /* @__PURE__ */
|
|
757
|
+
children: /* @__PURE__ */ S(i, {})
|
|
746
758
|
})]
|
|
747
759
|
}, a);
|
|
748
|
-
}), /* @__PURE__ */
|
|
760
|
+
}), /* @__PURE__ */ S("input", {
|
|
749
761
|
ref: l,
|
|
750
762
|
className: "select-recipients__input",
|
|
751
763
|
value: s,
|
|
@@ -765,39 +777,39 @@ function ne({ value: e, onChange: t, labels: n, validate: r = $, placeholder: a,
|
|
|
765
777
|
})]
|
|
766
778
|
});
|
|
767
779
|
}
|
|
768
|
-
function
|
|
769
|
-
return /* @__PURE__ */
|
|
780
|
+
function ie({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint: a, footer: o, empty: s = "Nenhum modelo ainda." }) {
|
|
781
|
+
return /* @__PURE__ */ S(g, {
|
|
770
782
|
active: e,
|
|
771
783
|
onClose: t,
|
|
772
784
|
activator: n,
|
|
773
785
|
placement: "top-start",
|
|
774
786
|
role: "menu",
|
|
775
|
-
children: /* @__PURE__ */
|
|
787
|
+
children: /* @__PURE__ */ C("div", {
|
|
776
788
|
className: "select-tplmenu",
|
|
777
789
|
children: [
|
|
778
|
-
a ? /* @__PURE__ */
|
|
790
|
+
a ? /* @__PURE__ */ S("div", {
|
|
779
791
|
className: "select-tplmenu__hint",
|
|
780
792
|
children: a
|
|
781
793
|
}) : null,
|
|
782
|
-
r.length ? r.map((e) => /* @__PURE__ */
|
|
794
|
+
r.length ? r.map((e) => /* @__PURE__ */ C("button", {
|
|
783
795
|
type: "button",
|
|
784
796
|
role: "menuitem",
|
|
785
797
|
className: "select-tplmenu__item",
|
|
786
798
|
onClick: () => {
|
|
787
799
|
i(e.id), t();
|
|
788
800
|
},
|
|
789
|
-
children: [/* @__PURE__ */
|
|
801
|
+
children: [/* @__PURE__ */ S("span", {
|
|
790
802
|
className: "select-tplmenu__name",
|
|
791
803
|
children: e.name
|
|
792
|
-
}), /* @__PURE__ */
|
|
804
|
+
}), /* @__PURE__ */ S("span", {
|
|
793
805
|
className: "select-tplmenu__subject",
|
|
794
806
|
children: e.subject
|
|
795
807
|
})]
|
|
796
|
-
}, e.id)) : /* @__PURE__ */
|
|
808
|
+
}, e.id)) : /* @__PURE__ */ S("div", {
|
|
797
809
|
className: "select-tplmenu__empty",
|
|
798
810
|
children: s
|
|
799
811
|
}),
|
|
800
|
-
o ? /* @__PURE__ */
|
|
812
|
+
o ? /* @__PURE__ */ S("div", {
|
|
801
813
|
className: "select-tplmenu__footer",
|
|
802
814
|
children: o
|
|
803
815
|
}) : null
|
|
@@ -806,6 +818,6 @@ function re({ open: e, onClose: t, activator: n, templates: r, onPick: i, hint:
|
|
|
806
818
|
});
|
|
807
819
|
}
|
|
808
820
|
//#endregion
|
|
809
|
-
export {
|
|
821
|
+
export { E as SelectInbox, D as SelectInboxBanner, A as SelectInboxEmpty, O as SelectInboxToolbar, W as SelectLeadChip, X as SelectMailAttachButton, U as SelectMailAttachment, K as SelectMailComposer, Z as SelectMailComposerAttachments, Y as SelectMailComposerBody, te as SelectMailComposerFooter, J as SelectMailComposerInput, q as SelectMailComposerRow, j as SelectMailList, M as SelectMailListGroup, N as SelectMailListItem, F as SelectMailListNote, P as SelectMailListSkeleton, L as SelectMailMessage, R as SelectMailNotice, I as SelectMailReader, ee as SelectMailUpload, k as SelectMailboxStatus, re as SelectRecipientInput, ie as SelectTemplateMenu, V as attachmentExt, $ as isMailAddress, w as mailName };
|
|
810
822
|
|
|
811
823
|
//# sourceMappingURL=SelectMail.js.map
|