@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.780
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/{case-study-card-FMH622O5.cjs → case-study-card-WXMWYGSW.cjs} +2 -2
- package/dist/{chunk-JMFF3L3T.cjs → chunk-2JO5HNEF.cjs} +23 -23
- package/dist/{chunk-SDZG7VV7.cjs → chunk-2W3VDE4D.cjs} +2 -2
- package/dist/{chunk-4JZDJ34E.cjs → chunk-4BBOHZM3.cjs} +4 -4
- package/dist/{chunk-QIATO42V.cjs → chunk-4NRVV3KO.cjs} +3 -3
- package/dist/{chunk-BDDOC425.cjs → chunk-AQXEM7GI.cjs} +3 -3
- package/dist/{chunk-ALA4KHTE.cjs → chunk-DQALLDTZ.cjs} +4 -4
- package/dist/{chunk-LU2DGST4.cjs → chunk-F3BASIMT.cjs} +78 -78
- package/dist/{chunk-Y6MQBLTZ.cjs → chunk-HUPDPANN.cjs} +4 -4
- package/dist/{chunk-3PCSEZNZ.cjs → chunk-I4IC3BRC.cjs} +39 -39
- package/dist/{chunk-7LJSGOWS.cjs → chunk-IE3QCYBT.cjs} +13 -13
- package/dist/{chunk-VY3NGJRH.cjs → chunk-ILRQXZBA.cjs} +52 -52
- package/dist/{chunk-T47VAUYR.cjs → chunk-KA3VQ6X2.cjs} +69 -69
- package/dist/{chunk-WCSWWVPF.cjs → chunk-MLX6Z7TU.cjs} +2 -2
- package/dist/{chunk-MQPTOJMF.cjs → chunk-OH5LAH3X.cjs} +3 -51
- package/dist/{chunk-G2N7INFT.cjs → chunk-OMHQZXCD.cjs} +11 -11
- package/dist/{chunk-TZP7PSPG.cjs → chunk-OWQVDWTK.cjs} +109 -103
- package/dist/{chunk-XVAVQ4BK.cjs → chunk-PQBGSVZE.cjs} +38 -38
- package/dist/{chunk-LGNJTSKB.cjs → chunk-QEFDGI3Z.cjs} +29 -29
- package/dist/{chunk-WMZIBRTR.cjs → chunk-QIQYD75I.cjs} +2 -2
- package/dist/{chunk-T7NDPPLF.cjs → chunk-TVDQMG7I.cjs} +18 -18
- package/dist/{chunk-HXLOCZMG.cjs → chunk-UPAE4IV5.cjs} +167 -167
- package/dist/{chunk-DOM5CUEY.cjs → chunk-WR7KJML6.cjs} +30 -30
- package/dist/{chunk-CGQ7CL62.cjs → chunk-YG72MEHY.cjs} +98 -98
- package/dist/{chunk-U5VQFKRZ.cjs → chunk-YNECNYQF.cjs} +4 -4
- package/dist/{chunk-S3YDUX2I.cjs → chunk-YWQ3VXPL.cjs} +75 -75
- package/dist/{chunk-UW6AOF42.cjs → chunk-ZGWS3NJR.cjs} +13 -13
- package/dist/{cloud-tenants-EUH42CCL.cjs → cloud-tenants-2ZLGCSGK.cjs} +8 -8
- package/dist/components/case-studies/index.cjs +24 -24
- package/dist/components/chat/chat-message-enhanced.d.ts.map +1 -1
- package/dist/components/chat/chat-message-enhanced.js +8 -4
- package/dist/components/chat/chat-message-list.d.ts.map +1 -1
- package/dist/components/chat/chat-message-list.js +2 -0
- package/dist/components/chat/index.cjs +6 -6
- package/dist/components/chat/types/component.types.d.ts +9 -0
- package/dist/components/chat/types/component.types.d.ts.map +1 -1
- package/dist/components/contact/index.cjs +9 -9
- package/dist/components/docs/index.cjs +12 -12
- package/dist/components/embeds/index.cjs +9 -9
- package/dist/components/faq/index.cjs +10 -10
- package/dist/components/features/index.cjs +8 -8
- package/dist/components/features/video-hover-preview.d.ts.map +1 -1
- package/dist/components/features/video-hover-preview.js +2 -5
- package/dist/components/features/video.d.ts.map +1 -1
- package/dist/components/features/video.js +1 -44
- package/dist/components/help-center-pages/index.cjs +84 -84
- package/dist/components/index.cjs +56 -56
- package/dist/components/meeting-scheduler/index.cjs +38 -38
- package/dist/components/navigation/index.cjs +11 -11
- package/dist/components/onboarding-guides/index.cjs +11 -11
- package/dist/components/product-demo/index.cjs +17 -17
- package/dist/components/related-content/index.cjs +6 -6
- package/dist/components/tickets/index.cjs +14 -14
- package/dist/components/ui/index.cjs +8 -8
- package/dist/{devices-WL3I23EE.cjs → devices-UOBQFPV3.cjs} +9 -9
- package/dist/{embeddable-chat-KEWUGQIF.cjs → embeddable-chat-SFQWRUIV.cjs} +74 -74
- package/dist/index.cjs +12 -12
- package/dist/{knowledge-O3PXUX73.cjs → knowledge-5K3LTHGB.cjs} +9 -9
- package/dist/{logs-XODCXWYI.cjs → logs-WU3N6ESS.cjs} +16 -16
- package/dist/{policies-CQACBIKK.cjs → policies-2IYASCQO.cjs} +12 -12
- package/dist/{scripts-QMM6SEB5.cjs → scripts-IQBKOQEY.cjs} +13 -13
- package/dist/{software-update-CCCKS4ZE.cjs → software-update-GJLDO5X5.cjs} +11 -11
- package/package.json +1 -1
- package/src/components/chat/chat-message-enhanced.tsx +13 -4
- package/src/components/chat/chat-message-list.tsx +2 -0
- package/src/components/chat/types/component.types.ts +9 -0
- package/src/components/features/video-hover-preview.tsx +37 -46
- package/src/components/features/video.tsx +1 -61
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkOMHQZXCDcjs = require('./chunk-OMHQZXCD.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -9,14 +9,14 @@ var _chunkG2N7INFTcjs = require('./chunk-G2N7INFT.cjs');
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _chunk2JO5HNEFcjs = require('./chunk-2JO5HNEF.cjs');
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _chunkHUPDPANNcjs = require('./chunk-HUPDPANN.cjs');
|
|
17
17
|
|
|
18
18
|
|
|
19
|
-
var
|
|
19
|
+
var _chunkYNECNYQFcjs = require('./chunk-YNECNYQF.cjs');
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
|
|
@@ -29,7 +29,7 @@ var _chunkU5VQFKRZcjs = require('./chunk-U5VQFKRZ.cjs');
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
|
-
var
|
|
32
|
+
var _chunkUPAE4IV5cjs = require('./chunk-UPAE4IV5.cjs');
|
|
33
33
|
|
|
34
34
|
|
|
35
35
|
|
|
@@ -43,13 +43,13 @@ var _chunk5PK22JP7cjs = require('./chunk-5PK22JP7.cjs');
|
|
|
43
43
|
|
|
44
44
|
|
|
45
45
|
|
|
46
|
-
var
|
|
46
|
+
var _chunkYWQ3VXPLcjs = require('./chunk-YWQ3VXPL.cjs');
|
|
47
47
|
|
|
48
48
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
|
|
52
|
-
var
|
|
52
|
+
var _chunkOWQVDWTKcjs = require('./chunk-OWQVDWTK.cjs');
|
|
53
53
|
|
|
54
54
|
|
|
55
55
|
var _chunkLBGAHB6Xcjs = require('./chunk-LBGAHB6X.cjs');
|
|
@@ -70,12 +70,12 @@ var _chunkJKX2C3I2cjs = require('./chunk-JKX2C3I2.cjs');
|
|
|
70
70
|
var _chunk7DNL734Scjs = require('./chunk-7DNL734S.cjs');
|
|
71
71
|
|
|
72
72
|
|
|
73
|
-
var
|
|
73
|
+
var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
|
|
74
74
|
|
|
75
75
|
|
|
76
76
|
|
|
77
77
|
|
|
78
|
-
var
|
|
78
|
+
var _chunkOH5LAH3Xcjs = require('./chunk-OH5LAH3X.cjs');
|
|
79
79
|
|
|
80
80
|
|
|
81
81
|
var _chunkBNUZKBNVcjs = require('./chunk-BNUZKBNV.cjs');
|
|
@@ -153,7 +153,7 @@ var TicketActionFailure = class extends Error {
|
|
|
153
153
|
function useTicketActions(options) {
|
|
154
154
|
const queryClient = _reactquery.useQueryClient.call(void 0, );
|
|
155
155
|
const ticketActionEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.ticketActionUrl, () => ( TICKET_ACTION_ENDPOINT));
|
|
156
|
-
const ticketLive =
|
|
156
|
+
const ticketLive = _chunkYNECNYQFcjs.useOptionalTicketLive.call(void 0, );
|
|
157
157
|
const notifyTicketCreated = _optionalChain([ticketLive, 'optionalAccess', _2 => _2.notifyTicketCreated]);
|
|
158
158
|
const { prependOptimistic, removeOptimistic, removeTicketFromCache, toast: toast2, onSupportSystemDown } = options;
|
|
159
159
|
const formInFlightRef = _react.useRef.call(void 0, null);
|
|
@@ -646,7 +646,7 @@ var COUNTER_VISIBLE_AT = Math.floor(TICKET_TEXT_MAX_CHARS * 0.8);
|
|
|
646
646
|
function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
647
647
|
const [subject, setSubject] = _react.useState.call(void 0, "");
|
|
648
648
|
const [content, setContent] = _react.useState.call(void 0, "");
|
|
649
|
-
const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } =
|
|
649
|
+
const { attachments, readyAttachments, hasInflightUploads, addFiles, removeAttachment, clear } = _chunkOWQVDWTKcjs.useChatAttachments.call(void 0, );
|
|
650
650
|
const trimmedSubject = subject.trim();
|
|
651
651
|
const trimmedContent = content.trim();
|
|
652
652
|
const overCap = content.length > TICKET_TEXT_MAX_CHARS;
|
|
@@ -666,7 +666,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
666
666
|
clear();
|
|
667
667
|
}
|
|
668
668
|
};
|
|
669
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
669
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "flex flex-col gap-6 md:flex-row", ..._chunkYWQ3VXPLcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
|
|
670
670
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "min-w-0 flex-1 md:max-w-md", children: [
|
|
671
671
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "mb-2 text-ods-text-primary text-h2", children: "Need Support?" }),
|
|
672
672
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "Can't find what you're looking for? Submit a support ticket below \u2014 we'll follow up shortly." }),
|
|
@@ -691,7 +691,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
691
691
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
|
|
692
692
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { htmlFor: "ticket-content", className: "mb-1 block text-ods-text-primary text-h6", children: "Your Message" }),
|
|
693
693
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
694
|
-
|
|
694
|
+
_chunkUPAE4IV5cjs.Textarea,
|
|
695
695
|
{
|
|
696
696
|
id: "ticket-content",
|
|
697
697
|
placeholder: "Describe your issue or question in detail...",
|
|
@@ -709,7 +709,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
709
709
|
] })
|
|
710
710
|
] }),
|
|
711
711
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
712
|
-
|
|
712
|
+
_chunkOWQVDWTKcjs.ChatAttachmentChipStrip,
|
|
713
713
|
{
|
|
714
714
|
attachments,
|
|
715
715
|
onRemove: removeAttachment,
|
|
@@ -718,7 +718,7 @@ function TicketOpenForm({ onSubmit, isSubmitting, supportSystemDown }) {
|
|
|
718
718
|
),
|
|
719
719
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
|
|
720
720
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
721
|
-
|
|
721
|
+
_chunkOWQVDWTKcjs.ChatAttachmentAddButton,
|
|
722
722
|
{
|
|
723
723
|
attachmentsEnabled: !supportSystemDown,
|
|
724
724
|
attachmentsCount: attachments.length,
|
|
@@ -748,7 +748,7 @@ var _usesticktobottom = require('use-stick-to-bottom');
|
|
|
748
748
|
|
|
749
749
|
var LIST_ENGAGEMENTS_ENDPOINT = "/api/chat/agent/list-engagements";
|
|
750
750
|
function useTicketEngagements(externalTicketId, enabled = true) {
|
|
751
|
-
const identity =
|
|
751
|
+
const identity = _chunkOWQVDWTKcjs.useChatIdentity.call(void 0, );
|
|
752
752
|
const identityKey = _nullishCoalesce(_optionalChain([identity, 'access', _22 => _22.user, 'optionalAccess', _23 => _23.email]), () => ( "anon"));
|
|
753
753
|
const listEngagementsEndpoint = _nullishCoalesce(_chunkUJ7AXHRZcjs.useRequiredChatRuntime.call(void 0, ).endpoints.listEngagementsUrl, () => ( LIST_ENGAGEMENTS_ENDPOINT));
|
|
754
754
|
const fetchable = enabled && !!externalTicketId && !externalTicketId.startsWith("temp-");
|
|
@@ -821,7 +821,7 @@ function TicketLinkedDeliveryCard({ clickup, className }) {
|
|
|
821
821
|
dateClosed: clickup.date_closed,
|
|
822
822
|
clickupUrl: _nullishCoalesce(clickup.clickup_url, () => ( ""))
|
|
823
823
|
};
|
|
824
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${
|
|
824
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${_chunkOH5LAH3Xcjs.CONTENT_CARD_SKELETON_FRAME_CLASS} ${_nullishCoalesce(className, () => ( ""))}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DeliveryRow, { item, href: clickup.delivery_href, caption: "Linked delivery" }) });
|
|
825
825
|
}
|
|
826
826
|
|
|
827
827
|
// src/components/tickets/ticket-reply-composer.tsx
|
|
@@ -836,7 +836,7 @@ function TicketReplyComposer({
|
|
|
836
836
|
}) {
|
|
837
837
|
const [resolution, setResolution] = _react.useState.call(void 0, "");
|
|
838
838
|
const [closeDialogOpen, setCloseDialogOpen] = _react.useState.call(void 0, false);
|
|
839
|
-
const attachments =
|
|
839
|
+
const attachments = _chunkOWQVDWTKcjs.useChatAttachments.call(void 0, );
|
|
840
840
|
const { readyAttachments, clear: clearAttachments } = attachments;
|
|
841
841
|
const ticketRef = { id: ticket.id, external_id: ticket.external_id };
|
|
842
842
|
const hasReadyFiles = readyAttachments.length > 0;
|
|
@@ -857,7 +857,7 @@ function TicketReplyComposer({
|
|
|
857
857
|
const disabled = busy || supportSystemDown;
|
|
858
858
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-2", children: [
|
|
859
859
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
860
|
-
|
|
860
|
+
_chunkOWQVDWTKcjs.ChatAttachmentChipStrip,
|
|
861
861
|
{
|
|
862
862
|
attachments: attachments.attachments,
|
|
863
863
|
onRemove: attachments.removeAttachment,
|
|
@@ -880,7 +880,7 @@ function TicketReplyComposer({
|
|
|
880
880
|
),
|
|
881
881
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-full items-center gap-2", children: [
|
|
882
882
|
!supportSystemDown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
883
|
-
|
|
883
|
+
_chunkOWQVDWTKcjs.ChatAttachmentAddButton,
|
|
884
884
|
{
|
|
885
885
|
attachmentsEnabled: true,
|
|
886
886
|
attachmentsCount: attachments.attachments.length,
|
|
@@ -903,13 +903,13 @@ function TicketReplyComposer({
|
|
|
903
903
|
}
|
|
904
904
|
)
|
|
905
905
|
] }),
|
|
906
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
907
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
908
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
909
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
906
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.AlertDialog, { open: closeDialogOpen, onOpenChange: setCloseDialogOpen, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUPAE4IV5cjs.AlertDialogContent, { className: "border-ods-border bg-ods-card", children: [
|
|
907
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUPAE4IV5cjs.AlertDialogHeader, { children: [
|
|
908
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.AlertDialogTitle, { className: "text-ods-text-primary", children: "Close this ticket?" }),
|
|
909
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.AlertDialogDescription, { className: "text-ods-text-secondary", children: "Add an optional resolution note below. You can reopen the ticket later if needed." })
|
|
910
910
|
] }),
|
|
911
911
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
912
|
-
|
|
912
|
+
_chunkUPAE4IV5cjs.Textarea,
|
|
913
913
|
{
|
|
914
914
|
value: resolution,
|
|
915
915
|
onChange: (e) => setResolution(e.target.value),
|
|
@@ -919,9 +919,9 @@ function TicketReplyComposer({
|
|
|
919
919
|
className: "mt-2"
|
|
920
920
|
}
|
|
921
921
|
),
|
|
922
|
-
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
922
|
+
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkUPAE4IV5cjs.AlertDialogFooter, { children: [
|
|
923
923
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
924
|
-
|
|
924
|
+
_chunkUPAE4IV5cjs.AlertDialogCancel,
|
|
925
925
|
{
|
|
926
926
|
disabled: busy,
|
|
927
927
|
className: "border-ods-border bg-transparent text-ods-text-primary hover:bg-ods-border",
|
|
@@ -929,7 +929,7 @@ function TicketReplyComposer({
|
|
|
929
929
|
}
|
|
930
930
|
),
|
|
931
931
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
932
|
-
|
|
932
|
+
_chunkUPAE4IV5cjs.AlertDialogAction,
|
|
933
933
|
{
|
|
934
934
|
onClick: () => void confirmClose(),
|
|
935
935
|
disabled: busy,
|
|
@@ -991,10 +991,10 @@ var TICKET_FEED_HEIGHT = "h-[60vh] md:h-[420px]";
|
|
|
991
991
|
var TICKET_FEED_INNER = "flex flex-col gap-4 md:gap-6 px-4 md:px-6 py-4 md:py-6";
|
|
992
992
|
var TICKET_FEED_SKELETON_ROWS = 6;
|
|
993
993
|
function TicketTimelinePanel({ ticket }) {
|
|
994
|
-
const identity =
|
|
994
|
+
const identity = _chunkOWQVDWTKcjs.useChatIdentity.call(void 0, );
|
|
995
995
|
const externalId = isOptimistic(ticket) ? null : ticket.external_id;
|
|
996
996
|
const { engagements, isLoading } = useTicketEngagements(externalId, !!externalId);
|
|
997
|
-
const live =
|
|
997
|
+
const live = _chunkYNECNYQFcjs.useOptionalTicketLive.call(void 0, );
|
|
998
998
|
const setOpenTicketId = _optionalChain([live, 'optionalAccess', _26 => _26.setOpenTicketId]);
|
|
999
999
|
const markRead = _optionalChain([live, 'optionalAccess', _27 => _27.markRead]);
|
|
1000
1000
|
const markReadDebounceRef = _react.useRef.call(void 0, null);
|
|
@@ -1033,11 +1033,11 @@ function TicketTimelinePanel({ ticket }) {
|
|
|
1033
1033
|
const customerName = (isViewerTheCustomer ? viewerName : null) || ticketCustomerName || viewerName || _optionalChain([identity, 'access', _41 => _41.user, 'optionalAccess', _42 => _42.email]) || "You";
|
|
1034
1034
|
const customerAvatar = isViewerTheCustomer ? _nullishCoalesce(_optionalChain([identity, 'access', _43 => _43.user, 'optionalAccess', _44 => _44.avatarUrl]), () => ( void 0)) : void 0;
|
|
1035
1035
|
if (isLoading) {
|
|
1036
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1036
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: `${TICKET_FEED_FRAME} ${TICKET_FEED_HEIGHT}`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading messages", className: TICKET_FEED_INNER, children: Array.from({ length: TICKET_FEED_SKELETON_ROWS }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWQ3VXPLcjs.ChatMessageRowSkeleton, {}, i)) }) });
|
|
1037
1037
|
}
|
|
1038
1038
|
if (bodyTurns.length === 0 && engagements.length === 0) {
|
|
1039
1039
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1040
|
-
|
|
1040
|
+
_chunkHUPDPANNcjs.EmptyState,
|
|
1041
1041
|
{
|
|
1042
1042
|
type: "generic",
|
|
1043
1043
|
title: "No conversation yet",
|
|
@@ -1052,7 +1052,7 @@ function TicketTimelinePanel({ ticket }) {
|
|
|
1052
1052
|
const isResolution = turn.startsWith("[Resolution]");
|
|
1053
1053
|
const text = isResolution ? turn.replace(/^\[Resolution\]\s*/, "") : turn;
|
|
1054
1054
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1055
|
-
|
|
1055
|
+
_chunkYWQ3VXPLcjs.ChatMessageRow,
|
|
1056
1056
|
{
|
|
1057
1057
|
displayName: customerName,
|
|
1058
1058
|
avatarUrl: customerAvatar,
|
|
@@ -1081,13 +1081,13 @@ function TicketTimelinePanel({ ticket }) {
|
|
|
1081
1081
|
}
|
|
1082
1082
|
const engAttachments = mapEngagementAttachments(eng.attachments);
|
|
1083
1083
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1084
|
-
|
|
1084
|
+
_chunkYWQ3VXPLcjs.ChatMessageRow,
|
|
1085
1085
|
{
|
|
1086
1086
|
displayName: author,
|
|
1087
1087
|
avatarUrl: avatarSrc,
|
|
1088
1088
|
timeLabel: eng.createdAt ? _chunkLBGAHB6Xcjs.formatRelativeTime.call(void 0, eng.createdAt) : null,
|
|
1089
1089
|
body: stripAttachmentsPreamble(_nullishCoalesce(eng.body, () => ( ""))),
|
|
1090
|
-
footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1090
|
+
footer: engAttachments.length > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.TicketAttachmentsList, { attachments: engAttachments, size: "compact" }) }) : null
|
|
1091
1091
|
},
|
|
1092
1092
|
eng.id
|
|
1093
1093
|
);
|
|
@@ -1238,7 +1238,7 @@ function TicketRow({
|
|
|
1238
1238
|
};
|
|
1239
1239
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rowRef, id, className: "scroll-mt-24", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Collapsible, { open: expanded && !optimistic, className: "border-b border-ods-border last:border-b-0", children: [
|
|
1240
1240
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1241
|
-
|
|
1241
|
+
_chunkYWQ3VXPLcjs.ChatTicketItem,
|
|
1242
1242
|
{
|
|
1243
1243
|
ticket: tileData,
|
|
1244
1244
|
onClick: optimistic ? void 0 : handleClick,
|
|
@@ -1278,13 +1278,13 @@ function TicketCenter({ toast: toast2 = _chunk5PK22JP7cjs.toast } = {}) {
|
|
|
1278
1278
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterGate, { toast: toast2 });
|
|
1279
1279
|
}
|
|
1280
1280
|
function TicketCenterGate({ toast: toast2 }) {
|
|
1281
|
-
const identity =
|
|
1281
|
+
const identity = _chunkOWQVDWTKcjs.useChatIdentity.call(void 0, );
|
|
1282
1282
|
if (identity.isLoading) {
|
|
1283
1283
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketCenterPending, {});
|
|
1284
1284
|
}
|
|
1285
1285
|
if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _63 => _63.user, 'optionalAccess', _64 => _64.email])) {
|
|
1286
1286
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1287
|
-
|
|
1287
|
+
_chunkHUPDPANNcjs.EmptyState,
|
|
1288
1288
|
{
|
|
1289
1289
|
type: "generic",
|
|
1290
1290
|
title: "Sign in to manage tickets",
|
|
@@ -1333,7 +1333,7 @@ function TicketCenterAuthed({
|
|
|
1333
1333
|
const toggleRow = _react.useCallback.call(void 0, (id) => {
|
|
1334
1334
|
setExpandedTicketId((prev) => prev === id ? null : id);
|
|
1335
1335
|
}, []);
|
|
1336
|
-
const syncInPage =
|
|
1336
|
+
const syncInPage = _chunk2JO5HNEFcjs.usePageDataSync.call(void 0, sync, isLoading);
|
|
1337
1337
|
const merged = [...optimisticTickets, ...tickets];
|
|
1338
1338
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1339
1339
|
TicketCenterView,
|
|
@@ -1349,7 +1349,7 @@ function TicketCenterAuthed({
|
|
|
1349
1349
|
renderRow: (ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1350
1350
|
TicketRow,
|
|
1351
1351
|
{
|
|
1352
|
-
id:
|
|
1352
|
+
id: _chunkYWQ3VXPLcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
|
|
1353
1353
|
ticket,
|
|
1354
1354
|
expanded: expandedTicketId === ticket.id,
|
|
1355
1355
|
onToggle: toggleRow,
|
|
@@ -1368,7 +1368,7 @@ function TicketCenterAuthed({
|
|
|
1368
1368
|
function TicketCenterPending({
|
|
1369
1369
|
region = true
|
|
1370
1370
|
} = {}) {
|
|
1371
|
-
const syncInPage =
|
|
1371
|
+
const syncInPage = _chunk2JO5HNEFcjs.usePageDataSync.call(void 0, null, true);
|
|
1372
1372
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading tickets", announce: region, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.LoadingScope, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1373
1373
|
TicketCenterView,
|
|
1374
1374
|
{
|
|
@@ -1410,8 +1410,8 @@ function TicketList({
|
|
|
1410
1410
|
}) {
|
|
1411
1411
|
if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TicketListSkeleton, {});
|
|
1412
1412
|
if (tickets.length === 0) {
|
|
1413
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1414
|
-
|
|
1413
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: "p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1414
|
+
_chunkHUPDPANNcjs.EmptyState,
|
|
1415
1415
|
{
|
|
1416
1416
|
type: "generic",
|
|
1417
1417
|
title: "No tickets yet",
|
|
@@ -1420,7 +1420,7 @@ function TicketList({
|
|
|
1420
1420
|
}
|
|
1421
1421
|
) });
|
|
1422
1422
|
}
|
|
1423
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1423
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: "overflow-hidden", children: tickets.map(renderRow) });
|
|
1424
1424
|
}
|
|
1425
1425
|
function TicketListHeader({
|
|
1426
1426
|
sync,
|
|
@@ -1431,7 +1431,7 @@ function TicketListHeader({
|
|
|
1431
1431
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-3", children: [
|
|
1432
1432
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h5", children: "Your Current Tickets" }),
|
|
1433
1433
|
/* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-3 text-ods-text-secondary text-h6", children: [
|
|
1434
|
-
sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1434
|
+
sync !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.DataSyncLine, { sync, loading: syncLoading, inline: true }),
|
|
1435
1435
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { inert: !onRefresh || void 0, "aria-hidden": !onRefresh || void 0, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1436
1436
|
_chunkTF5D5MNOcjs.Button,
|
|
1437
1437
|
{
|
|
@@ -1448,11 +1448,11 @@ function TicketListHeader({
|
|
|
1448
1448
|
] });
|
|
1449
1449
|
}
|
|
1450
1450
|
function TicketListSkeleton() {
|
|
1451
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1451
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOH5LAH3Xcjs.Card, { className: "overflow-hidden", children: Array.from({ length: TICKETS_PAGE_SIZE }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1452
1452
|
"div",
|
|
1453
1453
|
{
|
|
1454
1454
|
className: TICKET_ROW_FRAME_CLASS,
|
|
1455
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1455
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYWQ3VXPLcjs.ChatTicketItemSkeleton, {})
|
|
1456
1456
|
},
|
|
1457
1457
|
i
|
|
1458
1458
|
)) });
|
|
@@ -1501,11 +1501,11 @@ function HelpCenterCard({
|
|
|
1501
1501
|
});
|
|
1502
1502
|
return () => cancelAnimationFrame(raf);
|
|
1503
1503
|
}, [isExpanded]);
|
|
1504
|
-
const live =
|
|
1504
|
+
const live = _chunkYNECNYQFcjs.useOptionalTicketLive.call(void 0, );
|
|
1505
1505
|
const unreadCount = !optimistic && ticket.external_id && _optionalChain([live, 'optionalAccess', _65 => _65.unreadByTicket, 'access', _66 => _66[ticket.external_id]]) || 0;
|
|
1506
1506
|
const rightBadges = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
1507
1507
|
unreadCount > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1508
|
-
|
|
1508
|
+
_chunkOH5LAH3Xcjs.StatusBadge,
|
|
1509
1509
|
{
|
|
1510
1510
|
text: `${unreadCount} NEW`,
|
|
1511
1511
|
colorScheme: "warning",
|
|
@@ -1514,16 +1514,16 @@ function HelpCenterCard({
|
|
|
1514
1514
|
}
|
|
1515
1515
|
),
|
|
1516
1516
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1517
|
-
|
|
1517
|
+
_chunkOH5LAH3Xcjs.StatusBadge,
|
|
1518
1518
|
{
|
|
1519
1519
|
text: rawStatus,
|
|
1520
|
-
colorScheme:
|
|
1520
|
+
colorScheme: _chunkYG72MEHYcjs.getStatusColorScheme.call(void 0, rawStatus),
|
|
1521
1521
|
variant: "card",
|
|
1522
1522
|
className: "border border-ods-border"
|
|
1523
1523
|
}
|
|
1524
1524
|
),
|
|
1525
1525
|
priority && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1526
|
-
|
|
1526
|
+
_chunkOH5LAH3Xcjs.StatusBadge,
|
|
1527
1527
|
{
|
|
1528
1528
|
text: priority,
|
|
1529
1529
|
colorScheme: mapPriorityScheme(priority),
|
|
@@ -1551,7 +1551,7 @@ function HelpCenterCard({
|
|
|
1551
1551
|
"aria-controls": isExpanded ? `help-center-drawer-${ticket.id}` : void 0,
|
|
1552
1552
|
className: "w-full p-[12px] text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ods-accent disabled:cursor-default content-md:p-[16px]",
|
|
1553
1553
|
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1554
|
-
|
|
1554
|
+
_chunk2JO5HNEFcjs.DevCardRowContent,
|
|
1555
1555
|
{
|
|
1556
1556
|
title,
|
|
1557
1557
|
subtitle,
|
|
@@ -1662,7 +1662,7 @@ function HelpCenterCreateForm({
|
|
|
1662
1662
|
subjectError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: "help-center-subject-error", className: "mt-1 text-ods-error text-h6", children: subjectError })
|
|
1663
1663
|
] });
|
|
1664
1664
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1665
|
-
|
|
1665
|
+
_chunkOMHQZXCDcjs.ContactForm,
|
|
1666
1666
|
{
|
|
1667
1667
|
rescue: null,
|
|
1668
1668
|
title: "Open a new ticket",
|
|
@@ -1701,30 +1701,30 @@ function HelpCenterCreateForm({
|
|
|
1701
1701
|
// src/components/tickets/help-center-list.tsx
|
|
1702
1702
|
|
|
1703
1703
|
function HelpCenterList({ toast: toast2 = _chunk5PK22JP7cjs.toast, backButton, title, shell } = {}) {
|
|
1704
|
-
const identity =
|
|
1704
|
+
const identity = _chunkOWQVDWTKcjs.useChatIdentity.call(void 0, );
|
|
1705
1705
|
const searchParams = _chunk7DNL734Scjs.useSearchParams.call(void 0, );
|
|
1706
1706
|
const router = _chunk7DNL734Scjs.useRouter.call(void 0, );
|
|
1707
1707
|
const pathname = _chunk7DNL734Scjs.usePathname.call(void 0, );
|
|
1708
|
-
const search = searchParams.get(
|
|
1708
|
+
const search = searchParams.get(_chunkYWQ3VXPLcjs.DEV_SECTION_PARAM_KEYS.search) || "";
|
|
1709
1709
|
const status = searchParams.get("status") || "all";
|
|
1710
|
-
const ticketParam = searchParams.get(
|
|
1710
|
+
const ticketParam = searchParams.get(_chunkYWQ3VXPLcjs.TICKET_OPEN_PARAM) || "";
|
|
1711
1711
|
const page = _chunkBLH2SFOOcjs.positiveInt.call(void 0, searchParams.get("page"), 1);
|
|
1712
1712
|
if (identity.isLoading) {
|
|
1713
1713
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1714
|
-
|
|
1714
|
+
_chunk2JO5HNEFcjs.DevSectionPage,
|
|
1715
1715
|
{
|
|
1716
1716
|
sectionKey: "tickets",
|
|
1717
1717
|
backButton,
|
|
1718
1718
|
title,
|
|
1719
1719
|
shell,
|
|
1720
1720
|
preControls: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HelpCenterCreateFormSkeleton, {}),
|
|
1721
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1721
|
+
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DevCardRowSkeletonList, { rows: TICKETS_PAGE_SIZE })
|
|
1722
1722
|
}
|
|
1723
1723
|
);
|
|
1724
1724
|
}
|
|
1725
1725
|
if (identity.authTier === "anon" || !_optionalChain([identity, 'access', _67 => _67.user, 'optionalAccess', _68 => _68.email])) {
|
|
1726
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1727
|
-
|
|
1726
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1727
|
+
_chunkHUPDPANNcjs.EmptyState,
|
|
1728
1728
|
{
|
|
1729
1729
|
type: "generic",
|
|
1730
1730
|
title: "Sign in to manage tickets",
|
|
@@ -1775,8 +1775,8 @@ function HelpCenterListAuthed({
|
|
|
1775
1775
|
const setOpenTicket = _react.useCallback.call(void 0,
|
|
1776
1776
|
(externalId) => {
|
|
1777
1777
|
const params = new URLSearchParams(searchParams.toString());
|
|
1778
|
-
if (externalId) params.set(
|
|
1779
|
-
else params.delete(
|
|
1778
|
+
if (externalId) params.set(_chunkYWQ3VXPLcjs.TICKET_OPEN_PARAM, externalId);
|
|
1779
|
+
else params.delete(_chunkYWQ3VXPLcjs.TICKET_OPEN_PARAM);
|
|
1780
1780
|
const qs = params.toString();
|
|
1781
1781
|
router.replace(qs ? `${pathname}?${qs}` : pathname, { scroll: false });
|
|
1782
1782
|
},
|
|
@@ -1853,15 +1853,15 @@ function HelpCenterListAuthed({
|
|
|
1853
1853
|
] }),
|
|
1854
1854
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", variant: "accent", onClick: () => refetch(), children: "Retry" })
|
|
1855
1855
|
] }),
|
|
1856
|
-
!error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1856
|
+
!error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full", children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DevCardRowSkeletonList, { rows: pageSize }) : !hasResults && isFetching ? (
|
|
1857
1857
|
// Bridge state — background refetch in flight and the
|
|
1858
1858
|
// optimistic placeholder was just removed by the mutation
|
|
1859
1859
|
// callback. Without this branch "No tickets yet" would flash
|
|
1860
1860
|
// for ~50ms between `removeOptimistic` and the server
|
|
1861
1861
|
// response landing.
|
|
1862
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1862
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DevCardRowSkeletonList, { rows: 1 })
|
|
1863
1863
|
) : !hasResults ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1864
|
-
|
|
1864
|
+
_chunk2JO5HNEFcjs.ListEmptyState,
|
|
1865
1865
|
{
|
|
1866
1866
|
isFiltered: hasActiveFilters,
|
|
1867
1867
|
filtered: {
|
|
@@ -1892,7 +1892,7 @@ function HelpCenterListAuthed({
|
|
|
1892
1892
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-full overflow-clip rounded-[6px] border border-ods-border bg-ods-card", children: merged.map((ticket) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1893
1893
|
HelpCenterCard,
|
|
1894
1894
|
{
|
|
1895
|
-
id:
|
|
1895
|
+
id: _chunkYWQ3VXPLcjs.devSectionAnchorId.call(void 0, "ticket", ticket.external_id),
|
|
1896
1896
|
ticket,
|
|
1897
1897
|
expanded: expandedTicketId === ticket.id,
|
|
1898
1898
|
onToggle: toggleRow,
|
|
@@ -1908,9 +1908,9 @@ function HelpCenterListAuthed({
|
|
|
1908
1908
|
ticket.id
|
|
1909
1909
|
)) })
|
|
1910
1910
|
) }),
|
|
1911
|
-
!error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1911
|
+
!error && totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHUPDPANNcjs.UnifiedPagination, { currentPage: page, totalPages })
|
|
1912
1912
|
] });
|
|
1913
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
1913
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2JO5HNEFcjs.DevSectionPage, { sectionKey: "tickets", backButton, title, shell, preControls: form, children: body });
|
|
1914
1914
|
}
|
|
1915
1915
|
|
|
1916
1916
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
4
|
+
var _chunkYG72MEHYcjs = require('./chunk-YG72MEHY.cjs');
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -49,7 +49,7 @@ function PaginationControl({
|
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
const handleClick = (event) => {
|
|
52
|
-
if (
|
|
52
|
+
if (_chunkYG72MEHYcjs.isModifierClick.call(void 0, event)) return;
|
|
53
53
|
event.preventDefault();
|
|
54
54
|
onPageChange(page);
|
|
55
55
|
};
|
|
@@ -42,9 +42,6 @@ var _chunkUJ7AXHRZcjs = require('./chunk-UJ7AXHRZ.cjs');
|
|
|
42
42
|
var _chunkXFRBEXQNcjs = require('./chunk-XFRBEXQN.cjs');
|
|
43
43
|
|
|
44
44
|
|
|
45
|
-
var _chunkTF5D5MNOcjs = require('./chunk-TF5D5MNO.cjs');
|
|
46
|
-
|
|
47
|
-
|
|
48
45
|
var _chunkV45KLJQPcjs = require('./chunk-V45KLJQP.cjs');
|
|
49
46
|
|
|
50
47
|
|
|
@@ -154,48 +151,7 @@ function FilePlayerFallback({
|
|
|
154
151
|
}) {
|
|
155
152
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PosterBox, { poster, className, priority, fill: true });
|
|
156
153
|
}
|
|
157
|
-
function
|
|
158
|
-
return !props.autoPlay && !props.autoPlayUnmuted && !props.playOnHover && props.playWhenHovered === void 0 && props.startTime === void 0 && !props.playerHandleRef && !props.chromeless;
|
|
159
|
-
}
|
|
160
|
-
function FilePlayer({
|
|
161
|
-
title,
|
|
162
|
-
priority,
|
|
163
|
-
...props
|
|
164
|
-
}) {
|
|
165
|
-
const [facade] = _react.useState.call(void 0, () => waitsForPlay(props));
|
|
166
|
-
const [pressed, setPressed] = _react.useState.call(void 0, false);
|
|
167
|
-
if (facade && !pressed) {
|
|
168
|
-
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "relative", props.className), style: { width: "100%", height: "100%" }, children: [
|
|
169
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: "absolute inset-0", priority }),
|
|
170
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
171
|
-
_chunkTF5D5MNOcjs.Button,
|
|
172
|
-
{
|
|
173
|
-
type: "button",
|
|
174
|
-
variant: "glyph",
|
|
175
|
-
size: "wrap",
|
|
176
|
-
"aria-label": title ? `Play: ${title}` : "Play video",
|
|
177
|
-
onPointerEnter: loadFilePlayer,
|
|
178
|
-
onFocus: loadFilePlayer,
|
|
179
|
-
onTouchStart: loadFilePlayer,
|
|
180
|
-
onClick: () => {
|
|
181
|
-
loadFilePlayer();
|
|
182
|
-
setPressed(true);
|
|
183
|
-
},
|
|
184
|
-
className: "group absolute inset-0 rounded-none",
|
|
185
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
186
|
-
_chunkSETFUCZAcjs.VideoPlayBadge,
|
|
187
|
-
{
|
|
188
|
-
size: "lg",
|
|
189
|
-
className: "transition-transform duration-200 group-hover:scale-110 group-hover:text-ods-accent"
|
|
190
|
-
}
|
|
191
|
-
)
|
|
192
|
-
}
|
|
193
|
-
)
|
|
194
|
-
] });
|
|
195
|
-
}
|
|
196
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadedFilePlayer, { ...props, priority, ...facade ? { autoPlayUnmuted: true } : {} });
|
|
197
|
-
}
|
|
198
|
-
function LoadedFilePlayer({ priority, ...props }) {
|
|
154
|
+
function FilePlayer({ priority, ...props }) {
|
|
199
155
|
const arrived = _react.useSyncExternalStore.call(void 0, subscribeToFilePlayer, loadedFilePlayer, noFilePlayer);
|
|
200
156
|
if (arrived) return _react.createElement.call(void 0, arrived, props);
|
|
201
157
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FilePlayerFallback, { poster: props.poster, className: props.className, priority });
|
|
@@ -281,7 +237,6 @@ function Video(props) {
|
|
|
281
237
|
{
|
|
282
238
|
url,
|
|
283
239
|
poster: props.poster,
|
|
284
|
-
title: props.title,
|
|
285
240
|
priority: props.priority,
|
|
286
241
|
muted: props.muted,
|
|
287
242
|
..._chunkSETFUCZAcjs.pickFilePlayback.call(void 0, props),
|
|
@@ -580,9 +535,6 @@ function VideoHoverPreviewSurface({
|
|
|
580
535
|
return () => io.disconnect();
|
|
581
536
|
}, [gateControlled]);
|
|
582
537
|
const showMedia = continuation || (gateControlled ? playerMounted : isNear);
|
|
583
|
-
const [engaged, setEngaged] = _react.useState.call(void 0, false);
|
|
584
|
-
if ((active || continuation) && !engaged) setEngaged(true);
|
|
585
|
-
const showPlayer = continuation || engaged;
|
|
586
538
|
const { src: posterSrc, onError: onPosterError } = useCoverImageFallback(posterUrl);
|
|
587
539
|
const facadeSkipped = preload === "none" && !posterSrc;
|
|
588
540
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: rootElRef, className: _chunk65VVJSQZcjs.cn.call(void 0, "absolute inset-0", className), inert: isClone || void 0, children: showMedia ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
|
|
@@ -600,7 +552,7 @@ function VideoHoverPreviewSurface({
|
|
|
600
552
|
}
|
|
601
553
|
) : facadeSkipped ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Video, { kind: "file", url: previewUrl, firstFrameOnly: true, layout: "fill", fit }),
|
|
602
554
|
badge === "play" && !active && !continuation && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSETFUCZAcjs.VideoPlayBadge, { className: "absolute inset-0 z-10 m-auto" }),
|
|
603
|
-
|
|
555
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
604
556
|
"div",
|
|
605
557
|
{
|
|
606
558
|
className: "absolute inset-0",
|
|
@@ -630,7 +582,7 @@ function VideoHoverPreviewSurface({
|
|
|
630
582
|
continuation ? "continuation" : "preview"
|
|
631
583
|
)
|
|
632
584
|
}
|
|
633
|
-
)
|
|
585
|
+
)
|
|
634
586
|
] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-ods-card" }) });
|
|
635
587
|
}
|
|
636
588
|
|