kaafil-react-uikit 0.11.5 → 0.11.7

package/dist/manager/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkXWU5MCY3_cjs = require('../chunk-XWU5MCY3.cjs');
-var chunkUSKVWPJD_cjs = require('../chunk-USKVWPJD.cjs');
+var chunkARXY3ZA7_cjs = require('../chunk-ARXY3ZA7.cjs');
 var chunkYKBA4WQJ_cjs = require('../chunk-YKBA4WQJ.cjs');
 var chunkT5JYKERY_cjs = require('../chunk-T5JYKERY.cjs');
 var chunk5ORJRFXZ_cjs = require('../chunk-5ORJRFXZ.cjs');
@@ -800,8 +800,8 @@ function ReadyManagerChecklistSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const checklist = chunkUSKVWPJD_cjs.useChecklists(tripRef);
-  const managers = chunkUSKVWPJD_cjs.useManagers(tripRef);
+  const checklist = chunkARXY3ZA7_cjs.useChecklists(tripRef);
+  const managers = chunkARXY3ZA7_cjs.useManagers(tripRef);
   const managerMe = chunkXWU5MCY3_cjs.useManagerMe();
   const ProgressCardUI = components?.ProgressCard ?? ProgressCard;
   const SectionCardUI = components?.SectionCard ?? SectionCard;
@@ -1367,7 +1367,7 @@ function ReadyManagerCloseoutSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const closeout = chunkUSKVWPJD_cjs.useCloseout(tripRef);
+  const closeout = chunkARXY3ZA7_cjs.useCloseout(tripRef);
   const BlockerRowUI = components?.BlockerRow ?? BlockerRow;
   const [lockSheetOpen, setLockSheetOpen] = react.useState(false);
   const [lockPending, setLockPending] = react.useState(false);
@@ -1829,7 +1829,7 @@ function ManagerDocumentsSection(props) {
 }
 function ReadyManagerDocumentsSection({ tripRef, style }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const files = chunkUSKVWPJD_cjs.useFiles({ tripRef });
+  const files = chunkARXY3ZA7_cjs.useFiles({ tripRef });
   const [state, setState] = react.useState({ status: "loading" });
   const [viewerFile, setViewerFile] = react.useState(void 0);
   react.useEffect(() => {
@@ -2025,7 +2025,7 @@ function ReadyManagerFloatLedgerSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const float = chunkUSKVWPJD_cjs.useFloat(tripRef);
+  const float = chunkARXY3ZA7_cjs.useFloat(tripRef);
   if (float.status === "loading") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-float-ledger__skeleton", style: chunk5ORJRFXZ_cjs.tokenStyle(style), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-float-ledger__skeleton-block" }),
@@ -2577,7 +2577,7 @@ fieldRegistry.register("MULTISELECT", {
   },
   preview: ({ value }) => /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-manager-forms__field-preview", children: Array.isArray(value) ? value.join(", ") : "" })
 });
-fieldRegistry.register(chunkUSKVWPJD_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN, {
+fieldRegistry.register(chunkARXY3ZA7_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN, {
   editor: ({ field, value, onChange }) => /* @__PURE__ */ jsxRuntime.jsx(ToggleSwitch, { checked: value === true, label: field.label, onChange }),
   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") })
 });
@@ -2649,7 +2649,7 @@ function FormFillRenderer({
       (fieldsBySection.get(section.id) ?? []).map((field) => {
         const handler = fieldRegistry.resolve(field.kind);
         return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-forms__fill-field", children: [
-          field.kind !== "HEADING" && field.kind !== "INFO_BLOCK" && field.kind !== chunkUSKVWPJD_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN && field.kind !== "CONSENT" ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "kf-manager-forms__fill-field-label", htmlFor: field.id, children: [
+          field.kind !== "HEADING" && field.kind !== "INFO_BLOCK" && field.kind !== chunkARXY3ZA7_cjs.FORM_FIELD_KIND_SINGLE_BOOLEAN && field.kind !== "CONSENT" ? /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "kf-manager-forms__fill-field-label", htmlFor: field.id, children: [
             field.label,
             field.required ? " *" : ""
           ] }) : null,
@@ -2957,9 +2957,9 @@ function ReadyManagerFormsSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const forms = chunkUSKVWPJD_cjs.useForms(tripRef);
+  const forms = chunkARXY3ZA7_cjs.useForms(tripRef);
   const conflicts = chunkXWU5MCY3_cjs.useConflicts(tripRef);
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
   const TripFormsPanelUI = components?.TripFormsPanel ?? TripFormsPanel;
   const FormFillRendererUI = components?.FormFillRenderer ?? FormFillRenderer;
   const [travellerRows, setTravellerRows] = react.useState([]);
@@ -3953,8 +3953,8 @@ function ReadyManagerItinerarySection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const itinerary = chunkUSKVWPJD_cjs.useItinerary(tripRef);
-  const vendors = chunkUSKVWPJD_cjs.useVendors(tripRef, "");
+  const itinerary = chunkARXY3ZA7_cjs.useItinerary(tripRef);
+  const vendors = chunkARXY3ZA7_cjs.useVendors(tripRef, "");
   const DayStripComponent = components?.DayStrip ?? DayStrip;
   const ItemCardComponent = components?.ItemCard ?? ItemCard;
   const [selectedDayIndex, setSelectedDayIndex] = react.useState(void 0);
@@ -4614,7 +4614,7 @@ function ReadyManagerManifestSection({
   const Stats = components?.Stats ?? TripManifestStats;
   const BookingGroupCard = components?.BookingGroupCard ?? TripBookingGroupCard;
   const TravellerRow = components?.TravellerRow ?? TripTravellerRow;
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
   const [query, setQuery] = react.useState("");
   const [filters, setFilters] = react.useState(EMPTY_MANIFEST_FILTERS);
   const [filterSheetOpen, setFilterSheetOpen] = react.useState(false);
@@ -5197,7 +5197,7 @@ function LogExpenseSheet({
   onClose
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const files = chunkUSKVWPJD_cjs.useFiles({ tripRef });
+  const files = chunkARXY3ZA7_cjs.useFiles({ tripRef });
   const receiptInputId = react.useId();
   const [amount, setAmount] = react.useState("");
   const [category, setCategory] = react.useState("MISC");
@@ -6002,10 +6002,10 @@ function ReadyManagerMoneySection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const float = chunkUSKVWPJD_cjs.useFloat(tripRef);
-  const expenses = chunkUSKVWPJD_cjs.useExpenses(tripRef);
-  const collections = chunkUSKVWPJD_cjs.useCollections(tripRef);
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
+  const float = chunkARXY3ZA7_cjs.useFloat(tripRef);
+  const expenses = chunkARXY3ZA7_cjs.useExpenses(tripRef);
+  const collections = chunkARXY3ZA7_cjs.useCollections(tripRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
   const StatsComponent = components?.Stats ?? MoneyStats;
   const RecentExpensesComponent = components?.RecentExpenses ?? RecentExpensesSection;
   const BalancesDueComponent = components?.BalancesDue ?? BalancesDueSection;
@@ -6851,13 +6851,13 @@ function ReadyManagerNowSection({
   const [sheetOpen, setSheetOpen] = react.useState(false);
   const [activeMoneySheet, setActiveMoneySheet] = react.useState(void 0);
   const managerMe = chunkXWU5MCY3_cjs.useManagerMe();
-  const today = chunkUSKVWPJD_cjs.useManagerToday(tripRef);
-  const expenses = chunkUSKVWPJD_cjs.useExpenses(tripRef);
-  const collections = chunkUSKVWPJD_cjs.useCollections(tripRef);
-  const float = chunkUSKVWPJD_cjs.useFloat(tripRef);
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
-  const managers = chunkUSKVWPJD_cjs.useManagers(tripRef);
-  const closeout = chunkUSKVWPJD_cjs.useCloseout(tripRef);
+  const today = chunkARXY3ZA7_cjs.useManagerToday(tripRef);
+  const expenses = chunkARXY3ZA7_cjs.useExpenses(tripRef);
+  const collections = chunkARXY3ZA7_cjs.useCollections(tripRef);
+  const float = chunkARXY3ZA7_cjs.useFloat(tripRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
+  const managers = chunkARXY3ZA7_cjs.useManagers(tripRef);
+  const closeout = chunkARXY3ZA7_cjs.useCloseout(tripRef);
   if (today.status === "loading" || managerMe.status === "loading") {
     return /* @__PURE__ */ jsxRuntime.jsx(ManagerNowSkeleton, { style });
   }
@@ -7314,8 +7314,8 @@ function ManagerOverviewSection(props) {
 }
 function ReadyManagerOverviewSection({ tripRef, style }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const today = chunkUSKVWPJD_cjs.useManagerToday(tripRef);
-  const managers = chunkUSKVWPJD_cjs.useManagers(tripRef);
+  const today = chunkARXY3ZA7_cjs.useManagerToday(tripRef);
+  const managers = chunkARXY3ZA7_cjs.useManagers(tripRef);
   if (today.status === "loading") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-overview__skeleton", style: chunk5ORJRFXZ_cjs.tokenStyle(style), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-overview__skeleton-line" }),
@@ -7349,8 +7349,8 @@ function CheckIcon5(props) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "svg",
     {
-      width: "16",
-      height: "16",
+      width: "20",
+      height: "20",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -8003,7 +8003,7 @@ function ReadyManagerPickupsSection({
   components,
   style
 }) {
-  const pickups = chunkUSKVWPJD_cjs.usePickups(tripRef);
+  const pickups = chunkARXY3ZA7_cjs.usePickups(tripRef);
   const StopListUI = components?.StopList ?? StopList;
   const BoardingViewUI = components?.BoardingView ?? BoardingView;
   const [kind, setKind] = react.useState("PICKUP");
@@ -8027,6 +8027,13 @@ function ReadyManagerPickupsSection({
       cancelled = true;
     };
   }, [ready, selectedStopId, kind]);
+  chunk5ORJRFXZ_cjs.useOfflineEvent("sync.drained", () => {
+    if (pickups.status !== "ready" || selectedStopId === void 0) {
+      return;
+    }
+    void pickups.manifestByPickup({ kind }).then(setManifest);
+    void pickups.refreshLive();
+  });
   if (pickups.status === "loading") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-pickups__skeleton", style: chunk5ORJRFXZ_cjs.tokenStyle(style), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-pickups__skeleton-line" }),
@@ -9209,7 +9216,7 @@ function ReadyManagerRoomingSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const rooming = chunkUSKVWPJD_cjs.useRooming(tripRef);
+  const rooming = chunkARXY3ZA7_cjs.useRooming(tripRef);
   const Stats = components?.Stats ?? RoomingStats;
   const RoomCardComponent = components?.RoomCard ?? RoomCard;
   const UnassignedPool = components?.UnassignedPool ?? UnassignedPoolSection;
@@ -9564,7 +9571,7 @@ function ReadyManagerRosterSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
   const [query, setQuery] = react.useState("");
   const rows = react.useMemo(
     () => parties.status === "ready" ? parties.tripRoster.rows : [],
@@ -10550,9 +10557,9 @@ function ReadyManagerTravellerProfileSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const profile = chunkUSKVWPJD_cjs.useTravellerProfile(tripRef, travellerRef);
-  const parties = chunkUSKVWPJD_cjs.useParties(tripRef);
-  const collections = chunkUSKVWPJD_cjs.useCollections(tripRef);
+  const profile = chunkARXY3ZA7_cjs.useTravellerProfile(tripRef, travellerRef);
+  const parties = chunkARXY3ZA7_cjs.useParties(tripRef);
+  const collections = chunkARXY3ZA7_cjs.useCollections(tripRef);
   const [sheetOpen, setSheetOpen] = react.useState(false);
   const partyLabel = react.useMemo(() => {
     if (profile.read === void 0 || profile.read.partyId === null) {
@@ -12052,8 +12059,8 @@ function ReadyManagerVehiclesSection({
   style
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
-  const seating = chunkUSKVWPJD_cjs.useSeating(tripRef);
-  const managers = chunkUSKVWPJD_cjs.useManagers(tripRef);
+  const seating = chunkARXY3ZA7_cjs.useSeating(tripRef);
+  const managers = chunkARXY3ZA7_cjs.useManagers(tripRef);
   const Stats = components?.Stats ?? VehicleStats;
   const VehicleCardComponent = components?.VehicleCard ?? VehicleCard;
   const UnassignedPool = components?.UnassignedPool ?? UnassignedPoolSection2;
@@ -12570,9 +12577,9 @@ function ReadyManagerVendorsSection({
   components,
   style
 }) {
-  const vendors = chunkUSKVWPJD_cjs.useVendors(tripRef, "");
-  const expenses = chunkUSKVWPJD_cjs.useExpenses(tripRef);
-  const seating = chunkUSKVWPJD_cjs.useSeating(tripRef);
+  const vendors = chunkARXY3ZA7_cjs.useVendors(tripRef, "");
+  const expenses = chunkARXY3ZA7_cjs.useExpenses(tripRef);
+  const seating = chunkARXY3ZA7_cjs.useSeating(tripRef);
   const [selectedVendorId, setSelectedVendorId] = react.useState(void 0);
   const VendorListUI = components?.VendorListUI ?? VendorListSection;
   if (vendors.status === "loading") {