kaafil-react-uikit 0.11.4 → 0.11.6

package/dist/manager/index.cjs

@@ -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",
@@ -8004,6 +8004,7 @@ function ReadyManagerPickupsSection({
   style
 }) {
   const pickups = chunkUSKVWPJD_cjs.usePickups(tripRef);
+  const outbox = chunk5ORJRFXZ_cjs.useOutboxStatus();
   const StopListUI = components?.StopList ?? StopList;
   const BoardingViewUI = components?.BoardingView ?? BoardingView;
   const [kind, setKind] = react.useState("PICKUP");
@@ -8027,6 +8028,27 @@ function ReadyManagerPickupsSection({
       cancelled = true;
     };
   }, [ready, selectedStopId, kind]);
+  const drainedFrom = react.useRef(outbox.pending);
+  react.useEffect(() => {
+    const hadWork = drainedFrom.current > 0;
+    drainedFrom.current = outbox.pending;
+    if (!hadWork || outbox.pending > 0) {
+      return;
+    }
+    if (pickups.status !== "ready" || selectedStopId === void 0) {
+      return;
+    }
+    let cancelled = false;
+    void pickups.manifestByPickup({ kind }).then((result) => {
+      if (!cancelled) {
+        setManifest(result);
+      }
+    });
+    void pickups.refreshLive();
+    return () => {
+      cancelled = true;
+    };
+  }, [outbox.pending, selectedStopId, kind]);
   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" }),
@@ -13299,15 +13321,28 @@ function TripListRow({ trip, onSelect, style }) {
     }
   );
 }
+var STATUS_RANK = {
+  IN_PROGRESS: 0,
+  CONFIRMED: 1,
+  POSTPONED: 2,
+  COMPLETED: 3,
+  CANCELLED: 4
+};
+function byUrgency(a, b) {
+  const rank = STATUS_RANK[a.status] - STATUS_RANK[b.status];
+  if (rank !== 0) return rank;
+  return a.startDate < b.startDate ? -1 : a.startDate > b.startDate ? 1 : 0;
+}
 function TripListScreen({
   trips,
   onSelect,
   TripListItemComponent
 }) {
   const { t } = chunk5ORJRFXZ_cjs.useKaafilChrome();
+  const ordered = [...trips].sort(byUrgency);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "kf-manager-app__trip-list", children: [
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "kf-eyebrow kf-manager-app__trip-list-eyebrow", children: t("chrome.managerApp.tripList.eyebrow") }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-app__trip-list-rows", children: trips.map((trip) => /* @__PURE__ */ jsxRuntime.jsx(TripListItemComponent, { trip, onSelect }, trip.tripRef)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "kf-manager-app__trip-list-rows", children: ordered.map((trip) => /* @__PURE__ */ jsxRuntime.jsx(TripListItemComponent, { trip, onSelect }, trip.tripRef)) })
   ] });
 }
 function KaafilManagerApp(props) {
@@ -13399,7 +13434,9 @@ function ReadyKaafilManagerApp(props) {
     ] });
   }
   const { trips, manager, syncedAt } = managerMe;
-  const resolvedTripRef = controlledTripRef ?? internalTripRef ?? (trips.length === 1 ? trips[0]?.tripRef : void 0);
+  const liveTrips = trips.filter((trip) => trip.status === "IN_PROGRESS");
+  const onlyReasonableTrip = liveTrips.length === 1 ? liveTrips[0]?.tripRef : trips.length === 1 ? trips[0]?.tripRef : void 0;
+  const resolvedTripRef = controlledTripRef ?? internalTripRef ?? onlyReasonableTrip;
   const currentTrip = trips.find((trip) => trip.tripRef === resolvedTripRef);
   if (currentTrip === void 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs(ManagerShell, { header: { title: surfaceTitle }, components: shellComponents, style, children: [