padorixnpm 0.0.70 → 0.0.71
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/{chat-panel-BVGlOImf.js → chat-panel-DOV89YL7.js} +663 -636
- package/dist/chat-panel-DOV89YL7.js.map +1 -0
- package/dist/chats/chatScreen/styles.d.ts +2 -0
- package/dist/chats/chatScreen/styles.d.ts.map +1 -1
- package/dist/chats/chatform/chat-form-component.d.ts +4 -0
- package/dist/chats/chatform/chat-form-component.d.ts.map +1 -1
- package/dist/chats/chatform/chat-form.d.ts +2 -2
- package/dist/chats/chatform/chat-form.d.ts.map +1 -1
- package/dist/chats/chatform/chat-image-upload.d.ts +2 -2
- package/dist/chats/chatform/chat-image-upload.d.ts.map +1 -1
- package/dist/global.d.ts +6 -0
- package/dist/global.d.ts.map +1 -1
- package/dist/padorixnpm.css +1 -1
- package/dist/padorixnpm.js +2 -2
- package/dist/padorixnpm.umd.cjs +9 -9
- package/dist/padorixnpm.umd.cjs.map +1 -1
- package/dist/{widget-api-2bTO9wMA.js → widget-api-BfWB6m6w.js} +50 -71
- package/dist/{widget-api-2bTO9wMA.js.map → widget-api-BfWB6m6w.js.map} +1 -1
- package/package.json +1 -1
- package/dist/chat-panel-BVGlOImf.js.map +0 -1
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { A as e, C as t, D as n, E as r, M as i,
|
|
2
|
-
import T, { i as E, n as
|
|
1
|
+
import { A as e, C as t, D as n, E as r, M as i, O as a, S as o, T as s, _ as c, a as l, b as u, f as d, g as f, h as p, i as m, j as h, k as g, l as _, m as v, s as y, u as b, v as x, w as S, x as C, y as w } from "./widget-api-BfWB6m6w.js";
|
|
2
|
+
import T, { i as E, n as ee, r as D, t as te } from "./notification-ChYfFRqp.js";
|
|
3
3
|
import { useDispatch as O, useSelector as k } from "react-redux";
|
|
4
4
|
import A, { createElement as j, forwardRef as M, useState as N } from "react";
|
|
5
|
-
import { Add as P, ArrowDown2 as F, ArrowForward as I, ArrowLeft2 as
|
|
6
|
-
import { Fade as z, JackInTheBox as
|
|
5
|
+
import { Add as P, ArrowDown2 as F, ArrowForward as I, ArrowLeft2 as ne, Copy as re, DocumentDownload as ie, EmojiHappy as ae, Global as oe, Minus as L, Send as se, Star1 as R, Trash as ce } from "iconsax-reactjs";
|
|
6
|
+
import { Fade as z, JackInTheBox as le, Slide as ue } from "react-awesome-reveal";
|
|
7
7
|
import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
|
|
8
8
|
import { MantineProvider as U, Modal as W, Popover as G } from "@mantine/core";
|
|
9
9
|
import K from "dayjs";
|
|
10
|
-
import { useDisclosure as
|
|
11
|
-
import { useForm as
|
|
10
|
+
import { useDisclosure as de } from "@mantine/hooks";
|
|
11
|
+
import { useForm as fe } from "@mantine/form";
|
|
12
12
|
//#region lib/chats/chatform/chat-text-input.tsx
|
|
13
|
-
var
|
|
13
|
+
var pe = 120, q = 2500, J = 1500, me = M(({ setMessage: e, message: t, userType: n, onImagePasted: r, onSubmit: i, ...a }, o) => {
|
|
14
14
|
let { sender: s } = k((e) => e.data), c = A.useRef(null), l = A.useRef(0), u = A.useRef(!1);
|
|
15
15
|
A.useImperativeHandle(o, () => c.current), A.useLayoutEffect(() => {
|
|
16
16
|
let e = c.current;
|
|
17
|
-
e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight,
|
|
17
|
+
e && (e.style.height = "auto", e.style.height = `${Math.min(e.scrollHeight, pe)}px`, e.style.overflowY = e.scrollHeight > pe ? "auto" : "hidden");
|
|
18
18
|
}, [t]);
|
|
19
19
|
let d = (e) => {
|
|
20
20
|
let t = e.clipboardData?.items;
|
|
@@ -43,8 +43,8 @@ var q = 120, J = 2500, me = 1500, he = M(({ setMessage: e, message: t, userType:
|
|
|
43
43
|
return;
|
|
44
44
|
}
|
|
45
45
|
let i = Date.now();
|
|
46
|
-
i - l.current >
|
|
47
|
-
let a = window.setTimeout(() => p(r),
|
|
46
|
+
i - l.current > q && (l.current = i, u.current = !0, E.emit(D.is_typing, r));
|
|
47
|
+
let a = window.setTimeout(() => p(r), J);
|
|
48
48
|
return () => {
|
|
49
49
|
window.clearTimeout(a);
|
|
50
50
|
};
|
|
@@ -97,13 +97,13 @@ var q = 120, J = 2500, me = 1500, he = M(({ setMessage: e, message: t, userType:
|
|
|
97
97
|
rows: 1
|
|
98
98
|
})
|
|
99
99
|
});
|
|
100
|
-
}),
|
|
100
|
+
}), he = {
|
|
101
101
|
color: void 0,
|
|
102
102
|
size: void 0,
|
|
103
103
|
className: void 0,
|
|
104
104
|
style: void 0,
|
|
105
105
|
attr: void 0
|
|
106
|
-
},
|
|
106
|
+
}, ge = A.createContext && /*#__PURE__*/ A.createContext(he), _e = [
|
|
107
107
|
"attr",
|
|
108
108
|
"size",
|
|
109
109
|
"title"
|
|
@@ -126,14 +126,14 @@ function ye(e, t) {
|
|
|
126
126
|
}
|
|
127
127
|
return n;
|
|
128
128
|
}
|
|
129
|
-
function
|
|
130
|
-
return
|
|
129
|
+
function Y() {
|
|
130
|
+
return Y = Object.assign ? Object.assign.bind() : function(e) {
|
|
131
131
|
for (var t = 1; t < arguments.length; t++) {
|
|
132
132
|
var n = arguments[t];
|
|
133
133
|
for (var r in n) ({}).hasOwnProperty.call(n, r) && (e[r] = n[r]);
|
|
134
134
|
}
|
|
135
135
|
return e;
|
|
136
|
-
},
|
|
136
|
+
}, Y.apply(null, arguments);
|
|
137
137
|
}
|
|
138
138
|
function be(e, t) {
|
|
139
139
|
var n = Object.keys(e);
|
|
@@ -145,30 +145,30 @@ function be(e, t) {
|
|
|
145
145
|
}
|
|
146
146
|
return n;
|
|
147
147
|
}
|
|
148
|
-
function
|
|
148
|
+
function X(e) {
|
|
149
149
|
for (var t = 1; t < arguments.length; t++) {
|
|
150
150
|
var n = arguments[t] == null ? {} : arguments[t];
|
|
151
151
|
t % 2 ? be(Object(n), !0).forEach(function(t) {
|
|
152
|
-
|
|
152
|
+
xe(e, t, n[t]);
|
|
153
153
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : be(Object(n)).forEach(function(t) {
|
|
154
154
|
Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t));
|
|
155
155
|
});
|
|
156
156
|
}
|
|
157
157
|
return e;
|
|
158
158
|
}
|
|
159
|
-
function
|
|
160
|
-
return (t =
|
|
159
|
+
function xe(e, t, n) {
|
|
160
|
+
return (t = Se(t)) in e ? Object.defineProperty(e, t, {
|
|
161
161
|
value: n,
|
|
162
162
|
enumerable: !0,
|
|
163
163
|
configurable: !0,
|
|
164
164
|
writable: !0
|
|
165
165
|
}) : e[t] = n, e;
|
|
166
166
|
}
|
|
167
|
-
function
|
|
168
|
-
var t =
|
|
167
|
+
function Se(e) {
|
|
168
|
+
var t = Ce(e, "string");
|
|
169
169
|
return typeof t == "symbol" ? t : t + "";
|
|
170
170
|
}
|
|
171
|
-
function
|
|
171
|
+
function Ce(e, t) {
|
|
172
172
|
if (typeof e != "object" || !e) return e;
|
|
173
173
|
var n = e[Symbol.toPrimitive];
|
|
174
174
|
if (n !== void 0) {
|
|
@@ -178,28 +178,28 @@ function we(e, t) {
|
|
|
178
178
|
}
|
|
179
179
|
return (t === "string" ? String : Number)(e);
|
|
180
180
|
}
|
|
181
|
-
function
|
|
182
|
-
return e && e.map((e, t) => /*#__PURE__*/ A.createElement(e.tag,
|
|
181
|
+
function we(e) {
|
|
182
|
+
return e && e.map((e, t) => /*#__PURE__*/ A.createElement(e.tag, X({ key: t }, e.attr), we(e.child)));
|
|
183
183
|
}
|
|
184
184
|
function Z(e) {
|
|
185
|
-
return (t) => /*#__PURE__*/ A.createElement(
|
|
185
|
+
return (t) => /*#__PURE__*/ A.createElement(Te, Y({ attr: X({}, e.attr) }, t), we(e.child));
|
|
186
186
|
}
|
|
187
|
-
function
|
|
187
|
+
function Te(e) {
|
|
188
188
|
var t = (t) => {
|
|
189
|
-
var { attr: n, size: r, title: i } = e, a = ve(e,
|
|
190
|
-
return t.className && (s = t.className), e.className && (s = (s ? s + " " : "") + e.className), /*#__PURE__*/ A.createElement("svg",
|
|
189
|
+
var { attr: n, size: r, title: i } = e, a = ve(e, _e), o = r || t.size || "1em", s;
|
|
190
|
+
return t.className && (s = t.className), e.className && (s = (s ? s + " " : "") + e.className), /*#__PURE__*/ A.createElement("svg", Y({
|
|
191
191
|
stroke: "currentColor",
|
|
192
192
|
fill: "currentColor",
|
|
193
193
|
strokeWidth: "0"
|
|
194
194
|
}, t.attr, n, a, {
|
|
195
195
|
className: s,
|
|
196
|
-
style:
|
|
196
|
+
style: X(X({ color: e.color || t.color }, t.style), e.style),
|
|
197
197
|
height: o,
|
|
198
198
|
width: o,
|
|
199
199
|
xmlns: "http://www.w3.org/2000/svg"
|
|
200
200
|
}), i && /*#__PURE__*/ A.createElement("title", null, i), e.children);
|
|
201
201
|
};
|
|
202
|
-
return
|
|
202
|
+
return ge === void 0 ? t(he) : /*#__PURE__*/ A.createElement(ge.Consumer, null, (e) => t(e));
|
|
203
203
|
}
|
|
204
204
|
//#endregion
|
|
205
205
|
//#region node_modules/react-icons/fi/index.mjs
|
|
@@ -235,7 +235,7 @@ function Q(e) {
|
|
|
235
235
|
}]
|
|
236
236
|
})(e);
|
|
237
237
|
}
|
|
238
|
-
function
|
|
238
|
+
function Ee(e) {
|
|
239
239
|
return Z({
|
|
240
240
|
tag: "svg",
|
|
241
241
|
attr: {
|
|
@@ -258,7 +258,7 @@ function De(e) {
|
|
|
258
258
|
}]
|
|
259
259
|
})(e);
|
|
260
260
|
}
|
|
261
|
-
function
|
|
261
|
+
function De(e) {
|
|
262
262
|
return Z({
|
|
263
263
|
tag: "svg",
|
|
264
264
|
attr: {
|
|
@@ -293,7 +293,7 @@ function Oe(e) {
|
|
|
293
293
|
]
|
|
294
294
|
})(e);
|
|
295
295
|
}
|
|
296
|
-
function
|
|
296
|
+
function Oe(e) {
|
|
297
297
|
return Z({
|
|
298
298
|
tag: "svg",
|
|
299
299
|
attr: {
|
|
@@ -311,7 +311,7 @@ function ke(e) {
|
|
|
311
311
|
}]
|
|
312
312
|
})(e);
|
|
313
313
|
}
|
|
314
|
-
function
|
|
314
|
+
function ke(e) {
|
|
315
315
|
return Z({
|
|
316
316
|
tag: "svg",
|
|
317
317
|
attr: {
|
|
@@ -331,13 +331,13 @@ function Ae(e) {
|
|
|
331
331
|
}
|
|
332
332
|
//#endregion
|
|
333
333
|
//#region lib/chats/chatmessages/chat-display-reply.tsx
|
|
334
|
-
function
|
|
335
|
-
let
|
|
336
|
-
function
|
|
337
|
-
|
|
334
|
+
function Ae(e) {
|
|
335
|
+
let t = O(), n = Array.isArray(e.data?.message) ? e.data.message.join(" ") : String(e.data?.message ?? "");
|
|
336
|
+
function r() {
|
|
337
|
+
t(s(void 0)), t(g(void 0));
|
|
338
338
|
}
|
|
339
|
-
if (
|
|
340
|
-
className:
|
|
339
|
+
if (e.data?.id) return /* @__PURE__ */ V("div", {
|
|
340
|
+
className: e.styles.replyContainer,
|
|
341
341
|
children: /* @__PURE__ */ V("div", {
|
|
342
342
|
className: "padorix-fade-in padorix:bg-white padorix:w-[96%] padorix:mx-auto padorix:py-0.5",
|
|
343
343
|
children: /* @__PURE__ */ V("div", { children: /* @__PURE__ */ V("div", {
|
|
@@ -346,39 +346,39 @@ function je(t) {
|
|
|
346
346
|
className: "padorix:bg-white padorix:rounded-tl-lg padorix:rounded-tr-lg padorix:border-t padorix:border-x padorix:border-gray-200 padorix:shadow-inner padorix:text-zinc-600 padorix:px-4 padorix:flex padorix:items-center padorix:justify-between",
|
|
347
347
|
children: [/* @__PURE__ */ H("div", {
|
|
348
348
|
className: "padorix:flex padorix:items-center padorix:py-2.5 padorix:text-sm",
|
|
349
|
-
children: [/* @__PURE__ */ V(I, { className: "padorix:inline padorix:size-6 padorix:mr-3" }),
|
|
349
|
+
children: [/* @__PURE__ */ V(I, { className: "padorix:inline padorix:size-6 padorix:mr-3" }), n.length > 0 && /* @__PURE__ */ H("span", { children: [n.slice(0, 30), n.length > 30 ? "..." : ""] })]
|
|
350
350
|
}), /* @__PURE__ */ H("div", {
|
|
351
351
|
className: "padorix:flex padorix:items-center padorix:gap-3",
|
|
352
|
-
children: [Number(
|
|
352
|
+
children: [Number(e.data?.images?.length) > 0 && /* @__PURE__ */ H("div", {
|
|
353
353
|
className: "padorix:flex padorix:gap-1 padorix:flex-row",
|
|
354
|
-
children: [Array.isArray(
|
|
354
|
+
children: [Array.isArray(e?.data?.images) && e?.data?.images?.slice(0, 2)?.map((e, t) => /* @__PURE__ */ V("img", {
|
|
355
355
|
src: e,
|
|
356
356
|
alt: "Padorix",
|
|
357
357
|
className: "padorix:size-10 padorix:bg-slate-800 padorix:inline padorix:object-contain"
|
|
358
|
-
}, t)), Number(
|
|
358
|
+
}, t)), Number(e.data?.images?.length) > 2 && /* @__PURE__ */ H("div", {
|
|
359
359
|
className: "padorix:flex padorix:items-center",
|
|
360
360
|
children: [
|
|
361
361
|
" ",
|
|
362
362
|
/* @__PURE__ */ V(P, { className: "padorix:inline padorix:size-5" }),
|
|
363
363
|
" ",
|
|
364
|
-
Number(
|
|
364
|
+
Number(e.data?.images?.length) - 2,
|
|
365
365
|
" "
|
|
366
366
|
]
|
|
367
367
|
})]
|
|
368
368
|
}), /* @__PURE__ */ V("div", {
|
|
369
|
-
onClick:
|
|
369
|
+
onClick: r,
|
|
370
370
|
className: "padorix:cursor-pointer padorix:transition-all padorix:active:scale-95",
|
|
371
371
|
children: /* @__PURE__ */ V(Q, { className: "padorix:inline padorix:size-6 padorix:mr-3" })
|
|
372
372
|
})]
|
|
373
373
|
})]
|
|
374
374
|
})
|
|
375
375
|
}) })
|
|
376
|
-
},
|
|
376
|
+
}, e.data.id)
|
|
377
377
|
});
|
|
378
378
|
}
|
|
379
379
|
//#endregion
|
|
380
380
|
//#region lib/chats/chatform/emoji-picker.tsx
|
|
381
|
-
var
|
|
381
|
+
var je = [
|
|
382
382
|
{
|
|
383
383
|
name: "Smileys",
|
|
384
384
|
icon: "😀",
|
|
@@ -429,17 +429,17 @@ var Me = [
|
|
|
429
429
|
icon: "✅",
|
|
430
430
|
emojis: "✅ ☑️ ✔️ ❌ ❎ ➕ ➖ ➗ ✖️ ❓ ❔ ❗ ❕ ‼️ ⁉️ ⚠️ 🚫 ⛔ 🔞 ♻️ 🆗 🆕 🆓 🆒 🆘 🔝 🔜 ⏩ ⏪ ▶️ ⏸️ ⏹️ 🔁 🔄 ⬆️ ⬇️ ⬅️ ➡️ ↩️ ℹ️ 🔴 🟠 🟡 🟢 🔵 🟣 ⚫ ⚪ 🟥 🟩 🟦 💲 ©️ ®️ ™️ 🔔 🔕 💬 💭 🗯️"
|
|
431
431
|
}
|
|
432
|
-
],
|
|
433
|
-
function
|
|
432
|
+
], Me = "padorix-recent-emojis", Ne = 24;
|
|
433
|
+
function Pe() {
|
|
434
434
|
try {
|
|
435
|
-
let e = JSON.parse(localStorage.getItem(
|
|
436
|
-
return Array.isArray(e) ? e.filter((e) => typeof e == "string").slice(0,
|
|
435
|
+
let e = JSON.parse(localStorage.getItem(Me) || "[]");
|
|
436
|
+
return Array.isArray(e) ? e.filter((e) => typeof e == "string").slice(0, Ne) : [];
|
|
437
437
|
} catch {
|
|
438
438
|
return [];
|
|
439
439
|
}
|
|
440
440
|
}
|
|
441
|
-
function
|
|
442
|
-
let [t, n] = A.useState(
|
|
441
|
+
function Fe(e) {
|
|
442
|
+
let [t, n] = A.useState(Pe), [r, i] = A.useState(() => Pe().length > 0 ? "Recent" : je[0].name), a = A.useRef(null);
|
|
443
443
|
A.useEffect(() => {
|
|
444
444
|
let t = (t) => {
|
|
445
445
|
let n = t.composedPath();
|
|
@@ -453,16 +453,16 @@ function Ie(e) {
|
|
|
453
453
|
}, [e.onClose, e.toggleRef]);
|
|
454
454
|
function o(r) {
|
|
455
455
|
e.onSelect(r);
|
|
456
|
-
let i = [r, ...t.filter((e) => e !== r)].slice(0,
|
|
456
|
+
let i = [r, ...t.filter((e) => e !== r)].slice(0, Ne);
|
|
457
457
|
n(i);
|
|
458
458
|
try {
|
|
459
|
-
localStorage.setItem(
|
|
459
|
+
localStorage.setItem(Me, JSON.stringify(i));
|
|
460
460
|
} catch {}
|
|
461
461
|
}
|
|
462
462
|
let s = [...t.length > 0 ? [{
|
|
463
463
|
name: "Recent",
|
|
464
464
|
icon: "🕘"
|
|
465
|
-
}] : [], ...
|
|
465
|
+
}] : [], ...je], c = r === "Recent" ? t : je.find((e) => e.name === r)?.emojis.split(" ") ?? [];
|
|
466
466
|
return /* @__PURE__ */ H("div", {
|
|
467
467
|
ref: a,
|
|
468
468
|
role: "dialog",
|
|
@@ -498,7 +498,7 @@ function Ie(e) {
|
|
|
498
498
|
}
|
|
499
499
|
//#endregion
|
|
500
500
|
//#region lib/chats/chatform/chat-form.tsx
|
|
501
|
-
function
|
|
501
|
+
function Ie(e) {
|
|
502
502
|
let { sender: t, workspace: n, message: r } = k((e) => e.data), [i, a] = A.useState(!1), o = A.useRef(null), s = A.useCallback(() => a(!1), []), [c, l] = A.useState(""), u = A.useRef(null), d = Number(e.previews?.length) < 1, f = Math.max(0, Number(n?.tier?.max_file_upload ?? 2)), p = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), m = n?.file_uploads_date === p ? Number(n?.file_uploads_used ?? 0) : 0, h = e.showFile && m + e.pendingFileCount < f;
|
|
503
503
|
function g(e) {
|
|
504
504
|
let t = u.current, n = t?.value ?? c, r = t && !(t.selectionStart === 0 && t.selectionEnd === 0 && n.length > 0), i = r ? t.selectionStart : n.length, a = r ? t.selectionEnd : n.length;
|
|
@@ -528,14 +528,14 @@ function Le(e) {
|
|
|
528
528
|
className: "padorix:relative",
|
|
529
529
|
children: [i && /* @__PURE__ */ V("div", {
|
|
530
530
|
className: e.styles.emojiContainer,
|
|
531
|
-
children: /* @__PURE__ */ V(
|
|
531
|
+
children: /* @__PURE__ */ V(Fe, {
|
|
532
532
|
onSelect: g,
|
|
533
533
|
onClose: s,
|
|
534
534
|
toggleRef: o
|
|
535
535
|
})
|
|
536
536
|
}), /* @__PURE__ */ H("div", {
|
|
537
537
|
className: e.styles.formContainer,
|
|
538
|
-
children: [r?.id && /* @__PURE__ */ V(
|
|
538
|
+
children: [r?.id && /* @__PURE__ */ V(Ae, {
|
|
539
539
|
styles: e.styles,
|
|
540
540
|
data: r
|
|
541
541
|
}), /* @__PURE__ */ H("div", {
|
|
@@ -564,13 +564,13 @@ function Le(e) {
|
|
|
564
564
|
className: "padorix:text-[#99a1af] padorix:cursor-pointer padorix:px-1 padorix:transition-all",
|
|
565
565
|
children: [
|
|
566
566
|
" ",
|
|
567
|
-
/* @__PURE__ */ V(
|
|
567
|
+
/* @__PURE__ */ V(ae, {}),
|
|
568
568
|
" "
|
|
569
569
|
]
|
|
570
570
|
}),
|
|
571
571
|
/* @__PURE__ */ V("div", {
|
|
572
572
|
className: "padorix:w-full",
|
|
573
|
-
children: /* @__PURE__ */ V(
|
|
573
|
+
children: /* @__PURE__ */ V(me, {
|
|
574
574
|
ref: u,
|
|
575
575
|
message: c,
|
|
576
576
|
setMessage: l,
|
|
@@ -586,7 +586,7 @@ function Le(e) {
|
|
|
586
586
|
cursor: d && !c || e.isSending ? "not-allowed" : "pointer"
|
|
587
587
|
},
|
|
588
588
|
className: "padorix:-mt-1 padorix:size-10 padorix:text-white padorix:rounded-lg padorix:flex padorix:last:items-center padorix:justify-center",
|
|
589
|
-
children: [" ", /* @__PURE__ */ V(
|
|
589
|
+
children: [" ", /* @__PURE__ */ V(se, { className: "padorix:size-6" })]
|
|
590
590
|
}) })]
|
|
591
591
|
})]
|
|
592
592
|
})]
|
|
@@ -594,19 +594,16 @@ function Le(e) {
|
|
|
594
594
|
}
|
|
595
595
|
//#endregion
|
|
596
596
|
//#region lib/chats/chatform/chat-image-upload.tsx
|
|
597
|
-
function
|
|
598
|
-
let { workspace: t } = k((e) => e.data), n = Math.max(0, Number(t?.tier?.max_file_upload ?? 2)), r = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), i = t?.file_uploads_date === r ? Number(t?.file_uploads_used ?? 0) : 0, [a, o] = A.useState(
|
|
599
|
-
|
|
600
|
-
image: e.previews?.[0]?.img
|
|
601
|
-
});
|
|
602
|
-
function s(t) {
|
|
597
|
+
function Le(e) {
|
|
598
|
+
let { workspace: t } = k((e) => e.data), n = Math.max(0, Number(t?.tier?.max_file_upload ?? 2)), r = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), i = t?.file_uploads_date === r ? Number(t?.file_uploads_used ?? 0) : 0, [a, o] = A.useState(e.previews?.[0]?.id), s = e.previews?.find((e) => e.id === a) ?? e.previews?.[0];
|
|
599
|
+
function c(t) {
|
|
603
600
|
e.sendChat(t);
|
|
604
601
|
}
|
|
605
602
|
if (Number(e.previews?.length || 0) > 0) return /* @__PURE__ */ H("div", {
|
|
606
603
|
className: e.styles.imageUploadContainer,
|
|
607
604
|
children: [
|
|
608
605
|
/* @__PURE__ */ H("div", {
|
|
609
|
-
className:
|
|
606
|
+
className: `padorix:relative padorix:border padorix:border-gray-300 padorix:py-3 padorix:bg-white ${e.styles.imagePreviewBox}`,
|
|
610
607
|
children: [/* @__PURE__ */ V("div", {
|
|
611
608
|
className: "padorix:py-0 padorix:px-2 padorix:pt-1.5 padorix:absolute padorix:top-0 padorix:right-0 padorix:w-full padorix:bg-white",
|
|
612
609
|
children: /* @__PURE__ */ H("div", {
|
|
@@ -619,13 +616,12 @@ function Re(e) {
|
|
|
619
616
|
]
|
|
620
617
|
})
|
|
621
618
|
}), /* @__PURE__ */ V("img", {
|
|
622
|
-
src:
|
|
623
|
-
loading: "lazy",
|
|
619
|
+
src: s?.img,
|
|
624
620
|
className: "padorix:size-full padorix:mx-auto padorix:object-contain"
|
|
625
621
|
})]
|
|
626
622
|
}),
|
|
627
623
|
/* @__PURE__ */ H("div", {
|
|
628
|
-
className: "padorix:flex padorix:items-center padorix:justify-center padorix:gap-1 padorix:max-w-[98%] padorix:mx-auto",
|
|
624
|
+
className: "padorix:shrink-0 padorix:flex padorix:items-center padorix:justify-center padorix:gap-1 padorix:max-w-[98%] padorix:mx-auto",
|
|
629
625
|
children: [/* @__PURE__ */ V("div", {
|
|
630
626
|
className: "padorix:overflow-y-hidden padorix:overflow-x-auto",
|
|
631
627
|
children: /* @__PURE__ */ V("div", {
|
|
@@ -633,29 +629,33 @@ function Re(e) {
|
|
|
633
629
|
children: /* @__PURE__ */ V("div", {
|
|
634
630
|
className: "padorix:flex padorix:items-center padorix:justify-center padorix:gap-1",
|
|
635
631
|
children: e.previews?.map((n, r) => /* @__PURE__ */ H("div", {
|
|
636
|
-
style: { border: `3.5px solid ${
|
|
632
|
+
style: { border: `3.5px solid ${s?.id === n.id ? String(t?.widget?.colorScheme) : "transparent"}` },
|
|
637
633
|
className: "padorix:relative padorix:size-14 padorix:border-2 padorix:rounded-lg",
|
|
638
|
-
children: [
|
|
639
|
-
|
|
640
|
-
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
645
|
-
|
|
646
|
-
|
|
647
|
-
|
|
648
|
-
|
|
649
|
-
|
|
650
|
-
onClick: () => o({
|
|
651
|
-
index: r,
|
|
652
|
-
image: n?.img
|
|
634
|
+
children: [
|
|
635
|
+
/* @__PURE__ */ V("div", {
|
|
636
|
+
onClick: () => e.DiscardSingleImage(r),
|
|
637
|
+
className: "padorix:absolute padorix:top-0 padorix:left-0 padorix:w-full padorix:bg-slate-700 padorix:rounded-t-sm",
|
|
638
|
+
children: /* @__PURE__ */ H("div", {
|
|
639
|
+
className: "padorix:size-fit padorix:ml-auto padorix:cursor-pointer padorix:text-[#ef4444] padorix:text-sm",
|
|
640
|
+
children: [
|
|
641
|
+
" ",
|
|
642
|
+
/* @__PURE__ */ V(Q, {}),
|
|
643
|
+
" "
|
|
644
|
+
]
|
|
645
|
+
})
|
|
653
646
|
}),
|
|
654
|
-
|
|
655
|
-
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
647
|
+
/* @__PURE__ */ V("img", {
|
|
648
|
+
onClick: () => o(n.id),
|
|
649
|
+
src: n?.img,
|
|
650
|
+
className: "padorix:size-full padorix:cursor-pointer padorix:rounded-md padorix:object-cover"
|
|
651
|
+
}),
|
|
652
|
+
n.status === "uploading" && /* @__PURE__ */ V("div", {
|
|
653
|
+
title: "Uploading…",
|
|
654
|
+
className: "padorix:absolute padorix:inset-0 padorix:flex padorix:items-center padorix:justify-center padorix:bg-white/50 padorix:rounded-md padorix:pointer-events-none",
|
|
655
|
+
children: /* @__PURE__ */ V("div", { className: "padorix:size-5 padorix:rounded-full padorix:border-2 padorix:border-gray-300 padorix:border-t-gray-600 padorix:animate-spin" })
|
|
656
|
+
})
|
|
657
|
+
]
|
|
658
|
+
}, n.id))
|
|
659
659
|
})
|
|
660
660
|
})
|
|
661
661
|
}), i + e.pendingFileCount < n && /* @__PURE__ */ V("div", {
|
|
@@ -679,21 +679,25 @@ function Re(e) {
|
|
|
679
679
|
})
|
|
680
680
|
})]
|
|
681
681
|
}),
|
|
682
|
-
/* @__PURE__ */ V(
|
|
683
|
-
|
|
684
|
-
|
|
685
|
-
|
|
686
|
-
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
682
|
+
/* @__PURE__ */ V("div", {
|
|
683
|
+
className: "padorix:shrink-0",
|
|
684
|
+
children: /* @__PURE__ */ V(Ie, {
|
|
685
|
+
showFile: !1,
|
|
686
|
+
pendingFileCount: e.pendingFileCount,
|
|
687
|
+
sendChat: c,
|
|
688
|
+
styles: e.styles,
|
|
689
|
+
userType: e.userType,
|
|
690
|
+
handleFile: e.handleFile,
|
|
691
|
+
isSending: e.isSending,
|
|
692
|
+
previews: e.previews
|
|
693
|
+
})
|
|
690
694
|
})
|
|
691
695
|
]
|
|
692
696
|
});
|
|
693
697
|
}
|
|
694
698
|
//#endregion
|
|
695
699
|
//#region lib/utils/use-chat-identity.ts
|
|
696
|
-
function
|
|
700
|
+
function Re(e) {
|
|
697
701
|
let { sender: t, workspace: n, conversation: r } = k((e) => e.data), i = t?.workspaceId || n?.id || r?.workspaceId, a = t?.conversationId, o = t?.senderId, s = t?.userType || e, c = t?.fullName;
|
|
698
702
|
return A.useMemo(() => !i || !a || !o ? null : {
|
|
699
703
|
workspaceId: String(i),
|
|
@@ -711,80 +715,101 @@ function ze(e) {
|
|
|
711
715
|
}
|
|
712
716
|
//#endregion
|
|
713
717
|
//#region lib/chats/chatform/chat-form-component.tsx
|
|
714
|
-
function
|
|
715
|
-
let [
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
718
|
+
function ze(e) {
|
|
719
|
+
let [t, n] = A.useState([]), r = A.useRef([]), a = A.useRef(/* @__PURE__ */ new Map()), [s, c] = A.useState(!1), { sender: l, workspace: f } = k((e) => e.data), p = A.useRef(f);
|
|
720
|
+
p.current = f;
|
|
721
|
+
let m = O(), h = Re(e.userType), g = Math.max(0, Number(f?.tier?.max_file_upload ?? 2)), _ = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), v = f?.file_uploads_date === _ ? Number(f?.file_uploads_used ?? 0) : 0, y = t.filter((e) => e.status === "uploading").length, b = A.useCallback((e) => {
|
|
722
|
+
r.current = e(r.current), n(r.current);
|
|
723
|
+
}, []);
|
|
724
|
+
A.useEffect(() => () => r.current.forEach((e) => URL.revokeObjectURL(e.img)), []);
|
|
725
|
+
function x(e) {
|
|
726
|
+
!h || e.length === 0 || d.removeImages(h, e).catch((e) => console.log(e.message));
|
|
722
727
|
}
|
|
723
|
-
|
|
724
|
-
let
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
728
|
+
function S(e) {
|
|
729
|
+
let t = (async () => {
|
|
730
|
+
try {
|
|
731
|
+
let t = await o([e], String(p.current?.id ?? "")), n = (Array.isArray(t) ? t : t?.images)?.[0];
|
|
732
|
+
if (!n) throw Error("Upload returned no image URL");
|
|
733
|
+
let a = Array.isArray(t) ? null : t, s = p.current;
|
|
734
|
+
if (a?.file_uploads_used !== void 0 && s && m(i({
|
|
735
|
+
...s,
|
|
736
|
+
file_uploads_used: a.file_uploads_used,
|
|
737
|
+
file_uploads_date: a.file_uploads_date
|
|
738
|
+
})), !r.current.some((t) => t.id === e.id)) return x([n]);
|
|
739
|
+
b((t) => t.map((t) => t.id === e.id ? {
|
|
740
|
+
...t,
|
|
741
|
+
status: "uploaded",
|
|
742
|
+
url: n
|
|
743
|
+
} : t));
|
|
744
|
+
} catch (t) {
|
|
745
|
+
console.log(`Image upload failed: ${t.message}`), URL.revokeObjectURL(e.img), b((t) => t.filter((t) => t.id !== e.id));
|
|
746
|
+
} finally {
|
|
747
|
+
a.current.delete(e.id);
|
|
748
|
+
}
|
|
749
|
+
})();
|
|
750
|
+
a.current.set(e.id, t);
|
|
751
|
+
}
|
|
752
|
+
let C = (e) => {
|
|
753
|
+
let t = e.target, n = Array.from(t.files ?? []).filter((e) => e.type.startsWith("image/"));
|
|
754
|
+
t.value = "";
|
|
755
|
+
let i = r.current.filter((e) => e.status === "uploading").length, a = Math.max(0, g - v - i), o = n.slice(0, a);
|
|
756
|
+
if (n.length > o.length && u(`You can attach up to ${g} images.`, "info"), o.length === 0) return;
|
|
757
|
+
let s = o.map((e) => ({
|
|
758
|
+
id: crypto.randomUUID(),
|
|
759
|
+
file: e,
|
|
760
|
+
img: URL.createObjectURL(e),
|
|
761
|
+
status: "uploading"
|
|
762
|
+
}));
|
|
763
|
+
b((e) => [...e, ...s]), s.forEach(S);
|
|
746
764
|
};
|
|
747
|
-
function
|
|
748
|
-
|
|
765
|
+
async function w(t) {
|
|
766
|
+
a.current.size > 0 && (c(!0), await Promise.allSettled([...a.current.values()]), c(!1));
|
|
767
|
+
let n = r.current, i = n.map((e) => e.url).filter(Boolean);
|
|
768
|
+
i.length === 0 && !t.message || (e.sendChat({
|
|
769
|
+
...t,
|
|
770
|
+
images: i
|
|
771
|
+
}), n.forEach((e) => URL.revokeObjectURL(e.img)), b(() => []));
|
|
749
772
|
}
|
|
750
|
-
function
|
|
751
|
-
let t =
|
|
752
|
-
|
|
773
|
+
function T(e) {
|
|
774
|
+
let t = r.current[e];
|
|
775
|
+
t && (URL.revokeObjectURL(t.img), b((e) => e.filter((e) => e.id !== t.id)), t.url && x([t.url]));
|
|
753
776
|
}
|
|
754
|
-
function
|
|
755
|
-
|
|
777
|
+
function E() {
|
|
778
|
+
let e = r.current.map((e) => e.url).filter(Boolean);
|
|
779
|
+
r.current.forEach((e) => URL.revokeObjectURL(e.img)), b(() => []), x(e);
|
|
756
780
|
}
|
|
781
|
+
let ee = e.isSending || s;
|
|
757
782
|
return /* @__PURE__ */ H("div", {
|
|
758
783
|
className: e.styles.formRoot,
|
|
759
|
-
children: [
|
|
760
|
-
previews:
|
|
761
|
-
DiscardSingleImage:
|
|
762
|
-
DiscardAllImages:
|
|
784
|
+
children: [t.length > 0 && /* @__PURE__ */ V(Le, {
|
|
785
|
+
previews: t,
|
|
786
|
+
DiscardSingleImage: T,
|
|
787
|
+
DiscardAllImages: E,
|
|
763
788
|
styles: e.styles,
|
|
764
|
-
sendChat:
|
|
789
|
+
sendChat: w,
|
|
765
790
|
userType: e.userType,
|
|
766
|
-
senderId: String(
|
|
767
|
-
handleFile:
|
|
768
|
-
isSending:
|
|
769
|
-
pendingFileCount:
|
|
770
|
-
}), /* @__PURE__ */ V(
|
|
771
|
-
sendChat:
|
|
772
|
-
previews:
|
|
791
|
+
senderId: String(l?.senderId),
|
|
792
|
+
handleFile: C,
|
|
793
|
+
isSending: ee,
|
|
794
|
+
pendingFileCount: y
|
|
795
|
+
}), /* @__PURE__ */ V(Ie, {
|
|
796
|
+
sendChat: w,
|
|
797
|
+
previews: t,
|
|
773
798
|
showFile: !0,
|
|
774
|
-
pendingFileCount:
|
|
799
|
+
pendingFileCount: y,
|
|
775
800
|
styles: e.styles,
|
|
776
801
|
userType: e.userType,
|
|
777
|
-
handleFile:
|
|
778
|
-
isSending:
|
|
802
|
+
handleFile: C,
|
|
803
|
+
isSending: ee
|
|
779
804
|
})]
|
|
780
805
|
});
|
|
781
806
|
}
|
|
782
807
|
//#endregion
|
|
783
808
|
//#region lib/assets/images/wd__user.png
|
|
784
|
-
var
|
|
809
|
+
var Be = "data:image/png;base64,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";
|
|
785
810
|
//#endregion
|
|
786
811
|
//#region node_modules/react-icons/io5/index.mjs
|
|
787
|
-
function
|
|
812
|
+
function Ve(e) {
|
|
788
813
|
return Z({
|
|
789
814
|
tag: "svg",
|
|
790
815
|
attr: { viewBox: "0 0 512 512" },
|
|
@@ -821,7 +846,7 @@ function He(e) {
|
|
|
821
846
|
}
|
|
822
847
|
//#endregion
|
|
823
848
|
//#region node_modules/react-icons/vsc/index.mjs
|
|
824
|
-
function
|
|
849
|
+
function He(e) {
|
|
825
850
|
return Z({
|
|
826
851
|
tag: "svg",
|
|
827
852
|
attr: {
|
|
@@ -845,22 +870,22 @@ function Ue(e) {
|
|
|
845
870
|
}
|
|
846
871
|
//#endregion
|
|
847
872
|
//#region lib/chats/chatheader/chat-header.tsx
|
|
848
|
-
function
|
|
849
|
-
let [t, { open:
|
|
850
|
-
|
|
851
|
-
|
|
873
|
+
function Ue(e) {
|
|
874
|
+
let [t, { open: i, close: a }] = de(!1), { workspace: o, conversation: s, sender: l } = k((e) => e.data), f = _(o?.widget?.darkMode, !1), [p, m] = A.useState(!1), h = O(), g = Re(e.userType), v = e.userType === w.VISITOR, b = o?.widget?.notifications?.customerEndsConversation === c.true, x = A.useMemo(() => v ? o?.widget?.department : s?.fullName, [o, s]), S = A.useMemo(() => v ? o?.logo : Be, [o]), C = A.useMemo(() => v ? o?.name : K(s?.createdAt).format("DD dddd MMMM YYYY"), [
|
|
875
|
+
v,
|
|
876
|
+
o?.name,
|
|
852
877
|
s?.createdAt
|
|
853
878
|
]);
|
|
854
|
-
function
|
|
879
|
+
function T() {
|
|
855
880
|
m(!1);
|
|
856
881
|
}
|
|
857
|
-
function
|
|
882
|
+
function E() {
|
|
858
883
|
let t = K(), n = [
|
|
859
884
|
x || "Chat transcript",
|
|
860
885
|
`Exported: ${t.format("YYYY-MM-DD HH:mm")}`,
|
|
861
886
|
"",
|
|
862
887
|
...e.messages.length > 0 ? e.messages.map((e) => {
|
|
863
|
-
let t = K(e.createdAt), n = e.senderName || e.senderType || "Unknown", r = e.deleted ===
|
|
888
|
+
let t = K(e.createdAt), n = e.senderName || e.senderType || "Unknown", r = e.deleted === c.true ? "[This message was deleted]" : Array.isArray(e.message) ? e.message.join("\n") : "", i = e.deleted === c.true ? [] : Array.isArray(e.images) ? e.images : [];
|
|
864
889
|
return [
|
|
865
890
|
`[${t.isValid() ? t.format("YYYY-MM-DD HH:mm") : e.createdAt}] ${n} (${e.senderType})`,
|
|
866
891
|
r,
|
|
@@ -868,23 +893,23 @@ function We(e) {
|
|
|
868
893
|
].filter(Boolean).join("\n");
|
|
869
894
|
}) : ["No messages in this chat."]
|
|
870
895
|
].join("\n\n"), r = URL.createObjectURL(new Blob([n], { type: "text/plain;charset=utf-8" })), i = document.createElement("a");
|
|
871
|
-
i.href = r, i.download = `padorix-chat-${t.format("YYYY-MM-DD-HHmmss")}.txt`, document.body.appendChild(i), i.click(), i.remove(), window.setTimeout(() => URL.revokeObjectURL(r), 1e3),
|
|
896
|
+
i.href = r, i.download = `padorix-chat-${t.format("YYYY-MM-DD-HHmmss")}.txt`, document.body.appendChild(i), i.click(), i.remove(), window.setTimeout(() => URL.revokeObjectURL(r), 1e3), T();
|
|
872
897
|
}
|
|
873
|
-
function
|
|
874
|
-
h(
|
|
898
|
+
function ee() {
|
|
899
|
+
h(r({
|
|
875
900
|
userType: String(e?.userType),
|
|
876
|
-
senderId: String(
|
|
901
|
+
senderId: String(l?.senderId),
|
|
877
902
|
workspaceId: String(s?.workspaceId),
|
|
878
|
-
conversationId: String(
|
|
879
|
-
senderName: String(
|
|
880
|
-
isEndChat:
|
|
903
|
+
conversationId: String(l?.conversationId),
|
|
904
|
+
senderName: String(l?.fullName),
|
|
905
|
+
isEndChat: c.true
|
|
881
906
|
})), m(!1), e.toBottom();
|
|
882
907
|
}
|
|
883
|
-
function te() {
|
|
884
|
-
m(!1), r();
|
|
885
|
-
}
|
|
886
908
|
function D() {
|
|
887
|
-
|
|
909
|
+
m(!1), i();
|
|
910
|
+
}
|
|
911
|
+
function te() {
|
|
912
|
+
a(), g && d.requestFeedback(g).then((e) => h(n(e))).catch((e) => u(e.message, "error")), e.toBottom();
|
|
888
913
|
}
|
|
889
914
|
return /* @__PURE__ */ V("div", {
|
|
890
915
|
className: e.styles.header,
|
|
@@ -893,11 +918,11 @@ function We(e) {
|
|
|
893
918
|
children: [/* @__PURE__ */ V(W, {
|
|
894
919
|
withCloseButton: !1,
|
|
895
920
|
opened: t,
|
|
896
|
-
onClose:
|
|
921
|
+
onClose: a,
|
|
897
922
|
centered: !0,
|
|
898
923
|
styles: { body: { padding: 0 } },
|
|
899
924
|
children: /* @__PURE__ */ V("div", {
|
|
900
|
-
className:
|
|
925
|
+
className: f ? "padorix-dark" : void 0,
|
|
901
926
|
children: /* @__PURE__ */ H("div", {
|
|
902
927
|
className: "padorix:dark:bg-[#2a3549] padorix:p-4 padorix:dark:text-white",
|
|
903
928
|
children: [/* @__PURE__ */ V("div", {
|
|
@@ -906,31 +931,31 @@ function We(e) {
|
|
|
906
931
|
}), /* @__PURE__ */ H("div", {
|
|
907
932
|
className: "padorix:border-t padorix:border-gray-200 padorix:dark:border-gray-600 padorix:pt-3 padorix:mt-3 padorix:flex padorix:items-center padorix:justify-end padorix:gap-3",
|
|
908
933
|
children: [/* @__PURE__ */ V("button", {
|
|
909
|
-
onClick:
|
|
934
|
+
onClick: a,
|
|
910
935
|
className: "padorix:py-1 padorix:cursor-pointer padorix:px-3 padorix:border padorix:border-slate-300 padorix:bg-slate-200/70 padorix:rounded-md",
|
|
911
936
|
children: "Cancel"
|
|
912
937
|
}), /* @__PURE__ */ V("button", {
|
|
913
|
-
onClick:
|
|
938
|
+
onClick: te,
|
|
914
939
|
className: "padorix:px-3 padorix:cursor-pointer padorix:py-1 padorix:rounded-md padorix:text-white",
|
|
915
|
-
style: { background: String(
|
|
940
|
+
style: { background: String(o?.widget?.colorScheme) },
|
|
916
941
|
children: "Proceed"
|
|
917
942
|
})]
|
|
918
943
|
})]
|
|
919
944
|
})
|
|
920
945
|
})
|
|
921
946
|
}), /* @__PURE__ */ H("div", {
|
|
922
|
-
style: { color:
|
|
947
|
+
style: { color: o?.widget?.textColor || void 0 },
|
|
923
948
|
className: "padorix:px-2 padorix:py-2.5 padorix:transition-all.5 padorix:text-xs padorix:border-b padorix:border-[#d1d5dc] padorix:dark:border-gray-600 padorix:flex padorix:items-center padorix:justify-between",
|
|
924
949
|
children: [/* @__PURE__ */ H("div", {
|
|
925
950
|
className: "padorix:flex padorix:items-center padorix:gap-1",
|
|
926
951
|
children: [
|
|
927
|
-
|
|
952
|
+
v ? null : /* @__PURE__ */ V("div", {
|
|
928
953
|
onClick: e.goBack,
|
|
929
954
|
className: "padorix:cursor-pointer padorix:size-7 padorix:flex padorix:items-center padorix:justify-center padorix:rounded-full padorix:hover:bg-slate-100 padorix:hover:dark:bg-slate-600 padorix:transition-all padorix:active:scale-95 padorix:md:hidden",
|
|
930
|
-
children: /* @__PURE__ */ V(
|
|
955
|
+
children: /* @__PURE__ */ V(ne, { className: "padorix:size-5" })
|
|
931
956
|
}),
|
|
932
957
|
/* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("img", {
|
|
933
|
-
src:
|
|
958
|
+
src: S,
|
|
934
959
|
loading: "lazy",
|
|
935
960
|
className: "padorix:size-8 padorix:rounded-full"
|
|
936
961
|
}) }),
|
|
@@ -941,7 +966,7 @@ function We(e) {
|
|
|
941
966
|
children: x
|
|
942
967
|
}) }), /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("div", {
|
|
943
968
|
className: "",
|
|
944
|
-
children:
|
|
969
|
+
children: C
|
|
945
970
|
}) })]
|
|
946
971
|
})
|
|
947
972
|
]
|
|
@@ -950,48 +975,48 @@ function We(e) {
|
|
|
950
975
|
children: [/* @__PURE__ */ V("div", {
|
|
951
976
|
className: "padorix:flex padorix:items-center padorix:gap-1",
|
|
952
977
|
children: /* @__PURE__ */ H(G, {
|
|
953
|
-
position:
|
|
978
|
+
position: v ? "bottom-end" : "bottom",
|
|
954
979
|
opened: p,
|
|
955
980
|
onChange: m,
|
|
956
981
|
withinPortal: !0,
|
|
957
|
-
portalProps: { target:
|
|
982
|
+
portalProps: { target: y() },
|
|
958
983
|
zIndex: 2147483647,
|
|
959
984
|
children: [/* @__PURE__ */ V(G.Target, { children: /* @__PURE__ */ V("div", {
|
|
960
985
|
onClick: () => m((e) => !e),
|
|
961
986
|
className: "padorix:cursor-pointer padorix:transition-all padorix:size-fit padorix:text-xl",
|
|
962
|
-
children: /* @__PURE__ */ V(
|
|
987
|
+
children: /* @__PURE__ */ V(Ve, {})
|
|
963
988
|
}) }), /* @__PURE__ */ V(G.Dropdown, {
|
|
964
|
-
className:
|
|
989
|
+
className: f ? "padorix-dark" : void 0,
|
|
965
990
|
styles: { dropdown: {
|
|
966
991
|
padding: 0,
|
|
967
992
|
minWidth: "12rem",
|
|
968
993
|
zIndex: 2147483647,
|
|
969
994
|
border: 0,
|
|
970
|
-
backgroundColor:
|
|
995
|
+
backgroundColor: f ? "#2a3549" : "#fff"
|
|
971
996
|
} },
|
|
972
997
|
children: /* @__PURE__ */ H("div", {
|
|
973
998
|
className: "padorix:text-xs padori:flex padorix:flex-col padorix:dark:bg-[#2a3549] padorix:dark:text-white",
|
|
974
999
|
children: [
|
|
975
|
-
!
|
|
976
|
-
onClick:
|
|
1000
|
+
!v && /* @__PURE__ */ H("div", {
|
|
1001
|
+
onClick: E,
|
|
977
1002
|
className: "padorix:px-2 padorix:py-2.5 padorix:hover:bg-slate-100 padorix:hover:dark:bg-slate-600 padorix:transition-all padorix:cursor-pointer padorix:rounded-1 padorix:flex padorix:items-center",
|
|
978
|
-
children: [/* @__PURE__ */ V(
|
|
1003
|
+
children: [/* @__PURE__ */ V(ie, { className: "padorix:inline padorix:size-5 padorix:text-gray-700 padorix:mr-1" }), "Download Chat transcript"]
|
|
979
1004
|
}),
|
|
980
1005
|
/* @__PURE__ */ H("a", {
|
|
981
1006
|
target: "_blank",
|
|
982
1007
|
href: "https://app.farmsac.com/signup",
|
|
983
1008
|
className: "padorix:px-2 padorix:py-2.5 padorix:hover:bg-slate-100 padorix:hover:dark:bg-slate-600 padorix:transition-all padorix:cursor-pointer padorix:rounded-1 padorix:hidden padorix:items-center",
|
|
984
|
-
children: [/* @__PURE__ */ V(
|
|
1009
|
+
children: [/* @__PURE__ */ V(oe, { className: "padorix:inline padorix:size-5 padorix:text-gray-700 padorix:dark:text-white padorix:mr-1" }), "Add to your website"]
|
|
985
1010
|
}),
|
|
986
|
-
!
|
|
987
|
-
onClick:
|
|
1011
|
+
!v && s?.status === c.true && /* @__PURE__ */ H("div", {
|
|
1012
|
+
onClick: D,
|
|
988
1013
|
className: "padorix:px-2 padorix:py-2.5 padorix:hover:bg-slate-100 padorix:hover:dark:bg-slate-600 padorix:transition-all padorix:cursor-pointer padorix:rounded-1 padorix:flex padorix:items-center",
|
|
989
|
-
children: [/* @__PURE__ */ V(
|
|
1014
|
+
children: [/* @__PURE__ */ V(He, { className: "padorix:inline padorix:size-5 padorix:text-gray-700 padorix:dark:text-white padorix:mr-1" }), "Request for Feedback"]
|
|
990
1015
|
}),
|
|
991
|
-
s?.closed_at === null && (!
|
|
1016
|
+
s?.closed_at === null && (!v || b) && /* @__PURE__ */ V("div", {
|
|
992
1017
|
className: "padorix:border-t padorix:border-[#d1d5dc] padorix:dark:border-gray-600 padorix:mt-1",
|
|
993
1018
|
children: /* @__PURE__ */ H("div", {
|
|
994
|
-
onClick:
|
|
1019
|
+
onClick: ee,
|
|
995
1020
|
className: "padorix:px-2 padorix:py-2.5 padorix:hover:bg-slate-100 padorix:hover:dark:bg-slate-600 padorix:transition-all padorix:cursor-pointer padorix:rounded-1 padorix:flex padorix:items-center",
|
|
996
1021
|
children: [/* @__PURE__ */ V(Q, { className: "padorix:inline padorix:size-5 padorix:text-gray-700 padorix:dark:text-white padorix:mr-1" }), "End Chat Session"]
|
|
997
1022
|
})
|
|
@@ -1000,7 +1025,7 @@ function We(e) {
|
|
|
1000
1025
|
})
|
|
1001
1026
|
})]
|
|
1002
1027
|
})
|
|
1003
|
-
}),
|
|
1028
|
+
}), v && /* @__PURE__ */ V("div", {
|
|
1004
1029
|
className: "padorix:size-8 padorix:ml-auto",
|
|
1005
1030
|
children: /* @__PURE__ */ V("div", {
|
|
1006
1031
|
className: "padorix:bg-slate-100 padorix:size-8 padorix:self-center padorix:flex padorix:items-center padorix:justify-center padorix:rounded-md padorix:cursor-pointer padorix:active:scale-95 padorix:transition-all",
|
|
@@ -1015,7 +1040,7 @@ function We(e) {
|
|
|
1015
1040
|
}
|
|
1016
1041
|
//#endregion
|
|
1017
1042
|
//#region node_modules/react-icons/bs/index.mjs
|
|
1018
|
-
function
|
|
1043
|
+
function We(e) {
|
|
1019
1044
|
return Z({
|
|
1020
1045
|
tag: "svg",
|
|
1021
1046
|
attr: {
|
|
@@ -1029,7 +1054,7 @@ function Ge(e) {
|
|
|
1029
1054
|
}]
|
|
1030
1055
|
})(e);
|
|
1031
1056
|
}
|
|
1032
|
-
function
|
|
1057
|
+
function Ge(e) {
|
|
1033
1058
|
return Z({
|
|
1034
1059
|
tag: "svg",
|
|
1035
1060
|
attr: {
|
|
@@ -1043,7 +1068,7 @@ function Ke(e) {
|
|
|
1043
1068
|
}]
|
|
1044
1069
|
})(e);
|
|
1045
1070
|
}
|
|
1046
|
-
function
|
|
1071
|
+
function Ke(e) {
|
|
1047
1072
|
return Z({
|
|
1048
1073
|
tag: "svg",
|
|
1049
1074
|
attr: {
|
|
@@ -1057,7 +1082,7 @@ function qe(e) {
|
|
|
1057
1082
|
}]
|
|
1058
1083
|
})(e);
|
|
1059
1084
|
}
|
|
1060
|
-
function
|
|
1085
|
+
function qe(e) {
|
|
1061
1086
|
return Z({
|
|
1062
1087
|
tag: "svg",
|
|
1063
1088
|
attr: {
|
|
@@ -1075,7 +1100,7 @@ function Je(e) {
|
|
|
1075
1100
|
}]
|
|
1076
1101
|
})(e);
|
|
1077
1102
|
}
|
|
1078
|
-
function
|
|
1103
|
+
function Je(e) {
|
|
1079
1104
|
return Z({
|
|
1080
1105
|
tag: "svg",
|
|
1081
1106
|
attr: {
|
|
@@ -1091,7 +1116,7 @@ function Ye(e) {
|
|
|
1091
1116
|
}
|
|
1092
1117
|
//#endregion
|
|
1093
1118
|
//#region lib/chats/chatform/render-text.tsx
|
|
1094
|
-
function
|
|
1119
|
+
function Ye(e) {
|
|
1095
1120
|
if (!e) return "";
|
|
1096
1121
|
let t = /(https?:\/\/[^\s]+)/g, n = /\*(.*?)\*/g;
|
|
1097
1122
|
return e.split(t).map((e, r) => {
|
|
@@ -1111,27 +1136,27 @@ function Xe(e) {
|
|
|
1111
1136
|
}
|
|
1112
1137
|
//#endregion
|
|
1113
1138
|
//#region lib/chats/chatmessages/chat-message-cover.tsx
|
|
1114
|
-
function
|
|
1139
|
+
function Xe(e) {
|
|
1115
1140
|
let { workspace: t } = k((e) => e.data), n = "padorix:w-fit padorix:h-fit padorix:max-w-[91%] padorix:relative padorix:bottom-3 padorix:md:max-w-[80%]";
|
|
1116
1141
|
if (e.isSender) return /* @__PURE__ */ V(z, {
|
|
1117
|
-
style: { background: e.data?.deleted ===
|
|
1142
|
+
style: { background: e.data?.deleted === c.true ? "" : e.data?.message ? String(t?.widget?.colorScheme) : "" },
|
|
1118
1143
|
className: `
|
|
1119
1144
|
${n} padorix:ml-auto
|
|
1120
1145
|
${e.isLastInGroup ? "padorix:rounded-t-xl padorix:rounded-bl-xl" : "padorix:rounded-xl"}
|
|
1121
|
-
${e.data?.deleted ===
|
|
1146
|
+
${e.data?.deleted === c.true ? "" : e.data?.message ? "padorix:text-white" : "padorix:text-black!"}`,
|
|
1122
1147
|
children: e.children
|
|
1123
1148
|
});
|
|
1124
1149
|
if (!e.isSender) return /* @__PURE__ */ V(z, {
|
|
1125
1150
|
className: `${n} padorix:mr-auto
|
|
1126
1151
|
${e.isLastInGroup ? "padorix:rounded-t-xl padorix:rounded-br-xl" : "padorix:rounded-xl"}
|
|
1127
|
-
${e.data?.deleted ===
|
|
1152
|
+
${e.data?.deleted === c.true ? "" : e.data?.message ? "padorix:bg-[#f6f6f6] padorix:text-black" : "padorix:text-black!"}`,
|
|
1128
1153
|
children: e.children
|
|
1129
1154
|
});
|
|
1130
1155
|
}
|
|
1131
1156
|
//#endregion
|
|
1132
1157
|
//#region lib/chats/chatmessages/chat-avatar.tsx
|
|
1133
|
-
function
|
|
1134
|
-
return /* @__PURE__ */ V(
|
|
1158
|
+
function Ze(e) {
|
|
1159
|
+
return /* @__PURE__ */ V(ue, {
|
|
1135
1160
|
direction: "up",
|
|
1136
1161
|
children: /* @__PURE__ */ V("div", {
|
|
1137
1162
|
className: "padorix:self-end padorix:mb-3 padorix:w-10",
|
|
@@ -1148,7 +1173,7 @@ function Qe(e) {
|
|
|
1148
1173
|
}
|
|
1149
1174
|
//#endregion
|
|
1150
1175
|
//#region lib/chats/chatmessages/chat-delete-selector.tsx
|
|
1151
|
-
function
|
|
1176
|
+
function Qe(e) {
|
|
1152
1177
|
let { workspace: t } = k((e) => e.data), n = e.messagesToDelete?.find((t) => t === e.data?.id);
|
|
1153
1178
|
return /* @__PURE__ */ V("div", {
|
|
1154
1179
|
style: { background: n ? String(t?.widget?.colorScheme) : "#e4e4e7" },
|
|
@@ -1156,13 +1181,13 @@ function $e(e) {
|
|
|
1156
1181
|
className: "padorix:size-6 padorix:rounded-md padorix:border padorix:border-gray-300 padorix:text-base padorix:cursor-pointer padorix:transition-all padorix:mb-3 padorix:absolute padorix:top-0 padorix:z-10 padorix:active:scale-150",
|
|
1157
1182
|
children: /* @__PURE__ */ V("div", {
|
|
1158
1183
|
className: "padorix:size-6 padorix:flex padorix:items-center padorix:justify-center",
|
|
1159
|
-
children: V(n ?
|
|
1184
|
+
children: V(n ? ke : Ee, { className: "padorix:text-white" })
|
|
1160
1185
|
})
|
|
1161
1186
|
});
|
|
1162
1187
|
}
|
|
1163
1188
|
//#endregion
|
|
1164
1189
|
//#region lib/chats/chatmessages/chat-image-viewer.tsx
|
|
1165
|
-
function
|
|
1190
|
+
function $e(e) {
|
|
1166
1191
|
let t = e.data?.images, n = [];
|
|
1167
1192
|
if (Array.isArray(t)) n = t.filter((e) => typeof e == "string" && e.length > 0);
|
|
1168
1193
|
else if (typeof t == "string") try {
|
|
@@ -1187,7 +1212,7 @@ function et(e) {
|
|
|
1187
1212
|
}
|
|
1188
1213
|
//#endregion
|
|
1189
1214
|
//#region lib/chats/chatmessages/chat-reply.tsx
|
|
1190
|
-
function
|
|
1215
|
+
function et(e) {
|
|
1191
1216
|
if (Array.isArray(e)) return e.filter((e) => typeof e == "string" && e.length > 0);
|
|
1192
1217
|
if (typeof e == "string" && e.length > 0) try {
|
|
1193
1218
|
let t = JSON.parse(e);
|
|
@@ -1197,8 +1222,8 @@ function tt(e) {
|
|
|
1197
1222
|
}
|
|
1198
1223
|
return [];
|
|
1199
1224
|
}
|
|
1200
|
-
function
|
|
1201
|
-
let t = e.data?.replies?.[0], n = t?.id ?
|
|
1225
|
+
function tt(e) {
|
|
1226
|
+
let t = e.data?.replies?.[0], n = t?.id ? et(t?.repliedTo?.images) : [], r = et(t?.repliedTo?.message).join(" ");
|
|
1202
1227
|
if (t?.id) return /* @__PURE__ */ V("div", {
|
|
1203
1228
|
className: "padorix:px-0.5 padorix:pt-0.5",
|
|
1204
1229
|
children: /* @__PURE__ */ H("div", {
|
|
@@ -1217,107 +1242,107 @@ function nt(e) {
|
|
|
1217
1242
|
}
|
|
1218
1243
|
//#endregion
|
|
1219
1244
|
//#region lib/chats/chatmessages/single-message-pop.tsx
|
|
1220
|
-
function
|
|
1221
|
-
let
|
|
1222
|
-
function
|
|
1223
|
-
|
|
1245
|
+
function nt(e) {
|
|
1246
|
+
let t = O(), { reply: n, conversation: r, workspace: i } = k((e) => e.data), a = _(i?.widget?.darkMode, !1);
|
|
1247
|
+
function o(t) {
|
|
1248
|
+
t.stopPropagation(), e.setOpens((e) => !e);
|
|
1224
1249
|
}
|
|
1225
|
-
function
|
|
1226
|
-
|
|
1227
|
-
...
|
|
1228
|
-
messageId:
|
|
1229
|
-
})),
|
|
1250
|
+
function l() {
|
|
1251
|
+
t(s({
|
|
1252
|
+
...n,
|
|
1253
|
+
messageId: e.data?.id
|
|
1254
|
+
})), t(g(e.data)), e.handleClick();
|
|
1230
1255
|
}
|
|
1231
|
-
function
|
|
1232
|
-
|
|
1256
|
+
function u(t) {
|
|
1257
|
+
e.handleStarMessage(e.data?.id, t), e.handleClick();
|
|
1233
1258
|
}
|
|
1234
|
-
function
|
|
1235
|
-
|
|
1259
|
+
function d() {
|
|
1260
|
+
p(String(e.data?.message)), e.handleClick();
|
|
1236
1261
|
}
|
|
1237
|
-
async function
|
|
1238
|
-
let
|
|
1239
|
-
for (let [
|
|
1240
|
-
let
|
|
1262
|
+
async function f() {
|
|
1263
|
+
let t = Array.isArray(e.data.images) ? e.data.images : [];
|
|
1264
|
+
for (let [e, n] of t.entries()) {
|
|
1265
|
+
let t = (() => {
|
|
1241
1266
|
try {
|
|
1242
|
-
let
|
|
1243
|
-
return /\.[a-z0-9]+$/i.test(r) ? r : `image-${
|
|
1267
|
+
let t = new URL(n, window.location.href).pathname, r = decodeURIComponent(t.split("/").pop() || "");
|
|
1268
|
+
return /\.[a-z0-9]+$/i.test(r) ? r : `image-${e + 1}.jpg`;
|
|
1244
1269
|
} catch {
|
|
1245
|
-
return `image-${
|
|
1270
|
+
return `image-${e + 1}.jpg`;
|
|
1246
1271
|
}
|
|
1247
1272
|
})();
|
|
1248
1273
|
try {
|
|
1249
|
-
let
|
|
1250
|
-
if (!
|
|
1251
|
-
let r = URL.createObjectURL(await
|
|
1252
|
-
i.href = r, i.download =
|
|
1274
|
+
let e = await fetch(n);
|
|
1275
|
+
if (!e.ok) throw Error("Unable to download image");
|
|
1276
|
+
let r = URL.createObjectURL(await e.blob()), i = document.createElement("a");
|
|
1277
|
+
i.href = r, i.download = t, document.body.appendChild(i), i.click(), i.remove(), window.setTimeout(() => URL.revokeObjectURL(r), 1e3);
|
|
1253
1278
|
} catch {
|
|
1254
1279
|
let e = document.createElement("a");
|
|
1255
1280
|
e.href = n, e.target = "_blank", e.rel = "noopener noreferrer", e.click();
|
|
1256
1281
|
}
|
|
1257
1282
|
}
|
|
1258
|
-
|
|
1283
|
+
e.handleClick();
|
|
1259
1284
|
}
|
|
1260
|
-
let
|
|
1285
|
+
let m = Array.isArray(e.data.images) && e.data.images.length > 0;
|
|
1261
1286
|
return /* @__PURE__ */ H(G, {
|
|
1262
|
-
opened:
|
|
1263
|
-
onChange:
|
|
1287
|
+
opened: e.opens,
|
|
1288
|
+
onChange: e.setOpens,
|
|
1264
1289
|
position: "top",
|
|
1265
1290
|
withArrow: !0,
|
|
1266
1291
|
withinPortal: !0,
|
|
1267
|
-
portalProps: { target:
|
|
1292
|
+
portalProps: { target: y() },
|
|
1268
1293
|
zIndex: 2147483647,
|
|
1269
1294
|
children: [/* @__PURE__ */ V(G.Target, { children: /* @__PURE__ */ V("div", {
|
|
1270
|
-
onClick:
|
|
1271
|
-
className: `padorix:absolute padorix:top-0 padorix:cursor-pointer padorix:size-fit padorix:text-lg padorix:transition-all padorix:hover:scale-110 ${
|
|
1272
|
-
children: /* @__PURE__ */ V(
|
|
1295
|
+
onClick: o,
|
|
1296
|
+
className: `padorix:absolute padorix:top-0 padorix:cursor-pointer padorix:size-fit padorix:text-lg padorix:transition-all padorix:hover:scale-110 ${e.isSender, "padorix:-right-5"}`,
|
|
1297
|
+
children: /* @__PURE__ */ V(Ve, { style: { color: String(i?.widget?.colorScheme) } })
|
|
1273
1298
|
}) }), /* @__PURE__ */ V(G.Dropdown, {
|
|
1274
|
-
className:
|
|
1299
|
+
className: a ? "padorix-dark" : void 0,
|
|
1275
1300
|
styles: { dropdown: {
|
|
1276
1301
|
padding: 0,
|
|
1277
1302
|
minWidth: "10rem",
|
|
1278
1303
|
zIndex: 2147483647,
|
|
1279
1304
|
border: 0,
|
|
1280
|
-
backgroundColor:
|
|
1305
|
+
backgroundColor: a ? "#2a3549" : "#fff"
|
|
1281
1306
|
} },
|
|
1282
1307
|
children: /* @__PURE__ */ H("div", {
|
|
1283
1308
|
className: "padorix:text-xs padorix:text-gray-800 padorix:dark:bg-[#2a3549] padorix:dark:text-white padorix:rounded-lg",
|
|
1284
1309
|
children: [
|
|
1285
|
-
|
|
1286
|
-
onClick:
|
|
1310
|
+
r?.status === c.true && /* @__PURE__ */ H("div", {
|
|
1311
|
+
onClick: l,
|
|
1287
1312
|
className: "padorix:p-2 padorix:cursor-pointer padorix:flex padorix:items-center padorix:rounded-tr-lg padorix:rounded-tl-lg padorix:hover:bg-gray-100 padorix:hover:dark:bg-gray-600 padorix:transition-all",
|
|
1288
1313
|
children: [/* @__PURE__ */ V(I, { className: "padorix:inline padorix:size-4 padorix:mr-3" }), " Reply"]
|
|
1289
1314
|
}),
|
|
1290
|
-
|
|
1291
|
-
onClick:
|
|
1315
|
+
e.isMessage && /* @__PURE__ */ H("div", {
|
|
1316
|
+
onClick: d,
|
|
1292
1317
|
className: "padorix:p-2 padorix:cursor-pointer padorix:flex padorix:items-center padorix:hover:bg-gray-100 padorix:hover:dark:bg-gray-600 padorix:transition-all",
|
|
1293
|
-
children: [/* @__PURE__ */ V(
|
|
1318
|
+
children: [/* @__PURE__ */ V(re, { className: "padorix:inline padorix:size-4 padorix:mr-3" }), " Copy"]
|
|
1294
1319
|
}),
|
|
1295
|
-
|
|
1296
|
-
onClick:
|
|
1320
|
+
m && /* @__PURE__ */ H("div", {
|
|
1321
|
+
onClick: f,
|
|
1297
1322
|
className: "padorix:p-2 padorix:cursor-pointer padorix:flex padorix:items-center padorix:hover:bg-gray-100 padorix:hover:dark:bg-gray-600 padorix:transition-all",
|
|
1298
1323
|
children: [
|
|
1299
|
-
/* @__PURE__ */ V(
|
|
1324
|
+
/* @__PURE__ */ V(De, { className: "padorix:inline padorix:size-4 padorix:mr-3" }),
|
|
1300
1325
|
" Download image",
|
|
1301
|
-
|
|
1326
|
+
e.data.images.length > 1 ? "s" : ""
|
|
1302
1327
|
]
|
|
1303
1328
|
}),
|
|
1304
|
-
|
|
1305
|
-
onClick: () =>
|
|
1329
|
+
r?.status === c.true && /* @__PURE__ */ H("div", {
|
|
1330
|
+
onClick: () => u(e.data?.starred === c.true ? c.false : c.true),
|
|
1306
1331
|
className: "padorix:p-2 padorix:cursor-pointer padorix:flex padorix:items-center padorix:hover:bg-gray-100 padorix:hover:dark:bg-gray-600 padorix:transition-all",
|
|
1307
1332
|
children: [
|
|
1308
|
-
/* @__PURE__ */ V(
|
|
1333
|
+
/* @__PURE__ */ V(R, { className: "padorix:inline padorix:size-4 padorix:mr-3" }),
|
|
1309
1334
|
" ",
|
|
1310
|
-
|
|
1311
|
-
|
|
1335
|
+
e.data?.starred === c.true ? "Unstar" : "Star",
|
|
1336
|
+
e.data?.starred === c.true && /* @__PURE__ */ V(We, { className: "padorix:size-2 padorix:inline padorix:text-amber-400 padorix:ml-1" })
|
|
1312
1337
|
]
|
|
1313
1338
|
}),
|
|
1314
|
-
|
|
1315
|
-
|
|
1339
|
+
e.moreActions,
|
|
1340
|
+
r?.status === c.true && e.isSender && e.canDeleteMessage && /* @__PURE__ */ V("div", {
|
|
1316
1341
|
className: "padorix:border-t padorix:border-gray-200 padorix:dark:border-gray-500",
|
|
1317
1342
|
children: /* @__PURE__ */ H("div", {
|
|
1318
|
-
onClick: () =>
|
|
1343
|
+
onClick: () => e.handleDeleteAction(e.data?.id),
|
|
1319
1344
|
className: "padorix:p-2 padorix:cursor-pointer padorix:flex padorix:items-center padorix:rounded-br-lg padorix:rounded-bl-lg padorix:text-red-500 padorix:dark:text-red-400 padorix:hover:bg-red-50 padorix:hover:dark:bg-gray-600 padorix:transition-all",
|
|
1320
|
-
children: [/* @__PURE__ */ V(
|
|
1345
|
+
children: [/* @__PURE__ */ V(ce, { className: "padorix:inline padorix:size-4 padorix:mr-3" }), " Delete"]
|
|
1321
1346
|
})
|
|
1322
1347
|
})
|
|
1323
1348
|
]
|
|
@@ -1327,8 +1352,8 @@ function rt(t) {
|
|
|
1327
1352
|
}
|
|
1328
1353
|
//#endregion
|
|
1329
1354
|
//#region lib/chats/chatmessages/chat-single-message.tsx
|
|
1330
|
-
function
|
|
1331
|
-
let [s,
|
|
1355
|
+
function rt({ data: e, messagesToDelete: t, deleteAction: n, handleStarMessage: r, messages: i, userType: a, moreActions: o }) {
|
|
1356
|
+
let [s, l] = A.useState(!1), [u, d] = A.useState(!1), { workspace: f } = k((e) => e.data), p = String(e?.message ?? "").trim().length > 0, m = a === "VISITOR", h = f?.widget?.notifications?.customerDeletesMessage === c.true, g = !m || h, _ = m ? e?.senderType === "VISITOR" : e?.senderType !== "VISITOR", v = A.useMemo(() => {
|
|
1332
1357
|
if (!i?.length || !e?.id) return !1;
|
|
1333
1358
|
let t = i.findIndex((t) => t.id === e.id);
|
|
1334
1359
|
if (t === -1) return !1;
|
|
@@ -1341,7 +1366,7 @@ function it({ data: e, messagesToDelete: t, deleteAction: n, handleStarMessage:
|
|
|
1341
1366
|
e.id,
|
|
1342
1367
|
e.senderType
|
|
1343
1368
|
]), y = A.useCallback(() => {
|
|
1344
|
-
|
|
1369
|
+
l(!1);
|
|
1345
1370
|
}, []), b = A.useCallback((e) => {
|
|
1346
1371
|
n(e), y();
|
|
1347
1372
|
}, [n, y]), x = A.useCallback((t) => {
|
|
@@ -1388,22 +1413,22 @@ function it({ data: e, messagesToDelete: t, deleteAction: n, handleStarMessage:
|
|
|
1388
1413
|
${u ? "padorix:bg-gray-100/80 padorix:scale-[1.01]" : "padorix:bg-transparent"}
|
|
1389
1414
|
`,
|
|
1390
1415
|
children: [
|
|
1391
|
-
!_ && /* @__PURE__ */ V(
|
|
1416
|
+
!_ && /* @__PURE__ */ V(Ze, {
|
|
1392
1417
|
isLastInGroup: v,
|
|
1393
1418
|
img: String(f?.logo ?? "")
|
|
1394
1419
|
}),
|
|
1395
|
-
g && t?.length > 0 && e?.deleted ===
|
|
1420
|
+
g && t?.length > 0 && e?.deleted === c.false && /* @__PURE__ */ V(Qe, {
|
|
1396
1421
|
data: e,
|
|
1397
1422
|
handleDeleteAction: b,
|
|
1398
1423
|
messagesToDelete: t
|
|
1399
1424
|
}),
|
|
1400
|
-
/* @__PURE__ */ V(
|
|
1425
|
+
/* @__PURE__ */ V(Xe, {
|
|
1401
1426
|
isLastInGroup: v,
|
|
1402
1427
|
isSender: _,
|
|
1403
1428
|
data: e,
|
|
1404
1429
|
children: /* @__PURE__ */ H("div", {
|
|
1405
1430
|
className: "padorix:w-full padorix:px-1",
|
|
1406
|
-
children: [e?.deleted ===
|
|
1431
|
+
children: [e?.deleted === c.false && /* @__PURE__ */ V(nt, {
|
|
1407
1432
|
data: e,
|
|
1408
1433
|
deleteAction: n,
|
|
1409
1434
|
handleStarMessage: r,
|
|
@@ -1411,25 +1436,25 @@ function it({ data: e, messagesToDelete: t, deleteAction: n, handleStarMessage:
|
|
|
1411
1436
|
isMessage: p,
|
|
1412
1437
|
handleClick: y,
|
|
1413
1438
|
handleDeleteAction: b,
|
|
1414
|
-
setOpens:
|
|
1439
|
+
setOpens: l,
|
|
1415
1440
|
opens: s,
|
|
1416
1441
|
moreActions: o,
|
|
1417
1442
|
canDeleteMessage: g
|
|
1418
1443
|
}), /* @__PURE__ */ V("div", {
|
|
1419
1444
|
className: "padorix:p-1 padorix:whitespace-pre-wrap",
|
|
1420
|
-
children: e?.deleted ===
|
|
1445
|
+
children: e?.deleted === c.true ? /* @__PURE__ */ H("div", {
|
|
1421
1446
|
className: "padorix:italic padorix:px-3 padorix:py-2 padorix:rounded-lg padorix:bg-gray-200/60 padorix:text-gray-500 padorix:text-sm padorix:flex padorix:items-center padorix:gap-2",
|
|
1422
|
-
children: [/* @__PURE__ */ V(
|
|
1447
|
+
children: [/* @__PURE__ */ V(Je, {}), /* @__PURE__ */ V("span", { children: "This message was deleted" })]
|
|
1423
1448
|
}) : /* @__PURE__ */ H(B, { children: [
|
|
1424
|
-
/* @__PURE__ */ V(
|
|
1449
|
+
/* @__PURE__ */ V(tt, {
|
|
1425
1450
|
data: e,
|
|
1426
1451
|
isSender: _,
|
|
1427
1452
|
handleScrollToTargetMessage: x
|
|
1428
1453
|
}),
|
|
1429
|
-
/* @__PURE__ */ V(
|
|
1454
|
+
/* @__PURE__ */ V($e, { data: e }),
|
|
1430
1455
|
p && /* @__PURE__ */ V("div", {
|
|
1431
1456
|
className: "padorix:text-[0.8rem] padorix:whitespace-pre-wrap padorix:mt-2",
|
|
1432
|
-
children:
|
|
1457
|
+
children: Ye(String(e.message))
|
|
1433
1458
|
}),
|
|
1434
1459
|
/* @__PURE__ */ H("div", {
|
|
1435
1460
|
className: "padorix:text-right padorix:text-[12px] padorix:mt-1 padorix:flex padorix:items-center padorix:justify-end padorix:gap-1 padorix:pl-2",
|
|
@@ -1437,20 +1462,20 @@ function it({ data: e, messagesToDelete: t, deleteAction: n, handleStarMessage:
|
|
|
1437
1462
|
!m && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("span", {
|
|
1438
1463
|
className: "padorix:text-[0.65rem]",
|
|
1439
1464
|
children: e?.senderType
|
|
1440
|
-
}), /* @__PURE__ */ V(
|
|
1465
|
+
}), /* @__PURE__ */ V(L, {})] }),
|
|
1441
1466
|
/* @__PURE__ */ V("span", {
|
|
1442
1467
|
className: "padorix:text-[0.55rem]",
|
|
1443
1468
|
children: K(e?.createdAt).format("hh:mm A")
|
|
1444
1469
|
}),
|
|
1445
|
-
e?.starred ===
|
|
1446
|
-
_ && /* @__PURE__ */ V(
|
|
1470
|
+
e?.starred === c.true && /* @__PURE__ */ V(le, { children: /* @__PURE__ */ V(We, { className: "padorix:size-3 padorix:text-amber-400" }) }),
|
|
1471
|
+
_ && /* @__PURE__ */ V(qe, { className: "padorix:inline padorix:text-base padorix:size-3" })
|
|
1447
1472
|
]
|
|
1448
1473
|
})
|
|
1449
1474
|
] })
|
|
1450
1475
|
})]
|
|
1451
1476
|
})
|
|
1452
1477
|
}),
|
|
1453
|
-
m ? e?.deleted ===
|
|
1478
|
+
m ? e?.deleted === c.false && _ && /* @__PURE__ */ V(Ze, {
|
|
1454
1479
|
isLastInGroup: v,
|
|
1455
1480
|
img: "data:image/png;base64,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"
|
|
1456
1481
|
}) : /* @__PURE__ */ V("div", { className: "padorix:size-7" })
|
|
@@ -1492,7 +1517,7 @@ var $ = M(({ type: e = "text", formtype: t = "input", ...n }, r) => /* @__PURE__
|
|
|
1492
1517
|
children: n.error
|
|
1493
1518
|
})
|
|
1494
1519
|
]
|
|
1495
|
-
}) })),
|
|
1520
|
+
}) })), it = [
|
|
1496
1521
|
{
|
|
1497
1522
|
index: 1,
|
|
1498
1523
|
color: "padorix:text-red-600"
|
|
@@ -1514,7 +1539,7 @@ var $ = M(({ type: e = "text", formtype: t = "input", ...n }, r) => /* @__PURE__
|
|
|
1514
1539
|
color: "padorix:text-green-400"
|
|
1515
1540
|
}
|
|
1516
1541
|
];
|
|
1517
|
-
function
|
|
1542
|
+
function at(e) {
|
|
1518
1543
|
function t(t) {
|
|
1519
1544
|
let n = t?.split("-")[1];
|
|
1520
1545
|
if (e.value !== t) return e.setFieldValue?.(e.valueName || "", t), e.setFieldValue2?.(e.valueName2 || "", n);
|
|
@@ -1529,12 +1554,12 @@ function ot(e) {
|
|
|
1529
1554
|
}),
|
|
1530
1555
|
/* @__PURE__ */ V("div", {
|
|
1531
1556
|
className: "padorix:flex padorix:items-center padorix:gap-3",
|
|
1532
|
-
children: Object.values(
|
|
1533
|
-
let i = Object.values(
|
|
1557
|
+
children: Object.values(v).map((n, r) => {
|
|
1558
|
+
let i = Object.values(v).findIndex((t) => t?.split("-")[1] === e.value2) + 1, a = r + 1 <= i, o = it.find((e) => e.index === i);
|
|
1534
1559
|
return /* @__PURE__ */ V("div", {
|
|
1535
1560
|
onClick: () => e.tag === "write" ? t(n) : {},
|
|
1536
1561
|
className: `${e.tag === "write" ? "padorix:cursor-pointer padorix:active:scale-125 padorix:transition-all padorix:hover:scale-110" : ""} padorix:text-3xl`,
|
|
1537
|
-
children: /* @__PURE__ */ V(
|
|
1562
|
+
children: /* @__PURE__ */ V(We, { className: a ? o?.color : "padorix:text-gray-400" })
|
|
1538
1563
|
}, r);
|
|
1539
1564
|
})
|
|
1540
1565
|
}),
|
|
@@ -1547,8 +1572,8 @@ function ot(e) {
|
|
|
1547
1572
|
}
|
|
1548
1573
|
//#endregion
|
|
1549
1574
|
//#region lib/chats/chatmessages/chat-feedback-form.tsx
|
|
1550
|
-
function
|
|
1551
|
-
let { sender: e, conversation: t, workspace:
|
|
1575
|
+
function ot() {
|
|
1576
|
+
let { sender: e, conversation: t, workspace: r } = k((e) => e.data), [i, a] = N(!1), o = O(), s = Re(w.VISITOR), c = fe({
|
|
1552
1577
|
mode: "uncontrolled",
|
|
1553
1578
|
initialValues: {
|
|
1554
1579
|
workspaceId: t?.workspaceId,
|
|
@@ -1569,23 +1594,23 @@ function st() {
|
|
|
1569
1594
|
});
|
|
1570
1595
|
async function l(e) {
|
|
1571
1596
|
if (s) {
|
|
1572
|
-
|
|
1597
|
+
a(!0);
|
|
1573
1598
|
try {
|
|
1574
|
-
|
|
1599
|
+
o(n(await d.submitFeedback(s, {
|
|
1575
1600
|
comment: e.comment,
|
|
1576
1601
|
satisfactory: e.satisfactory?.split("-")[0]?.replace("_", " "),
|
|
1577
1602
|
rating: Number(e.rating)
|
|
1578
1603
|
}))), c.reset();
|
|
1579
1604
|
} catch (e) {
|
|
1580
|
-
|
|
1605
|
+
a(!1), u(e.message, "error");
|
|
1581
1606
|
}
|
|
1582
1607
|
}
|
|
1583
1608
|
}
|
|
1584
|
-
return
|
|
1609
|
+
return i ? null : /* @__PURE__ */ H("form", {
|
|
1585
1610
|
onSubmit: c.onSubmit(l),
|
|
1586
1611
|
className: "padorix:w-[97%] padorix:mx-auto padorix:border padorix:border-gray-200 padorix:rounded-xl padorix:p-3",
|
|
1587
1612
|
children: [
|
|
1588
|
-
/* @__PURE__ */ V(
|
|
1613
|
+
/* @__PURE__ */ V(at, {
|
|
1589
1614
|
content: "",
|
|
1590
1615
|
value: c.values.satisfactory,
|
|
1591
1616
|
value2: c.values.rating,
|
|
@@ -1605,7 +1630,7 @@ function st() {
|
|
|
1605
1630
|
/* @__PURE__ */ V("div", {
|
|
1606
1631
|
className: "padorix:mt-5",
|
|
1607
1632
|
children: /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("button", {
|
|
1608
|
-
style: { background: c.submitting ? "" : String(
|
|
1633
|
+
style: { background: c.submitting ? "" : String(r?.widget?.colorScheme) },
|
|
1609
1634
|
className: `padorix:cursor-pointer ${c.submitting ? "padorix:bg-slate-500" : ""} padorix:text-white padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md`,
|
|
1610
1635
|
children: "Submit your feedback"
|
|
1611
1636
|
}) })
|
|
@@ -1615,26 +1640,26 @@ function st() {
|
|
|
1615
1640
|
}
|
|
1616
1641
|
//#endregion
|
|
1617
1642
|
//#region lib/chats/chatmessages/end-chat-confirmation.tsx
|
|
1618
|
-
function
|
|
1619
|
-
let { chatToEnd: e, workspace: t } = k((e) => e.data),
|
|
1643
|
+
function st() {
|
|
1644
|
+
let { chatToEnd: e, workspace: t } = k((e) => e.data), i = O(), [a, o] = A.useState(!1);
|
|
1620
1645
|
function s() {
|
|
1621
|
-
r(
|
|
1646
|
+
i(r(void 0));
|
|
1622
1647
|
}
|
|
1623
1648
|
async function c() {
|
|
1624
1649
|
if (e) {
|
|
1625
|
-
|
|
1650
|
+
o(!0);
|
|
1626
1651
|
try {
|
|
1627
|
-
|
|
1652
|
+
i(n(await d.endChat({
|
|
1628
1653
|
workspaceId: e.workspaceId,
|
|
1629
1654
|
conversationId: e.conversationId,
|
|
1630
1655
|
senderId: e.senderId,
|
|
1631
1656
|
userType: e.userType,
|
|
1632
1657
|
senderName: e.senderName
|
|
1633
|
-
}))), r(
|
|
1658
|
+
}))), i(r(void 0));
|
|
1634
1659
|
} catch (e) {
|
|
1635
|
-
|
|
1660
|
+
u(e.message, "error");
|
|
1636
1661
|
} finally {
|
|
1637
|
-
|
|
1662
|
+
o(!1);
|
|
1638
1663
|
}
|
|
1639
1664
|
}
|
|
1640
1665
|
}
|
|
@@ -1649,13 +1674,13 @@ function ct() {
|
|
|
1649
1674
|
className: "padorix:mt-2 padorix:size-fit padorix:ml-auto padorix:flex padorix:items-center padorix:gap-5",
|
|
1650
1675
|
children: [/* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("button", {
|
|
1651
1676
|
onClick: s,
|
|
1652
|
-
className: `${
|
|
1677
|
+
className: `${a ? "padorix:cursor-progress" : "padorix:cursor-pointer"} padorix:border padorix:border-gray-200 padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md`,
|
|
1653
1678
|
children: "Cancel"
|
|
1654
1679
|
}) }), /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("button", {
|
|
1655
1680
|
onClick: c,
|
|
1656
|
-
disabled:
|
|
1681
|
+
disabled: a,
|
|
1657
1682
|
style: { background: String(t?.widget?.colorScheme) },
|
|
1658
|
-
className: `${
|
|
1683
|
+
className: `${a ? "padorix:cursor-progress" : "padorix:cursor-pointer"} padorix:text-white padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md`,
|
|
1659
1684
|
children: "End chat"
|
|
1660
1685
|
}) })]
|
|
1661
1686
|
})
|
|
@@ -1664,7 +1689,7 @@ function ct() {
|
|
|
1664
1689
|
}
|
|
1665
1690
|
//#endregion
|
|
1666
1691
|
//#region lib/chats/chatmessages/chat-messages.tsx
|
|
1667
|
-
function
|
|
1692
|
+
function ct({ messagesToDelete: e, setMessagesToDelete: t, ...n }) {
|
|
1668
1693
|
let { conversation: r, chatToEnd: i, workspace: a } = k((e) => e.data), o = n.userType === "VISITOR";
|
|
1669
1694
|
function s(n) {
|
|
1670
1695
|
e.find((e) => e === n) ? t((e) => e.filter((e) => e !== n)) : t((e) => [...e, n]);
|
|
@@ -1672,7 +1697,7 @@ function lt({ messagesToDelete: e, setMessagesToDelete: t, ...n }) {
|
|
|
1672
1697
|
return /* @__PURE__ */ H("div", {
|
|
1673
1698
|
className: "padorix:relative",
|
|
1674
1699
|
children: [
|
|
1675
|
-
n.messages.map((t) => /* @__PURE__ */ V(
|
|
1700
|
+
n.messages.map((t) => /* @__PURE__ */ V(rt, {
|
|
1676
1701
|
messagesToDelete: e,
|
|
1677
1702
|
handleStarMessage: n.handleStarMessage,
|
|
1678
1703
|
deleteAction: s,
|
|
@@ -1696,14 +1721,14 @@ function lt({ messagesToDelete: e, setMessagesToDelete: t, ...n }) {
|
|
|
1696
1721
|
style: { animationDelay: `${e * 120}ms` }
|
|
1697
1722
|
}, e))
|
|
1698
1723
|
}),
|
|
1699
|
-
o && r?.status ===
|
|
1700
|
-
i?.isEndChat ===
|
|
1724
|
+
o && r?.status === c.false && /* @__PURE__ */ V(ot, {}),
|
|
1725
|
+
i?.isEndChat === c.true && /* @__PURE__ */ V(st, {})
|
|
1701
1726
|
]
|
|
1702
1727
|
});
|
|
1703
1728
|
}
|
|
1704
1729
|
//#endregion
|
|
1705
1730
|
//#region node_modules/react-icons/rx/index.mjs
|
|
1706
|
-
function
|
|
1731
|
+
function lt(e) {
|
|
1707
1732
|
return Z({
|
|
1708
1733
|
tag: "svg",
|
|
1709
1734
|
attr: {
|
|
@@ -1722,7 +1747,7 @@ function ut(e) {
|
|
|
1722
1747
|
}
|
|
1723
1748
|
//#endregion
|
|
1724
1749
|
//#region lib/chats/chatmessages/chat-message-skeleton.tsx
|
|
1725
|
-
function
|
|
1750
|
+
function ut(e) {
|
|
1726
1751
|
return /* @__PURE__ */ V(z, {
|
|
1727
1752
|
style: { width: `${Math.floor(Math.random() * 100 + (e.index + 15))}%` },
|
|
1728
1753
|
className: "padorix:w-fit padorix:h-fit padorix:max-w-[91%] padorix:relative padorix:bottom-3 padorix:md:max-w-[80%] padorix:mb-1.5 padorix:ml-auto padorix:rounded-t-xl padorix:rounded-bl-xl padorix:bg-gray-100 padorix:animate-pulse padorix:text-white",
|
|
@@ -1731,25 +1756,25 @@ function dt(e) {
|
|
|
1731
1756
|
}
|
|
1732
1757
|
//#endregion
|
|
1733
1758
|
//#region lib/chats/chatScreen/chat-container.tsx
|
|
1734
|
-
var
|
|
1735
|
-
function
|
|
1759
|
+
var dt = 3500;
|
|
1760
|
+
function ft(e) {
|
|
1736
1761
|
return e ? Array.isArray(e) ? e.join("\n") : String(e) : "";
|
|
1737
1762
|
}
|
|
1738
|
-
function
|
|
1739
|
-
let
|
|
1740
|
-
...
|
|
1741
|
-
workspaceId:
|
|
1742
|
-
userType:
|
|
1743
|
-
} :
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1763
|
+
function pt({ styles: e, userType: t, ...i }) {
|
|
1764
|
+
let a = O(), o = A.useRef(null), l = A.useRef(null), [p, m] = A.useState(!1), [h, _] = A.useState([]), [v, y] = A.useState(!1), [b, S] = A.useState(!1), [C, T] = A.useState(null), j = A.useRef(null), M = A.useRef(null), [N, P] = A.useState([]), F = A.useRef(/* @__PURE__ */ new Set()), { sender: I, workspace: ne, reply: re, conversation: ie } = k((e) => e.data), ae = C !== null, oe = !!(C?.senderId && C.senderId === I?.senderId), L = A.useMemo(() => t === w.VISITOR ? {
|
|
1765
|
+
...I,
|
|
1766
|
+
workspaceId: ne?.id,
|
|
1767
|
+
userType: t
|
|
1768
|
+
} : i.sender, [
|
|
1769
|
+
t,
|
|
1770
|
+
I,
|
|
1771
|
+
ne?.id,
|
|
1772
|
+
i.sender
|
|
1748
1773
|
]), se = JSON.stringify([
|
|
1749
1774
|
L?.workspaceId,
|
|
1750
1775
|
L?.conversationId,
|
|
1751
1776
|
L?.senderId,
|
|
1752
|
-
L?.userType ??
|
|
1777
|
+
L?.userType ?? t,
|
|
1753
1778
|
L?.fullName
|
|
1754
1779
|
]), R = A.useMemo(() => {
|
|
1755
1780
|
let [e, t, n, r, i] = JSON.parse(se);
|
|
@@ -1760,218 +1785,218 @@ function mt({ styles: t, userType: i, ...a }) {
|
|
|
1760
1785
|
userType: String(r),
|
|
1761
1786
|
senderName: i ? String(i) : void 0
|
|
1762
1787
|
};
|
|
1763
|
-
}, [se]),
|
|
1764
|
-
|
|
1765
|
-
let
|
|
1766
|
-
function
|
|
1767
|
-
|
|
1788
|
+
}, [se]), le = String(L?.conversationId ?? ""), B = A.useRef(le);
|
|
1789
|
+
B.current = le;
|
|
1790
|
+
let U = A.useCallback((e) => e == null || e === "" ? !0 : String(e) === B.current, []);
|
|
1791
|
+
function W() {
|
|
1792
|
+
x(o), l.current?.scrollIntoView({ behavior: "smooth" });
|
|
1768
1793
|
}
|
|
1769
|
-
let
|
|
1794
|
+
let G = (e, t) => e.clientMessageId || !t.clientMessageId ? e : {
|
|
1770
1795
|
...e,
|
|
1771
1796
|
clientMessageId: t.clientMessageId
|
|
1772
|
-
},
|
|
1797
|
+
}, K = A.useCallback((e) => {
|
|
1773
1798
|
let t = e.message;
|
|
1774
|
-
if (!t || !
|
|
1799
|
+
if (!t || !U(t.conversationId)) return;
|
|
1775
1800
|
let n = t.clientMessageId;
|
|
1776
|
-
n &&
|
|
1801
|
+
n && F.current.delete(n), P((e) => {
|
|
1777
1802
|
let r = e.findIndex((e) => e.id === t.id);
|
|
1778
|
-
if (r !== -1) return e.map((e, n) => n === r ?
|
|
1803
|
+
if (r !== -1) return e.map((e, n) => n === r ? G(t, e) : e);
|
|
1779
1804
|
if (n) {
|
|
1780
1805
|
let r = e.findIndex((e) => e.clientMessageId === n || e.id === n);
|
|
1781
|
-
if (r !== -1) return e.map((e, n) => n === r ?
|
|
1806
|
+
if (r !== -1) return e.map((e, n) => n === r ? G(t, e) : e);
|
|
1782
1807
|
}
|
|
1783
|
-
let i =
|
|
1784
|
-
let n = !!(e.id && e.id.length >= 32), r = String(e.senderId) === String(t.senderId), a =
|
|
1808
|
+
let i = ft(t.message), a = e.findIndex((e) => {
|
|
1809
|
+
let n = !!(e.id && e.id.length >= 32), r = String(e.senderId) === String(t.senderId), a = ft(e.message) === i;
|
|
1785
1810
|
return n && r && a;
|
|
1786
1811
|
});
|
|
1787
|
-
return a === -1 ? [...e, t] : e.map((e, n) => n === a ?
|
|
1788
|
-
}),
|
|
1789
|
-
|
|
1812
|
+
return a === -1 ? [...e, t] : e.map((e, n) => n === a ? G(t, e) : e);
|
|
1813
|
+
}), S(!1), setTimeout(() => {
|
|
1814
|
+
W();
|
|
1790
1815
|
}, 300);
|
|
1791
|
-
}, [
|
|
1792
|
-
|
|
1793
|
-
}, [
|
|
1794
|
-
if (!
|
|
1795
|
-
|
|
1816
|
+
}, [U]), de = A.useCallback((e) => {
|
|
1817
|
+
K(e);
|
|
1818
|
+
}, [K]), fe = A.useCallback((e) => {
|
|
1819
|
+
if (!F.current.has(e)) return;
|
|
1820
|
+
F.current.delete(e);
|
|
1796
1821
|
let t = [e];
|
|
1797
|
-
|
|
1822
|
+
P((e) => e.filter((e) => !t.includes(e.id) && (!e.clientMessageId || !t.includes(e.clientMessageId)))), S(!1);
|
|
1798
1823
|
}, []);
|
|
1799
|
-
function pe(
|
|
1800
|
-
let n = !!re?.messageId,
|
|
1801
|
-
...
|
|
1802
|
-
clientMessageId:
|
|
1803
|
-
merchantId:
|
|
1824
|
+
function pe(e) {
|
|
1825
|
+
let n = !!re?.messageId, r = crypto.randomUUID(), i = {
|
|
1826
|
+
...e,
|
|
1827
|
+
clientMessageId: r,
|
|
1828
|
+
merchantId: ne?.userId,
|
|
1804
1829
|
...n ? {
|
|
1805
1830
|
isReply: !0,
|
|
1806
1831
|
messageId: re?.messageId
|
|
1807
1832
|
} : {},
|
|
1808
|
-
message:
|
|
1809
|
-
},
|
|
1810
|
-
id:
|
|
1811
|
-
clientMessageId:
|
|
1812
|
-
conversationId:
|
|
1813
|
-
workspaceId:
|
|
1814
|
-
senderName:
|
|
1815
|
-
senderType:
|
|
1816
|
-
senderId:
|
|
1817
|
-
message: [
|
|
1818
|
-
images:
|
|
1819
|
-
starred:
|
|
1820
|
-
deleted:
|
|
1821
|
-
createdAt:
|
|
1822
|
-
updatedAt:
|
|
1833
|
+
message: e.message.trim()
|
|
1834
|
+
}, o = (/* @__PURE__ */ new Date()).toISOString(), l = {
|
|
1835
|
+
id: r,
|
|
1836
|
+
clientMessageId: r,
|
|
1837
|
+
conversationId: i.conversationId,
|
|
1838
|
+
workspaceId: i.workspaceId,
|
|
1839
|
+
senderName: I?.fullName ?? "",
|
|
1840
|
+
senderType: t,
|
|
1841
|
+
senderId: i.senderId,
|
|
1842
|
+
message: [i.message],
|
|
1843
|
+
images: i.images ?? [],
|
|
1844
|
+
starred: c.false,
|
|
1845
|
+
deleted: c.false,
|
|
1846
|
+
createdAt: o,
|
|
1847
|
+
updatedAt: o
|
|
1823
1848
|
};
|
|
1824
|
-
|
|
1825
|
-
fe(
|
|
1826
|
-
}), s(
|
|
1827
|
-
|
|
1849
|
+
F.current.add(r), P((e) => e.some((e) => e.id === r || e.clientMessageId && e.clientMessageId === r) ? e : [...e, l]), S(!0), R && d.sendMessage(R, i).then((e) => K({ message: e })).catch((e) => {
|
|
1850
|
+
fe(r), u(e.message || "Message not sent", "error");
|
|
1851
|
+
}), a(s(void 0)), a(g(void 0)), setTimeout(() => {
|
|
1852
|
+
W();
|
|
1828
1853
|
}, 50);
|
|
1829
1854
|
}
|
|
1830
1855
|
let q = A.useCallback((e) => {
|
|
1831
|
-
|
|
1856
|
+
P((t) => t.some((t) => t.id === e.messageId) ? t.map((t) => t.id === e.messageId ? {
|
|
1832
1857
|
...t,
|
|
1833
1858
|
starred: e.status
|
|
1834
1859
|
} : t) : t);
|
|
1835
1860
|
}, []), J = A.useCallback((e) => {
|
|
1836
|
-
|
|
1837
|
-
|
|
1861
|
+
U(e?.id) && (a(n(e)), setTimeout(() => {
|
|
1862
|
+
W();
|
|
1838
1863
|
}, 1e3));
|
|
1839
|
-
}, [
|
|
1840
|
-
|
|
1864
|
+
}, [a, U]), me = A.useCallback((e) => {
|
|
1865
|
+
U(e?.id) && (a(n(e)), a(r(void 0)), localStorage.removeItem(f), t === w.VISITOR && ee(), i.closeModal());
|
|
1841
1866
|
}, [
|
|
1842
|
-
s,
|
|
1843
1867
|
a,
|
|
1844
|
-
|
|
1845
|
-
|
|
1868
|
+
i,
|
|
1869
|
+
U,
|
|
1870
|
+
t
|
|
1846
1871
|
]), he = A.useCallback((e) => {
|
|
1847
|
-
|
|
1872
|
+
U(e?.conversation?.id) && (P((t) => {
|
|
1848
1873
|
let n = new Map(t.map((e) => [e.id, e]));
|
|
1849
1874
|
return (e.messages ?? []).map((e) => {
|
|
1850
1875
|
let t = n.get(e.id);
|
|
1851
|
-
return t ?
|
|
1876
|
+
return t ? G(e, t) : e;
|
|
1852
1877
|
});
|
|
1853
|
-
}), new Set((e.messages ?? []).map((e) => e.clientMessageId).filter(Boolean)).forEach((e) =>
|
|
1854
|
-
|
|
1878
|
+
}), new Set((e.messages ?? []).map((e) => e.clientMessageId).filter(Boolean)).forEach((e) => F.current.delete(e)), a(n(e.conversation)), setTimeout(() => {
|
|
1879
|
+
W();
|
|
1855
1880
|
}, 1e3));
|
|
1856
|
-
}, [
|
|
1881
|
+
}, [a, U]);
|
|
1857
1882
|
function ge(e, t) {
|
|
1858
|
-
R &&
|
|
1883
|
+
R && d.starMessage(R, e, t).then(q).catch((e) => u(e.message, "error"));
|
|
1859
1884
|
}
|
|
1860
1885
|
function _e(e) {
|
|
1861
1886
|
let t = [];
|
|
1862
1887
|
e.forEach((e) => {
|
|
1863
|
-
let n =
|
|
1888
|
+
let n = N.find((t) => t.id === e);
|
|
1864
1889
|
n && t.push(n.id);
|
|
1865
|
-
}), !(!R || t.length === 0) &&
|
|
1890
|
+
}), !(!R || t.length === 0) && d.deleteMessages(R, t).then(ve).catch((e) => u(e.message, "error"));
|
|
1866
1891
|
}
|
|
1867
|
-
let
|
|
1892
|
+
let ve = A.useCallback((e) => {
|
|
1868
1893
|
if (!e || e.length === 0) return;
|
|
1869
1894
|
let t = new Set(e);
|
|
1870
|
-
|
|
1895
|
+
P((e) => e.some((e) => t.has(e.id)) ? e.map((e) => t.has(e.id) ? {
|
|
1871
1896
|
...e,
|
|
1872
|
-
deleted:
|
|
1897
|
+
deleted: c.true
|
|
1873
1898
|
} : e) : e);
|
|
1874
|
-
}, []),
|
|
1899
|
+
}, []), ye = A.useCallback((e) => {
|
|
1875
1900
|
let t = typeof e == "object" && e ? e : {};
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
},
|
|
1879
|
-
}, [
|
|
1901
|
+
U(t.conversationId) && (j.current = t, T(t), M.current !== null && window.clearTimeout(M.current), M.current = window.setTimeout(() => {
|
|
1902
|
+
j.current = null, T(null), M.current = null;
|
|
1903
|
+
}, dt));
|
|
1904
|
+
}, [U]), Y = A.useCallback((e) => {
|
|
1880
1905
|
let t = typeof e == "object" && e ? e : {};
|
|
1881
|
-
|
|
1882
|
-
}, [
|
|
1906
|
+
U(t.conversationId) && (t.senderId && j.current?.senderId && t.senderId !== j.current.senderId || (M.current !== null && (window.clearTimeout(M.current), M.current = null), j.current = null, T(null)));
|
|
1907
|
+
}, [U]);
|
|
1883
1908
|
A.useEffect(() => {
|
|
1884
|
-
|
|
1885
|
-
}, [
|
|
1886
|
-
E.off(D.is_typing,
|
|
1887
|
-
}), [
|
|
1888
|
-
ae && !
|
|
1889
|
-
}, [
|
|
1890
|
-
let e =
|
|
1909
|
+
M.current !== null && (window.clearTimeout(M.current), M.current = null), j.current = null, T(null);
|
|
1910
|
+
}, [le]), A.useEffect(() => (E.on(D.is_typing, ye), E.on(D.not_typing, Y), () => {
|
|
1911
|
+
E.off(D.is_typing, ye), E.off(D.not_typing, Y), M.current !== null && window.clearTimeout(M.current);
|
|
1912
|
+
}), [Y, ye]), A.useEffect(() => {
|
|
1913
|
+
ae && !p && l.current?.scrollIntoView({ behavior: "smooth" });
|
|
1914
|
+
}, [p, ae]), A.useEffect(() => {
|
|
1915
|
+
let e = o.current;
|
|
1891
1916
|
if (!e) return;
|
|
1892
1917
|
let t = () => {
|
|
1893
1918
|
let { scrollTop: t, scrollHeight: n, clientHeight: r } = e;
|
|
1894
|
-
n - t - r > 5 ?
|
|
1919
|
+
n - t - r > 5 ? m(!0) : m(!1);
|
|
1895
1920
|
};
|
|
1896
1921
|
return e.addEventListener("scroll", t, { passive: !0 }), () => {
|
|
1897
1922
|
e.removeEventListener("scroll", t);
|
|
1898
1923
|
};
|
|
1899
1924
|
}, []);
|
|
1900
|
-
function X() {
|
|
1901
|
-
U(), setTimeout(() => U(), 100);
|
|
1902
|
-
}
|
|
1903
1925
|
function be() {
|
|
1926
|
+
W(), setTimeout(() => W(), 100);
|
|
1927
|
+
}
|
|
1928
|
+
function X() {
|
|
1904
1929
|
_([]);
|
|
1905
1930
|
}
|
|
1906
1931
|
function xe() {
|
|
1907
|
-
_e(
|
|
1932
|
+
_e(h), setTimeout(() => {
|
|
1908
1933
|
_([]);
|
|
1909
1934
|
}, 100);
|
|
1910
1935
|
}
|
|
1911
|
-
A.useEffect(() => (E.on(D.delete_message,
|
|
1912
|
-
E.off(D.delete_message,
|
|
1936
|
+
A.useEffect(() => (E.on(D.delete_message, ve), E.on(D.star_message, q), E.on(D.request_feedback, J), E.on(D.submit_feedback, J), E.on(D.end_chat_session, me), () => {
|
|
1937
|
+
E.off(D.delete_message, ve), E.off(D.star_message, q), E.off(D.request_feedback, J), E.off(D.submit_feedback, J), E.off(D.end_chat_session, me);
|
|
1913
1938
|
}), [
|
|
1914
|
-
|
|
1939
|
+
ve,
|
|
1915
1940
|
q,
|
|
1916
1941
|
J,
|
|
1917
1942
|
me
|
|
1918
|
-
]), A.useEffect(() => (E.on(D.send_message,
|
|
1919
|
-
E.off(D.update_send_message,
|
|
1920
|
-
}), [
|
|
1943
|
+
]), A.useEffect(() => (E.on(D.send_message, K), E.on(D.update_send_message, de), () => {
|
|
1944
|
+
E.off(D.update_send_message, de), E.off(D.send_message, K);
|
|
1945
|
+
}), [K, de]), A.useEffect(() => {
|
|
1921
1946
|
if (!R) return;
|
|
1922
1947
|
let e = !1, t = () => {
|
|
1923
|
-
|
|
1948
|
+
d.history(R).then((t) => !e && he(t)).catch((e) => console.log(e.message));
|
|
1924
1949
|
}, n = () => {
|
|
1925
1950
|
E.emit(D.subscribe_conversation, R), t();
|
|
1926
1951
|
};
|
|
1927
|
-
return E.on(D.connected, n), E.connected ? n() : (t(),
|
|
1952
|
+
return E.on(D.connected, n), E.connected ? n() : (t(), te(R.userType !== w.VISITOR)), () => {
|
|
1928
1953
|
e = !0, E.off(D.connected, n);
|
|
1929
1954
|
};
|
|
1930
1955
|
}, [R, he]);
|
|
1931
|
-
let Se = `calc(var(--padorix-vvh, 100dvh) * ${
|
|
1956
|
+
let Se = `calc(var(--padorix-vvh, 100dvh) * ${h.length > 0 || ie?.status === c.false ? .915 : .81})`;
|
|
1932
1957
|
return /* @__PURE__ */ H("div", {
|
|
1933
|
-
className:
|
|
1958
|
+
className: e.container,
|
|
1934
1959
|
children: [
|
|
1935
|
-
/* @__PURE__ */ V(
|
|
1936
|
-
styles:
|
|
1937
|
-
userType:
|
|
1938
|
-
goBack:
|
|
1939
|
-
close:
|
|
1940
|
-
toBottom:
|
|
1941
|
-
messages:
|
|
1960
|
+
/* @__PURE__ */ V(Ue, {
|
|
1961
|
+
styles: e,
|
|
1962
|
+
userType: t,
|
|
1963
|
+
goBack: i.goBack,
|
|
1964
|
+
close: i.closeModal,
|
|
1965
|
+
toBottom: be,
|
|
1966
|
+
messages: N
|
|
1942
1967
|
}),
|
|
1943
1968
|
/* @__PURE__ */ H("div", {
|
|
1944
|
-
ref:
|
|
1969
|
+
ref: o,
|
|
1945
1970
|
style: { height: Se },
|
|
1946
|
-
className: `${
|
|
1971
|
+
className: `${e.chatContainerPadding}`,
|
|
1947
1972
|
children: [
|
|
1948
|
-
|
|
1973
|
+
p && /* @__PURE__ */ V(ue, {
|
|
1949
1974
|
direction: "up",
|
|
1950
1975
|
className: "\r\n padorix:fixed\r\n padorix:right-2\r\n padorix:bottom-36\r\n padorix:z-10\r\n padorix:cursor-pointer\r\n padorix:transition-all\r\n padorix:active:scale-125\r\n ",
|
|
1951
1976
|
children: /* @__PURE__ */ V("div", {
|
|
1952
1977
|
className: "\r\n padorix:transition-all\r\n padorix:rounded-full\r\n padorix:size-8\r\n padorix:text-slate-500\r\n padorix:border\r\n padorix:border-gray-200\r\n padorix:flex\r\n padorix:items-center\r\n padorix:justify-center\r\n padorix:bg-white\r\n padorix:shadow-lg\r\n ",
|
|
1953
|
-
onClick:
|
|
1954
|
-
children: /* @__PURE__ */ V(
|
|
1978
|
+
onClick: W,
|
|
1979
|
+
children: /* @__PURE__ */ V(lt, {})
|
|
1955
1980
|
})
|
|
1956
1981
|
}),
|
|
1957
|
-
Number(
|
|
1982
|
+
Number(N?.length) < 1 && /* @__PURE__ */ V("div", {
|
|
1958
1983
|
className: "padorix:relative padorix:p-4",
|
|
1959
|
-
children: Array(8).fill(0).map((e, t) => /* @__PURE__ */ V(
|
|
1984
|
+
children: Array(8).fill(0).map((e, t) => /* @__PURE__ */ V(ut, { index: t }, t))
|
|
1960
1985
|
}),
|
|
1961
|
-
/* @__PURE__ */ V(
|
|
1962
|
-
messages:
|
|
1986
|
+
/* @__PURE__ */ V(ct, {
|
|
1987
|
+
messages: N,
|
|
1963
1988
|
deleteMessagesAction: _e,
|
|
1964
1989
|
handleStarMessage: ge,
|
|
1965
|
-
styles:
|
|
1966
|
-
userType:
|
|
1967
|
-
messagesToDelete:
|
|
1990
|
+
styles: e,
|
|
1991
|
+
userType: t,
|
|
1992
|
+
messagesToDelete: h,
|
|
1968
1993
|
setMessagesToDelete: _,
|
|
1969
|
-
moreActions:
|
|
1994
|
+
moreActions: i.moreActions,
|
|
1970
1995
|
isTyping: ae,
|
|
1971
1996
|
isOwnTyping: oe
|
|
1972
1997
|
}),
|
|
1973
1998
|
/* @__PURE__ */ V("div", {
|
|
1974
|
-
ref:
|
|
1999
|
+
ref: l,
|
|
1975
2000
|
style: {
|
|
1976
2001
|
float: "left",
|
|
1977
2002
|
clear: "both"
|
|
@@ -1979,12 +2004,12 @@ function mt({ styles: t, userType: i, ...a }) {
|
|
|
1979
2004
|
})
|
|
1980
2005
|
]
|
|
1981
2006
|
}),
|
|
1982
|
-
v &&
|
|
1983
|
-
className:
|
|
2007
|
+
v && h.length > 0 && /* @__PURE__ */ H("div", {
|
|
2008
|
+
className: e.messagesContainer,
|
|
1984
2009
|
children: [/* @__PURE__ */ H("div", {
|
|
1985
2010
|
className: "padorix:flex padorix:items-center padorix:text-sm padorix:italic padorix:text-gray-600",
|
|
1986
2011
|
children: [/* @__PURE__ */ V("div", {
|
|
1987
|
-
onClick:
|
|
2012
|
+
onClick: X,
|
|
1988
2013
|
className: "padorix:p-2 padorix:text-xl padorix:cursor-pointer padorix:transition-all",
|
|
1989
2014
|
children: /* @__PURE__ */ V(Q, {})
|
|
1990
2015
|
}), /* @__PURE__ */ H("div", {
|
|
@@ -1995,9 +2020,9 @@ function mt({ styles: t, userType: i, ...a }) {
|
|
|
1995
2020
|
/* @__PURE__ */ H("span", {
|
|
1996
2021
|
className: "padorix:text-red-500",
|
|
1997
2022
|
children: [
|
|
1998
|
-
|
|
2023
|
+
h.length,
|
|
1999
2024
|
" message",
|
|
2000
|
-
|
|
2025
|
+
h.length === 1 ? "" : "s"
|
|
2001
2026
|
]
|
|
2002
2027
|
})
|
|
2003
2028
|
]
|
|
@@ -2005,32 +2030,32 @@ function mt({ styles: t, userType: i, ...a }) {
|
|
|
2005
2030
|
}), /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("div", {
|
|
2006
2031
|
onClick: xe,
|
|
2007
2032
|
className: "padorix:cursor-pointer padorix:transition-all padorix:active:scale-125 padorix:text-red-500",
|
|
2008
|
-
children: /* @__PURE__ */ V(
|
|
2033
|
+
children: /* @__PURE__ */ V(ce, {})
|
|
2009
2034
|
}) })]
|
|
2010
2035
|
}),
|
|
2011
|
-
!v &&
|
|
2012
|
-
className:
|
|
2036
|
+
!v && h.length > 0 && /* @__PURE__ */ H("div", {
|
|
2037
|
+
className: e.messagesContainer,
|
|
2013
2038
|
children: [/* @__PURE__ */ H("div", {
|
|
2014
2039
|
className: "padorix:flex padorix:items-center padorix:text-sm padorix:italic padorix:text-gray-600",
|
|
2015
2040
|
children: [
|
|
2016
2041
|
/* @__PURE__ */ V("div", {
|
|
2017
|
-
onClick:
|
|
2042
|
+
onClick: X,
|
|
2018
2043
|
className: "padorix:p-2 padorix:text-xl padorix:cursor-pointer padorix:transition-all",
|
|
2019
2044
|
children: /* @__PURE__ */ V(Q, {})
|
|
2020
2045
|
}),
|
|
2021
|
-
|
|
2046
|
+
h.length,
|
|
2022
2047
|
" Selected"
|
|
2023
2048
|
]
|
|
2024
2049
|
}), /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("div", {
|
|
2025
2050
|
onClick: () => y(!0),
|
|
2026
2051
|
className: "padorix:cursor-pointer padorix:transition-all padorix:active:scale-125",
|
|
2027
|
-
children: /* @__PURE__ */ V(
|
|
2052
|
+
children: /* @__PURE__ */ V(ce, {})
|
|
2028
2053
|
}) })]
|
|
2029
2054
|
}),
|
|
2030
|
-
|
|
2055
|
+
h.length < 1 && ie?.status === c.true && /* @__PURE__ */ V(ze, {
|
|
2031
2056
|
sendChat: pe,
|
|
2032
|
-
styles:
|
|
2033
|
-
userType:
|
|
2057
|
+
styles: e,
|
|
2058
|
+
userType: t,
|
|
2034
2059
|
isSending: b
|
|
2035
2060
|
})
|
|
2036
2061
|
]
|
|
@@ -2038,91 +2063,91 @@ function mt({ styles: t, userType: i, ...a }) {
|
|
|
2038
2063
|
}
|
|
2039
2064
|
//#endregion
|
|
2040
2065
|
//#region lib/assets/images/wave.png
|
|
2041
|
-
var
|
|
2042
|
-
function
|
|
2043
|
-
let { workspace:
|
|
2066
|
+
var mt = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAA7VBMVEUAAADro1Lro1Lro1Lro1L/3Wfvr1bvrlbro1Lro1Lro1JCreJCreJCreJCreL/3Wf70mP91mT4x1/uqlX/3Wf/3Wf+2WbzuVrro1JCreJCreJCreJCreJCreJCreL/3Wfro1L/3WdCreJCreLro1L/3Wfsp1P6zmH/3WfwsldCreJCreL1wF3vsFfurVbvrlbuq1X/3Wf6z2L/3Wf70WP2xF7uq1VCreL/3WfxtVnro1JCreLzu1v/3Wfro1L1wF3ro1L1wF3/3Wf4yGD3xl//3Wfro1L/3Wf/3Wf0vFv5y2Dro1Lwsljro1Lytlk09oXuAAAAT3RSTlMAMGC/rxCf//+fEFC/gBCf/////8/////Pr99gIO9AYFCAn//fv//v3//PMCCPv69wr/8w7//vcFD/QI+/IID/70Bw3+/vII9A//9w74+/T+PN6AAAA5JJREFUeNrdlm13mjAUxzPbzqhIFRtQEFZ7LSt2T7VlzrpJ92A3tdv3/zgrIZdAgHLO9mZn91VI/P/zy829OZJ/P579kapxcHDYIIQcPW9S2moT0umIFa2rk/o47vWNAW2RoxPGTIsOCdFHtsOXxq7t1epfsMcwm/R0wuKwaAxzBto4XvQAnDqDE67r0+k541b+lHAHl5+jC1DHwJjY+SVDBO4g9rbBrsnDBRMIAQ44ApmBe1l3iFev37x9dyUQAjrPIYxdmCVGsyr99c08DOh7YTBXERbJ3g7Ak/AWNYoIp0QcPyapTOMHoRukCBYiHBCS7N3hPhUGE9RJhH4yWNJbEocLq7gcYVxVQQqCgQhzgbACLTawH2mvzj82VINPiI5nZwNECBKEDrixwRk55qvrQhOgLqhA0AFiAy/5YXSXFbcb6/Vn1GUQTETgjc0JvC/JXEizJfA1sij9VkSIEKHF21mLu3zDEgKqlEDPp30VwfcFQpPeJ8cn5Dsm+y4DgEdWESJEMDjCyJEAJj2UBj+UrIc4MFOEQYzQ1eVtG7SRNUAE1FkpQphBiBtZNls7mwMl65FEGDCJEAfD+m6pVYhZVxEMXFtnOoZtRXkrCL6vIvRpinDXzlSbPy3tpChFwHTI/t5xhA1+7LNyfjmYddSZKoL1iIB3sOQZKUUIhQ5Z2G4wx6n1dVoEQ0IqENL9kIWZPZx62JQVAdEvMwhbaqgISLIM0Iktc0XgeBwBdXkEjF5zsJNffu4EZwt8DvKvahhKRUi3Gbs5zT0m2gpfJERQAl2lnawi7PIcwq5aj98kZwAkjxAoekPRs2CqGHg5hCh9T7AxtkwxOMgZjGCFCIIhv2E0MJ826IIrRuesLHz0qzK4BHDwYSmJnc9qDMgMbL0aIbJqDToAq2qEICweCg3kPYBXiRDMC1O550z8+3DH+LbVG/SylewkeXRhpmNXKxEVCtOgp9LAvUwd+Oi4eAtKWyvNPBIOugZ89KlgYFrqRK6ZPa7jh7HBKU2jZaon2OcLGRZYUV297Cb7MgnyfZehuwCah1+lCD0FAO8A97Xh0cIRtVhEKGQAASTDCuLQup5eiqBewSkpxHgxmgHMRoukqzdP6EPaIrUxqdYbdNgm9XH+d3os6GJsUV8b12UO/YD+rFTUO5gRnd7WC6XDRX73yL9bK/h1eZjcpJUYLumwocrr437/6yHaBgEdtvb35H+N35Al2nIY8JjHAAAAAElFTkSuQmCC", ht = "data:image/jpeg;base64,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", gt = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
|
|
2067
|
+
function _t(t) {
|
|
2068
|
+
let { workspace: r, tags: i } = k((e) => e.data), a = O(), [o, s] = A.useState(!1), c = A.useMemo(() => C(t.workspaceId), [t.workspaceId]), [p, h] = A.useState(t.openOptions ? 2 : i.length > 0 ? 1 : 2), g = A.useRef(0), _ = fe({
|
|
2044
2069
|
mode: "uncontrolled",
|
|
2045
2070
|
initialValues: {
|
|
2046
|
-
tagId:
|
|
2047
|
-
fullName:
|
|
2048
|
-
email:
|
|
2049
|
-
message:
|
|
2071
|
+
tagId: i.find((e) => e.tag.trim().toLowerCase() === t.openOptions?.tag?.trim().toLowerCase())?.id ?? "",
|
|
2072
|
+
fullName: t.openOptions?.name ?? "",
|
|
2073
|
+
email: t.openOptions?.email ?? "",
|
|
2074
|
+
message: t.openOptions?.message ?? ""
|
|
2050
2075
|
},
|
|
2051
2076
|
validate: {
|
|
2052
|
-
fullName: (e) =>
|
|
2053
|
-
email: (e) =>
|
|
2054
|
-
message: (e) =>
|
|
2077
|
+
fullName: (e) => p === 2 && !e ? "Full name is required" : p === 2 && e.length <= 2 ? "Your name is expected to be more than 2 characters" : null,
|
|
2078
|
+
email: (e) => p === 2 && !e ? "Email address is required" : p === 2 && !gt(e) ? "Please enter a valid email address" : null,
|
|
2079
|
+
message: (e) => p === 4 && !e ? "Enquiry content is required" : null
|
|
2055
2080
|
}
|
|
2056
2081
|
});
|
|
2057
2082
|
function v() {
|
|
2058
|
-
if (
|
|
2059
|
-
if (
|
|
2060
|
-
|
|
2083
|
+
if (i.length > 0) {
|
|
2084
|
+
if (p === 1) return t.changeScreen(1);
|
|
2085
|
+
h((e) => e - 1);
|
|
2061
2086
|
}
|
|
2062
|
-
if (
|
|
2063
|
-
if (
|
|
2064
|
-
|
|
2087
|
+
if (i.length < 1) {
|
|
2088
|
+
if (p === 2) return t.changeScreen(1);
|
|
2089
|
+
h((e) => e - 1);
|
|
2065
2090
|
}
|
|
2066
2091
|
}
|
|
2067
2092
|
function y(e) {
|
|
2068
|
-
_.setFieldValue("tagId", e),
|
|
2093
|
+
_.setFieldValue("tagId", e), h((e) => e + 1);
|
|
2069
2094
|
}
|
|
2070
|
-
async function b(
|
|
2071
|
-
|
|
2095
|
+
async function b(t) {
|
|
2096
|
+
s(!0);
|
|
2072
2097
|
try {
|
|
2073
|
-
let
|
|
2074
|
-
conversationId:
|
|
2075
|
-
senderId:
|
|
2076
|
-
fullName:
|
|
2077
|
-
tagId:
|
|
2098
|
+
let r = await d.startConversation(t), i = {
|
|
2099
|
+
conversationId: r.conversation.id,
|
|
2100
|
+
senderId: r.senderId,
|
|
2101
|
+
fullName: r.fullName,
|
|
2102
|
+
tagId: t.tagId,
|
|
2078
2103
|
expiresAt: K().add(1, "day").endOf("day").toDate().toString()
|
|
2079
2104
|
};
|
|
2080
|
-
localStorage.setItem(
|
|
2105
|
+
localStorage.setItem(f, JSON.stringify(i)), a(n(r.conversation)), a(e(i));
|
|
2081
2106
|
} catch (e) {
|
|
2082
|
-
|
|
2107
|
+
u(e.message || "Unable to start the chat", "error"), window.dispatchEvent(new Event(m));
|
|
2083
2108
|
} finally {
|
|
2084
|
-
|
|
2109
|
+
s(!1);
|
|
2085
2110
|
}
|
|
2086
2111
|
}
|
|
2087
|
-
async function x(
|
|
2088
|
-
if (
|
|
2112
|
+
async function x(e) {
|
|
2113
|
+
if (p < 3) return h((e) => e + 1);
|
|
2089
2114
|
await b({
|
|
2090
|
-
...
|
|
2091
|
-
workspaceId:
|
|
2115
|
+
...e,
|
|
2116
|
+
workspaceId: t.workspaceId,
|
|
2092
2117
|
userType: "VISITOR",
|
|
2093
|
-
visitorId:
|
|
2094
|
-
tag:
|
|
2118
|
+
visitorId: c,
|
|
2119
|
+
tag: t.openOptions?.tag
|
|
2095
2120
|
});
|
|
2096
2121
|
}
|
|
2097
2122
|
return A.useEffect(() => {
|
|
2098
|
-
if (!
|
|
2099
|
-
let
|
|
2100
|
-
if (!
|
|
2101
|
-
|
|
2123
|
+
if (!t.openRequestId) return;
|
|
2124
|
+
let e = t.openOptions;
|
|
2125
|
+
if (!e) {
|
|
2126
|
+
h(1);
|
|
2102
2127
|
return;
|
|
2103
2128
|
}
|
|
2104
|
-
let
|
|
2129
|
+
let n = i.find((t) => t.tag.trim().toLowerCase() === e.tag?.trim().toLowerCase())?.id ?? "";
|
|
2105
2130
|
_.setValues({
|
|
2106
|
-
tagId:
|
|
2107
|
-
fullName:
|
|
2108
|
-
email:
|
|
2109
|
-
message:
|
|
2110
|
-
}),
|
|
2111
|
-
workspaceId:
|
|
2131
|
+
tagId: n,
|
|
2132
|
+
fullName: e.name ?? "",
|
|
2133
|
+
email: e.email ?? "",
|
|
2134
|
+
message: e.message ?? ""
|
|
2135
|
+
}), h(2), !(t.autoSubmitRequestId !== t.openRequestId || g.current === t.openRequestId || !l(e)) && (g.current = t.openRequestId, b({
|
|
2136
|
+
workspaceId: t.workspaceId,
|
|
2112
2137
|
userType: "VISITOR",
|
|
2113
|
-
visitorId:
|
|
2114
|
-
fullName:
|
|
2115
|
-
email:
|
|
2116
|
-
message:
|
|
2117
|
-
tagId:
|
|
2118
|
-
tag:
|
|
2138
|
+
visitorId: c,
|
|
2139
|
+
fullName: e.name?.trim(),
|
|
2140
|
+
email: e.email?.trim(),
|
|
2141
|
+
message: e.message?.trim(),
|
|
2142
|
+
tagId: n || void 0,
|
|
2143
|
+
tag: e.tag
|
|
2119
2144
|
}));
|
|
2120
|
-
}, [
|
|
2121
|
-
className:
|
|
2145
|
+
}, [t.openRequestId]), /* @__PURE__ */ H("div", {
|
|
2146
|
+
className: t.styles.container,
|
|
2122
2147
|
children: [/* @__PURE__ */ H("div", {
|
|
2123
2148
|
style: {
|
|
2124
|
-
background: String(
|
|
2125
|
-
color:
|
|
2149
|
+
background: String(r?.widget?.colorScheme),
|
|
2150
|
+
color: r?.widget?.textColor || "#ffffff"
|
|
2126
2151
|
},
|
|
2127
2152
|
className: "padorix:px-3 padorix:py-5 padorix:md:rounded-t-xl padorix:text-sm padorix:flex padorix:gap-2",
|
|
2128
2153
|
children: [/* @__PURE__ */ V(z, {
|
|
@@ -2132,7 +2157,7 @@ function vt(e) {
|
|
|
2132
2157
|
className: "padorix:size-8 padorix:ml-auto",
|
|
2133
2158
|
children: /* @__PURE__ */ V("div", {
|
|
2134
2159
|
className: "padorix:bg-black/10 padorix:size-8 padorix:self-center padorix:flex padorix:items-center padorix:justify-center padorix:rounded-md padorix:cursor-pointer padorix:active:scale-95 padorix:transition-all",
|
|
2135
|
-
onClick:
|
|
2160
|
+
onClick: t.close,
|
|
2136
2161
|
children: /* @__PURE__ */ V(F, {})
|
|
2137
2162
|
})
|
|
2138
2163
|
})]
|
|
@@ -2148,8 +2173,8 @@ function vt(e) {
|
|
|
2148
2173
|
children: [
|
|
2149
2174
|
" ",
|
|
2150
2175
|
/* @__PURE__ */ V("img", {
|
|
2151
|
-
src:
|
|
2152
|
-
alt:
|
|
2176
|
+
src: r?.logo,
|
|
2177
|
+
alt: r?.name,
|
|
2153
2178
|
loading: "lazy",
|
|
2154
2179
|
className: "padorix:size-10 padorix:object-contain"
|
|
2155
2180
|
}),
|
|
@@ -2160,10 +2185,10 @@ function vt(e) {
|
|
|
2160
2185
|
className: "padorix:text-right padorix:w-full",
|
|
2161
2186
|
children: /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V("div", {
|
|
2162
2187
|
className: "padorix:font-medium padorix:text-right",
|
|
2163
|
-
children:
|
|
2188
|
+
children: r?.name
|
|
2164
2189
|
}), /* @__PURE__ */ V("div", {
|
|
2165
2190
|
className: "padorix:text-sm padorix:text-right padorix:text-slate-500",
|
|
2166
|
-
children:
|
|
2191
|
+
children: r?.widget?.department
|
|
2167
2192
|
})] })
|
|
2168
2193
|
})]
|
|
2169
2194
|
}),
|
|
@@ -2174,32 +2199,32 @@ function vt(e) {
|
|
|
2174
2199
|
children: /* @__PURE__ */ H("div", {
|
|
2175
2200
|
className: "padorix:w-full",
|
|
2176
2201
|
children: [
|
|
2177
|
-
|
|
2178
|
-
/* @__PURE__ */ V(
|
|
2202
|
+
p === 1 && /* @__PURE__ */ H(B, { children: [
|
|
2203
|
+
/* @__PURE__ */ V(vt, { current: 1 }),
|
|
2179
2204
|
/* @__PURE__ */ V("div", {
|
|
2180
2205
|
className: "padorix:font-bold padorix:mb-2",
|
|
2181
2206
|
children: "What is your enquiry about?"
|
|
2182
2207
|
}),
|
|
2183
2208
|
/* @__PURE__ */ V("div", {
|
|
2184
2209
|
className: "padorix:flex padorix:flex-wrap padorix:items-center padorix:gap-2",
|
|
2185
|
-
children:
|
|
2210
|
+
children: i?.map((e, t) => /* @__PURE__ */ V("div", {
|
|
2186
2211
|
onClick: () => y(e.id),
|
|
2187
|
-
style: { background: _.values.tagId === e.id ? String(
|
|
2212
|
+
style: { background: _.values.tagId === e.id ? String(r?.widget?.colorScheme) : "#f1f5f9" },
|
|
2188
2213
|
className: `padorix:text-xs padorix:py-1.5 padorix:px-2 padorix:rounded-md ${_.values.tagId === e.id ? "padorix:text-white" : "padorix:bg-slate-100 padorix:border padorix:border-gray-200"} padorix:cursor-pointer padorix:active:scale-95 padorix:transition-all`,
|
|
2189
2214
|
children: e.tag
|
|
2190
|
-
},
|
|
2215
|
+
}, t))
|
|
2191
2216
|
}),
|
|
2192
2217
|
_.errors.tagId ? /* @__PURE__ */ V("div", {
|
|
2193
2218
|
className: "padorix:text-red-400 padorix:text-sm padorix:mt-2",
|
|
2194
2219
|
children: _.errors.tagId?.toString()
|
|
2195
2220
|
}) : ""
|
|
2196
2221
|
] }),
|
|
2197
|
-
|
|
2198
|
-
/* @__PURE__ */ V(
|
|
2199
|
-
/* @__PURE__ */ V(
|
|
2200
|
-
screen:
|
|
2222
|
+
p === 2 && /* @__PURE__ */ H(B, { children: [
|
|
2223
|
+
/* @__PURE__ */ V(vt, { current: 2 }),
|
|
2224
|
+
/* @__PURE__ */ V(yt, {
|
|
2225
|
+
screen: p,
|
|
2201
2226
|
tagId: _.values.tagId,
|
|
2202
|
-
tags:
|
|
2227
|
+
tags: i
|
|
2203
2228
|
}),
|
|
2204
2229
|
/* @__PURE__ */ V($, {
|
|
2205
2230
|
content: "Full name",
|
|
@@ -2214,12 +2239,12 @@ function vt(e) {
|
|
|
2214
2239
|
..._.getInputProps("email")
|
|
2215
2240
|
}, _.key("email"))
|
|
2216
2241
|
] }),
|
|
2217
|
-
|
|
2218
|
-
/* @__PURE__ */ V(
|
|
2219
|
-
/* @__PURE__ */ V(
|
|
2220
|
-
screen:
|
|
2242
|
+
p === 3 && /* @__PURE__ */ H(B, { children: [
|
|
2243
|
+
/* @__PURE__ */ V(vt, { current: 3 }),
|
|
2244
|
+
/* @__PURE__ */ V(yt, {
|
|
2245
|
+
screen: p,
|
|
2221
2246
|
tagId: _.values.tagId,
|
|
2222
|
-
tags:
|
|
2247
|
+
tags: i,
|
|
2223
2248
|
name: _.values.fullName,
|
|
2224
2249
|
email: _.values.email
|
|
2225
2250
|
}),
|
|
@@ -2240,10 +2265,10 @@ function vt(e) {
|
|
|
2240
2265
|
className: "padorix:cursor-pointer padorix:border padorix:border-gray-300 padorix:bg-slate-100 padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md",
|
|
2241
2266
|
children: "Back"
|
|
2242
2267
|
}) }), /* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("button", {
|
|
2243
|
-
disabled:
|
|
2244
|
-
style: { background:
|
|
2245
|
-
className: `${
|
|
2246
|
-
children:
|
|
2268
|
+
disabled: o,
|
|
2269
|
+
style: { background: o ? "#62748e" : String(r?.widget?.colorScheme) },
|
|
2270
|
+
className: `${o ? "padorix:cursor-progress" : "padorix:cursor-pointer"} padorix:text-white padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md`,
|
|
2271
|
+
children: p < 3 ? "Next" : "Start Chat"
|
|
2247
2272
|
}) })]
|
|
2248
2273
|
})]
|
|
2249
2274
|
}),
|
|
@@ -2252,7 +2277,7 @@ function vt(e) {
|
|
|
2252
2277
|
children: [
|
|
2253
2278
|
" ",
|
|
2254
2279
|
/* @__PURE__ */ V("img", {
|
|
2255
|
-
src:
|
|
2280
|
+
src: ht,
|
|
2256
2281
|
alt: "padorix",
|
|
2257
2282
|
loading: "lazy",
|
|
2258
2283
|
className: "padorix:size-6 padorix:inline"
|
|
@@ -2264,7 +2289,7 @@ function vt(e) {
|
|
|
2264
2289
|
})]
|
|
2265
2290
|
});
|
|
2266
2291
|
}
|
|
2267
|
-
function
|
|
2292
|
+
function vt(e) {
|
|
2268
2293
|
let { tags: t, workspace: n } = k((e) => e.data), r = t.length > 0 ? 3 : 2, i = t.length > 0 ? e.current : e.current - 1;
|
|
2269
2294
|
return /* @__PURE__ */ H("div", {
|
|
2270
2295
|
className: "padorix:text-right padorix:text-sm padorix:text-gray-500 padorix:italic padorix:font-semibold",
|
|
@@ -2279,7 +2304,7 @@ function yt(e) {
|
|
|
2279
2304
|
]
|
|
2280
2305
|
});
|
|
2281
2306
|
}
|
|
2282
|
-
function
|
|
2307
|
+
function yt(e) {
|
|
2283
2308
|
return /* @__PURE__ */ H("div", {
|
|
2284
2309
|
className: "padorix:my-2",
|
|
2285
2310
|
children: [e.tagId && e.screen > 1 && /* @__PURE__ */ H("div", {
|
|
@@ -2320,7 +2345,7 @@ function bt(e) {
|
|
|
2320
2345
|
}
|
|
2321
2346
|
//#endregion
|
|
2322
2347
|
//#region lib/chats/chatScreen/not-available-banner.tsx
|
|
2323
|
-
function
|
|
2348
|
+
function bt() {
|
|
2324
2349
|
return /* @__PURE__ */ V("div", {
|
|
2325
2350
|
className: "padorix:p-2 padorix:text-yellow-800 padorix:bg-yellow-100/50 padorix:border padorix:border-yellow-200 padorix:rounded-md padorix:text-center padorix:text-[0.75rem] padorix:whitespace-pre-line",
|
|
2326
2351
|
children: "We're currently unavailable. Leave us a message \n and we'll get back to you via email."
|
|
@@ -2328,7 +2353,7 @@ function xt() {
|
|
|
2328
2353
|
}
|
|
2329
2354
|
//#endregion
|
|
2330
2355
|
//#region lib/chats/chatScreen/chat-faqs.tsx
|
|
2331
|
-
function
|
|
2356
|
+
function xt(e) {
|
|
2332
2357
|
let { faqs: t, workspace: n } = k((e) => e.data), [r, i] = A.useState(), a = e.isOpen ? "Talk to an agent" : "Send us a message";
|
|
2333
2358
|
function o(e) {
|
|
2334
2359
|
i(e);
|
|
@@ -2345,7 +2370,7 @@ function St(e) {
|
|
|
2345
2370
|
className: "padorix:size-8 padorix:rounded-full padorix:bg-white padorix:flex padorix:items-center padorix:justify-center",
|
|
2346
2371
|
children: [
|
|
2347
2372
|
" ",
|
|
2348
|
-
/* @__PURE__ */ V(
|
|
2373
|
+
/* @__PURE__ */ V(Ge, { className: "padorix:size-7" }),
|
|
2349
2374
|
" "
|
|
2350
2375
|
]
|
|
2351
2376
|
})
|
|
@@ -2367,7 +2392,7 @@ function St(e) {
|
|
|
2367
2392
|
/* @__PURE__ */ H("div", {
|
|
2368
2393
|
className: "padorix:p-1.5 padorix:h-[70dvh] padorix-scrolls padorix:overflow-y-auto",
|
|
2369
2394
|
children: [
|
|
2370
|
-
!e.isOpen && /* @__PURE__ */ V(
|
|
2395
|
+
!e.isOpen && /* @__PURE__ */ V(bt, {}),
|
|
2371
2396
|
/* @__PURE__ */ V("div", {
|
|
2372
2397
|
className: "padorix:font-bold padorix:text-xl padorix:mb-3",
|
|
2373
2398
|
children: r.question
|
|
@@ -2404,7 +2429,7 @@ function St(e) {
|
|
|
2404
2429
|
className: "padorix:size-8 padorix:rounded-full padorix:bg-white padorix:flex padorix:items-center padorix:justify-center",
|
|
2405
2430
|
children: [
|
|
2406
2431
|
" ",
|
|
2407
|
-
/* @__PURE__ */ V(
|
|
2432
|
+
/* @__PURE__ */ V(Ge, { className: "padorix:size-7" }),
|
|
2408
2433
|
" "
|
|
2409
2434
|
]
|
|
2410
2435
|
})
|
|
@@ -2425,7 +2450,7 @@ function St(e) {
|
|
|
2425
2450
|
}),
|
|
2426
2451
|
/* @__PURE__ */ H("div", {
|
|
2427
2452
|
className: "padorix:p-1.5 padorix:h-[70dvh] padorix-scrolls padorix:overflow-y-auto",
|
|
2428
|
-
children: [!e.isOpen && /* @__PURE__ */ V(
|
|
2453
|
+
children: [!e.isOpen && /* @__PURE__ */ V(bt, {}), t.map((e, t) => /* @__PURE__ */ H("div", {
|
|
2429
2454
|
onClick: () => o(e),
|
|
2430
2455
|
className: "padorix:p-2.5 padorix:flex padorix:items-center padorix:gap-2 padorix:transition-all padorix:cursor-pointer padorix:active:scale-95 padorix:border-b padorix:border-gray-200 padorix:last:border-0",
|
|
2431
2456
|
children: [/* @__PURE__ */ H("div", {
|
|
@@ -2437,7 +2462,7 @@ function St(e) {
|
|
|
2437
2462
|
className: "padorix:text-sm padorix:text-gray-500",
|
|
2438
2463
|
children: [e.answer?.slice(0, 50), "..."]
|
|
2439
2464
|
})]
|
|
2440
|
-
}), /* @__PURE__ */ V(
|
|
2465
|
+
}), /* @__PURE__ */ V(Oe, {})]
|
|
2441
2466
|
}, t))]
|
|
2442
2467
|
}),
|
|
2443
2468
|
/* @__PURE__ */ V("div", {
|
|
@@ -2453,58 +2478,58 @@ function St(e) {
|
|
|
2453
2478
|
}
|
|
2454
2479
|
//#endregion
|
|
2455
2480
|
//#region lib/chats/chatScreen/unavailable-form.tsx
|
|
2456
|
-
function
|
|
2457
|
-
let { workspace:
|
|
2481
|
+
function St(e) {
|
|
2482
|
+
let { workspace: n } = k((e) => e.data), [r, i] = A.useState(!1), [a, o] = A.useState({
|
|
2458
2483
|
status: "success",
|
|
2459
2484
|
message: ""
|
|
2460
|
-
}),
|
|
2485
|
+
}), s = fe({
|
|
2461
2486
|
mode: "uncontrolled",
|
|
2462
2487
|
initialValues: {
|
|
2463
|
-
workspaceId:
|
|
2488
|
+
workspaceId: n?.id ?? "",
|
|
2464
2489
|
name: "",
|
|
2465
2490
|
email: "",
|
|
2466
2491
|
message: ""
|
|
2467
2492
|
},
|
|
2468
2493
|
validate: {
|
|
2469
2494
|
name: (e) => e ? e.length <= 2 ? "Your name is expected to be more than 2 characters" : null : "Full name is required",
|
|
2470
|
-
email: (e) => e ?
|
|
2495
|
+
email: (e) => e ? gt(e) ? null : "Please enter a valid email address" : "Email address is required",
|
|
2471
2496
|
message: (e) => e ? null : "Enquiry content is required"
|
|
2472
2497
|
}
|
|
2473
2498
|
});
|
|
2474
|
-
async function
|
|
2499
|
+
async function c(e) {
|
|
2475
2500
|
try {
|
|
2476
|
-
|
|
2501
|
+
i(!0), o({
|
|
2477
2502
|
status: "success",
|
|
2478
|
-
message: (await
|
|
2479
|
-
endpoint:
|
|
2503
|
+
message: (await S({
|
|
2504
|
+
endpoint: t.inquiries.inquiries,
|
|
2480
2505
|
method: "POST",
|
|
2481
2506
|
data: e
|
|
2482
2507
|
})).message
|
|
2483
2508
|
});
|
|
2484
2509
|
} catch {
|
|
2485
|
-
|
|
2510
|
+
o({
|
|
2486
2511
|
status: "error",
|
|
2487
2512
|
message: "There was an error sending your message."
|
|
2488
2513
|
});
|
|
2489
2514
|
} finally {
|
|
2490
|
-
|
|
2515
|
+
s.reset(), i(!1), setTimeout(() => o({
|
|
2491
2516
|
status: "success",
|
|
2492
2517
|
message: ""
|
|
2493
2518
|
}), 3e3);
|
|
2494
2519
|
}
|
|
2495
2520
|
}
|
|
2496
2521
|
return /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H("div", {
|
|
2497
|
-
style: { background: String(
|
|
2522
|
+
style: { background: String(n?.widget?.colorScheme) },
|
|
2498
2523
|
className: "padorix:px-3 padorix:py-5 padorix:md:rounded-t-xl padorix:text-white padorix:text-sm padorix:flex padorix:items-center padorix:gap-2",
|
|
2499
2524
|
children: [
|
|
2500
2525
|
/* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("div", {
|
|
2501
2526
|
className: "padorix:size-8",
|
|
2502
2527
|
children: /* @__PURE__ */ H("div", {
|
|
2503
|
-
style: { color: String(
|
|
2528
|
+
style: { color: String(n?.widget?.colorScheme) },
|
|
2504
2529
|
className: "padorix:size-8 padorix:rounded-full padorix:bg-white padorix:flex padorix:items-center padorix:justify-center",
|
|
2505
2530
|
children: [
|
|
2506
2531
|
" ",
|
|
2507
|
-
/* @__PURE__ */ V(
|
|
2532
|
+
/* @__PURE__ */ V(Ke, { className: "padorix:size-5" }),
|
|
2508
2533
|
" "
|
|
2509
2534
|
]
|
|
2510
2535
|
})
|
|
@@ -2531,29 +2556,29 @@ function Ct(e) {
|
|
|
2531
2556
|
}), /* @__PURE__ */ V("div", {
|
|
2532
2557
|
className: "padorix:p-1.5 padorix:h-[70dvh] padorix-scrolls padorix:overflow-y-auto",
|
|
2533
2558
|
children: /* @__PURE__ */ H("form", {
|
|
2534
|
-
onSubmit:
|
|
2559
|
+
onSubmit: s.onSubmit(c),
|
|
2535
2560
|
children: [
|
|
2536
2561
|
/* @__PURE__ */ V($, {
|
|
2537
2562
|
content: "Full name",
|
|
2538
2563
|
placeholder: "Enter your full name",
|
|
2539
|
-
error:
|
|
2540
|
-
...
|
|
2541
|
-
},
|
|
2564
|
+
error: s.errors.name?.toString() || "",
|
|
2565
|
+
...s.getInputProps("name")
|
|
2566
|
+
}, s.key("name")),
|
|
2542
2567
|
/* @__PURE__ */ V($, {
|
|
2543
2568
|
content: "Email address",
|
|
2544
2569
|
placeholder: "name@example.com",
|
|
2545
|
-
error:
|
|
2546
|
-
...
|
|
2547
|
-
},
|
|
2570
|
+
error: s.errors.email?.toString() || "",
|
|
2571
|
+
...s.getInputProps("email")
|
|
2572
|
+
}, s.key("email")),
|
|
2548
2573
|
/* @__PURE__ */ V($, {
|
|
2549
2574
|
content: "Message",
|
|
2550
2575
|
formtype: "textarea",
|
|
2551
|
-
error:
|
|
2552
|
-
...
|
|
2553
|
-
},
|
|
2554
|
-
|
|
2555
|
-
className: `padorix:mt-4 padorix:text-sm padorix:p-2 padorix:rounded-md ${
|
|
2556
|
-
children:
|
|
2576
|
+
error: s.errors.message?.toString() || "",
|
|
2577
|
+
...s.getInputProps("message")
|
|
2578
|
+
}, s.key("message")),
|
|
2579
|
+
a.message && /* @__PURE__ */ V("div", {
|
|
2580
|
+
className: `padorix:mt-4 padorix:text-sm padorix:p-2 padorix:rounded-md ${a.status === "success" ? "padorix:bg-green-100 padorix:text-green-800" : "padorix:bg-red-100 padorix:text-red-800"}`,
|
|
2581
|
+
children: a.message
|
|
2557
2582
|
}),
|
|
2558
2583
|
/* @__PURE__ */ H("div", {
|
|
2559
2584
|
className: "padorix:mt-6 padorix:flex padorix:items-center padorix:gap-2",
|
|
@@ -2565,9 +2590,9 @@ function Ct(e) {
|
|
|
2565
2590
|
}) }), /* @__PURE__ */ V(z, {
|
|
2566
2591
|
className: "padorix:w-full",
|
|
2567
2592
|
children: /* @__PURE__ */ V("button", {
|
|
2568
|
-
disabled:
|
|
2569
|
-
style: { background:
|
|
2570
|
-
className: `${
|
|
2593
|
+
disabled: r,
|
|
2594
|
+
style: { background: r ? "#62748e" : String(n?.widget?.colorScheme) },
|
|
2595
|
+
className: `${r ? "padorix:cursor-progress" : "padorix:cursor-pointer"} padorix:text-white padorix:w-full padorix:py-2 padorix:px-5 padorix:rounded-md padorix:text-shadow-lg padorix:hover:-translate-y-2 padorix:transition-all padorix:hover:shadow-md`,
|
|
2571
2596
|
children: "Submit message"
|
|
2572
2597
|
})
|
|
2573
2598
|
})]
|
|
@@ -2578,8 +2603,8 @@ function Ct(e) {
|
|
|
2578
2603
|
}
|
|
2579
2604
|
//#endregion
|
|
2580
2605
|
//#region lib/chats/chatScreen/chat-lobby.tsx
|
|
2581
|
-
function
|
|
2582
|
-
let { sender: t, faqs: n, faqsLoaded: r, workspace: i } = k((e) => e.data), a = JSON.parse(localStorage.getItem("pdx-sess") || "null"), [o, s] = A.useState(!0), [c, l] = A.useState(!1), u =
|
|
2606
|
+
function Ct(e) {
|
|
2607
|
+
let { sender: t, faqs: n, faqsLoaded: r, workspace: i } = k((e) => e.data), a = JSON.parse(localStorage.getItem("pdx-sess") || "null"), [o, s] = A.useState(!0), [c, l] = A.useState(!1), u = _(i?.widget?.notifications?.showFaqBeforeConversation), d = b(i?.widget), f = !!(e.openOptions && Object.values(e.openOptions).some(Boolean));
|
|
2583
2608
|
function p(e) {
|
|
2584
2609
|
s(e), l(!d);
|
|
2585
2610
|
}
|
|
@@ -2589,11 +2614,11 @@ function wt(e) {
|
|
|
2589
2614
|
function h() {
|
|
2590
2615
|
s(!0);
|
|
2591
2616
|
}
|
|
2592
|
-
if (t?.conversationId && a?.conversationId) return /* @__PURE__ */ V(
|
|
2617
|
+
if (t?.conversationId && a?.conversationId) return /* @__PURE__ */ V(pt, { ...e });
|
|
2593
2618
|
if (!f && o && u && !r) return /* @__PURE__ */ V("div", { className: e.styles.container });
|
|
2594
2619
|
if (!f && o && u && n.length > 0) return /* @__PURE__ */ V("div", {
|
|
2595
2620
|
className: e.styles.container,
|
|
2596
|
-
children: /* @__PURE__ */ V(
|
|
2621
|
+
children: /* @__PURE__ */ V(xt, {
|
|
2597
2622
|
talkToTeam: p,
|
|
2598
2623
|
isOpen: d,
|
|
2599
2624
|
...e
|
|
@@ -2601,26 +2626,26 @@ function wt(e) {
|
|
|
2601
2626
|
});
|
|
2602
2627
|
if (c) return /* @__PURE__ */ V("div", {
|
|
2603
2628
|
className: e.styles.container,
|
|
2604
|
-
children: /* @__PURE__ */ V(
|
|
2629
|
+
children: /* @__PURE__ */ V(St, {
|
|
2605
2630
|
close: e.close,
|
|
2606
2631
|
isOpen: d,
|
|
2607
2632
|
backAction: m
|
|
2608
2633
|
})
|
|
2609
2634
|
});
|
|
2610
|
-
if (!c) return /* @__PURE__ */ V(
|
|
2635
|
+
if (!c) return /* @__PURE__ */ V(wt, {
|
|
2611
2636
|
openFaq: h,
|
|
2612
2637
|
...e
|
|
2613
2638
|
});
|
|
2614
2639
|
}
|
|
2615
|
-
function
|
|
2616
|
-
let { workspace: n, faqs: r } = k((e) => e.data), [i, a] = A.useState(t.openOptions ? 2 : 1), o =
|
|
2640
|
+
function wt({ openFaq: e, ...t }) {
|
|
2641
|
+
let { workspace: n, faqs: r } = k((e) => e.data), [i, a] = A.useState(t.openOptions ? 2 : 1), o = b(n?.widget), s = _(n?.widget?.notifications?.showFaqBeforeConversation) && r.length > 0, c = A.useMemo(() => n?.logo, [n]);
|
|
2617
2642
|
A.useEffect(() => {
|
|
2618
2643
|
a(t.openOptions ? 2 : 1);
|
|
2619
2644
|
}, [t.openRequestId]);
|
|
2620
2645
|
function l(e) {
|
|
2621
2646
|
a(e);
|
|
2622
2647
|
}
|
|
2623
|
-
if (i === 2) return /* @__PURE__ */ V(
|
|
2648
|
+
if (i === 2) return /* @__PURE__ */ V(_t, {
|
|
2624
2649
|
close: t.close,
|
|
2625
2650
|
styles: t.styles,
|
|
2626
2651
|
changeScreen: l,
|
|
@@ -2645,7 +2670,7 @@ function Tt({ openFaq: e, ...t }) {
|
|
|
2645
2670
|
children: [
|
|
2646
2671
|
" ",
|
|
2647
2672
|
/* @__PURE__ */ V("img", {
|
|
2648
|
-
src:
|
|
2673
|
+
src: mt,
|
|
2649
2674
|
alt: n?.name,
|
|
2650
2675
|
loading: "lazy",
|
|
2651
2676
|
className: "padorix:size-6"
|
|
@@ -2692,7 +2717,7 @@ function Tt({ openFaq: e, ...t }) {
|
|
|
2692
2717
|
/* @__PURE__ */ H(z, { children: [/* @__PURE__ */ V("div", {
|
|
2693
2718
|
className: "padorix:mt-5",
|
|
2694
2719
|
children: n?.widget?.welcomeMessage || "Ask us anything - we will get back to you here or by email."
|
|
2695
|
-
}), !o && /* @__PURE__ */ V(
|
|
2720
|
+
}), !o && /* @__PURE__ */ V(bt, {})] }),
|
|
2696
2721
|
/* @__PURE__ */ H("div", {
|
|
2697
2722
|
className: "padorix:mt-10",
|
|
2698
2723
|
children: [/* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("button", {
|
|
@@ -2707,7 +2732,7 @@ function Tt({ openFaq: e, ...t }) {
|
|
|
2707
2732
|
children: "Frequently asked questions?"
|
|
2708
2733
|
}) })]
|
|
2709
2734
|
}),
|
|
2710
|
-
|
|
2735
|
+
_(n?.widget?.notifications?.displaySourceLogoOnWidget) && /* @__PURE__ */ V(z, { children: /* @__PURE__ */ H("div", {
|
|
2711
2736
|
className: "padorix:mt-10 padorix:grayscale-100 padorix:text-sm padorix:flex padorix:items-center padorix:justify-center padorix:text-zinc-500 padorix:gap-2",
|
|
2712
2737
|
children: [
|
|
2713
2738
|
" ",
|
|
@@ -2727,7 +2752,7 @@ function Tt({ openFaq: e, ...t }) {
|
|
|
2727
2752
|
}
|
|
2728
2753
|
//#endregion
|
|
2729
2754
|
//#region lib/chats/chatScreen/styles.ts
|
|
2730
|
-
var
|
|
2755
|
+
var Tt = "", Et = {
|
|
2731
2756
|
visitor: {
|
|
2732
2757
|
container: "padorix:z-50 padorix:fixed padorix:bottom-0 padorix:left-0 padorix:right-0 padorix:top-0 padorix:bg-[#fff] padorix:w-screen padorix:h-screen padorix:max-w-full padorix:pb-16 padorix:max-md:h-(--padorix-vvh,100dvh) padorix:max-md:translate-y-(--padorix-vvt,0px) padorix:md:top-auto padorix:md:left-auto padorix:md:bottom-5 padorix:md:right-2 padorix:md:h-[93dvh] padorix:md:w-[400px] padorix:md:max-w-[640px] padorix:md:rounded-xl padorix:md:border padorix:border-gray-200 padorix:md:shadow-lg padorix:overflow-y-hidden padorix:flex padorix:flex-col",
|
|
2733
2758
|
backdrop: "padorix:hidden padorix:max-md:block padorix:fixed padorix:top-0 padorix:left-0 padorix:right-0 padorix:-bottom-[100lvh] padorix:z-49 padorix:bg-white padorix:touch-none",
|
|
@@ -2739,7 +2764,8 @@ var Et = "", Dt = {
|
|
|
2739
2764
|
imageUploadContainer: "padorix:fixed padorix:top-12 padorix:left-0 padorix:right-0 padorix:w-dvw padorix:h-full padorix:bg-white padorix:z-20 padorix:p-0 padorix:ml-auto padorix:space-y-3 padorix:md:top-21 padorix:md:right-2 padorix:md:w-100 padorix:md:max-w-160 padorix:md:h-[90dvh]",
|
|
2740
2765
|
messagesContainer: "padorix:fixed padorix:bottom-5 padorix:right-0 padorix:w-full padorix:z-30 padorix:bg-white padorix:flex padorix:items-center padorix:justify-between padorix:px-3 padorix:py-4 padorix:md:right-2 padorix:md:w-100 padorix:md:max-w-160 padorix:border padorix:border-gray-200 padorix:rounded-b-xl",
|
|
2741
2766
|
replyContainer: "padorix:relative padorix:w-full padorix:mb-1",
|
|
2742
|
-
formRoot: "padorix:relative padorix:z-50"
|
|
2767
|
+
formRoot: "padorix:relative padorix:z-50",
|
|
2768
|
+
imagePreviewBox: "padorix:h-[60dvh] padorix:md:h-[50dvh]"
|
|
2743
2769
|
},
|
|
2744
2770
|
nonVisitor: {
|
|
2745
2771
|
container: "padorix:bg-[#fff] padorix:relative!",
|
|
@@ -2747,17 +2773,18 @@ var Et = "", Dt = {
|
|
|
2747
2773
|
chatContainerPadding: "padorix:pt-5 padorix:pb-20 padorix:overflow-y-auto padorix:overflow-x-hidden padorix-scrolls padorix:relative",
|
|
2748
2774
|
header: "padorix:sticky padorix:top-0 padorix:left-0 padorix:w-full padorix:bg-white padorix:z-10 padorix:border-x padorix:border-t padorix:border-gray-200",
|
|
2749
2775
|
emojiContainer: "padorix:absolute padorix:bottom-full padorix:left-1 padorix:mb-1 padorix:z-40",
|
|
2750
|
-
formContainer: `padorix:border-t padorix:bg-white padorix:z-10 padorix:relative padorix:border-gray-200 padorix:bottom-0 padorix:left-0 padorix:w-full ${
|
|
2751
|
-
imageUploadContainer: `padorix:absolute padorix:inset-0 padorix:bg-white padorix:z-30 padorix:
|
|
2776
|
+
formContainer: `padorix:border-t padorix:bg-white padorix:z-10 padorix:relative padorix:border-gray-200 padorix:bottom-0 padorix:left-0 padorix:w-full ${Tt} padorix:ml-auto padorix:right-0 padorix:md:text-sm padorix:px-1.5 padorix:pt-1.5 padorix:pb-4`,
|
|
2777
|
+
imageUploadContainer: `padorix:absolute padorix:inset-0 padorix:bg-white padorix:z-30 padorix:flex padorix:flex-col padorix:gap-3 ${Tt}`,
|
|
2752
2778
|
messagesContainer: "padorix:absolute padorix:border padorix:border-gray-200 padorix:bottom-0 padorix:right-0 padorix:w-full padorix:z-30 padorix:bg-white padorix:flex padorix:items-center padorix:justify-between padorix:px-3 padorix:py-4 padorix:md:right-2",
|
|
2753
|
-
replyContainer: `padorix:relative padorix:w-full padorix:mb-1 ${
|
|
2754
|
-
formRoot: ""
|
|
2779
|
+
replyContainer: `padorix:relative padorix:w-full padorix:mb-1 ${Tt}`,
|
|
2780
|
+
formRoot: "",
|
|
2781
|
+
imagePreviewBox: "padorix:flex-1 padorix:min-h-0"
|
|
2755
2782
|
}
|
|
2756
|
-
},
|
|
2783
|
+
}, Dt = "data:image/svg+xml,%3csvg%20width='122'%20height='123'%20viewBox='0%200%20122%20123'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.3'%3e%3cpath%20d='M56.6201%2019.9004H65.3779C85.9345%2019.9004%20102.6%2036.5645%20102.6%2057.1211V65.8789C102.6%2086.4355%2085.9346%20103.101%2065.3779%20103.101H56.6201C36.0636%20103.101%2019.3994%2086.4355%2019.3994%2065.8789V57.1211C19.3995%2036.5646%2036.0636%2019.9005%2056.6201%2019.9004Z'%20stroke='%23667085'%20stroke-width='6.4'/%3e%3c/g%3e%3cg%20opacity='0.1'%3e%3cpath%20d='M40.6201%203.90039H81.3779C101.934%203.90039%20118.6%2020.5645%20118.6%2041.1211V81.8789C118.6%20102.436%20101.935%20119.101%2081.3779%20119.101H40.6201C20.0636%20119.101%203.39941%20102.435%203.39941%2081.8789V41.1211C3.39948%2020.5646%2020.0636%203.90048%2040.6201%203.90039Z'%20stroke='%23667085'%20stroke-width='6.4'/%3e%3c/g%3e%3cpath%20d='M51.6693%2070.8339L70.3359%2052.1673M53.0026%2040.1673V34.834M69.0026%2082.834V88.1673M39.6693%2053.5007H34.3359M82.3359%2069.5007H87.6693M42.1072%2042.6052L38.3359%2038.834M79.8981%2080.3958L83.6694%2084.1671M61.0027%2076.5854L55.3458%2082.2422C51.1803%2086.4078%2044.4265%2086.4078%2040.2609%2082.2422C36.0953%2078.0766%2036.0953%2071.3229%2040.2609%2067.1573L45.9178%2061.5004M76.0876%2061.5004L81.7445%2055.8436C85.9101%2051.678%2085.9101%2044.9242%2081.7445%2040.7586C77.5789%2036.593%2070.8251%2036.593%2066.6596%2040.7586L61.0027%2046.4155'%20stroke='%23667085'%20stroke-width='6.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e", Ot = "data:image/svg+xml,%3csvg%20width='122'%20height='122'%20viewBox='0%200%20122%20122'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20opacity='0.3'%3e%3cpath%20d='M56.6209%2019.4002H65.3787C85.9353%2019.4002%20102.6%2036.0643%20102.6%2056.6209V65.3787C102.6%2085.9353%2085.9353%20102.6%2065.3787%20102.6H56.6209C36.0643%20102.6%2019.4002%2085.9353%2019.4002%2065.3787V56.6209C19.4003%2036.0644%2036.0644%2019.4003%2056.6209%2019.4002Z'%20stroke='%23D12C2C'%20stroke-width='6.4'/%3e%3c/g%3e%3cg%20opacity='0.1'%3e%3cpath%20d='M40.6209%203.40019H81.3787C101.935%203.40019%20118.6%2020.0643%20118.6%2040.6209V81.3787C118.6%20101.935%20101.935%20118.6%2081.3787%20118.6H40.6209C20.0643%20118.6%203.40019%20101.935%203.40019%2081.3787V40.6209C3.40026%2020.0644%2020.0644%203.40028%2040.6209%203.40019Z'%20stroke='%23FF7E7E'%20stroke-width='6.4'/%3e%3c/g%3e%3cpath%20d='M69%2053L53%2069M53%2053L69%2069M87.6667%2061C87.6667%2075.7276%2075.7276%2087.6667%2061%2087.6667C46.2724%2087.6667%2034.3333%2075.7276%2034.3333%2061C34.3333%2046.2724%2046.2724%2034.3333%2061%2034.3333C75.7276%2034.3333%2087.6667%2046.2724%2087.6667%2061Z'%20stroke='%23D12C2C'%20stroke-width='6.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
|
|
2757
2784
|
//#endregion
|
|
2758
2785
|
//#region lib/chats/online-check/online-check.tsx
|
|
2759
|
-
function
|
|
2760
|
-
let t = e.userType === w.VISITOR ?
|
|
2786
|
+
function kt(e) {
|
|
2787
|
+
let t = e.userType === w.VISITOR ? Et.visitor : Et.nonVisitor, n = e.userType === w.VISITOR, [r, i] = A.useState(navigator.onLine);
|
|
2761
2788
|
return A.useEffect(() => {
|
|
2762
2789
|
let e = () => {
|
|
2763
2790
|
i(!0);
|
|
@@ -2779,7 +2806,7 @@ function At(e) {
|
|
|
2779
2806
|
children: [
|
|
2780
2807
|
" ",
|
|
2781
2808
|
/* @__PURE__ */ V("img", {
|
|
2782
|
-
src:
|
|
2809
|
+
src: Ot,
|
|
2783
2810
|
alt: "Padorix",
|
|
2784
2811
|
loading: "lazy",
|
|
2785
2812
|
className: "padorix:size-6"
|
|
@@ -2804,7 +2831,7 @@ function At(e) {
|
|
|
2804
2831
|
}), /* @__PURE__ */ H("div", {
|
|
2805
2832
|
className: "padorix:flex padorix:flex-col padorix:items-center padorix:justify-center padorix:h-full padorix:text-center",
|
|
2806
2833
|
children: [/* @__PURE__ */ V(z, { children: /* @__PURE__ */ V("img", {
|
|
2807
|
-
src:
|
|
2834
|
+
src: Dt,
|
|
2808
2835
|
alt: "",
|
|
2809
2836
|
className: ""
|
|
2810
2837
|
}) }), /* @__PURE__ */ H(z, { children: [
|
|
@@ -2830,57 +2857,57 @@ function At(e) {
|
|
|
2830
2857
|
}
|
|
2831
2858
|
//#endregion
|
|
2832
2859
|
//#region lib/chats/chatScreen/chat-conversation.tsx
|
|
2833
|
-
function
|
|
2834
|
-
let
|
|
2860
|
+
function At(t) {
|
|
2861
|
+
let n = t.userType === w.VISITOR, r = O(), { workspace: o } = k((e) => e.data);
|
|
2835
2862
|
if (A.useEffect(() => {
|
|
2836
|
-
if (!
|
|
2837
|
-
|
|
2863
|
+
if (!n) {
|
|
2864
|
+
r(e(t.sender));
|
|
2838
2865
|
return;
|
|
2839
2866
|
}
|
|
2840
2867
|
try {
|
|
2841
|
-
let
|
|
2842
|
-
|
|
2868
|
+
let t = JSON.parse(localStorage.getItem("pdx-sess") ?? "null"), n = t?.expiresAt ? K().isAfter(t?.expiresAt) : !0;
|
|
2869
|
+
n && localStorage.removeItem(f), !n && t?.conversationId && r(e(t));
|
|
2843
2870
|
} catch (e) {
|
|
2844
2871
|
console.log(e);
|
|
2845
2872
|
}
|
|
2846
2873
|
}, [
|
|
2874
|
+
r,
|
|
2847
2875
|
n,
|
|
2848
|
-
t
|
|
2849
|
-
e.sender
|
|
2876
|
+
t.sender
|
|
2850
2877
|
]), A.useEffect(() => {
|
|
2851
|
-
if (!
|
|
2852
|
-
let
|
|
2853
|
-
return
|
|
2854
|
-
|
|
2878
|
+
if (!t.workspaceId) return;
|
|
2879
|
+
let e = !1;
|
|
2880
|
+
return d.config(t.workspaceId, t.userType).then((t) => {
|
|
2881
|
+
e || (r(i(t.workspace)), r(a(t.faqs)), r(h(t.tags)));
|
|
2855
2882
|
}).catch((e) => console.log(e.message, "error data")), () => {
|
|
2856
|
-
|
|
2883
|
+
e = !0;
|
|
2857
2884
|
};
|
|
2858
2885
|
}, [
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2886
|
+
r,
|
|
2887
|
+
t.userType,
|
|
2888
|
+
t.workspaceId
|
|
2862
2889
|
]), A.useEffect(() => {
|
|
2863
|
-
if (
|
|
2864
|
-
let
|
|
2865
|
-
return E.on(D.connected,
|
|
2866
|
-
E.off(D.connected,
|
|
2890
|
+
if (n || !t.workspaceId) return;
|
|
2891
|
+
let e = () => E.emit(D.subscribe_workspace, { workspaceId: t.workspaceId });
|
|
2892
|
+
return E.on(D.connected, e), te(!0), e(), () => {
|
|
2893
|
+
E.off(D.connected, e);
|
|
2867
2894
|
};
|
|
2868
|
-
}, [
|
|
2895
|
+
}, [n, t.workspaceId]), o?.id) return t.children;
|
|
2869
2896
|
}
|
|
2870
2897
|
//#endregion
|
|
2871
2898
|
//#region lib/chats/chatScreen/chat-panel.tsx
|
|
2872
|
-
function
|
|
2899
|
+
function jt(e) {
|
|
2873
2900
|
return /* @__PURE__ */ H(U, { children: [/* @__PURE__ */ V("div", {
|
|
2874
2901
|
"aria-hidden": !0,
|
|
2875
|
-
className:
|
|
2876
|
-
}), /* @__PURE__ */ V(
|
|
2902
|
+
className: Et.visitor.backdrop
|
|
2903
|
+
}), /* @__PURE__ */ V(kt, {
|
|
2877
2904
|
...e,
|
|
2878
2905
|
close: e.close,
|
|
2879
|
-
children: /* @__PURE__ */ V(
|
|
2906
|
+
children: /* @__PURE__ */ V(At, {
|
|
2880
2907
|
...e,
|
|
2881
|
-
children: /* @__PURE__ */ V(
|
|
2908
|
+
children: /* @__PURE__ */ V(Ct, {
|
|
2882
2909
|
close: e.close,
|
|
2883
|
-
styles:
|
|
2910
|
+
styles: Et.visitor,
|
|
2884
2911
|
workspaceId: e.workspaceId,
|
|
2885
2912
|
moreActions: e.moreActions,
|
|
2886
2913
|
userType: e.userType,
|
|
@@ -2894,13 +2921,13 @@ function Mt(e) {
|
|
|
2894
2921
|
})
|
|
2895
2922
|
})] });
|
|
2896
2923
|
}
|
|
2897
|
-
function
|
|
2898
|
-
return /* @__PURE__ */ H(U, { children: [/* @__PURE__ */ V(T, {}), /* @__PURE__ */ V(
|
|
2924
|
+
function Mt(e) {
|
|
2925
|
+
return /* @__PURE__ */ H(U, { children: [/* @__PURE__ */ V(T, {}), /* @__PURE__ */ V(kt, {
|
|
2899
2926
|
...e,
|
|
2900
|
-
children: /* @__PURE__ */ V(
|
|
2927
|
+
children: /* @__PURE__ */ V(At, {
|
|
2901
2928
|
...e,
|
|
2902
|
-
children: /* @__PURE__ */ V(
|
|
2903
|
-
styles:
|
|
2929
|
+
children: /* @__PURE__ */ V(pt, {
|
|
2930
|
+
styles: Et.nonVisitor,
|
|
2904
2931
|
moreActions: e.moreActions,
|
|
2905
2932
|
userType: e.userType,
|
|
2906
2933
|
sender: e.sender,
|
|
@@ -2911,6 +2938,6 @@ function Nt(e) {
|
|
|
2911
2938
|
})] });
|
|
2912
2939
|
}
|
|
2913
2940
|
//#endregion
|
|
2914
|
-
export {
|
|
2941
|
+
export { Mt as AgentChatPanel, jt as VisitorChatPanel };
|
|
2915
2942
|
|
|
2916
|
-
//# sourceMappingURL=chat-panel-
|
|
2943
|
+
//# sourceMappingURL=chat-panel-DOV89YL7.js.map
|