kaafil-react-uikit 0.11.4 → 0.11.6

package/dist/manager/index.js

@@ -7348,8 +7348,8 @@ function CheckIcon5(props) {
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      width: "16",
-      height: "16",
+      width: "20",
+      height: "20",
       viewBox: "0 0 24 24",
       fill: "none",
       stroke: "currentColor",
@@ -8003,6 +8003,7 @@ function ReadyManagerPickupsSection({
   style
 }) {
   const pickups = usePickups(tripRef);
+  const outbox = useOutboxStatus();
   const StopListUI = components?.StopList ?? StopList;
   const BoardingViewUI = components?.BoardingView ?? BoardingView;
   const [kind, setKind] = useState("PICKUP");
@@ -8026,6 +8027,27 @@ function ReadyManagerPickupsSection({
       cancelled = true;
     };
   }, [ready, selectedStopId, kind]);
+  const drainedFrom = useRef(outbox.pending);
+  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__ */ jsxs("div", { className: "kf-manager-pickups__skeleton", style: tokenStyle(style), children: [
       /* @__PURE__ */ jsx("div", { className: "kf-manager-pickups__skeleton-line" }),
@@ -13298,15 +13320,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 } = useKaafilChrome();
+  const ordered = [...trips].sort(byUrgency);
   return /* @__PURE__ */ jsxs("div", { className: "kf-manager-app__trip-list", children: [
     /* @__PURE__ */ jsx("p", { className: "kf-eyebrow kf-manager-app__trip-list-eyebrow", children: t("chrome.managerApp.tripList.eyebrow") }),
-    /* @__PURE__ */ jsx("div", { className: "kf-manager-app__trip-list-rows", children: trips.map((trip) => /* @__PURE__ */ jsx(TripListItemComponent, { trip, onSelect }, trip.tripRef)) })
+    /* @__PURE__ */ jsx("div", { className: "kf-manager-app__trip-list-rows", children: ordered.map((trip) => /* @__PURE__ */ jsx(TripListItemComponent, { trip, onSelect }, trip.tripRef)) })
   ] });
 }
 function KaafilManagerApp(props) {
@@ -13398,7 +13433,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__ */ jsxs(ManagerShell, { header: { title: surfaceTitle }, components: shellComponents, style, children: [