kaafil-react-uikit 0.4.2 → 0.6.0
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/CHANGELOG.md +28 -0
- package/dist/admin/index.cjs +394 -355
- package/dist/admin/index.cjs.map +1 -1
- package/dist/admin/index.js +55 -16
- package/dist/admin/index.js.map +1 -1
- package/dist/{chunk-762SWUEG.js → chunk-4BPCKBLP.js} +3 -3
- package/dist/{chunk-762SWUEG.js.map → chunk-4BPCKBLP.js.map} +1 -1
- package/dist/{chunk-CK3L6Y43.cjs → chunk-4QMYUKW4.cjs} +10 -2
- package/dist/chunk-4QMYUKW4.cjs.map +1 -0
- package/dist/{chunk-LO3GQFQ6.cjs → chunk-53ITV6GF.cjs} +4 -4
- package/dist/{chunk-LO3GQFQ6.cjs.map → chunk-53ITV6GF.cjs.map} +1 -1
- package/dist/{chunk-V6UQ6GIM.cjs → chunk-77RKNRNH.cjs} +57 -58
- package/dist/chunk-77RKNRNH.cjs.map +1 -0
- package/dist/{chunk-DI77H7ED.cjs → chunk-AWOKWGTB.cjs} +83 -83
- package/dist/{chunk-DI77H7ED.cjs.map → chunk-AWOKWGTB.cjs.map} +1 -1
- package/dist/{chunk-EDLIJSMR.js → chunk-CJMUPBZ7.js} +5 -5
- package/dist/{chunk-EDLIJSMR.js.map → chunk-CJMUPBZ7.js.map} +1 -1
- package/dist/{chunk-ITGVRN2S.js → chunk-F6B4CDUL.js} +3 -3
- package/dist/{chunk-ITGVRN2S.js.map → chunk-F6B4CDUL.js.map} +1 -1
- package/dist/{chunk-XU7GP53M.js → chunk-F6YBM6EE.js} +3 -3
- package/dist/{chunk-XU7GP53M.js.map → chunk-F6YBM6EE.js.map} +1 -1
- package/dist/{chunk-QMUIZHJO.js → chunk-HNENKHHJ.js} +8 -9
- package/dist/chunk-HNENKHHJ.js.map +1 -0
- package/dist/{chunk-RW6TJMRK.js → chunk-JHLPO6LZ.js} +3 -3
- package/dist/{chunk-RW6TJMRK.js.map → chunk-JHLPO6LZ.js.map} +1 -1
- package/dist/{chunk-3RZDHDEY.cjs → chunk-OOHU3ECL.cjs} +17 -17
- package/dist/{chunk-3RZDHDEY.cjs.map → chunk-OOHU3ECL.cjs.map} +1 -1
- package/dist/{chunk-3E2FN5JJ.js → chunk-PWZNUXKT.js} +3 -3
- package/dist/{chunk-3E2FN5JJ.js.map → chunk-PWZNUXKT.js.map} +1 -1
- package/dist/{chunk-6FUVFVYY.js → chunk-SEPFCHBJ.js} +10 -2
- package/dist/chunk-SEPFCHBJ.js.map +1 -0
- package/dist/chunk-V45VFRBI.cjs +12 -0
- package/dist/{chunk-62HCQWZL.cjs.map → chunk-V45VFRBI.cjs.map} +1 -1
- package/dist/{chunk-QD4Z5DRT.cjs → chunk-XPCCR7OH.cjs} +12 -12
- package/dist/{chunk-QD4Z5DRT.cjs.map → chunk-XPCCR7OH.cjs.map} +1 -1
- package/dist/{chunk-XYIOM75D.cjs → chunk-XPF737RG.cjs} +9 -9
- package/dist/{chunk-XYIOM75D.cjs.map → chunk-XPF737RG.cjs.map} +1 -1
- package/dist/core/index.cjs +107 -107
- package/dist/core/index.js +10 -10
- package/dist/manager/index.cjs +239 -239
- package/dist/manager/index.js +6 -6
- package/dist/traveller/index.cjs +35 -35
- package/dist/traveller/index.js +5 -5
- package/package.json +2 -2
- package/dist/chunk-62HCQWZL.cjs +0 -12
- package/dist/chunk-6FUVFVYY.js.map +0 -1
- package/dist/chunk-CK3L6Y43.cjs.map +0 -1
- package/dist/chunk-QMUIZHJO.js.map +0 -1
- package/dist/chunk-V6UQ6GIM.cjs.map +0 -1
package/dist/manager/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
3
|
+
var chunkXPF737RG_cjs = require('../chunk-XPF737RG.cjs');
|
|
4
|
+
var chunkAWOKWGTB_cjs = require('../chunk-AWOKWGTB.cjs');
|
|
5
|
+
var chunkV45VFRBI_cjs = require('../chunk-V45VFRBI.cjs');
|
|
6
|
+
var chunkXPCCR7OH_cjs = require('../chunk-XPCCR7OH.cjs');
|
|
7
|
+
var chunk4QMYUKW4_cjs = require('../chunk-4QMYUKW4.cjs');
|
|
8
8
|
var react = require('react');
|
|
9
9
|
var jsxRuntime = require('react/jsx-runtime');
|
|
10
10
|
|
|
@@ -180,7 +180,7 @@ function CloseIcon(props) {
|
|
|
180
180
|
}
|
|
181
181
|
var PHASES = ["PRE_DEPARTURE", "IN_TRIP", "POST_TRIP"];
|
|
182
182
|
function AddItemSheet({ open, sections, onSubmit, onClose }) {
|
|
183
|
-
const { t } =
|
|
183
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
184
184
|
const [sectionId, setSectionId] = react.useState(sections[0]?.id ?? "NEW");
|
|
185
185
|
const [newSectionTitle, setNewSectionTitle] = react.useState("");
|
|
186
186
|
const [newSectionPhase, setNewSectionPhase] = react.useState("PRE_DEPARTURE");
|
|
@@ -346,7 +346,7 @@ function AddItemSheet({ open, sections, onSubmit, onClose }) {
|
|
|
346
346
|
}
|
|
347
347
|
var GATES = ["NONE", "PRE_TO_ACTIVE", "ACTIVE_TO_CLOSED_OUT"];
|
|
348
348
|
function EditItemSheet({ item, onSubmit, onClose }) {
|
|
349
|
-
const { t } =
|
|
349
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
350
350
|
const [title, setTitle] = react.useState("");
|
|
351
351
|
const [subLine, setSubLine] = react.useState("");
|
|
352
352
|
const [isMandatory, setIsMandatory] = react.useState(false);
|
|
@@ -492,7 +492,7 @@ function ItemRow({
|
|
|
492
492
|
onEdit,
|
|
493
493
|
onDelete
|
|
494
494
|
}) {
|
|
495
|
-
const { t } =
|
|
495
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
496
496
|
const isComplete = item.status === "COMPLETE";
|
|
497
497
|
const due = dueDayLabelKey(item.dayOffset);
|
|
498
498
|
function onKeyDown(event) {
|
|
@@ -558,7 +558,7 @@ function ItemRow({
|
|
|
558
558
|
);
|
|
559
559
|
}
|
|
560
560
|
function ProgressCard({ title, subtitle, progress }) {
|
|
561
|
-
const { t } =
|
|
561
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
562
562
|
const percent = overallPercent(progress);
|
|
563
563
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist__progress-card", children: [
|
|
564
564
|
title !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-checklist__progress-title", children: title }) : null,
|
|
@@ -585,7 +585,7 @@ function PullTemplateSheet({
|
|
|
585
585
|
onSubmit,
|
|
586
586
|
onClose
|
|
587
587
|
}) {
|
|
588
|
-
const { t } =
|
|
588
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
589
589
|
const [templates, setTemplates] = react.useState(void 0);
|
|
590
590
|
const [loadFailed, setLoadFailed] = react.useState(false);
|
|
591
591
|
const [selectedId, setSelectedId] = react.useState(void 0);
|
|
@@ -760,7 +760,7 @@ function SectionCard({
|
|
|
760
760
|
onDeleteItem,
|
|
761
761
|
ItemRowComponent
|
|
762
762
|
}) {
|
|
763
|
-
const { t } =
|
|
763
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
764
764
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist__section", children: [
|
|
765
765
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist__section-header", children: [
|
|
766
766
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -792,10 +792,10 @@ function ManagerChecklistSection({
|
|
|
792
792
|
components,
|
|
793
793
|
style
|
|
794
794
|
}) {
|
|
795
|
-
const { t } =
|
|
796
|
-
const checklist =
|
|
797
|
-
const managers =
|
|
798
|
-
const managerMe =
|
|
795
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
796
|
+
const checklist = chunkAWOKWGTB_cjs.useChecklists(tripRef);
|
|
797
|
+
const managers = chunkAWOKWGTB_cjs.useManagers(tripRef);
|
|
798
|
+
const managerMe = chunkXPF737RG_cjs.useManagerMe();
|
|
799
799
|
const ProgressCardUI = components?.ProgressCard ?? ProgressCard;
|
|
800
800
|
const SectionCardUI = components?.SectionCard ?? SectionCard;
|
|
801
801
|
const ItemRowUI = components?.ItemRow ?? ItemRow;
|
|
@@ -807,7 +807,7 @@ function ManagerChecklistSection({
|
|
|
807
807
|
/* @__PURE__ */ new Map()
|
|
808
808
|
);
|
|
809
809
|
if (checklist.status === "loading") {
|
|
810
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist__skeleton", style:
|
|
810
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
811
811
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-checklist__skeleton-block" }),
|
|
812
812
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-checklist__skeleton-line" }),
|
|
813
813
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-checklist__skeleton-line kf-manager-checklist__skeleton-line--short" })
|
|
@@ -837,7 +837,7 @@ function ManagerChecklistSection({
|
|
|
837
837
|
});
|
|
838
838
|
}
|
|
839
839
|
};
|
|
840
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist", style:
|
|
840
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-checklist", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
841
841
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
842
842
|
ProgressCardUI,
|
|
843
843
|
{
|
|
@@ -1066,7 +1066,7 @@ function LockIcon(props) {
|
|
|
1066
1066
|
);
|
|
1067
1067
|
}
|
|
1068
1068
|
function BlockerRow({ blocker, onAction }) {
|
|
1069
|
-
const { t } =
|
|
1069
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1070
1070
|
const Icon = blocker.severity === "hard" ? WarningIcon : InfoIcon;
|
|
1071
1071
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__blocker-row", "data-severity": blocker.severity, children: [
|
|
1072
1072
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-closeout__blocker-icon", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true" }) }),
|
|
@@ -1095,7 +1095,7 @@ function HandoverNoteEditor({
|
|
|
1095
1095
|
disabled,
|
|
1096
1096
|
onSave
|
|
1097
1097
|
}) {
|
|
1098
|
-
const { t } =
|
|
1098
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1099
1099
|
const [draft, setDraft] = react.useState(note ?? "");
|
|
1100
1100
|
const [savedLabel, setSavedLabel] = react.useState(false);
|
|
1101
1101
|
react.useEffect(() => {
|
|
@@ -1172,7 +1172,7 @@ function LockConfirmSheet({
|
|
|
1172
1172
|
onConfirm,
|
|
1173
1173
|
onClose
|
|
1174
1174
|
}) {
|
|
1175
|
-
const { t } =
|
|
1175
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1176
1176
|
react.useEffect(() => {
|
|
1177
1177
|
if (!open) {
|
|
1178
1178
|
return;
|
|
@@ -1247,7 +1247,7 @@ var PERFORMED_BY_LABEL_KEY = {
|
|
|
1247
1247
|
SYSTEM: "chrome.managerTrip.closeout.performedBy.system"
|
|
1248
1248
|
};
|
|
1249
1249
|
function LockedSummary({ aggregate }) {
|
|
1250
|
-
const { t } =
|
|
1250
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1251
1251
|
const performedByLabel = aggregate.performedByKind !== null ? t(
|
|
1252
1252
|
PERFORMED_BY_LABEL_KEY[aggregate.performedByKind] ?? "chrome.managerTrip.closeout.performedBy.system"
|
|
1253
1253
|
) : void 0;
|
|
@@ -1268,7 +1268,7 @@ function stageLabelKey(stage) {
|
|
|
1268
1268
|
return stage !== null ? STAGE_LABEL_KEY[stage] ?? "chrome.managerTrip.closeout.stage.notReturned" : "chrome.managerTrip.closeout.stage.notReturned";
|
|
1269
1269
|
}
|
|
1270
1270
|
function StageStrip({ aggregate }) {
|
|
1271
|
-
const { t } =
|
|
1271
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1272
1272
|
const { financialSummary } = aggregate;
|
|
1273
1273
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__stage", children: [
|
|
1274
1274
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-closeout__stage-badge", "data-stage": aggregate.stage ?? "none", children: t(stageLabelKey(aggregate.stage)) }),
|
|
@@ -1307,7 +1307,7 @@ function StageStrip({ aggregate }) {
|
|
|
1307
1307
|
] });
|
|
1308
1308
|
}
|
|
1309
1309
|
function UnlockRequestForm({ tripRef, onSubmit }) {
|
|
1310
|
-
const { t } =
|
|
1310
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1311
1311
|
const [reason, setReason] = react.useState("");
|
|
1312
1312
|
const [submitting, setSubmitting] = react.useState(false);
|
|
1313
1313
|
const [submitted, setSubmitted] = react.useState(false);
|
|
@@ -1352,13 +1352,13 @@ function ManagerCloseoutSection({
|
|
|
1352
1352
|
components,
|
|
1353
1353
|
style
|
|
1354
1354
|
}) {
|
|
1355
|
-
const { t } =
|
|
1356
|
-
const closeout =
|
|
1355
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1356
|
+
const closeout = chunkAWOKWGTB_cjs.useCloseout(tripRef);
|
|
1357
1357
|
const BlockerRowUI = components?.BlockerRow ?? BlockerRow;
|
|
1358
1358
|
const [lockSheetOpen, setLockSheetOpen] = react.useState(false);
|
|
1359
1359
|
const [lockPending, setLockPending] = react.useState(false);
|
|
1360
1360
|
if (closeout.status === "loading") {
|
|
1361
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__skeleton", style:
|
|
1361
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1362
1362
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__skeleton-line" }),
|
|
1363
1363
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__skeleton-line" }),
|
|
1364
1364
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__skeleton-line kf-manager-closeout__skeleton-line--short" })
|
|
@@ -1368,17 +1368,17 @@ function ManagerCloseoutSection({
|
|
|
1368
1368
|
return null;
|
|
1369
1369
|
}
|
|
1370
1370
|
if (!closeout.loaded || closeout.aggregate === void 0) {
|
|
1371
|
-
return closeout.lastFetchFailed ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__skeleton", style:
|
|
1371
|
+
return closeout.lastFetchFailed ? null : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1372
1372
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__skeleton-line" }),
|
|
1373
1373
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__skeleton-line" })
|
|
1374
1374
|
] });
|
|
1375
1375
|
}
|
|
1376
1376
|
const { aggregate } = closeout;
|
|
1377
1377
|
if (aggregate.stage === null) {
|
|
1378
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout", style:
|
|
1378
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-closeout__not-returned", children: t("chrome.managerTrip.closeout.notReturnedYet") }) });
|
|
1379
1379
|
}
|
|
1380
1380
|
if (aggregate.lockedAt !== null) {
|
|
1381
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout", style:
|
|
1381
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1382
1382
|
/* @__PURE__ */ jsxRuntime.jsx(LockedSummary, { aggregate }),
|
|
1383
1383
|
/* @__PURE__ */ jsxRuntime.jsx(UnlockRequestForm, { tripRef, onSubmit: onSubmitUnlockRequest })
|
|
1384
1384
|
] });
|
|
@@ -1394,7 +1394,7 @@ function ManagerCloseoutSection({
|
|
|
1394
1394
|
setLockPending(false);
|
|
1395
1395
|
}
|
|
1396
1396
|
}
|
|
1397
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout", style:
|
|
1397
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1398
1398
|
/* @__PURE__ */ jsxRuntime.jsx(StageStrip, { aggregate }),
|
|
1399
1399
|
rankedBlockers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-closeout__all-clear", children: [
|
|
1400
1400
|
/* @__PURE__ */ jsxRuntime.jsx(CheckIcon2, { "aria-hidden": "true" }),
|
|
@@ -1618,7 +1618,7 @@ var PURPOSE_LABEL_KEY = {
|
|
|
1618
1618
|
trip_document: "chrome.managerTrip.documents.bucket.tripDocument"
|
|
1619
1619
|
};
|
|
1620
1620
|
function DocumentBucketTile({ purpose, count, onOpen }) {
|
|
1621
|
-
const { t } =
|
|
1621
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1622
1622
|
const Icon = PURPOSE_ICON[purpose];
|
|
1623
1623
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1624
1624
|
"button",
|
|
@@ -1654,7 +1654,7 @@ function formatFileSize(sizeBytes) {
|
|
|
1654
1654
|
}
|
|
1655
1655
|
var FILE_DATE_FORMATTER = new Intl.DateTimeFormat("en-GB", { day: "numeric", month: "short" });
|
|
1656
1656
|
function DocumentBucketGrid({ items, onOpen }) {
|
|
1657
|
-
const { t } =
|
|
1657
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1658
1658
|
const [activePurpose, setActivePurpose] = react.useState(void 0);
|
|
1659
1659
|
const buckets = react.useMemo(() => {
|
|
1660
1660
|
return PURPOSE_ORDER.map((purpose) => ({
|
|
@@ -1723,7 +1723,7 @@ async function shareFile(file) {
|
|
|
1723
1723
|
await navigator.clipboard.writeText(file.url);
|
|
1724
1724
|
}
|
|
1725
1725
|
function DocumentViewerSheet({ file, onClose }) {
|
|
1726
|
-
const { t } =
|
|
1726
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1727
1727
|
react.useEffect(() => {
|
|
1728
1728
|
if (file === void 0) {
|
|
1729
1729
|
return;
|
|
@@ -1810,8 +1810,8 @@ function ManagerDocumentsSection({
|
|
|
1810
1810
|
tripRef,
|
|
1811
1811
|
style
|
|
1812
1812
|
}) {
|
|
1813
|
-
const { t } =
|
|
1814
|
-
const files =
|
|
1813
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1814
|
+
const files = chunkAWOKWGTB_cjs.useFiles({ tripRef });
|
|
1815
1815
|
const [state, setState] = react.useState({ status: "loading" });
|
|
1816
1816
|
const [viewerFile, setViewerFile] = react.useState(void 0);
|
|
1817
1817
|
react.useEffect(() => {
|
|
@@ -1835,7 +1835,7 @@ function ManagerDocumentsSection({
|
|
|
1835
1835
|
setViewerFile(view);
|
|
1836
1836
|
}
|
|
1837
1837
|
if (state.status === "loading") {
|
|
1838
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-documents__skeleton", style:
|
|
1838
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-documents__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1839
1839
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-documents__skeleton-tile" }),
|
|
1840
1840
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-documents__skeleton-tile" })
|
|
1841
1841
|
] });
|
|
@@ -1843,7 +1843,7 @@ function ManagerDocumentsSection({
|
|
|
1843
1843
|
if (state.status === "error") {
|
|
1844
1844
|
return null;
|
|
1845
1845
|
}
|
|
1846
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-documents", style:
|
|
1846
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-documents", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
1847
1847
|
state.items.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-documents__empty", children: t("chrome.managerTrip.documents.empty") }) : /* @__PURE__ */ jsxRuntime.jsx(DocumentBucketGrid, { items: state.items, onOpen: (fileId) => void handleOpen(fileId) }),
|
|
1848
1848
|
/* @__PURE__ */ jsxRuntime.jsx(DocumentViewerSheet, { file: viewerFile, onClose: () => setViewerFile(void 0) })
|
|
1849
1849
|
] });
|
|
@@ -1908,7 +1908,7 @@ function collectionReferenceRequired(mode) {
|
|
|
1908
1908
|
return mode !== "CASH";
|
|
1909
1909
|
}
|
|
1910
1910
|
function BalanceSummaryStrip({ rows, ownManagerId }) {
|
|
1911
|
-
const { t } =
|
|
1911
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1912
1912
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__summary", children: [
|
|
1913
1913
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-float-ledger__eyebrow", children: t("chrome.managerTrip.floatLedger.summaryEyebrow") }),
|
|
1914
1914
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__summary-list", children: rows.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__summary-row", children: [
|
|
@@ -1972,7 +1972,7 @@ var MOVEMENT_LABEL_KEY = {
|
|
|
1972
1972
|
EXPENSE: "chrome.managerTrip.floatLedger.type.expense"
|
|
1973
1973
|
};
|
|
1974
1974
|
function LedgerRow({ movement }) {
|
|
1975
|
-
const { t } =
|
|
1975
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
1976
1976
|
const isIn = movement.direction === "IN";
|
|
1977
1977
|
const Icon = isIn ? ArrowInIcon : ArrowOutIcon;
|
|
1978
1978
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__row", children: [
|
|
@@ -1999,10 +1999,10 @@ function ManagerFloatLedgerSection({
|
|
|
1999
1999
|
tripRef,
|
|
2000
2000
|
style
|
|
2001
2001
|
}) {
|
|
2002
|
-
const { t } =
|
|
2003
|
-
const float =
|
|
2002
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2003
|
+
const float = chunkAWOKWGTB_cjs.useFloat(tripRef);
|
|
2004
2004
|
if (float.status === "loading") {
|
|
2005
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__skeleton", style:
|
|
2005
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
2006
2006
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__skeleton-block" }),
|
|
2007
2007
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__skeleton-line" }),
|
|
2008
2008
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__skeleton-line kf-manager-float-ledger__skeleton-line--short" })
|
|
@@ -2016,7 +2016,7 @@ function ManagerFloatLedgerSection({
|
|
|
2016
2016
|
const sortedMovements = [...movements].sort(
|
|
2017
2017
|
(a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()
|
|
2018
2018
|
);
|
|
2019
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger", style:
|
|
2019
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
2020
2020
|
summary.rows.length > 1 ? /* @__PURE__ */ jsxRuntime.jsx(BalanceSummaryStrip, { rows: summary.rows, ownManagerId: ownManagerId ?? "" }) : null,
|
|
2021
2021
|
sortedMovements.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-float-ledger__empty", children: t("chrome.managerTrip.floatLedger.empty") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__list", children: sortedMovements.map((movement) => /* @__PURE__ */ jsxRuntime.jsx(LedgerRow, { movement }, movement.id)) })
|
|
2022
2022
|
] });
|
|
@@ -2100,7 +2100,7 @@ function PersonIcon(props) {
|
|
|
2100
2100
|
);
|
|
2101
2101
|
}
|
|
2102
2102
|
function ConflictNotice({ onRefresh }) {
|
|
2103
|
-
const { t } =
|
|
2103
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2104
2104
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__conflict", children: [
|
|
2105
2105
|
/* @__PURE__ */ jsxRuntime.jsx(WarningIcon2, {}),
|
|
2106
2106
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
@@ -2161,7 +2161,7 @@ function SelectFieldEditor({
|
|
|
2161
2161
|
required,
|
|
2162
2162
|
onChange
|
|
2163
2163
|
}) {
|
|
2164
|
-
const { t } =
|
|
2164
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2165
2165
|
const [open, setOpen] = react.useState(false);
|
|
2166
2166
|
const rootRef = react.useRef(null);
|
|
2167
2167
|
const selected = options.find((option) => option.value === value);
|
|
@@ -2264,7 +2264,7 @@ var fallback = {
|
|
|
2264
2264
|
editor: ({ field, t }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-forms__field-unsupported", children: t("chrome.managerTrip.forms.fieldUnsupported").replace("{label}", field.label) }),
|
|
2265
2265
|
preview: PlainPreview
|
|
2266
2266
|
};
|
|
2267
|
-
var fieldRegistry =
|
|
2267
|
+
var fieldRegistry = chunk4QMYUKW4_cjs.createRegistry({ fallback });
|
|
2268
2268
|
fieldRegistry.register("HEADING", {
|
|
2269
2269
|
editor: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "kf-manager-forms__field-heading", children: field.label }),
|
|
2270
2270
|
preview: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "kf-manager-forms__field-heading", children: field.label })
|
|
@@ -2552,7 +2552,7 @@ fieldRegistry.register("MULTISELECT", {
|
|
|
2552
2552
|
},
|
|
2553
2553
|
preview: ({ value }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-forms__field-preview", children: Array.isArray(value) ? value.join(", ") : "" })
|
|
2554
2554
|
});
|
|
2555
|
-
fieldRegistry.register(
|
|
2555
|
+
fieldRegistry.register(chunkAWOKWGTB_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN, {
|
|
2556
2556
|
editor: ({ field, value, onChange }) => /* @__PURE__ */ jsxRuntime.jsx(ToggleSwitch, { checked: value === true, label: field.label, onChange }),
|
|
2557
2557
|
preview: ({ value, t }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-forms__field-preview", children: value === true ? t("chrome.managerTrip.forms.field.yes") : t("chrome.managerTrip.forms.field.no") })
|
|
2558
2558
|
});
|
|
@@ -2580,7 +2580,7 @@ function FormFillRenderer({
|
|
|
2580
2580
|
onRefreshAfterConflict,
|
|
2581
2581
|
onBack
|
|
2582
2582
|
}) {
|
|
2583
|
-
const { t } =
|
|
2583
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2584
2584
|
const [answers, setAnswers] = react.useState(() => {
|
|
2585
2585
|
const initial = {};
|
|
2586
2586
|
for (const answer of existingResponse?.answers ?? []) {
|
|
@@ -2624,7 +2624,7 @@ function FormFillRenderer({
|
|
|
2624
2624
|
(fieldsBySection.get(section.id) ?? []).map((field) => {
|
|
2625
2625
|
const handler = fieldRegistry.resolve(field.kind);
|
|
2626
2626
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__fill-field", children: [
|
|
2627
|
-
field.kind !== "HEADING" && field.kind !== "INFO_BLOCK" && field.kind !==
|
|
2627
|
+
field.kind !== "HEADING" && field.kind !== "INFO_BLOCK" && field.kind !== chunkAWOKWGTB_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN && field.kind !== "CONSENT" ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "kf-manager-forms__fill-field-label", htmlFor: field.id, children: [
|
|
2628
2628
|
field.label,
|
|
2629
2629
|
field.required ? " *" : ""
|
|
2630
2630
|
] }) : null,
|
|
@@ -2666,7 +2666,7 @@ function FillHeader({
|
|
|
2666
2666
|
title,
|
|
2667
2667
|
onBack
|
|
2668
2668
|
}) {
|
|
2669
|
-
const { t } =
|
|
2669
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2670
2670
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__fill-header", children: [
|
|
2671
2671
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
2672
2672
|
"button",
|
|
@@ -2720,7 +2720,7 @@ function FormResponsesList({
|
|
|
2720
2720
|
onSelectResponse,
|
|
2721
2721
|
onBack
|
|
2722
2722
|
}) {
|
|
2723
|
-
const { t } =
|
|
2723
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2724
2724
|
const sorted = responses.slice().sort(
|
|
2725
2725
|
(a, b) => (b.submittedAt ?? b.lastSavedAt ?? "").localeCompare(a.submittedAt ?? a.lastSavedAt ?? "")
|
|
2726
2726
|
);
|
|
@@ -2826,7 +2826,7 @@ var STATUS_LABEL_KEY = {
|
|
|
2826
2826
|
ARCHIVED: "chrome.managerTrip.forms.statusArchived"
|
|
2827
2827
|
};
|
|
2828
2828
|
function FormRow({ row, now, travellerScoped, onSelect }) {
|
|
2829
|
-
const { t } =
|
|
2829
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2830
2830
|
const { form, response } = row;
|
|
2831
2831
|
const state = fillStateOf(form);
|
|
2832
2832
|
const due = dueCopyFor(form, now);
|
|
@@ -2864,7 +2864,7 @@ function TripFormsPanel({
|
|
|
2864
2864
|
travellerScoped,
|
|
2865
2865
|
onSelectForm
|
|
2866
2866
|
}) {
|
|
2867
|
-
const { t } =
|
|
2867
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2868
2868
|
if (rows.length === 0) {
|
|
2869
2869
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__empty", children: [
|
|
2870
2870
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-forms__empty-title", children: t("chrome.managerTrip.forms.emptyTitle") }),
|
|
@@ -2924,10 +2924,10 @@ function ManagerFormsSection({
|
|
|
2924
2924
|
components,
|
|
2925
2925
|
style
|
|
2926
2926
|
}) {
|
|
2927
|
-
const { t } =
|
|
2928
|
-
const forms =
|
|
2929
|
-
const conflicts =
|
|
2930
|
-
const parties =
|
|
2927
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
2928
|
+
const forms = chunkAWOKWGTB_cjs.useForms(tripRef);
|
|
2929
|
+
const conflicts = chunkXPF737RG_cjs.useConflicts(tripRef);
|
|
2930
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
2931
2931
|
const TripFormsPanelUI = components?.TripFormsPanel ?? TripFormsPanel;
|
|
2932
2932
|
const FormFillRendererUI = components?.FormFillRenderer ?? FormFillRenderer;
|
|
2933
2933
|
const [travellerRows, setTravellerRows] = react.useState([]);
|
|
@@ -3047,7 +3047,7 @@ function ManagerFormsSection({
|
|
|
3047
3047
|
};
|
|
3048
3048
|
}, [ready, browsingFormId, viewingResponse]);
|
|
3049
3049
|
if (forms.status === "loading") {
|
|
3050
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__skeleton", style:
|
|
3050
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
3051
3051
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-forms__skeleton-line" }),
|
|
3052
3052
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-forms__skeleton-line" }),
|
|
3053
3053
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-forms__skeleton-line kf-manager-forms__skeleton-line--short" })
|
|
@@ -3101,7 +3101,7 @@ function ManagerFormsSection({
|
|
|
3101
3101
|
setPending(false);
|
|
3102
3102
|
}
|
|
3103
3103
|
}
|
|
3104
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms", style:
|
|
3104
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
3105
3105
|
browsingForm !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
3106
3106
|
FormResponsesList,
|
|
3107
3107
|
{
|
|
@@ -3400,7 +3400,7 @@ function AddItemSheet2({
|
|
|
3400
3400
|
onDelete,
|
|
3401
3401
|
onClose
|
|
3402
3402
|
}) {
|
|
3403
|
-
const { t } =
|
|
3403
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
3404
3404
|
const [type, setType] = react.useState("OTHER");
|
|
3405
3405
|
const [title, setTitle] = react.useState("");
|
|
3406
3406
|
const [description, setDescription] = react.useState("");
|
|
@@ -3697,7 +3697,7 @@ function ChangeLogSheet({
|
|
|
3697
3697
|
onLoad,
|
|
3698
3698
|
onClose
|
|
3699
3699
|
}) {
|
|
3700
|
-
const { t } =
|
|
3700
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
3701
3701
|
react.useEffect(() => {
|
|
3702
3702
|
if (open) {
|
|
3703
3703
|
onLoad();
|
|
@@ -3760,7 +3760,7 @@ function DayStrip({ days, selectedDayIndex, onSelect }) {
|
|
|
3760
3760
|
)) });
|
|
3761
3761
|
}
|
|
3762
3762
|
function EditDaySheet({ open, day, onPatch, onClose }) {
|
|
3763
|
-
const { t } =
|
|
3763
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
3764
3764
|
const [cardTitle, setCardTitle] = react.useState("");
|
|
3765
3765
|
const [summaryLine, setSummaryLine] = react.useState("");
|
|
3766
3766
|
const [pending, setPending] = react.useState(false);
|
|
@@ -3858,7 +3858,7 @@ function ItemCard({
|
|
|
3858
3858
|
onMoveDown,
|
|
3859
3859
|
onEdit
|
|
3860
3860
|
}) {
|
|
3861
|
-
const { t } =
|
|
3861
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
3862
3862
|
const timeRange = formatTimeRange(item.startTime, item.endTime);
|
|
3863
3863
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary__item-card", children: [
|
|
3864
3864
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary__item-reorder", children: [
|
|
@@ -3913,9 +3913,9 @@ function ManagerItinerarySection({
|
|
|
3913
3913
|
components,
|
|
3914
3914
|
style
|
|
3915
3915
|
}) {
|
|
3916
|
-
const { t } =
|
|
3917
|
-
const itinerary =
|
|
3918
|
-
const vendors =
|
|
3916
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
3917
|
+
const itinerary = chunkAWOKWGTB_cjs.useItinerary(tripRef);
|
|
3918
|
+
const vendors = chunkAWOKWGTB_cjs.useVendors(tripRef, "");
|
|
3919
3919
|
const DayStripComponent = components?.DayStrip ?? DayStrip;
|
|
3920
3920
|
const ItemCardComponent = components?.ItemCard ?? ItemCard;
|
|
3921
3921
|
const [selectedDayIndex, setSelectedDayIndex] = react.useState(void 0);
|
|
@@ -3923,7 +3923,7 @@ function ManagerItinerarySection({
|
|
|
3923
3923
|
const [editDayOpen, setEditDayOpen] = react.useState(false);
|
|
3924
3924
|
const [changeLogOpen, setChangeLogOpen] = react.useState(false);
|
|
3925
3925
|
if (itinerary.status === "loading") {
|
|
3926
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary__skeleton", style:
|
|
3926
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
3927
3927
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary__skeleton-block" }),
|
|
3928
3928
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary__skeleton-line" }),
|
|
3929
3929
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary__skeleton-line kf-manager-itinerary__skeleton-line--short" })
|
|
@@ -3935,7 +3935,7 @@ function ManagerItinerarySection({
|
|
|
3935
3935
|
const days = sortedDays(itinerary.days);
|
|
3936
3936
|
const resolvedEmptyView = emptyView !== void 0 ? typeof emptyView === "function" ? emptyView() : emptyView : null;
|
|
3937
3937
|
if (days.length === 0) {
|
|
3938
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary", style:
|
|
3938
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: resolvedEmptyView ?? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-itinerary__card kf-manager-itinerary__empty", children: t("chrome.managerTrip.itinerary.noDays") }) });
|
|
3939
3939
|
}
|
|
3940
3940
|
const resolvedDayIndex = selectedDayIndex ?? resolveInitialDayIndex(days, itinerary.initialDayIso);
|
|
3941
3941
|
const activeDay = days.find((day) => day.dayIndex === resolvedDayIndex) ?? days[0];
|
|
@@ -3951,7 +3951,7 @@ function ManagerItinerarySection({
|
|
|
3951
3951
|
}
|
|
3952
3952
|
await itinerary.reorderItem({ itemId: item.id, index: index + direction });
|
|
3953
3953
|
};
|
|
3954
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary", style:
|
|
3954
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-itinerary", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
3955
3955
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
3956
3956
|
DayStripComponent,
|
|
3957
3957
|
{
|
|
@@ -4191,7 +4191,7 @@ function TripBookingGroupCard({
|
|
|
4191
4191
|
onCollect,
|
|
4192
4192
|
onOpenTraveller
|
|
4193
4193
|
}) {
|
|
4194
|
-
const { t } =
|
|
4194
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4195
4195
|
const title = group.label ?? t(KIND_LABEL_KEY[group.kind]);
|
|
4196
4196
|
const visibleMembers = group.members.slice(0, VISIBLE_MEMBER_COUNT);
|
|
4197
4197
|
const overflowCount = group.members.length - visibleMembers.length;
|
|
@@ -4341,7 +4341,7 @@ function TripManifestFilterSheet({
|
|
|
4341
4341
|
onApply,
|
|
4342
4342
|
onClose
|
|
4343
4343
|
}) {
|
|
4344
|
-
const { t } =
|
|
4344
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4345
4345
|
react.useEffect(() => {
|
|
4346
4346
|
if (!open) {
|
|
4347
4347
|
return;
|
|
@@ -4449,7 +4449,7 @@ function TripManifestSearchRow({
|
|
|
4449
4449
|
filters,
|
|
4450
4450
|
onOpenFilters
|
|
4451
4451
|
}) {
|
|
4452
|
-
const { t } =
|
|
4452
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4453
4453
|
const activeCount = activeManifestFilterCount(filters);
|
|
4454
4454
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__search-row", children: [
|
|
4455
4455
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__search-field", children: [
|
|
@@ -4482,7 +4482,7 @@ function TripManifestSearchRow({
|
|
|
4482
4482
|
] });
|
|
4483
4483
|
}
|
|
4484
4484
|
function TripManifestStats({ stats }) {
|
|
4485
|
-
const { t } =
|
|
4485
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4486
4486
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__stats", children: [
|
|
4487
4487
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__stat-cell", children: [
|
|
4488
4488
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-manifest__stat-label", children: t("chrome.managerTrip.manifest.stats.confirmed") }),
|
|
@@ -4530,7 +4530,7 @@ function initials2(fullName) {
|
|
|
4530
4530
|
return `${parts[0]?.[0] ?? ""}${parts[parts.length - 1]?.[0] ?? ""}`.toUpperCase();
|
|
4531
4531
|
}
|
|
4532
4532
|
function TripTravellerRow({ traveller, onOpen }) {
|
|
4533
|
-
const { t } =
|
|
4533
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4534
4534
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
4535
4535
|
"button",
|
|
4536
4536
|
{
|
|
@@ -4564,11 +4564,11 @@ function ManagerManifestSection({
|
|
|
4564
4564
|
components,
|
|
4565
4565
|
style
|
|
4566
4566
|
}) {
|
|
4567
|
-
const { t } =
|
|
4567
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4568
4568
|
const Stats = components?.Stats ?? TripManifestStats;
|
|
4569
4569
|
const BookingGroupCard = components?.BookingGroupCard ?? TripBookingGroupCard;
|
|
4570
4570
|
const TravellerRow = components?.TravellerRow ?? TripTravellerRow;
|
|
4571
|
-
const parties =
|
|
4571
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
4572
4572
|
const [query, setQuery] = react.useState("");
|
|
4573
4573
|
const [filters, setFilters] = react.useState(EMPTY_MANIFEST_FILTERS);
|
|
4574
4574
|
const [filterSheetOpen, setFilterSheetOpen] = react.useState(false);
|
|
@@ -4600,7 +4600,7 @@ function ManagerManifestSection({
|
|
|
4600
4600
|
[travellers]
|
|
4601
4601
|
);
|
|
4602
4602
|
if (parties.status === "loading") {
|
|
4603
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__skeleton", style:
|
|
4603
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
4604
4604
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-manifest__skeleton-block" }),
|
|
4605
4605
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-manifest__skeleton-line" }),
|
|
4606
4606
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-manifest__skeleton-line kf-manager-manifest__skeleton-line--short" })
|
|
@@ -4608,7 +4608,7 @@ function ManagerManifestSection({
|
|
|
4608
4608
|
}
|
|
4609
4609
|
if (parties.status === "error") {
|
|
4610
4610
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4611
|
-
|
|
4611
|
+
chunkXPCCR7OH_cjs.OfflineFallbackScreen,
|
|
4612
4612
|
{
|
|
4613
4613
|
tripRef,
|
|
4614
4614
|
onRetry: () => void parties.retry(),
|
|
@@ -4618,7 +4618,7 @@ function ManagerManifestSection({
|
|
|
4618
4618
|
}
|
|
4619
4619
|
if (!parties.tripRoster.loaded && parties.tripRoster.lastFetchFailed) {
|
|
4620
4620
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4621
|
-
|
|
4621
|
+
chunkXPCCR7OH_cjs.OfflineFallbackScreen,
|
|
4622
4622
|
{
|
|
4623
4623
|
tripRef,
|
|
4624
4624
|
onRetry: () => void parties.tripRoster.refresh(),
|
|
@@ -4628,7 +4628,7 @@ function ManagerManifestSection({
|
|
|
4628
4628
|
}
|
|
4629
4629
|
const noMatches = filteredTravellers.length === 0;
|
|
4630
4630
|
const resolvedEmptyView = emptyView !== void 0 ? typeof emptyView === "function" ? emptyView() : emptyView : null;
|
|
4631
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest", style:
|
|
4631
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-manifest", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
4632
4632
|
/* @__PURE__ */ jsxRuntime.jsx(Stats, { stats }),
|
|
4633
4633
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
4634
4634
|
TripManifestSearchRow,
|
|
@@ -4762,7 +4762,7 @@ function initials3(fullName) {
|
|
|
4762
4762
|
return `${parts[0]?.[0] ?? ""}${parts[parts.length - 1]?.[0] ?? ""}`.toUpperCase();
|
|
4763
4763
|
}
|
|
4764
4764
|
function ProfileHeader({ fullName }) {
|
|
4765
|
-
const { t } =
|
|
4765
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4766
4766
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me__profile-card", children: [
|
|
4767
4767
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-me__avatar", "aria-hidden": "true", children: initials3(fullName) }),
|
|
4768
4768
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me__profile-body", children: [
|
|
@@ -4785,7 +4785,7 @@ var STATUS_LABEL_KEY4 = {
|
|
|
4785
4785
|
CANCELLED: "chrome.managerMe.trips.status.cancelled"
|
|
4786
4786
|
};
|
|
4787
4787
|
function RecentTrips({ trips, onOpenTrip }) {
|
|
4788
|
-
const { t } =
|
|
4788
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4789
4789
|
if (trips.length === 0) {
|
|
4790
4790
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerMe.trips.eyebrow"), children: [
|
|
4791
4791
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-me__eyebrow", children: t("chrome.managerMe.trips.eyebrow") }),
|
|
@@ -4825,7 +4825,7 @@ function RecentTrips({ trips, onOpenTrip }) {
|
|
|
4825
4825
|
] });
|
|
4826
4826
|
}
|
|
4827
4827
|
function StatsStrip({ trips }) {
|
|
4828
|
-
const { t } =
|
|
4828
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4829
4829
|
const leading = trips.filter((trip) => trip.isLead).length;
|
|
4830
4830
|
const coManaging = trips.length - leading;
|
|
4831
4831
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me__stat-grid", children: [
|
|
@@ -4844,7 +4844,7 @@ function StatsStrip({ trips }) {
|
|
|
4844
4844
|
] });
|
|
4845
4845
|
}
|
|
4846
4846
|
function SyncStatus({ status }) {
|
|
4847
|
-
const { t } =
|
|
4847
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4848
4848
|
const Icon = status.isOnline ? WifiOnIcon : WifiOffIcon;
|
|
4849
4849
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerMe.sync.eyebrow"), children: [
|
|
4850
4850
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-me__eyebrow", children: t("chrome.managerMe.sync.eyebrow") }),
|
|
@@ -4866,11 +4866,11 @@ function ManagerMeSection({
|
|
|
4866
4866
|
onSignOut,
|
|
4867
4867
|
style
|
|
4868
4868
|
}) {
|
|
4869
|
-
const { t } =
|
|
4870
|
-
const managerMe =
|
|
4871
|
-
const outboxStatus =
|
|
4869
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4870
|
+
const managerMe = chunkXPF737RG_cjs.useManagerMe();
|
|
4871
|
+
const outboxStatus = chunk4QMYUKW4_cjs.useOutboxStatus();
|
|
4872
4872
|
if (managerMe.status === "loading") {
|
|
4873
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me__skeleton", style:
|
|
4873
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
4874
4874
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-me__skeleton-block" }),
|
|
4875
4875
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-me__skeleton-line" }),
|
|
4876
4876
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-me__skeleton-line kf-manager-me__skeleton-line--short" })
|
|
@@ -4879,7 +4879,7 @@ function ManagerMeSection({
|
|
|
4879
4879
|
if (managerMe.status === "error") {
|
|
4880
4880
|
return null;
|
|
4881
4881
|
}
|
|
4882
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me", style:
|
|
4882
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-me", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
4883
4883
|
/* @__PURE__ */ jsxRuntime.jsx(ProfileHeader, { fullName: managerMe.manager.fullName }),
|
|
4884
4884
|
/* @__PURE__ */ jsxRuntime.jsx(StatsStrip, { trips: managerMe.trips }),
|
|
4885
4885
|
/* @__PURE__ */ jsxRuntime.jsx(RecentTrips, { trips: managerMe.trips, onOpenTrip }),
|
|
@@ -4923,7 +4923,7 @@ function ManagerFab({
|
|
|
4923
4923
|
"aria-label": label,
|
|
4924
4924
|
"data-tone": tone,
|
|
4925
4925
|
className: "kf-manager-fab kf-press--fab",
|
|
4926
|
-
style:
|
|
4926
|
+
style: chunk4QMYUKW4_cjs.tokenStyle(style),
|
|
4927
4927
|
children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(PlusIcon3, {})
|
|
4928
4928
|
}
|
|
4929
4929
|
);
|
|
@@ -4993,7 +4993,7 @@ function FloatMovementSheet({
|
|
|
4993
4993
|
onAdjust,
|
|
4994
4994
|
onClose
|
|
4995
4995
|
}) {
|
|
4996
|
-
const { t } =
|
|
4996
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
4997
4997
|
const [kind, setKind] = react.useState("RETURN");
|
|
4998
4998
|
const [amount, setAmount] = react.useState("");
|
|
4999
4999
|
const [direction, setDirection] = react.useState("OUT");
|
|
@@ -5147,8 +5147,8 @@ function LogExpenseSheet({
|
|
|
5147
5147
|
onSubmit,
|
|
5148
5148
|
onClose
|
|
5149
5149
|
}) {
|
|
5150
|
-
const { t } =
|
|
5151
|
-
const files =
|
|
5150
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5151
|
+
const files = chunkAWOKWGTB_cjs.useFiles({ tripRef });
|
|
5152
5152
|
const receiptInputId = react.useId();
|
|
5153
5153
|
const [amount, setAmount] = react.useState("");
|
|
5154
5154
|
const [category, setCategory] = react.useState("MISC");
|
|
@@ -5373,7 +5373,7 @@ function RecordCollectionSheet({
|
|
|
5373
5373
|
onSubmit,
|
|
5374
5374
|
onClose
|
|
5375
5375
|
}) {
|
|
5376
|
-
const { t } =
|
|
5376
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5377
5377
|
const outstandingByTravellerId = new Map(
|
|
5378
5378
|
balancesDue.map((row) => [row.travellerId, row])
|
|
5379
5379
|
);
|
|
@@ -5595,7 +5595,7 @@ function AddMoneyMenuSheet({
|
|
|
5595
5595
|
onMoveFloat,
|
|
5596
5596
|
onClose
|
|
5597
5597
|
}) {
|
|
5598
|
-
const { t } =
|
|
5598
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5599
5599
|
if (!open) {
|
|
5600
5600
|
return null;
|
|
5601
5601
|
}
|
|
@@ -5700,7 +5700,7 @@ function BalancesDueSection({
|
|
|
5700
5700
|
onSelect,
|
|
5701
5701
|
onSeeAll
|
|
5702
5702
|
}) {
|
|
5703
|
-
const { t } =
|
|
5703
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5704
5704
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerTrip.money.balancesDue.ariaLabel"), children: [
|
|
5705
5705
|
/* @__PURE__ */ jsxRuntime.jsxs("p", { className: "kf-manager-money__eyebrow-row", children: [
|
|
5706
5706
|
t("chrome.managerTrip.money.balancesDue.eyebrow"),
|
|
@@ -5731,7 +5731,7 @@ function ExpenseDetailSheet({
|
|
|
5731
5731
|
onWithdrawClaim,
|
|
5732
5732
|
onClose
|
|
5733
5733
|
}) {
|
|
5734
|
-
const { t } =
|
|
5734
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5735
5735
|
const [pending, setPending] = react.useState(false);
|
|
5736
5736
|
const [confirmingVoid, setConfirmingVoid] = react.useState(false);
|
|
5737
5737
|
const [voidReason, setVoidReason] = react.useState("");
|
|
@@ -5877,7 +5877,7 @@ function ExpenseDetailSheet({
|
|
|
5877
5877
|
) });
|
|
5878
5878
|
}
|
|
5879
5879
|
function MoneyStats({ float, spend, collect, reimbursable }) {
|
|
5880
|
-
const { t } =
|
|
5880
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5881
5881
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money__stats", children: [
|
|
5882
5882
|
float !== void 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money__stat-cell", children: [
|
|
5883
5883
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-money__stat-label", children: t("chrome.managerTrip.money.stat.float") }),
|
|
@@ -5914,7 +5914,7 @@ function RecentExpensesSection({
|
|
|
5914
5914
|
expenses,
|
|
5915
5915
|
onSelect
|
|
5916
5916
|
}) {
|
|
5917
|
-
const { t } =
|
|
5917
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5918
5918
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerTrip.money.recentExpenses.ariaLabel"), children: [
|
|
5919
5919
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow", children: t("chrome.managerTrip.money.recentExpenses.eyebrow") }),
|
|
5920
5920
|
expenses.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-money__card kf-manager-money__empty", children: t("chrome.managerTrip.money.recentExpenses.empty") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-money__list", children: expenses.slice(0, 5).map((expense) => /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -5945,11 +5945,11 @@ function ManagerMoneySection({
|
|
|
5945
5945
|
components,
|
|
5946
5946
|
style
|
|
5947
5947
|
}) {
|
|
5948
|
-
const { t } =
|
|
5949
|
-
const float =
|
|
5950
|
-
const expenses =
|
|
5951
|
-
const collections =
|
|
5952
|
-
const parties =
|
|
5948
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
5949
|
+
const float = chunkAWOKWGTB_cjs.useFloat(tripRef);
|
|
5950
|
+
const expenses = chunkAWOKWGTB_cjs.useExpenses(tripRef);
|
|
5951
|
+
const collections = chunkAWOKWGTB_cjs.useCollections(tripRef);
|
|
5952
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
5953
5953
|
const StatsComponent = components?.Stats ?? MoneyStats;
|
|
5954
5954
|
const RecentExpensesComponent = components?.RecentExpenses ?? RecentExpensesSection;
|
|
5955
5955
|
const BalancesDueComponent = components?.BalancesDue ?? BalancesDueSection;
|
|
@@ -5960,7 +5960,7 @@ function ManagerMoneySection({
|
|
|
5960
5960
|
const [expenseDetail, setExpenseDetail] = react.useState(void 0);
|
|
5961
5961
|
const [showingAllBalances, setShowingAllBalances] = react.useState(false);
|
|
5962
5962
|
if (float.status === "loading" && expenses.status === "loading" && collections.status === "loading") {
|
|
5963
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money__skeleton", style:
|
|
5963
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
5964
5964
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-money__skeleton-block" }),
|
|
5965
5965
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-money__skeleton-line" }),
|
|
5966
5966
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-money__skeleton-line kf-manager-money__skeleton-line--short" })
|
|
@@ -5978,7 +5978,7 @@ function ManagerMoneySection({
|
|
|
5978
5978
|
const canLogExpense = expensesReady !== void 0;
|
|
5979
5979
|
const canRecordCollection = collectionsReady !== void 0 && rosterRows.length > 0;
|
|
5980
5980
|
const canMoveFloat = floatReady !== void 0 && floatRow !== void 0;
|
|
5981
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money", style:
|
|
5981
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-money", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
5982
5982
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
5983
5983
|
StatsComponent,
|
|
5984
5984
|
{
|
|
@@ -6176,10 +6176,10 @@ function ManagerNotificationsSection({
|
|
|
6176
6176
|
onSelectNotification,
|
|
6177
6177
|
style
|
|
6178
6178
|
}) {
|
|
6179
|
-
const { t } =
|
|
6180
|
-
const notifications =
|
|
6179
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6180
|
+
const notifications = chunkXPF737RG_cjs.useNotifications();
|
|
6181
6181
|
if (notifications.status === "loading") {
|
|
6182
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-notifications__skeleton", style:
|
|
6182
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-notifications__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
6183
6183
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-notifications__skeleton-line" }),
|
|
6184
6184
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-notifications__skeleton-line" }),
|
|
6185
6185
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-notifications__skeleton-line kf-manager-notifications__skeleton-line--short" })
|
|
@@ -6195,7 +6195,7 @@ function ManagerNotificationsSection({
|
|
|
6195
6195
|
}
|
|
6196
6196
|
onSelectNotification({ notificationId: notification.id, tripId: notification.tripId });
|
|
6197
6197
|
}
|
|
6198
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-notifications", style:
|
|
6198
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-notifications", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-notifications__empty", children: [
|
|
6199
6199
|
/* @__PURE__ */ jsxRuntime.jsx(InboxIcon, { className: "kf-manager-notifications__empty-icon" }),
|
|
6200
6200
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-notifications__empty-title", children: t("chrome.managerNotifications.emptyTitle") }),
|
|
6201
6201
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-notifications__empty-body", children: t("chrome.managerNotifications.emptyBody") })
|
|
@@ -6328,7 +6328,7 @@ var TONE_ICON = {
|
|
|
6328
6328
|
info: () => /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
|
|
6329
6329
|
};
|
|
6330
6330
|
function NowBanners({ banners }) {
|
|
6331
|
-
const { t } =
|
|
6331
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6332
6332
|
if (banners.length === 0) {
|
|
6333
6333
|
return null;
|
|
6334
6334
|
}
|
|
@@ -6344,7 +6344,7 @@ function NowBanners({ banners }) {
|
|
|
6344
6344
|
] }, banner.id)) });
|
|
6345
6345
|
}
|
|
6346
6346
|
function NowChecklist({ items }) {
|
|
6347
|
-
const { t } =
|
|
6347
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6348
6348
|
if (items.length === 0) {
|
|
6349
6349
|
return null;
|
|
6350
6350
|
}
|
|
@@ -6369,7 +6369,7 @@ function initials4(fullName) {
|
|
|
6369
6369
|
return `${first[0] ?? ""}${last[0] ?? ""}`.toUpperCase();
|
|
6370
6370
|
}
|
|
6371
6371
|
function NowCoManager({ coManager }) {
|
|
6372
|
-
const { t } =
|
|
6372
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6373
6373
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerNow.coManager.ariaLabel"), children: [
|
|
6374
6374
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-now__eyebrow-row", children: t("chrome.managerNow.coManager.eyebrow") }),
|
|
6375
6375
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__co-manager-card", children: [
|
|
@@ -6412,7 +6412,7 @@ function NowHero({
|
|
|
6412
6412
|
progressPct,
|
|
6413
6413
|
onNavigateModule
|
|
6414
6414
|
}) {
|
|
6415
|
-
const { t } =
|
|
6415
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6416
6416
|
const progress = Math.max(0, Math.min(100, progressPct));
|
|
6417
6417
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "kf-manager-now__hero", "aria-label": t("chrome.managerNow.hero.ariaLabel"), children: [
|
|
6418
6418
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__hero-top", children: [
|
|
@@ -6471,7 +6471,7 @@ function formatTimeOfDay(isoDateTime, timezone) {
|
|
|
6471
6471
|
return formatter.format(new Date(isoDateTime));
|
|
6472
6472
|
}
|
|
6473
6473
|
function NowTimeline({ items, timezone }) {
|
|
6474
|
-
const { t } =
|
|
6474
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6475
6475
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerNow.timeline.ariaLabel"), children: [
|
|
6476
6476
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-now__eyebrow-row", children: t("chrome.managerNow.timeline.eyebrow") }),
|
|
6477
6477
|
items.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-now__card kf-manager-now__list", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__timeline-row", "data-state": item.timeState, children: [
|
|
@@ -6485,7 +6485,7 @@ function NowTimeline({ items, timezone }) {
|
|
|
6485
6485
|
] });
|
|
6486
6486
|
}
|
|
6487
6487
|
function NowTotals({ spend, collections }) {
|
|
6488
|
-
const { t } =
|
|
6488
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6489
6489
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerNow.totals.ariaLabel"), children: [
|
|
6490
6490
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-eyebrow kf-manager-now__eyebrow-row", children: t("chrome.managerNow.totals.eyebrow") }),
|
|
6491
6491
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__totals-grid", children: [
|
|
@@ -6538,7 +6538,7 @@ function NowTripSummary({
|
|
|
6538
6538
|
floatOutstandingMinor,
|
|
6539
6539
|
onViewCloseout
|
|
6540
6540
|
}) {
|
|
6541
|
-
const { t } =
|
|
6541
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6542
6542
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerNow.closeout.ariaLabel"), children: [
|
|
6543
6543
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__eyebrow-row", children: [
|
|
6544
6544
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow", children: t("chrome.managerNow.closeout.eyebrow") }),
|
|
@@ -6603,7 +6603,7 @@ function occupancyTone(fillCount, capacity) {
|
|
|
6603
6603
|
return "neutral";
|
|
6604
6604
|
}
|
|
6605
6605
|
function NowVehicleCards({ vehicles }) {
|
|
6606
|
-
const { t } =
|
|
6606
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6607
6607
|
if (vehicles.length === 0) {
|
|
6608
6608
|
return null;
|
|
6609
6609
|
}
|
|
@@ -6644,7 +6644,7 @@ function QuickActionsSheet({
|
|
|
6644
6644
|
onCollectPayment,
|
|
6645
6645
|
onManageFloat
|
|
6646
6646
|
}) {
|
|
6647
|
-
const { t } =
|
|
6647
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6648
6648
|
react.useEffect(() => {
|
|
6649
6649
|
if (!open) {
|
|
6650
6650
|
return;
|
|
@@ -6746,7 +6746,7 @@ function sumTodayCollections(collections, serverTime, timezone, currency) {
|
|
|
6746
6746
|
return { totalMinor, currency, count };
|
|
6747
6747
|
}
|
|
6748
6748
|
function ManagerNowSection(props) {
|
|
6749
|
-
const session =
|
|
6749
|
+
const session = chunk4QMYUKW4_cjs.useSession();
|
|
6750
6750
|
if (session.status !== "authenticated") {
|
|
6751
6751
|
return null;
|
|
6752
6752
|
}
|
|
@@ -6783,17 +6783,17 @@ function ReadyManagerNowSection({
|
|
|
6783
6783
|
idleView,
|
|
6784
6784
|
style
|
|
6785
6785
|
}) {
|
|
6786
|
-
const { t } =
|
|
6786
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6787
6787
|
const [sheetOpen, setSheetOpen] = react.useState(false);
|
|
6788
6788
|
const [activeMoneySheet, setActiveMoneySheet] = react.useState(void 0);
|
|
6789
|
-
const managerMe =
|
|
6790
|
-
const today =
|
|
6791
|
-
const expenses =
|
|
6792
|
-
const collections =
|
|
6793
|
-
const float =
|
|
6794
|
-
const parties =
|
|
6795
|
-
const managers =
|
|
6796
|
-
const closeout =
|
|
6789
|
+
const managerMe = chunkXPF737RG_cjs.useManagerMe();
|
|
6790
|
+
const today = chunkAWOKWGTB_cjs.useManagerToday(tripRef);
|
|
6791
|
+
const expenses = chunkAWOKWGTB_cjs.useExpenses(tripRef);
|
|
6792
|
+
const collections = chunkAWOKWGTB_cjs.useCollections(tripRef);
|
|
6793
|
+
const float = chunkAWOKWGTB_cjs.useFloat(tripRef);
|
|
6794
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
6795
|
+
const managers = chunkAWOKWGTB_cjs.useManagers(tripRef);
|
|
6796
|
+
const closeout = chunkAWOKWGTB_cjs.useCloseout(tripRef);
|
|
6797
6797
|
if (today.status === "loading" || managerMe.status === "loading") {
|
|
6798
6798
|
return /* @__PURE__ */ jsxRuntime.jsx(ManagerNowSkeleton, { style });
|
|
6799
6799
|
}
|
|
@@ -6813,7 +6813,7 @@ function ReadyManagerNowSection({
|
|
|
6813
6813
|
if (idleView !== void 0) {
|
|
6814
6814
|
return typeof idleView === "function" ? idleView(idleReading) : idleView;
|
|
6815
6815
|
}
|
|
6816
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now", style:
|
|
6816
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
6817
6817
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6818
6818
|
NowHero,
|
|
6819
6819
|
{
|
|
@@ -6871,7 +6871,7 @@ function ReadyManagerNowSection({
|
|
|
6871
6871
|
const canLogExpense = expensesReady !== void 0;
|
|
6872
6872
|
const canCollectPayment = collectionsReady !== void 0 && rosterRows.length > 0;
|
|
6873
6873
|
const canManageFloat = floatReady !== void 0 && floatRow !== void 0;
|
|
6874
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now", style:
|
|
6874
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
6875
6875
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
6876
6876
|
NowHero,
|
|
6877
6877
|
{
|
|
@@ -6977,14 +6977,14 @@ function ReadyManagerNowSection({
|
|
|
6977
6977
|
function ManagerNowSkeleton({
|
|
6978
6978
|
style
|
|
6979
6979
|
}) {
|
|
6980
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__skeleton", style:
|
|
6980
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-now__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
6981
6981
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-now__skeleton-block" }),
|
|
6982
6982
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-now__skeleton-line" }),
|
|
6983
6983
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-now__skeleton-line kf-manager-now__skeleton-line--short" })
|
|
6984
6984
|
] });
|
|
6985
6985
|
}
|
|
6986
6986
|
function ChecklistPreview({ checklist }) {
|
|
6987
|
-
const { t } =
|
|
6987
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
6988
6988
|
if (checklist === null) {
|
|
6989
6989
|
return null;
|
|
6990
6990
|
}
|
|
@@ -7050,7 +7050,7 @@ function initials5(fullName) {
|
|
|
7050
7050
|
return `${parts[0]?.[0] ?? ""}${parts[parts.length - 1]?.[0] ?? ""}`.toUpperCase();
|
|
7051
7051
|
}
|
|
7052
7052
|
function CoManagerCard({ managers }) {
|
|
7053
|
-
const { t } =
|
|
7053
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7054
7054
|
const coManager = managers.length > 1 ? managers.find((row) => !row.isLead) ?? managers[1] : void 0;
|
|
7055
7055
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerTrip.overview.coManager.eyebrow"), children: [
|
|
7056
7056
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-overview__eyebrow", children: t("chrome.managerTrip.overview.coManager.eyebrow") }),
|
|
@@ -7079,7 +7079,7 @@ function formatOverviewTime(iso) {
|
|
|
7079
7079
|
return TIME_FORMATTER2.format(new Date(iso));
|
|
7080
7080
|
}
|
|
7081
7081
|
function ItineraryPreview({ itinerary }) {
|
|
7082
|
-
const { t } =
|
|
7082
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7083
7083
|
if (itinerary === null) {
|
|
7084
7084
|
return null;
|
|
7085
7085
|
}
|
|
@@ -7111,7 +7111,7 @@ function ItineraryPreview({ itinerary }) {
|
|
|
7111
7111
|
);
|
|
7112
7112
|
}
|
|
7113
7113
|
function PickupsSummary({ pickups }) {
|
|
7114
|
-
const { t } =
|
|
7114
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7115
7115
|
if (pickups === null) {
|
|
7116
7116
|
return null;
|
|
7117
7117
|
}
|
|
@@ -7139,7 +7139,7 @@ function PickupsSummary({ pickups }) {
|
|
|
7139
7139
|
);
|
|
7140
7140
|
}
|
|
7141
7141
|
function RoomingSummary({ rooming }) {
|
|
7142
|
-
const { t } =
|
|
7142
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7143
7143
|
if (rooming === null) {
|
|
7144
7144
|
return null;
|
|
7145
7145
|
}
|
|
@@ -7191,7 +7191,7 @@ function occupancyTone2(fillCount, capacity) {
|
|
|
7191
7191
|
return "neutral";
|
|
7192
7192
|
}
|
|
7193
7193
|
function TransportSummary({ transport }) {
|
|
7194
|
-
const { t } =
|
|
7194
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7195
7195
|
if (transport === null) {
|
|
7196
7196
|
return null;
|
|
7197
7197
|
}
|
|
@@ -7241,20 +7241,20 @@ var TREK_PHASE_LABEL_KEY = {
|
|
|
7241
7241
|
closing: "chrome.managerTrip.overview.trekPhase.closing"
|
|
7242
7242
|
};
|
|
7243
7243
|
function ManagerOverviewSection({ tripRef, style }) {
|
|
7244
|
-
const { t } =
|
|
7245
|
-
const today =
|
|
7246
|
-
const managers =
|
|
7244
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7245
|
+
const today = chunkAWOKWGTB_cjs.useManagerToday(tripRef);
|
|
7246
|
+
const managers = chunkAWOKWGTB_cjs.useManagers(tripRef);
|
|
7247
7247
|
if (today.status === "loading") {
|
|
7248
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview__skeleton", style:
|
|
7248
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
7249
7249
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview__skeleton-line" }),
|
|
7250
7250
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview__skeleton-line" }),
|
|
7251
7251
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview__skeleton-line kf-manager-overview__skeleton-line--short" })
|
|
7252
7252
|
] });
|
|
7253
7253
|
}
|
|
7254
7254
|
if (today.status === "error" || today.kind === "idle") {
|
|
7255
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview", style:
|
|
7255
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-overview__idle", children: t("chrome.managerTrip.overview.title") }) });
|
|
7256
7256
|
}
|
|
7257
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview", style:
|
|
7257
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
7258
7258
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview__header", children: [
|
|
7259
7259
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-overview__phase-badge", children: t(PHASE_LABEL_KEY4[today.phase] ?? "chrome.managerTrip.overview.phase.preDeparture") }),
|
|
7260
7260
|
today.kind === "trek" && today.trekPhase !== null ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-overview__phase-badge", "data-tone": "accent", children: t(
|
|
@@ -7388,7 +7388,7 @@ function CloseStopSheet({
|
|
|
7388
7388
|
onClose,
|
|
7389
7389
|
onCancel
|
|
7390
7390
|
}) {
|
|
7391
|
-
const { t } =
|
|
7391
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7392
7392
|
const { stop, travellers } = stopRow;
|
|
7393
7393
|
const pendingTravellers = travellers.filter((row) => row.status === "PENDING");
|
|
7394
7394
|
const isShort = stop.boardedCount < stop.expectedCount;
|
|
@@ -7568,7 +7568,7 @@ function StopSegmentedSwitcher({
|
|
|
7568
7568
|
activeStopId,
|
|
7569
7569
|
onSelect
|
|
7570
7570
|
}) {
|
|
7571
|
-
const { t } =
|
|
7571
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7572
7572
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__segmented", role: "tablist", children: stops.map(({ stop }) => {
|
|
7573
7573
|
const done = stop.rollup === "closed";
|
|
7574
7574
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -7599,7 +7599,7 @@ function CorrectBoardStatusControl({
|
|
|
7599
7599
|
disabled,
|
|
7600
7600
|
onCorrect
|
|
7601
7601
|
}) {
|
|
7602
|
-
const { t } =
|
|
7602
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7603
7603
|
const [open, setOpen] = react.useState(false);
|
|
7604
7604
|
if (currentStatus === "PENDING") {
|
|
7605
7605
|
return null;
|
|
@@ -7674,7 +7674,7 @@ function TravellerBoardRow({
|
|
|
7674
7674
|
onBoard,
|
|
7675
7675
|
onCorrect
|
|
7676
7676
|
}) {
|
|
7677
|
-
const { t } =
|
|
7677
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7678
7678
|
const isPending = traveller.status === "PENDING";
|
|
7679
7679
|
function onKeyDown(event) {
|
|
7680
7680
|
if ((event.key === "Enter" || event.key === " ") && isPending && !stopClosed) {
|
|
@@ -7756,7 +7756,7 @@ function BoardingView({
|
|
|
7756
7756
|
onCloseStop,
|
|
7757
7757
|
onBack
|
|
7758
7758
|
}) {
|
|
7759
|
-
const { t } =
|
|
7759
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7760
7760
|
const [closeSheetOpen, setCloseSheetOpen] = react.useState(false);
|
|
7761
7761
|
const activeStopRow = manifest.stops.find((row) => row.stop.id === activeStopId) ?? manifest.stops[0];
|
|
7762
7762
|
if (activeStopRow === void 0) {
|
|
@@ -7857,7 +7857,7 @@ function patchManifestTraveller(manifest, stopId, travellerId, status, boardedAt
|
|
|
7857
7857
|
};
|
|
7858
7858
|
}
|
|
7859
7859
|
function StopRow({ stop, onSelect }) {
|
|
7860
|
-
const { t } =
|
|
7860
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7861
7861
|
const percent = boardedPercent(stop);
|
|
7862
7862
|
return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "kf-manager-pickups__row kf-press", onClick: onSelect, children: [
|
|
7863
7863
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "kf-manager-pickups__row-copy", children: [
|
|
@@ -7887,7 +7887,7 @@ function StopList({
|
|
|
7887
7887
|
onKindChange,
|
|
7888
7888
|
onSelectStop
|
|
7889
7889
|
}) {
|
|
7890
|
-
const { t } =
|
|
7890
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
7891
7891
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups", children: [
|
|
7892
7892
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-pickups__title", children: t("chrome.managerTrip.tab.pickups") }),
|
|
7893
7893
|
hasDropStops ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__chips", children: [
|
|
@@ -7924,7 +7924,7 @@ function ManagerPickupsSection({
|
|
|
7924
7924
|
components,
|
|
7925
7925
|
style
|
|
7926
7926
|
}) {
|
|
7927
|
-
const pickups =
|
|
7927
|
+
const pickups = chunkAWOKWGTB_cjs.usePickups(tripRef);
|
|
7928
7928
|
const StopListUI = components?.StopList ?? StopList;
|
|
7929
7929
|
const BoardingViewUI = components?.BoardingView ?? BoardingView;
|
|
7930
7930
|
const [kind, setKind] = react.useState("PICKUP");
|
|
@@ -7949,7 +7949,7 @@ function ManagerPickupsSection({
|
|
|
7949
7949
|
};
|
|
7950
7950
|
}, [ready, selectedStopId, kind]);
|
|
7951
7951
|
if (pickups.status === "loading") {
|
|
7952
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__skeleton", style:
|
|
7952
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
7953
7953
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line" }),
|
|
7954
7954
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line" }),
|
|
7955
7955
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line kf-manager-pickups__skeleton-line--short" })
|
|
@@ -8028,12 +8028,12 @@ function ManagerPickupsSection({
|
|
|
8028
8028
|
}
|
|
8029
8029
|
if (selectedStopId !== void 0) {
|
|
8030
8030
|
if (manifest === void 0) {
|
|
8031
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__skeleton", style:
|
|
8031
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
8032
8032
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line" }),
|
|
8033
8033
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line" })
|
|
8034
8034
|
] });
|
|
8035
8035
|
}
|
|
8036
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { style:
|
|
8036
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: chunk4QMYUKW4_cjs.tokenStyle(style), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8037
8037
|
BoardingViewUI,
|
|
8038
8038
|
{
|
|
8039
8039
|
manifest,
|
|
@@ -8049,7 +8049,7 @@ function ManagerPickupsSection({
|
|
|
8049
8049
|
}
|
|
8050
8050
|
) });
|
|
8051
8051
|
}
|
|
8052
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { style:
|
|
8052
|
+
return /* @__PURE__ */ jsxRuntime.jsx("div", { style: chunk4QMYUKW4_cjs.tokenStyle(style), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8053
8053
|
StopListUI,
|
|
8054
8054
|
{
|
|
8055
8055
|
stops: rankedStops,
|
|
@@ -8186,7 +8186,7 @@ function AddRoomSheet({
|
|
|
8186
8186
|
onPatch,
|
|
8187
8187
|
onDelete
|
|
8188
8188
|
}) {
|
|
8189
|
-
const { t } =
|
|
8189
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8190
8190
|
const [code, setCode] = react.useState("");
|
|
8191
8191
|
const [capacity, setCapacity] = react.useState("2");
|
|
8192
8192
|
const [roomType, setRoomType] = react.useState(void 0);
|
|
@@ -8393,7 +8393,7 @@ function AssignBedSheet({
|
|
|
8393
8393
|
onOpenTraveller,
|
|
8394
8394
|
onClose
|
|
8395
8395
|
}) {
|
|
8396
|
-
const { t } =
|
|
8396
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8397
8397
|
const [pending, setPending] = react.useState(false);
|
|
8398
8398
|
react.useEffect(() => {
|
|
8399
8399
|
if (!open) {
|
|
@@ -8603,7 +8603,7 @@ function AutoAssignSheet({
|
|
|
8603
8603
|
onApplied,
|
|
8604
8604
|
onClose
|
|
8605
8605
|
}) {
|
|
8606
|
-
const { t } =
|
|
8606
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8607
8607
|
const [reassignAll, setReassignAll] = react.useState(false);
|
|
8608
8608
|
const [preview, setPreview] = react.useState(void 0);
|
|
8609
8609
|
const [loading, setLoading] = react.useState(false);
|
|
@@ -8760,7 +8760,7 @@ var STATUS_LABEL_KEY5 = {
|
|
|
8760
8760
|
FULL: "chrome.managerTrip.rooming.room.status.full"
|
|
8761
8761
|
};
|
|
8762
8762
|
function RoomCard({ room, onSelectBed, onEditRoom }) {
|
|
8763
|
-
const { t } =
|
|
8763
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8764
8764
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__room-card", children: [
|
|
8765
8765
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
8766
8766
|
"button",
|
|
@@ -8799,7 +8799,7 @@ function RoomCard({ room, onSelectBed, onEditRoom }) {
|
|
|
8799
8799
|
] });
|
|
8800
8800
|
}
|
|
8801
8801
|
function RoomingStats({ roomCount, beds, unassignedCount }) {
|
|
8802
|
-
const { t } =
|
|
8802
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8803
8803
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__stats", children: [
|
|
8804
8804
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__stat-cell", children: [
|
|
8805
8805
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-rooming__stat-label", children: t("chrome.managerTrip.rooming.stats.rooms") }),
|
|
@@ -8837,7 +8837,7 @@ function StayWindowChips({
|
|
|
8837
8837
|
onAddWindow,
|
|
8838
8838
|
onEditWindow
|
|
8839
8839
|
}) {
|
|
8840
|
-
const { t } =
|
|
8840
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8841
8841
|
const activeWindow = stayWindows.find((window) => window.id === activeStayWindowId);
|
|
8842
8842
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__window-block", children: [
|
|
8843
8843
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -8905,7 +8905,7 @@ function StayWindowSheet({
|
|
|
8905
8905
|
onPatch,
|
|
8906
8906
|
onDelete
|
|
8907
8907
|
}) {
|
|
8908
|
-
const { t } =
|
|
8908
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
8909
8909
|
const [label, setLabel] = react.useState("");
|
|
8910
8910
|
const [startDate, setStartDate] = react.useState("");
|
|
8911
8911
|
const [endDate, setEndDate] = react.useState("");
|
|
@@ -9089,7 +9089,7 @@ function UnassignedPoolSection({
|
|
|
9089
9089
|
loaded,
|
|
9090
9090
|
onSelectTraveller
|
|
9091
9091
|
}) {
|
|
9092
|
-
const { t } =
|
|
9092
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9093
9093
|
if (loaded && travellers.length === 0) {
|
|
9094
9094
|
return null;
|
|
9095
9095
|
}
|
|
@@ -9122,8 +9122,8 @@ function ManagerRoomingSection({
|
|
|
9122
9122
|
components,
|
|
9123
9123
|
style
|
|
9124
9124
|
}) {
|
|
9125
|
-
const { t } =
|
|
9126
|
-
const rooming =
|
|
9125
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9126
|
+
const rooming = chunkAWOKWGTB_cjs.useRooming(tripRef);
|
|
9127
9127
|
const Stats = components?.Stats ?? RoomingStats;
|
|
9128
9128
|
const RoomCardComponent = components?.RoomCard ?? RoomCard;
|
|
9129
9129
|
const UnassignedPool = components?.UnassignedPool ?? UnassignedPoolSection;
|
|
@@ -9159,7 +9159,7 @@ function ManagerRoomingSection({
|
|
|
9159
9159
|
void refreshPool(activeStayWindowId);
|
|
9160
9160
|
}, [refreshPool, activeStayWindowId]);
|
|
9161
9161
|
if (rooming.status === "loading") {
|
|
9162
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__skeleton", style:
|
|
9162
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
9163
9163
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-rooming__skeleton-block" }),
|
|
9164
9164
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-rooming__skeleton-line" }),
|
|
9165
9165
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-rooming__skeleton-line kf-manager-rooming__skeleton-line--short" })
|
|
@@ -9183,7 +9183,7 @@ function ManagerRoomingSection({
|
|
|
9183
9183
|
}
|
|
9184
9184
|
}
|
|
9185
9185
|
const resolvedEmptyView = emptyView !== void 0 ? typeof emptyView === "function" ? emptyView() : emptyView : null;
|
|
9186
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming", style:
|
|
9186
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
9187
9187
|
sortedWindows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-rooming__card kf-manager-rooming__empty", children: [
|
|
9188
9188
|
/* @__PURE__ */ jsxRuntime.jsx("p", { children: t("chrome.managerTrip.rooming.noWindows") }),
|
|
9189
9189
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -9419,7 +9419,7 @@ function initials7(fullName) {
|
|
|
9419
9419
|
return `${parts[0]?.[0] ?? ""}${parts[parts.length - 1]?.[0] ?? ""}`.toUpperCase();
|
|
9420
9420
|
}
|
|
9421
9421
|
function RosterRow({ row, onOpen }) {
|
|
9422
|
-
const { t } =
|
|
9422
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9423
9423
|
const { traveller } = row;
|
|
9424
9424
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-roster__row", children: [
|
|
9425
9425
|
/* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -9450,7 +9450,7 @@ function RosterRow({ row, onOpen }) {
|
|
|
9450
9450
|
] });
|
|
9451
9451
|
}
|
|
9452
9452
|
function RosterSearch({ query, onQueryChange }) {
|
|
9453
|
-
const { t } =
|
|
9453
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9454
9454
|
return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "kf-manager-roster__search", children: [
|
|
9455
9455
|
/* @__PURE__ */ jsxRuntime.jsx(SearchIcon2, { "aria-hidden": "true" }),
|
|
9456
9456
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -9470,8 +9470,8 @@ function ManagerRosterSection({
|
|
|
9470
9470
|
onOpenTraveller,
|
|
9471
9471
|
style
|
|
9472
9472
|
}) {
|
|
9473
|
-
const { t } =
|
|
9474
|
-
const parties =
|
|
9473
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9474
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
9475
9475
|
const [query, setQuery] = react.useState("");
|
|
9476
9476
|
const rows = react.useMemo(
|
|
9477
9477
|
() => parties.status === "ready" ? parties.tripRoster.rows : [],
|
|
@@ -9487,7 +9487,7 @@ function ManagerRosterSection({
|
|
|
9487
9487
|
);
|
|
9488
9488
|
}, [rows, query]);
|
|
9489
9489
|
if (parties.status === "loading") {
|
|
9490
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-roster__skeleton", style:
|
|
9490
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-roster__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
9491
9491
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-roster__skeleton-line" }),
|
|
9492
9492
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-roster__skeleton-line" }),
|
|
9493
9493
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-roster__skeleton-line kf-manager-roster__skeleton-line--short" })
|
|
@@ -9496,7 +9496,7 @@ function ManagerRosterSection({
|
|
|
9496
9496
|
if (parties.status === "error") {
|
|
9497
9497
|
return null;
|
|
9498
9498
|
}
|
|
9499
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-roster", style:
|
|
9499
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-roster", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
9500
9500
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-roster__count", children: t("chrome.managerTrip.roster.count").replace("{count}", String(rows.length)) }),
|
|
9501
9501
|
/* @__PURE__ */ jsxRuntime.jsx(RosterSearch, { query, onQueryChange: setQuery }),
|
|
9502
9502
|
rows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-roster__empty", children: t("chrome.managerTrip.roster.empty") }) : filteredRows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-roster__empty", children: t("chrome.managerTrip.roster.noMatches") }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-roster__list", children: filteredRows.map((row) => /* @__PURE__ */ jsxRuntime.jsx(RosterRow, { row, onOpen: onOpenTraveller }, row.traveller.travellerId)) })
|
|
@@ -9631,7 +9631,7 @@ function ConflictResolverSheet({
|
|
|
9631
9631
|
onResolve,
|
|
9632
9632
|
onClose
|
|
9633
9633
|
}) {
|
|
9634
|
-
const { t } =
|
|
9634
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9635
9635
|
const [fieldIndex, setFieldIndex] = react.useState(0);
|
|
9636
9636
|
const [pending, setPending] = react.useState(false);
|
|
9637
9637
|
react.useEffect(() => {
|
|
@@ -9766,7 +9766,7 @@ function formatSyncCenterDate(iso) {
|
|
|
9766
9766
|
return iso === void 0 ? void 0 : SYNC_CENTER_DATE_FORMATTER.format(new Date(iso));
|
|
9767
9767
|
}
|
|
9768
9768
|
function OutboxRow({ op, isConflict, label, onSelect }) {
|
|
9769
|
-
const { t } =
|
|
9769
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9770
9770
|
const statusLabel = isConflict ? t("chrome.managerSyncCenter.status.conflict") : op.status === "parked" ? t("chrome.managerSyncCenter.status.parked") : op.status === "inflight" ? t("chrome.managerSyncCenter.status.inflight") : t("chrome.managerSyncCenter.status.pending");
|
|
9771
9771
|
const interactive = isConflict;
|
|
9772
9772
|
const Row = interactive ? "button" : "div";
|
|
@@ -9817,9 +9817,9 @@ function ManagerSyncCenterSection({
|
|
|
9817
9817
|
onResolved,
|
|
9818
9818
|
style
|
|
9819
9819
|
}) {
|
|
9820
|
-
const { t } =
|
|
9821
|
-
const engine =
|
|
9822
|
-
const { conflicts, resolve } =
|
|
9820
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
9821
|
+
const engine = chunkV45VFRBI_cjs.useOfflineEngine();
|
|
9822
|
+
const { conflicts, resolve } = chunkXPF737RG_cjs.useConflicts(tripRef);
|
|
9823
9823
|
const [openConflict, setOpenConflict] = react.useState(void 0);
|
|
9824
9824
|
const ops = engine.outbox.all().filter((op) => op.tripRef === tripRef);
|
|
9825
9825
|
const conflictOpIds = new Set(conflicts.map((conflict) => conflict.opId));
|
|
@@ -9833,7 +9833,7 @@ function ManagerSyncCenterSection({
|
|
|
9833
9833
|
await resolve(opId, choice);
|
|
9834
9834
|
onResolved?.(opId, choice);
|
|
9835
9835
|
}
|
|
9836
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-sync-center", style:
|
|
9836
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-sync-center", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
9837
9837
|
ops.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-sync-center__empty", children: [
|
|
9838
9838
|
/* @__PURE__ */ jsxRuntime.jsx(InboxIcon2, { className: "kf-manager-sync-center__empty-icon", "aria-hidden": "true" }),
|
|
9839
9839
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-sync-center__empty-title", children: t("chrome.managerSyncCenter.emptyTitle") })
|
|
@@ -10054,7 +10054,7 @@ function LogPaymentSheet({
|
|
|
10054
10054
|
onClose,
|
|
10055
10055
|
onSubmit
|
|
10056
10056
|
}) {
|
|
10057
|
-
const { t } =
|
|
10057
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10058
10058
|
const [amount, setAmount] = react.useState("");
|
|
10059
10059
|
const [mode, setMode] = react.useState("CASH");
|
|
10060
10060
|
const [reference, setReference] = react.useState("");
|
|
@@ -10192,7 +10192,7 @@ function LogPaymentSheet({
|
|
|
10192
10192
|
) });
|
|
10193
10193
|
}
|
|
10194
10194
|
function TravellerContactRow({ fullName, phone }) {
|
|
10195
|
-
const { t } =
|
|
10195
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10196
10196
|
if (phone === null) {
|
|
10197
10197
|
return null;
|
|
10198
10198
|
}
|
|
@@ -10231,7 +10231,7 @@ var DIET_LABEL_KEY3 = {
|
|
|
10231
10231
|
J: "chrome.managerTraveller.dietary.diet.j"
|
|
10232
10232
|
};
|
|
10233
10233
|
function TravellerDietaryCard({ rows }) {
|
|
10234
|
-
const { t } =
|
|
10234
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10235
10235
|
if (rows.length === 0) {
|
|
10236
10236
|
return null;
|
|
10237
10237
|
}
|
|
@@ -10261,7 +10261,7 @@ function TravellerEmergencyCard({
|
|
|
10261
10261
|
relation,
|
|
10262
10262
|
phone
|
|
10263
10263
|
}) {
|
|
10264
|
-
const { t } =
|
|
10264
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10265
10265
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerTraveller.emergency.ariaLabel"), children: [
|
|
10266
10266
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-traveller__eyebrow-row", children: t("chrome.managerTraveller.emergency.eyebrow") }),
|
|
10267
10267
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller__card kf-manager-traveller__emergency-row", children: [
|
|
@@ -10306,7 +10306,7 @@ var DATE_FORMATTER5 = new Intl.DateTimeFormat("en-GB", {
|
|
|
10306
10306
|
minute: "2-digit"
|
|
10307
10307
|
});
|
|
10308
10308
|
function TravellerNotesSection({ notes, onAddNote }) {
|
|
10309
|
-
const { t } =
|
|
10309
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10310
10310
|
const [composing, setComposing] = react.useState(false);
|
|
10311
10311
|
const [draft, setDraft] = react.useState("");
|
|
10312
10312
|
const [submitting, setSubmitting] = react.useState(false);
|
|
@@ -10393,7 +10393,7 @@ function TravellerPaymentCard({
|
|
|
10393
10393
|
canLogPayment,
|
|
10394
10394
|
onLogPayment
|
|
10395
10395
|
}) {
|
|
10396
|
-
const { t } =
|
|
10396
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10397
10397
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { "aria-label": t("chrome.managerTraveller.payment.ariaLabel"), children: [
|
|
10398
10398
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-traveller__eyebrow-row", children: t("chrome.managerTraveller.payment.eyebrow") }),
|
|
10399
10399
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller__card", children: [
|
|
@@ -10422,7 +10422,7 @@ function TravellerPaymentCard({
|
|
|
10422
10422
|
] });
|
|
10423
10423
|
}
|
|
10424
10424
|
function TravellerRoomSeatCard({ room, seat }) {
|
|
10425
|
-
const { t } =
|
|
10425
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10426
10426
|
if (room === null && seat === null) {
|
|
10427
10427
|
return null;
|
|
10428
10428
|
}
|
|
@@ -10449,10 +10449,10 @@ function ManagerTravellerProfileSection({
|
|
|
10449
10449
|
components,
|
|
10450
10450
|
style
|
|
10451
10451
|
}) {
|
|
10452
|
-
const { t } =
|
|
10453
|
-
const profile =
|
|
10454
|
-
const parties =
|
|
10455
|
-
const collections =
|
|
10452
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10453
|
+
const profile = chunkAWOKWGTB_cjs.useTravellerProfile(tripRef, travellerRef);
|
|
10454
|
+
const parties = chunkAWOKWGTB_cjs.useParties(tripRef);
|
|
10455
|
+
const collections = chunkAWOKWGTB_cjs.useCollections(tripRef);
|
|
10456
10456
|
const [sheetOpen, setSheetOpen] = react.useState(false);
|
|
10457
10457
|
const partyLabel = react.useMemo(() => {
|
|
10458
10458
|
if (profile.read === void 0 || profile.read.partyId === null) {
|
|
@@ -10464,7 +10464,7 @@ function ManagerTravellerProfileSection({
|
|
|
10464
10464
|
return parties.list.rows.find((row) => row.id === profile.read?.partyId)?.label ?? null;
|
|
10465
10465
|
}, [profile.read, parties]);
|
|
10466
10466
|
if (profile.read === void 0) {
|
|
10467
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller__skeleton", style:
|
|
10467
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
10468
10468
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-traveller__skeleton-avatar" }),
|
|
10469
10469
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-traveller__skeleton-line" }),
|
|
10470
10470
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-traveller__skeleton-line kf-manager-traveller__skeleton-line--short" })
|
|
@@ -10487,7 +10487,7 @@ function ManagerTravellerProfileSection({
|
|
|
10487
10487
|
read.profile.medicalNotes
|
|
10488
10488
|
);
|
|
10489
10489
|
const canLogPayment = collections.status === "ready";
|
|
10490
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller", style:
|
|
10490
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-traveller", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
10491
10491
|
/* @__PURE__ */ jsxRuntime.jsx(TravellerHero, { fullName: read.fullName, partyLabel }),
|
|
10492
10492
|
/* @__PURE__ */ jsxRuntime.jsx(TravellerContactRow, { fullName: read.fullName, phone: read.phone }),
|
|
10493
10493
|
/* @__PURE__ */ jsxRuntime.jsx(DietaryCard, { rows: dietaryRows }),
|
|
@@ -10826,7 +10826,7 @@ function AddVehicleSheet({
|
|
|
10826
10826
|
onPatch,
|
|
10827
10827
|
onDelete
|
|
10828
10828
|
}) {
|
|
10829
|
-
const { t } =
|
|
10829
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
10830
10830
|
const [regNo, setRegNo] = react.useState("");
|
|
10831
10831
|
const [label, setLabel] = react.useState("");
|
|
10832
10832
|
const [type, setType] = react.useState("BUS");
|
|
@@ -11178,7 +11178,7 @@ function AssignSeatSheet({
|
|
|
11178
11178
|
onOpenTraveller,
|
|
11179
11179
|
onClose
|
|
11180
11180
|
}) {
|
|
11181
|
-
const { t } =
|
|
11181
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11182
11182
|
const [pending, setPending] = react.useState(false);
|
|
11183
11183
|
const [customLabel, setCustomLabel] = react.useState("");
|
|
11184
11184
|
const [editingSeatLabel, setEditingSeatLabel] = react.useState(false);
|
|
@@ -11420,7 +11420,7 @@ function AutoAssignSheet2({
|
|
|
11420
11420
|
onApplied,
|
|
11421
11421
|
onClose
|
|
11422
11422
|
}) {
|
|
11423
|
-
const { t } =
|
|
11423
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11424
11424
|
const [reassignAll, setReassignAll] = react.useState(false);
|
|
11425
11425
|
const [preview, setPreview] = react.useState(void 0);
|
|
11426
11426
|
const [loading, setLoading] = react.useState(false);
|
|
@@ -11577,7 +11577,7 @@ function SetOwnerSheet({
|
|
|
11577
11577
|
onSetOwner,
|
|
11578
11578
|
onRemoveOwner
|
|
11579
11579
|
}) {
|
|
11580
|
-
const { t } =
|
|
11580
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11581
11581
|
react.useEffect(() => {
|
|
11582
11582
|
if (!open) {
|
|
11583
11583
|
return;
|
|
@@ -11645,7 +11645,7 @@ function UnassignedPoolSection2({
|
|
|
11645
11645
|
loaded,
|
|
11646
11646
|
onSelectTraveller
|
|
11647
11647
|
}) {
|
|
11648
|
-
const { t } =
|
|
11648
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11649
11649
|
if (loaded && travellers.length === 0) {
|
|
11650
11650
|
return null;
|
|
11651
11651
|
}
|
|
@@ -11681,7 +11681,7 @@ function VehicleCard({
|
|
|
11681
11681
|
onEditOwner,
|
|
11682
11682
|
onViewRoster
|
|
11683
11683
|
}) {
|
|
11684
|
-
const { t } =
|
|
11684
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11685
11685
|
const totalOccupantCount = allOccupantsOfVehicle(vehicle).length;
|
|
11686
11686
|
const dayCoverage = dayCoverageLabel(vehicle.days);
|
|
11687
11687
|
const dayLabel = dayCoverage === "ALL_DAYS" ? t("chrome.managerTrip.vehicles.card.allDays") : t("chrome.managerTrip.vehicles.card.dayCoverage").replace("{days}", dayCoverage);
|
|
@@ -11831,7 +11831,7 @@ function VehicleRosterSheet({
|
|
|
11831
11831
|
onSelectOccupant,
|
|
11832
11832
|
onClose
|
|
11833
11833
|
}) {
|
|
11834
|
-
const { t } =
|
|
11834
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11835
11835
|
react.useEffect(() => {
|
|
11836
11836
|
if (!open) {
|
|
11837
11837
|
return;
|
|
@@ -11910,7 +11910,7 @@ function VehicleStats({
|
|
|
11910
11910
|
capacity,
|
|
11911
11911
|
unassignedCount
|
|
11912
11912
|
}) {
|
|
11913
|
-
const { t } =
|
|
11913
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11914
11914
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles__stats", children: [
|
|
11915
11915
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles__stat-cell", children: [
|
|
11916
11916
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-vehicles__stat-label", children: t("chrome.managerTrip.vehicles.stats.vehicles") }),
|
|
@@ -11944,9 +11944,9 @@ function ManagerVehiclesSection({
|
|
|
11944
11944
|
components,
|
|
11945
11945
|
style
|
|
11946
11946
|
}) {
|
|
11947
|
-
const { t } =
|
|
11948
|
-
const seating =
|
|
11949
|
-
const managers =
|
|
11947
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
11948
|
+
const seating = chunkAWOKWGTB_cjs.useSeating(tripRef);
|
|
11949
|
+
const managers = chunkAWOKWGTB_cjs.useManagers(tripRef);
|
|
11950
11950
|
const Stats = components?.Stats ?? VehicleStats;
|
|
11951
11951
|
const VehicleCardComponent = components?.VehicleCard ?? VehicleCard;
|
|
11952
11952
|
const UnassignedPool = components?.UnassignedPool ?? UnassignedPoolSection2;
|
|
@@ -11994,7 +11994,7 @@ function ManagerVehiclesSection({
|
|
|
11994
11994
|
return map;
|
|
11995
11995
|
}, [managerRoster]);
|
|
11996
11996
|
if (seating.status === "loading") {
|
|
11997
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles__skeleton", style:
|
|
11997
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
11998
11998
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vehicles__skeleton-block" }),
|
|
11999
11999
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vehicles__skeleton-line" }),
|
|
12000
12000
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vehicles__skeleton-line kf-manager-vehicles__skeleton-line--short" })
|
|
@@ -12007,7 +12007,7 @@ function ManagerVehiclesSection({
|
|
|
12007
12007
|
const unassignedCount = seating.unassignedPool.travellers.length;
|
|
12008
12008
|
const travellerNames = travellerNameMap(seating.unassignedPool.travellers, liveVehicles);
|
|
12009
12009
|
const resolvedEmptyView = emptyView !== void 0 ? typeof emptyView === "function" ? emptyView() : emptyView : null;
|
|
12010
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles", style:
|
|
12010
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vehicles", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
12011
12011
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12012
12012
|
Stats,
|
|
12013
12013
|
{
|
|
@@ -12186,7 +12186,7 @@ function VendorDetailSheet({
|
|
|
12186
12186
|
vehicles,
|
|
12187
12187
|
onClose
|
|
12188
12188
|
}) {
|
|
12189
|
-
const { t } =
|
|
12189
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
12190
12190
|
react.useEffect(() => {
|
|
12191
12191
|
if (vendor === void 0) {
|
|
12192
12192
|
return;
|
|
@@ -12391,7 +12391,7 @@ function VendorListSection({
|
|
|
12391
12391
|
onVendorSelect,
|
|
12392
12392
|
emptyView
|
|
12393
12393
|
}) {
|
|
12394
|
-
const { t } =
|
|
12394
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
12395
12395
|
if (vendors.length === 0) {
|
|
12396
12396
|
if (emptyView !== void 0) {
|
|
12397
12397
|
return typeof emptyView === "function" ? emptyView() : emptyView;
|
|
@@ -12456,13 +12456,13 @@ function ManagerVendorsSection({
|
|
|
12456
12456
|
components,
|
|
12457
12457
|
style
|
|
12458
12458
|
}) {
|
|
12459
|
-
const vendors =
|
|
12460
|
-
const expenses =
|
|
12461
|
-
const seating =
|
|
12459
|
+
const vendors = chunkAWOKWGTB_cjs.useVendors(tripRef, "");
|
|
12460
|
+
const expenses = chunkAWOKWGTB_cjs.useExpenses(tripRef);
|
|
12461
|
+
const seating = chunkAWOKWGTB_cjs.useSeating(tripRef);
|
|
12462
12462
|
const [selectedVendorId, setSelectedVendorId] = react.useState(void 0);
|
|
12463
12463
|
const VendorListUI = components?.VendorListUI ?? VendorListSection;
|
|
12464
12464
|
if (vendors.status === "loading") {
|
|
12465
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vendors__skeleton", style:
|
|
12465
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vendors__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
12466
12466
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vendors__skeleton-line" }),
|
|
12467
12467
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vendors__skeleton-line" }),
|
|
12468
12468
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-vendors__skeleton-line kf-manager-vendors__skeleton-line--short" })
|
|
@@ -12481,7 +12481,7 @@ function ManagerVendorsSection({
|
|
|
12481
12481
|
description: row.description
|
|
12482
12482
|
})) : void 0;
|
|
12483
12483
|
const detailVehicles = seating.status === "ready" && selectedVendor !== void 0 ? seating.vehicles.filter(isLiveVehicle2).filter((row) => row.vendorId === selectedVendor.id).map((row) => ({ id: row.id, regNo: row.regNo, label: row.label })) : void 0;
|
|
12484
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vendors", style:
|
|
12484
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-vendors", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
12485
12485
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12486
12486
|
VendorListUI,
|
|
12487
12487
|
{
|
|
@@ -12556,7 +12556,7 @@ function TripChipTabs({
|
|
|
12556
12556
|
onSelect,
|
|
12557
12557
|
counts
|
|
12558
12558
|
}) {
|
|
12559
|
-
const { t } =
|
|
12559
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
12560
12560
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
12561
12561
|
"div",
|
|
12562
12562
|
{
|
|
@@ -12612,7 +12612,7 @@ function TripHero({
|
|
|
12612
12612
|
endDate,
|
|
12613
12613
|
region
|
|
12614
12614
|
}) {
|
|
12615
|
-
const { t } =
|
|
12615
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
12616
12616
|
const sub = [formatDateRange2(startDate, endDate), region].filter(Boolean).join(" \xB7 ");
|
|
12617
12617
|
return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "kf-manager-trip__hero", "aria-label": t("chrome.managerTrip.hero.ariaLabel"), children: [
|
|
12618
12618
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-trip__hero-body", children: [
|
|
@@ -12642,7 +12642,7 @@ var TAB_LABEL_KEY2 = {
|
|
|
12642
12642
|
documents: "chrome.managerTrip.tab.documents"
|
|
12643
12643
|
};
|
|
12644
12644
|
function TripTabPlaceholder({ tabKey }) {
|
|
12645
|
-
const { t } =
|
|
12645
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
12646
12646
|
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-trip__card kf-manager-trip__placeholder", children: t("chrome.managerTrip.placeholder.notBuilt").replace("{tab}", t(TAB_LABEL_KEY2[tabKey])) });
|
|
12647
12647
|
}
|
|
12648
12648
|
var BLOCKER_ACTION_TAB = {
|
|
@@ -12658,7 +12658,7 @@ var BLOCKER_ACTION_TAB = {
|
|
|
12658
12658
|
open_past_itinerary: "itinerary"
|
|
12659
12659
|
};
|
|
12660
12660
|
function ManagerTripSection(props) {
|
|
12661
|
-
const session =
|
|
12661
|
+
const session = chunk4QMYUKW4_cjs.useSession();
|
|
12662
12662
|
if (session.status !== "authenticated") {
|
|
12663
12663
|
return null;
|
|
12664
12664
|
}
|
|
@@ -12676,7 +12676,7 @@ function ReadyManagerTripSection({
|
|
|
12676
12676
|
panels,
|
|
12677
12677
|
style
|
|
12678
12678
|
}) {
|
|
12679
|
-
const managerMe =
|
|
12679
|
+
const managerMe = chunkXPF737RG_cjs.useManagerMe();
|
|
12680
12680
|
const [internalActiveTab, setInternalActiveTab] = react.useState("manifest");
|
|
12681
12681
|
if (managerMe.status === "loading") {
|
|
12682
12682
|
return /* @__PURE__ */ jsxRuntime.jsx(ManagerTripSkeleton, { style });
|
|
@@ -12740,7 +12740,7 @@ function ReadyManagerTripSection({
|
|
|
12740
12740
|
}
|
|
12741
12741
|
)
|
|
12742
12742
|
};
|
|
12743
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-trip", style:
|
|
12743
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-trip", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
12744
12744
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12745
12745
|
TripHero,
|
|
12746
12746
|
{
|
|
@@ -12759,7 +12759,7 @@ function ReadyManagerTripSection({
|
|
|
12759
12759
|
function ManagerTripSkeleton({
|
|
12760
12760
|
style
|
|
12761
12761
|
}) {
|
|
12762
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-trip__skeleton", style:
|
|
12762
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-trip__skeleton", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
12763
12763
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-trip__skeleton-block" }),
|
|
12764
12764
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-trip__skeleton-line" }),
|
|
12765
12765
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-trip__skeleton-line kf-manager-trip__skeleton-line--short" })
|
|
@@ -12925,7 +12925,7 @@ function ManagerShellHeader(props) {
|
|
|
12925
12925
|
"header",
|
|
12926
12926
|
{
|
|
12927
12927
|
className: "kf-manager-shell__header kf-manager-shell__header--back",
|
|
12928
|
-
style:
|
|
12928
|
+
style: chunk4QMYUKW4_cjs.tokenStyle(props.style),
|
|
12929
12929
|
children: [
|
|
12930
12930
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
12931
12931
|
"button",
|
|
@@ -12951,7 +12951,7 @@ function ManagerShellHeader(props) {
|
|
|
12951
12951
|
"header",
|
|
12952
12952
|
{
|
|
12953
12953
|
className: "kf-manager-shell__header kf-manager-shell__header--page",
|
|
12954
|
-
style:
|
|
12954
|
+
style: chunk4QMYUKW4_cjs.tokenStyle(style),
|
|
12955
12955
|
children: [
|
|
12956
12956
|
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-shell__header-titles", children: [
|
|
12957
12957
|
eyebrow !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-shell__header-eyebrow kf-eyebrow", children: eyebrow }) : null,
|
|
@@ -12996,7 +12996,7 @@ function ManagerShellTabBar({
|
|
|
12996
12996
|
{
|
|
12997
12997
|
"aria-label": "Manager navigation",
|
|
12998
12998
|
className: "kf-manager-shell__tab-bar",
|
|
12999
|
-
style:
|
|
12999
|
+
style: chunk4QMYUKW4_cjs.tokenStyle(void 0, { "--kf-manager-shell-tab-count": tabs.length }),
|
|
13000
13000
|
children: tabs.map((tab) => {
|
|
13001
13001
|
const active = tab.key === activeTabKey;
|
|
13002
13002
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
@@ -13028,7 +13028,7 @@ function ManagerShell({
|
|
|
13028
13028
|
fab,
|
|
13029
13029
|
style
|
|
13030
13030
|
}) {
|
|
13031
|
-
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-shell", style:
|
|
13031
|
+
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-shell", style: chunk4QMYUKW4_cjs.tokenStyle(style), children: [
|
|
13032
13032
|
header !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(ManagerShellHeader, { ...header }) : null,
|
|
13033
13033
|
/* @__PURE__ */ jsxRuntime.jsx("main", { className: "kf-manager-shell__main", children }),
|
|
13034
13034
|
fab,
|
|
@@ -13128,7 +13128,7 @@ function SyncStatusBadge({
|
|
|
13128
13128
|
parked,
|
|
13129
13129
|
onOpenSyncCenter
|
|
13130
13130
|
}) {
|
|
13131
|
-
const { t } =
|
|
13131
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
13132
13132
|
const Icon = isOnline ? WifiOnIcon2 : WifiOffIcon2;
|
|
13133
13133
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-app__sync-badge", "data-online": isOnline, children: [
|
|
13134
13134
|
/* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-hidden": "true" }),
|
|
@@ -13161,14 +13161,14 @@ var STATUS_LABEL_KEY7 = {
|
|
|
13161
13161
|
CANCELLED: "chrome.managerApp.tripList.status.cancelled"
|
|
13162
13162
|
};
|
|
13163
13163
|
function TripListRow({ trip, onSelect, style }) {
|
|
13164
|
-
const { t } =
|
|
13164
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
13165
13165
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
13166
13166
|
"button",
|
|
13167
13167
|
{
|
|
13168
13168
|
type: "button",
|
|
13169
13169
|
className: "kf-manager-app__trip-row kf-press",
|
|
13170
13170
|
onClick: () => onSelect(trip.tripRef),
|
|
13171
|
-
style:
|
|
13171
|
+
style: chunk4QMYUKW4_cjs.tokenStyle(style),
|
|
13172
13172
|
children: [
|
|
13173
13173
|
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "kf-manager-app__trip-tag", "data-event-type": trip.eventType }),
|
|
13174
13174
|
/* @__PURE__ */ jsxRuntime.jsxs("span", { className: "kf-manager-app__trip-body", children: [
|
|
@@ -13190,14 +13190,14 @@ function TripListScreen({
|
|
|
13190
13190
|
onSelect,
|
|
13191
13191
|
TripListItemComponent
|
|
13192
13192
|
}) {
|
|
13193
|
-
const { t } =
|
|
13193
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
13194
13194
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-app__trip-list", children: [
|
|
13195
13195
|
/* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-app__trip-list-eyebrow", children: t("chrome.managerApp.tripList.eyebrow") }),
|
|
13196
13196
|
/* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-app__trip-list-rows", children: trips.map((trip) => /* @__PURE__ */ jsxRuntime.jsx(TripListItemComponent, { trip, onSelect }, trip.tripRef)) })
|
|
13197
13197
|
] });
|
|
13198
13198
|
}
|
|
13199
13199
|
function KaafilManagerApp(props) {
|
|
13200
|
-
const session =
|
|
13200
|
+
const session = chunk4QMYUKW4_cjs.useSession();
|
|
13201
13201
|
if (session.status !== "authenticated") {
|
|
13202
13202
|
return null;
|
|
13203
13203
|
}
|
|
@@ -13232,12 +13232,12 @@ function ReadyKaafilManagerApp(props) {
|
|
|
13232
13232
|
components,
|
|
13233
13233
|
style
|
|
13234
13234
|
} = props;
|
|
13235
|
-
const { t } =
|
|
13236
|
-
const { appName } =
|
|
13235
|
+
const { t } = chunk4QMYUKW4_cjs.useKaafilChrome();
|
|
13236
|
+
const { appName } = chunk4QMYUKW4_cjs.useKaafilBrand();
|
|
13237
13237
|
const surfaceTitle = appName !== void 0 && appName.trim().length > 0 ? appName : t("chrome.managerApp.title");
|
|
13238
|
-
const managerMe =
|
|
13239
|
-
const notifications =
|
|
13240
|
-
const outboxStatus =
|
|
13238
|
+
const managerMe = chunkXPF737RG_cjs.useManagerMe();
|
|
13239
|
+
const notifications = chunkXPF737RG_cjs.useNotifications();
|
|
13240
|
+
const outboxStatus = chunk4QMYUKW4_cjs.useOutboxStatus();
|
|
13241
13241
|
const [internalTripRef, setInternalTripRef] = react.useState(initialTripRef);
|
|
13242
13242
|
const [internalTab, setInternalTab] = react.useState("now");
|
|
13243
13243
|
const [tripTabKey, setTripTabKey] = react.useState(initialTripTabKey);
|
|
@@ -13512,23 +13512,23 @@ function ReadyKaafilManagerApp(props) {
|
|
|
13512
13512
|
|
|
13513
13513
|
Object.defineProperty(exports, "BootErrorScreen", {
|
|
13514
13514
|
enumerable: true,
|
|
13515
|
-
get: function () { return
|
|
13515
|
+
get: function () { return chunkXPCCR7OH_cjs.BootErrorScreen; }
|
|
13516
13516
|
});
|
|
13517
13517
|
Object.defineProperty(exports, "LockedTripScreen", {
|
|
13518
13518
|
enumerable: true,
|
|
13519
|
-
get: function () { return
|
|
13519
|
+
get: function () { return chunkXPCCR7OH_cjs.LockedTripScreen; }
|
|
13520
13520
|
});
|
|
13521
13521
|
Object.defineProperty(exports, "NotFoundScreen", {
|
|
13522
13522
|
enumerable: true,
|
|
13523
|
-
get: function () { return
|
|
13523
|
+
get: function () { return chunkXPCCR7OH_cjs.NotFoundScreen; }
|
|
13524
13524
|
});
|
|
13525
13525
|
Object.defineProperty(exports, "OfflineFallbackScreen", {
|
|
13526
13526
|
enumerable: true,
|
|
13527
|
-
get: function () { return
|
|
13527
|
+
get: function () { return chunkXPCCR7OH_cjs.OfflineFallbackScreen; }
|
|
13528
13528
|
});
|
|
13529
13529
|
Object.defineProperty(exports, "SessionExpiredScreen", {
|
|
13530
13530
|
enumerable: true,
|
|
13531
|
-
get: function () { return
|
|
13531
|
+
get: function () { return chunkXPCCR7OH_cjs.SessionExpiredScreen; }
|
|
13532
13532
|
});
|
|
13533
13533
|
exports.KaafilManagerApp = KaafilManagerApp;
|
|
13534
13534
|
exports.ManagerChecklistSection = ManagerChecklistSection;
|