kaafil-react-uikit 0.6.0 → 0.7.1

package/dist/admin/index.js

@@ -1,8 +1,8 @@
-import { useAgencySettings, useAgencyChecklistTemplates, useAgencyForms, useAgencyManagerProfile, useAgencyJourneyTriggers, useBookings, useDirectories, useCapabilityStatuses, useAgencyTrip, useAgencyAdminMe, useTravellerFormResponses, useBuildShareUrl, familySafeSections, useShareLinks, usePaginatedList, useAgencyTrips, useAgencyTripManifest, resolveBlockerDeepLink } from '../chunk-HNENKHHJ.js';
-import { useChecklists, useFiles, useExpenses, useVendors, useFloat, useManagers, useForms, useItinerary, useCollections, useParties, usePickups, useRooming, useSeating, classifyError, useTravellerProfile, roomingHeuristicSeverity, useManagerToday, useCloseout, parseRoomingTone, TONE_FAMILIES, SHADES_PER_FAMILY, FALLBACK_GLYPH } from '../chunk-PWZNUXKT.js';
-import '../chunk-F6B4CDUL.js';
-export { BootErrorScreen, LockedTripScreen, NotFoundScreen, OfflineFallbackScreen, PlanLockedScreen, SessionExpiredScreen } from '../chunk-4BPCKBLP.js';
-import { createRegistry, useKaafilChrome, tokenStyle, useSession, useKaafilClient } from '../chunk-SEPFCHBJ.js';
+import { useAgencySettings, useAgencyChecklistTemplates, useAgencyForms, useAgencyManagerProfile, useAgencyJourneyTriggers, useBookings, useDirectories, useCapabilityStatuses, useAgencyTrip, useAgencyAdminMe, useTravellerFormResponses, useBuildShareUrl, familySafeSections, useShareLinks, usePaginatedList, useAgencyTrips, useAgencyTripManifest, resolveBlockerDeepLink } from '../chunk-57DYMIWS.js';
+import { useChecklists, useFiles, useExpenses, useVendors, useFloat, useManagers, useForms, useItinerary, useCollections, useParties, usePickups, useRooming, useSeating, classifyError, useTravellerProfile, roomingHeuristicSeverity, useManagerToday, useCloseout, parseRoomingTone, TONE_FAMILIES, SHADES_PER_FAMILY, FALLBACK_GLYPH } from '../chunk-VU5BCK2P.js';
+import '../chunk-GKR52SVU.js';
+export { BootErrorScreen, LockedTripScreen, NotFoundScreen, OfflineFallbackScreen, PlanLockedScreen, SessionExpiredScreen } from '../chunk-YHGAFRN6.js';
+import { createRegistry, useKaafilChrome, tokenStyle, useSession, useKaafilClient } from '../chunk-ZURCZQQ7.js';
 import { useState, useEffect, useCallback, useMemo, useId, useRef, Children } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -14453,36 +14453,51 @@ var KIND_LABEL_KEY = {
   CORPORATE: "chrome.tripManifest.partyKind.corporate",
   OTHER: "chrome.tripManifest.partyKind.other"
 };
-function EditPartyDialog({
+var NEW_GROUP = "__new__";
+function ManageGroupsDialog({
   tripRef,
-  group,
-  candidates,
+  rows,
+  initialPartyId,
   onClose,
   onSaved
 }) {
   const { t } = useKaafilChrome();
   const titleId = useId();
   const { createParty, patchParty, deleteParty } = useDirectories();
-  const party = group?.party ?? null;
-  const creating = group === void 0;
+  const groups = deriveManifestGroups(rows).filter(
+    (group) => group.id !== SOLO_GROUP_ID && group.party !== null
+  );
+  const openable = initialPartyId !== void 0 && groups.some((group) => group.id === initialPartyId) ? initialPartyId : groups[0]?.id ?? NEW_GROUP;
+  const [selectedId, setSelectedId] = useState(openable);
+  const selected = groups.find((group) => group.id === selectedId);
+  const creating = selectedId === NEW_GROUP;
+  const editing = selected?.party ?? null;
   const [kind, setKind] = useState(
-    party?.kind ?? "OTHER"
+    editing?.kind ?? "OTHER"
   );
-  const [label, setLabel] = useState(party?.label ?? "");
+  const [label, setLabel] = useState(editing?.label ?? "");
   const [members, setMembers] = useState(
-    new Set((group?.rows ?? []).map((row) => row.traveller.travellerId))
+    new Set((selected?.rows ?? []).map((row) => row.traveller.travellerId))
   );
   const [pending, setPending] = useState(false);
   const [errorCode, setErrorCode] = useState(void 0);
-  if (!creating && party === null) return null;
-  const editing = party;
-  const enoughMembers = members.size >= MIN_PARTY_MEMBERS;
+  function select(nextId) {
+    const next = groups.find((group) => group.id === nextId);
+    setSelectedId(nextId);
+    setKind(next?.party?.kind ?? "OTHER");
+    setLabel(next?.party?.label ?? "");
+    setMembers(new Set((next?.rows ?? []).map((row) => row.traveller.travellerId)));
+    setErrorCode(void 0);
+  }
   function toggle(travellerId) {
     const next = new Set(members);
     if (next.has(travellerId)) next.delete(travellerId);
     else next.add(travellerId);
     setMembers(next);
   }
+  const moving = rows.filter(
+    (row) => members.has(row.traveller.travellerId) && row.party != null && row.party.id !== selectedId
+  );
   function report(error) {
     const classification = error !== null && typeof error === "object" && "classification" in error ? error.classification : void 0;
     setErrorCode(classification?.code ?? "unknown");
@@ -14499,24 +14514,20 @@ function EditPartyDialog({
           ...trimmed.length === 0 ? {} : { label: trimmed },
           travellerRefs: [...members]
         });
-        onSaved();
-        return;
+      } else {
+        await patchParty({
+          tripRef,
+          partyId: editing.id,
+          // The PARTY's own version, off the row's denormalised party. The
+          // manifest row carries a `version` too — that one guards the
+          // TripTraveller LINK, not this, and sending the wrong one would be
+          // a guard token for a different row.
+          version: editing.version,
+          kind,
+          label: trimmed.length === 0 ? null : trimmed,
+          travellerRefs: [...members]
+        });
       }
-      await patchParty({
-        tripRef,
-        partyId: editing.id,
-        // The PARTY's own version, off the row's denormalised party. Note the
-        // manifest row also carries a `version` — that one guards the
-        // TripTraveller LINK, not this. The endpoint returns both because a
-        // console needs both, and confusing them would send a guard token for
-        // the wrong row.
-        version: editing.version,
-        kind,
-        // `null` CLEARS the label; a trimmed-empty box means "no label",
-        // which is a clear rather than a set to empty string.
-        label: trimmed.length === 0 ? null : trimmed,
-        travellerRefs: [...members]
-      });
       onSaved();
     } catch (error) {
       report(error);
@@ -14525,10 +14536,10 @@ function EditPartyDialog({
     }
   }
   async function retire() {
+    if (editing === null) return;
     setPending(true);
     setErrorCode(void 0);
     try {
-      if (editing === null) return;
       await deleteParty({ tripRef, partyId: editing.id });
       onSaved();
     } catch (error) {
@@ -14537,19 +14548,27 @@ function EditPartyDialog({
       setPending(false);
     }
   }
+  const enoughMembers = members.size >= MIN_PARTY_MEMBERS;
   return /* @__PURE__ */ jsxs(
     SheetDialog,
     {
       titleId,
-      title: t(
-        creating ? "chrome.tripManifest.newGroupTitle" : "chrome.tripManifest.editGroupTitle"
-      ),
-      description: t(
-        creating ? "chrome.tripManifest.newGroupBody" : "chrome.tripManifest.editGroupBody"
-      ),
+      title: t("chrome.tripManifest.manageGroupsTitle"),
+      description: t("chrome.tripManifest.manageGroupsBody"),
       onClose,
       closeLabel: t("chrome.tripManifest.close"),
       footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        creating ? null : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "kf-trip-manifest-section__dialog-danger",
+            onClick: () => void retire(),
+            disabled: pending,
+            children: t("chrome.tripManifest.retireGroup")
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "kf-trip-manifest-section__toolbar-spacer" }),
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -14572,6 +14591,37 @@ function EditPartyDialog({
         )
       ] }),
       children: [
+        /* @__PURE__ */ jsxs("fieldset", { className: "kf-trip-manifest-section__share-fieldset", children: [
+          /* @__PURE__ */ jsx("legend", { className: "kf-trip-manifest-section__share-legend", children: t("chrome.tripManifest.groupPickerLegend") }),
+          /* @__PURE__ */ jsxs("div", { className: "kf-trip-manifest-section__share-chips", children: [
+            groups.map((group) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "kf-trip-manifest-section__share-chip",
+                "data-active": selectedId === group.id ? "true" : void 0,
+                onClick: () => select(group.id),
+                disabled: pending,
+                children: [
+                  group.party?.label ?? t("chrome.tripManifest.unnamedGroup"),
+                  /* @__PURE__ */ jsx("span", { className: "kf-trip-manifest-section__chip-count", children: group.rows.length })
+                ]
+              },
+              group.id
+            )),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "kf-trip-manifest-section__share-chip",
+                "data-active": creating ? "true" : void 0,
+                onClick: () => select(NEW_GROUP),
+                disabled: pending,
+                children: t("chrome.tripManifest.newGroupChip")
+              }
+            )
+          ] })
+        ] }),
         editing !== null && editing.source === "DERIVED" ? /* @__PURE__ */ jsx("p", { className: "kf-trip-manifest-section__dialog-note", "data-tone": "warn", children: t("chrome.tripManifest.pinNote") }) : null,
         /* @__PURE__ */ jsxs("label", { className: "kf-trip-manifest-section__field", children: [
           /* @__PURE__ */ jsx("span", { className: "kf-trip-manifest-section__field-label", children: t("chrome.tripManifest.fieldGroupLabel") }),
@@ -14601,38 +14651,39 @@ function EditPartyDialog({
         ] }),
         /* @__PURE__ */ jsxs("fieldset", { className: "kf-trip-manifest-section__share-fieldset", children: [
           /* @__PURE__ */ jsx("legend", { className: "kf-trip-manifest-section__share-legend", children: t("chrome.tripManifest.fieldGroupMembers") }),
-          /* @__PURE__ */ jsx("div", { className: "kf-trip-manifest-section__share-grid", children: candidates.map((row) => /* @__PURE__ */ jsxs(
-            "label",
-            {
-              className: "kf-trip-manifest-section__share-check",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    checked: members.has(row.traveller.travellerId),
-                    onChange: () => toggle(row.traveller.travellerId)
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { children: row.traveller.fullName })
-              ]
-            },
-            row.traveller.travellerId
-          )) }),
-          members.size < 2 ? /* @__PURE__ */ jsx("p", { className: "kf-trip-manifest-section__dialog-note", children: t("chrome.tripManifest.tooFewMembers") }) : null
+          /* @__PURE__ */ jsx("div", { className: "kf-trip-manifest-section__share-grid", children: rows.map((row) => {
+            const inThisGroup = row.party != null && row.party.id === selectedId;
+            const elsewhere = row.party != null && !inThisGroup ? row.party : null;
+            return /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: "kf-trip-manifest-section__member-option",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      type: "checkbox",
+                      checked: members.has(row.traveller.travellerId),
+                      onChange: () => toggle(row.traveller.travellerId)
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "kf-trip-manifest-section__member-name", children: row.traveller.fullName }),
+                  elsewhere === null ? null : /* @__PURE__ */ jsx("span", { className: "kf-trip-manifest-section__member-current", children: t("chrome.tripManifest.memberInGroup").replace(
+                    "{group}",
+                    elsewhere.label ?? t("chrome.tripManifest.unnamedGroup")
+                  ) })
+                ]
+              },
+              row.traveller.travellerId
+            );
+          }) }),
+          moving.length > 0 ? /* @__PURE__ */ jsx("p", { className: "kf-trip-manifest-section__dialog-note", "data-tone": "warn", children: t(
+            moving.length === 1 ? "chrome.tripManifest.movesOne" : "chrome.tripManifest.movesMany"
+          ).replace("{count}", String(moving.length)) }) : null,
+          members.size < MIN_PARTY_MEMBERS ? /* @__PURE__ */ jsx("p", { className: "kf-trip-manifest-section__dialog-note", children: t("chrome.tripManifest.tooFewMembers") }) : null
         ] }),
-        creating ? null : /* @__PURE__ */ jsx("div", { className: "kf-trip-manifest-section__danger-lane", children: /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "kf-trip-manifest-section__dialog-danger",
-            onClick: () => void retire(),
-            disabled: pending,
-            children: t("chrome.tripManifest.retireGroup")
-          }
-        ) }),
         errorCode === void 0 ? null : /* @__PURE__ */ jsx("p", { className: "kf-trip-manifest-section__dialog-error", role: "alert", children: t(
-          errorCode === "CONFLICT_VERSION" ? "chrome.tripManifest.groupStale" : "chrome.tripManifest.groupFailed"
+          errorCode === "CONFLICT_VERSION" ? "chrome.tripManifest.groupConflict" : "chrome.tripManifest.groupFailed"
         ) })
       ]
     }
@@ -16219,10 +16270,10 @@ function TripManifestSection({
         {
           type: "button",
           className: "kf-trip-manifest-section__toolbar-button",
-          onClick: () => setOverlay({ kind: "newParty" }),
+          onClick: () => setOverlay({ kind: "groups" }),
           children: [
-            /* @__PURE__ */ jsx(PlusIcon7, {}),
-            t("chrome.tripManifest.newGroup")
+            /* @__PURE__ */ jsx(GroupIcon, {}),
+            t("chrome.tripManifest.manageGroups")
           ]
         }
       ) : null
@@ -16238,7 +16289,7 @@ function TripManifestSection({
         onOpen: (row) => setOverlay({ kind: "detail", row }),
         onRemove: (row) => setOverlay({ kind: "remove", row }),
         onShareLink: (row) => setOverlay({ kind: "shareTraveller", row }),
-        onEditGroup: (partyId) => setOverlay({ kind: "editParty", partyId }),
+        onEditGroup: (partyId) => setOverlay({ kind: "groups", partyId }),
         onRowsChange: setVisibleRows,
         ...onOpenTravellerProfile !== void 0 ? {
           onOpenProfile: (row) => onOpenTravellerProfile(row.traveller.travellerId, row.traveller.fullName)
@@ -16267,21 +16318,12 @@ function TripManifestSection({
       }
     ) : null,
     overlay.kind === "add" ? /* @__PURE__ */ jsx(AddTravellerDialog, { tripRef, onClose: closeOverlay, onAdded: afterWrite }) : null,
-    overlay.kind === "editParty" ? /* @__PURE__ */ jsx(
-      EditPartyForId,
+    overlay.kind === "groups" ? /* @__PURE__ */ jsx(
+      ManageGroupsDialog,
       {
         tripRef,
-        partyId: overlay.partyId,
         rows: visibleRows,
-        onClose: closeOverlay,
-        onSaved: afterWrite
-      }
-    ) : null,
-    overlay.kind === "newParty" ? /* @__PURE__ */ jsx(
-      EditPartyDialog,
-      {
-        tripRef,
-        candidates: visibleRows,
+        ...overlay.partyId !== void 0 ? { initialPartyId: overlay.partyId } : {},
         onClose: closeOverlay,
         onSaved: afterWrite
       }
@@ -16306,26 +16348,6 @@ function TripManifestSection({
     ) : null
   ] });
 }
-function EditPartyForId({
-  tripRef,
-  partyId,
-  rows,
-  onClose,
-  onSaved
-}) {
-  const group = deriveManifestGroups(rows).find((candidate) => candidate.id === partyId);
-  if (group === void 0) return null;
-  return /* @__PURE__ */ jsx(
-    EditPartyDialog,
-    {
-      tripRef,
-      group,
-      candidates: rows,
-      onClose,
-      onSaved
-    }
-  );
-}
 
 // src/admin/composite/office/TripPaymentsSection/internal/derivePayments.ts
 function liveCollections(rows) {