@vendure/dashboard 3.7.4-master-202609160211 → 3.7.4-master-202609180211

package/dist/bundle/chunks/{2SSKDMRQ-z6PIkX8b.js → 2SSKDMRQ-DvYnkA4d.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./AP7HFJJL-DskxNkMk.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./main-BVlr00rK.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, b as ParentPanel, C as ContentView, Q as QueryDevtoolsContext } from "./AP7HFJJL-CjVnFK_p.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./main-C0yRaSy4.js";
 var DevtoolsPanelComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/bundle/chunks/{AP7HFJJL-DskxNkMk.js → AP7HFJJL-CjVnFK_p.js}

@@ -1,4 +1,4 @@
-import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, m as memo, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, n as mutationSortFns, p as on, q as setAttribute, r as getSidedProp, v as use, w as convertRemToPixels, x as createUniqueId, y as batch, z as getQueryStatusLabel, A as getMutationStatusColor, B as getQueryStatusColor, C as getQueryStatusColorByLabel, D as displayValue, F as For, E as untrack, $ as $TRACK, G as useTransition, H as spread, I as mergeProps, J as createRoot, K as serialize, L as Index, M as updateNestedDataByPath, N as addEventListener, O as stringify, Q as Match, R as Switch, T as deleteNestedDataByPath, U as splitProps, V as Dynamic, W as createComputed } from "./main-BVlr00rK.js";
+import { b as createContext, d as createSignal, o as onMount, e as createEffect, c as createMemo, a as createComponent, P as Portal, m as memo, S as Show, t as template, i as insert, f as createRenderEffect, h as className, j as clearDelegatedEvents, k as delegateEvents, u as useContext, l as onCleanup, s as sortFns, n as mutationSortFns, p as on, q as setAttribute, r as getSidedProp, v as use, w as convertRemToPixels, x as createUniqueId, y as batch, z as getQueryStatusLabel, A as getMutationStatusColor, B as getQueryStatusColor, C as getQueryStatusColorByLabel, D as displayValue, F as For, E as untrack, $ as $TRACK, G as useTransition, H as spread, I as mergeProps, J as createRoot, K as serialize, L as Index, M as updateNestedDataByPath, N as addEventListener, O as stringify, Q as Match, R as Switch, T as deleteNestedDataByPath, U as splitProps, V as Dynamic, W as createComputed } from "./main-C0yRaSy4.js";
 var isNonNullable = (i2) => i2 != null;
 var filterNonNullable = (arr) => arr.filter(isNonNullable);
 function chain(callbacks) {

package/dist/bundle/chunks/{WDYDFRGG-CdQxmxpT.js → WDYDFRGG-BNhQ-gUX.js}

@@ -1,5 +1,5 @@
-import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./AP7HFJJL-DskxNkMk.js";
-import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./main-BVlr00rK.js";
+import { c as createLocalStorage, T as THEME_PREFERENCE, P as PiPProvider, a as ThemeContext, D as Devtools, Q as QueryDevtoolsContext } from "./AP7HFJJL-CjVnFK_p.js";
+import { g as getPreferredColorScheme, c as createMemo, a as createComponent } from "./main-C0yRaSy4.js";
 var DevtoolsComponent = (props) => {
   const [localStore, setLocalStore] = createLocalStorage({
     prefix: "TanstackQueryDevtools"

package/dist/bundle/chunks/{locale-CvnLC9NX.js → locale-b6gE3S6H.js}

@@ -1,4 +1,4 @@
-import { op as normalizeDates$1, oq as startOfWeek$1, or as buildFormatLongFn$1, os as buildLocalizeFn$1, ot as buildMatchFn$1, ou as buildMatchPatternFn$1, ov as toDate$1, ow as match$1l, ox as localize$1n, oy as formatRelative$1n, oz as formatDistance$1n, oA as DateLib, oB as enUS$1 } from "./use-job-queue-polling-uDi2PfJd.js";
+import { op as normalizeDates$1, oq as startOfWeek$1, or as buildFormatLongFn$1, os as buildLocalizeFn$1, ot as buildMatchFn$1, ou as buildMatchPatternFn$1, ov as toDate$1, ow as match$1l, ox as localize$1n, oy as formatRelative$1n, oz as formatDistance$1n, oA as DateLib, oB as enUS$1 } from "./use-job-queue-polling-BGkZa_AL.js";
 function isSameWeek$1(laterDate, earlierDate, options2) {
   const [laterDate_, earlierDate_] = normalizeDates$1(
     options2?.in,

package/dist/bundle/chunks/{main-BVlr00rK.js → main-C0yRaSy4.js}

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c as createLucideIcon, nu as loadI18nMessages, nE as UserSettingsProvider, nF as ThemeProvider, nG as AuthProvider, nH as ServerConfigProvider, nI as ChannelProvider, nJ as AlertsProvider, l5 as CustomProviders, df as objectType, du as stringType, mV as useAuth, gv as LoginForm, hq as LoginBranding, gk as AppLayout, nK as endOfDay, nL as startOfMonth, bD as useUserSettings, nc as usePermissions, kx as getDashboardWidgetRegistry, eL as Page, eM as PageTitle, eN as PageActionBar, me as ActionBarItem, gi as DateRangePicker, dP as Button, eP as PageLayout, mp as FullWidthPageBlock, kA as WidgetFiltersProvider, i$ as GridLayout, ky as getDashboardWidget, nb as usePaginatedList, mF as api, kV as getMutationName, fA as DataTableBulkActionItem, nM as Trash, mN as graphql, gf as useGeneratedColumns, fU as DataTable, gY as CountrySelector, jt as Sheet, jA as SheetTrigger, jv as SheetContent, jy as SheetHeader, jz as SheetTitle, jw as SheetDescription, jm as ScrollArea, mx as ListPage, dQ as Plus, h3 as DetailPageButton, eX as BooleanDisplayBadge, dR as Badge, mS as setSettingsStoreValueDocument, nN as createColumnHelper, gX as CopyableText, jV as Switch$1, iE as Dialog, iM as DialogTrigger, iG as DialogContent, iJ as DialogHeader, iD as DialogTitle, iH as DialogDescription, eZ as JsonViewer, iI as DialogFooter, dO as Input, n7 as useLocalFormat, bR as DropdownMenu, bS as DropdownMenuTrigger, bT as Ellipsis, bV as DropdownMenuContent, bW as DropdownMenuItem, nO as Clock, nP as Check, nQ as RefreshCw, nR as ChevronDown, nS as EllipsisVertical, bF as Select, bG as SelectTrigger, bI as SelectValue, bJ as SelectContent, bK as SelectItem, gJ as AssignToChannelBulkAction, mW as useChannel, hs as RemoveFromChannelBulkAction, mJ as configurableOperationFragment, nq as LS_KEY_SHIPPING_TEST_ADDRESS, hR as AccordionItem, hS as AccordionTrigger, hQ as AccordionContent, i_ as Form, eS as FormFieldWrapper, nT as AddressCountrySelect, nr as LS_KEY_SHIPPING_TEST_ORDER, nU as useReactTable, nV as getCoreRowModel, jW as Table, k0 as TableHeader, k1 as TableRow, j$ as TableHead, nW as flexRender, jX as TableBody, jZ as TableCell, hr as ProductVariantSelector, hJ as VendureImage, bZ as Trash2, e$ as Money, ij as Card, ip as CardHeader, iq as CardTitle, il as CardContent, i3 as Alert, i4 as AlertDescription, hP as Accordion, hG as RichTextDescriptionCell, nt as SUPER_ADMIN_ROLE_CODE, nl as CUSTOMER_ROLE_CODE, nX as Layers, gP as ChannelCodeLabel, hz as RoleCodeLabel, mH as getEntityDuplicatorsDocument, nY as getInitialConfigArgValue, gS as ConfigurableOperationInput, mG as duplicateEntityDocument, nZ as Copy, h5 as ErrorPage, kI as extendDetailFormQuery, kP as addCustomFields, mA as getDetailQueryOptions, eJ as useDetailPage, eQ as PageBlock, eR as DetailFormGrid, jd as PasswordInput, eU as CustomFieldsPageBlock, mI as assetFragment, h7 as FacetValueSelector, h6 as FacetValueChip, gL as usePriceFactor, fF as FacetValueFacetedFilter, hC as StockLevelLabel, mM as errorResultFragment, mL as configurableOperationDefFragment, bC as useServerConfig, hD as CustomerCell, hE as OrderStateCell, hF as OrderMoneyCell, eH as NEW_ENTITY_PATH, hh as LanguageSelector, mP as schemaLanguageCodes, fb as NumberInput, hn as PaginatedListDataTable, hm as PaginatedListDataTableKey, h2 as CustomerSelector, n_ as useDebounce, bX as Folder, n$ as Search, o0 as ChevronRight, o1 as getExpandedRowModel, fO as getItemParentId, fR as calculateDragTargetPosition, fQ as isCircularReference, fS as calculateSiblingIndex, o2 as deleteAssetsDocument, cW as enumType, cP as coerce, gD as AssetGallery, mw as detailPageRouteLoader, hH as TaxCategorySelector, hO as ZoneSelector, k7 as Textarea, gV as ConfigurableOperationSelector, eT as TranslatableFormFieldWrapper, fq as RichTextInput, n5 as useGroupedPermissions, ke as TooltipProvider, kc as Tooltip, kf as TooltipTrigger, o3 as Info, kd as TooltipContent, gQ as ChannelSelector, gU as ConfigurableOperationMultiSelector, f7 as DateTimeInput, dS as X, cM as arrayType, nD as a, k2 as Tabs, k4 as TabsList, k5 as TabsTrigger, o4 as Link$1, k3 as TabsContent, iu as Command, iy as CommandInput, iA as CommandList, iw as CommandEmpty, iz as CommandItem, cO as booleanType, cl as ZodIssueCode, dq as recordType, C as Checkbox, iQ as Field, iT as FieldError, fa as MoneyInput, gW as ConfirmationDialog, hU as AlertDialog, hX as AlertDialogContent, h_ as AlertDialogHeader, hT as AlertDialogTitle, hY as AlertDialogDescription, hZ as AlertDialogFooter, hW as AlertDialogCancel, hV as AlertDialogAction, ho as PermissionGuard, na as usePage, fs as SlugInput, gN as AssignedFacetValues, gM as AssignedChannels, h4 as EntityAssets, dV as Separator, g_ as CustomFieldsForm, iV as FieldLabel, m$ as useDynamicTranslations, o5 as getTypeForState, bH as cn, nn as DEFAULT_CHANNEL_CODE, fp as createRelationSelectorConfig, fo as RelationSelector, j5 as Label, o6 as CircleAlert, mX as useCustomFieldConfig, gj as LabeledData, ir as Collapsible, is as CollapsibleTrigger, it as CollapsibleContent, o7 as Globe, md as HistoryEntry, o8 as SquarePen, hf as useHistoryNoteEditor, hd as HistoryTimelineWithGrouping, hc as HistoryNoteInput, ha as HistoryNoteEditor, hb as HistoryNoteEntry, jS as Skeleton, kR as getFieldsFromDocumentNode, fL as getColumnVisibility, o9 as Pencil, oa as stateTypeToBadgeVariant, ob as ChevronLeft, g$ as CustomerAddressForm$1, oc as Users, h0 as CustomerGroupChip, h1 as CustomerGroupSelector, od as availableCountriesQueryKey, oe as Eye, i5 as AlertTitle, n6 as useJobQueuePolling, hB as SellerSelector, gZ as CurrencySelector, of as tagListDocument, og as updateTagDocument, oh as deleteTagDocument, oi as createTagDocument, je as Popover, jj as PopoverTrigger, oj as ChevronsUpDown, jf as PopoverContent, ix as CommandGroup, ok as Settings2, ol as assetDetailDocument, om as assetUpdateDocument, gB as AssetFocalPointEditor, gI as AssetProperties, gG as AssetPreviewSelector, on as Focus, hA as RoleSelector, hj as MultiSelect, oo as useRedirectToListOnNotFound, fh as SingleRelationInput, lD as useGeneratedForm, de as numberType, f0 as AffixedInput, iF as DialogClose, jU as Spinner, lq as useDashboardExtensions, kH as registerDefaults, l7 as executeDashboardExtensionCallbacks, jT as Toaster, mB as useExtendedRouter, mZ as useDisplayLocale, nh as useUiLanguageLoader, kL as setCustomFieldsMap, iN as DirectionProvider, kM as clearCustomFieldsMap } from "./use-job-queue-polling-uDi2PfJd.js";
+import { c as createLucideIcon, nu as loadI18nMessages, nE as UserSettingsProvider, nF as ThemeProvider, nG as AuthProvider, nH as ServerConfigProvider, nI as ChannelProvider, nJ as AlertsProvider, l5 as CustomProviders, df as objectType, du as stringType, mV as useAuth, gv as LoginForm, hq as LoginBranding, gk as AppLayout, nK as endOfDay, nL as startOfMonth, bD as useUserSettings, nc as usePermissions, kx as getDashboardWidgetRegistry, eL as Page, eM as PageTitle, eN as PageActionBar, me as ActionBarItem, gi as DateRangePicker, dP as Button, eP as PageLayout, mp as FullWidthPageBlock, kA as WidgetFiltersProvider, i$ as GridLayout, ky as getDashboardWidget, nb as usePaginatedList, mF as api, kV as getMutationName, fA as DataTableBulkActionItem, nM as Trash, mN as graphql, gf as useGeneratedColumns, fU as DataTable, gY as CountrySelector, jt as Sheet, jA as SheetTrigger, jv as SheetContent, jy as SheetHeader, jz as SheetTitle, jw as SheetDescription, jm as ScrollArea, mx as ListPage, dQ as Plus, h3 as DetailPageButton, eX as BooleanDisplayBadge, dR as Badge, mS as setSettingsStoreValueDocument, nN as createColumnHelper, gX as CopyableText, jV as Switch$1, iE as Dialog, iM as DialogTrigger, iG as DialogContent, iJ as DialogHeader, iD as DialogTitle, iH as DialogDescription, eZ as JsonViewer, iI as DialogFooter, dO as Input, n7 as useLocalFormat, bR as DropdownMenu, bS as DropdownMenuTrigger, bT as Ellipsis, bV as DropdownMenuContent, bW as DropdownMenuItem, nO as Clock, nP as Check, nQ as RefreshCw, nR as ChevronDown, nS as EllipsisVertical, bF as Select, bG as SelectTrigger, bI as SelectValue, bJ as SelectContent, bK as SelectItem, gJ as AssignToChannelBulkAction, mW as useChannel, hs as RemoveFromChannelBulkAction, mJ as configurableOperationFragment, nq as LS_KEY_SHIPPING_TEST_ADDRESS, hR as AccordionItem, hS as AccordionTrigger, hQ as AccordionContent, i_ as Form, eS as FormFieldWrapper, nT as AddressCountrySelect, nr as LS_KEY_SHIPPING_TEST_ORDER, nU as useReactTable, nV as getCoreRowModel, jW as Table, k0 as TableHeader, k1 as TableRow, j$ as TableHead, nW as flexRender, jX as TableBody, jZ as TableCell, hr as ProductVariantSelector, hJ as VendureImage, bZ as Trash2, e$ as Money, ij as Card, ip as CardHeader, iq as CardTitle, il as CardContent, i3 as Alert, i4 as AlertDescription, hP as Accordion, hG as RichTextDescriptionCell, nt as SUPER_ADMIN_ROLE_CODE, nl as CUSTOMER_ROLE_CODE, nX as Layers, gP as ChannelCodeLabel, hz as RoleCodeLabel, mH as getEntityDuplicatorsDocument, nY as getInitialConfigArgValue, gS as ConfigurableOperationInput, mG as duplicateEntityDocument, nZ as Copy, h5 as ErrorPage, kI as extendDetailFormQuery, kP as addCustomFields, mA as getDetailQueryOptions, eJ as useDetailPage, eQ as PageBlock, eR as DetailFormGrid, jd as PasswordInput, eU as CustomFieldsPageBlock, mI as assetFragment, h7 as FacetValueSelector, h6 as FacetValueChip, gL as usePriceFactor, fF as FacetValueFacetedFilter, hC as StockLevelLabel, mM as errorResultFragment, mL as configurableOperationDefFragment, bC as useServerConfig, hD as CustomerCell, hE as OrderStateCell, hF as OrderMoneyCell, eH as NEW_ENTITY_PATH, hh as LanguageSelector, mP as schemaLanguageCodes, fb as NumberInput, hn as PaginatedListDataTable, hm as PaginatedListDataTableKey, h2 as CustomerSelector, n_ as useDebounce, bX as Folder, n$ as Search, o0 as ChevronRight, o1 as getExpandedRowModel, fO as getItemParentId, fR as calculateDragTargetPosition, fQ as isCircularReference, fS as calculateSiblingIndex, o2 as deleteAssetsDocument, cW as enumType, cP as coerce, gD as AssetGallery, mw as detailPageRouteLoader, hH as TaxCategorySelector, hO as ZoneSelector, k7 as Textarea, gV as ConfigurableOperationSelector, eT as TranslatableFormFieldWrapper, fq as RichTextInput, n5 as useGroupedPermissions, ke as TooltipProvider, kc as Tooltip, kf as TooltipTrigger, o3 as Info, kd as TooltipContent, gQ as ChannelSelector, gU as ConfigurableOperationMultiSelector, f7 as DateTimeInput, dS as X, cM as arrayType, nD as a, k2 as Tabs, k4 as TabsList, k5 as TabsTrigger, o4 as Link$1, k3 as TabsContent, iu as Command, iy as CommandInput, iA as CommandList, iw as CommandEmpty, iz as CommandItem, cO as booleanType, cl as ZodIssueCode, dq as recordType, C as Checkbox, iQ as Field, iT as FieldError, fa as MoneyInput, gW as ConfirmationDialog, hU as AlertDialog, hX as AlertDialogContent, h_ as AlertDialogHeader, hT as AlertDialogTitle, hY as AlertDialogDescription, hZ as AlertDialogFooter, hW as AlertDialogCancel, hV as AlertDialogAction, ho as PermissionGuard, na as usePage, fs as SlugInput, gN as AssignedFacetValues, gM as AssignedChannels, h4 as EntityAssets, dV as Separator, g_ as CustomFieldsForm, iV as FieldLabel, m$ as useDynamicTranslations, o5 as getTypeForState, bH as cn, nn as DEFAULT_CHANNEL_CODE, fp as createRelationSelectorConfig, fo as RelationSelector, j5 as Label, o6 as CircleAlert, mX as useCustomFieldConfig, gj as LabeledData, ir as Collapsible, is as CollapsibleTrigger, it as CollapsibleContent, o7 as Globe, md as HistoryEntry, o8 as SquarePen, hf as useHistoryNoteEditor, hd as HistoryTimelineWithGrouping, hc as HistoryNoteInput, ha as HistoryNoteEditor, hb as HistoryNoteEntry, jS as Skeleton, kR as getFieldsFromDocumentNode, fL as getColumnVisibility, o9 as Pencil, oa as stateTypeToBadgeVariant, ob as ChevronLeft, g$ as CustomerAddressForm$1, oc as Users, h0 as CustomerGroupChip, h1 as CustomerGroupSelector, od as availableCountriesQueryKey, oe as Eye, i5 as AlertTitle, n6 as useJobQueuePolling, hB as SellerSelector, gZ as CurrencySelector, of as tagListDocument, og as updateTagDocument, oh as deleteTagDocument, oi as createTagDocument, je as Popover, jj as PopoverTrigger, oj as ChevronsUpDown, jf as PopoverContent, ix as CommandGroup, ok as Settings2, ol as assetDetailDocument, om as assetUpdateDocument, gB as AssetFocalPointEditor, gI as AssetProperties, gG as AssetPreviewSelector, on as Focus, hA as RoleSelector, hj as MultiSelect, oo as useRedirectToListOnNotFound, fh as SingleRelationInput, lD as useGeneratedForm, de as numberType, f0 as AffixedInput, iF as DialogClose, jU as Spinner, lq as useDashboardExtensions, kH as registerDefaults, l7 as executeDashboardExtensionCallbacks, jT as Toaster, mB as useExtendedRouter, mZ as useDisplayLocale, nh as useUiLanguageLoader, kL as setCustomFieldsMap, iN as DirectionProvider, kM as clearCustomFieldsMap } from "./use-job-queue-polling-BGkZa_AL.js";
 import { toast } from "sonner";
 import { i18n } from "@lingui/core";
 import { I18nProvider as I18nProvider$1, useLingui, Trans } from "@lingui/react";
@@ -2948,7 +2948,7 @@ var TanstackQueryDevtools = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./WDYDFRGG-CdQxmxpT.js"));
+        Devtools = lazy(() => import("./WDYDFRGG-BNhQ-gUX.js"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -3086,7 +3086,7 @@ var TanstackQueryDevtoolsPanel = class {
       if (this.#Component) {
         Devtools = this.#Component;
       } else {
-        Devtools = lazy(() => import("./2SSKDMRQ-z6PIkX8b.js"));
+        Devtools = lazy(() => import("./2SSKDMRQ-DvYnkA4d.js"));
         this.#Component = Devtools;
       }
       setupStyleSheet(this.#styleNonce, this.#shadowDOMTarget);
@@ -11014,6 +11014,153 @@ const collectionListForMoveDocument = graphql(`
         }
     }
 `);
+function usePaginatedChildCollections({
+  expandedIds,
+  pageSize,
+  queryKeyPrefix,
+  fetchChildren
+}) {
+  const [accumulatedChildren, setAccumulatedChildren] = useState({});
+  const [nextPageToFetch, setNextPageToFetch] = useState({});
+  const childQueryKey = (parentId, page) => [queryKeyPrefix, parentId, "page", page];
+  const firstPageChildQueries = useQueries({
+    queries: expandedIds.filter((collectionId) => !accumulatedChildren[collectionId]).map((collectionId) => ({
+      queryKey: childQueryKey(collectionId, 0),
+      // The `queries` array is rebuilt from a dynamic, shifting set of
+      // collectionIds, so the same array slot can hold an entirely different
+      // collection's query across renders. Opt out of the global
+      // `keepPreviousData` so an unrelated collection's stale children are never
+      // shown as a placeholder while this one's first page is loading.
+      placeholderData: void 0,
+      queryFn: async () => {
+        const {
+          items,
+          totalItems
+        } = await fetchChildren(collectionId, pageSize, 0);
+        return {
+          collectionId,
+          items,
+          totalItems
+        };
+      }
+    }))
+  });
+  useEffect(() => {
+    const newChildren = {};
+    let hasNew = false;
+    for (const query of firstPageChildQueries) {
+      if (query.data && !accumulatedChildren[query.data.collectionId]) {
+        newChildren[query.data.collectionId] = {
+          items: query.data.items,
+          totalItems: query.data.totalItems
+        };
+        hasNew = true;
+      }
+    }
+    if (hasNew) {
+      setAccumulatedChildren((prev) => ({
+        ...prev,
+        ...newChildren
+      }));
+    }
+  }, [firstPageChildQueries]);
+  const pagedChildEntries = Object.entries(nextPageToFetch).filter(([, page]) => page > 0);
+  const pagedChildQueries = useQueries({
+    queries: pagedChildEntries.map(([collectionId, page]) => ({
+      queryKey: childQueryKey(collectionId, page),
+      // See the matching comment on firstPageChildQueries above.
+      placeholderData: void 0,
+      queryFn: async () => {
+        const {
+          items,
+          totalItems
+        } = await fetchChildren(collectionId, pageSize, page * pageSize);
+        return {
+          collectionId,
+          items,
+          totalItems
+        };
+      }
+    }))
+  });
+  const pagedQueryByParentId = new Map(pagedChildEntries.map(([collectionId], index) => [collectionId, pagedChildQueries[index]]));
+  useEffect(() => {
+    let hasUpdates = false;
+    const childUpdates = {};
+    const fetchedPages = [];
+    for (const query of pagedChildQueries) {
+      if (!query.data) continue;
+      const {
+        collectionId,
+        items,
+        totalItems
+      } = query.data;
+      if (accumulatedChildren[collectionId]) {
+        childUpdates[collectionId] = {
+          items: [...accumulatedChildren[collectionId].items, ...items],
+          totalItems
+        };
+        fetchedPages.push(collectionId);
+        hasUpdates = true;
+      }
+    }
+    if (hasUpdates) {
+      setAccumulatedChildren((prev) => ({
+        ...prev,
+        ...childUpdates
+      }));
+      setNextPageToFetch((prev) => {
+        const next = {
+          ...prev
+        };
+        for (const id of fetchedPages) {
+          delete next[id];
+        }
+        return next;
+      });
+    }
+  }, [pagedChildQueries]);
+  const handleLoadMoreChildren = (parentId) => {
+    const pendingQuery = pagedQueryByParentId.get(parentId);
+    if (pendingQuery?.isError) {
+      pendingQuery.refetch();
+      return;
+    }
+    const currentItems = accumulatedChildren[parentId]?.items.length ?? 0;
+    const nextPage = Math.floor(currentItems / pageSize);
+    setNextPageToFetch((prev) => ({
+      ...prev,
+      [parentId]: nextPage
+    }));
+  };
+  const resetChildren = (parentIds) => {
+    if (!parentIds) {
+      setAccumulatedChildren({});
+      setNextPageToFetch({});
+      return;
+    }
+    setAccumulatedChildren((prev) => {
+      const next = {
+        ...prev
+      };
+      parentIds.forEach((id) => delete next[id]);
+      return next;
+    });
+    setNextPageToFetch((prev) => {
+      const next = {
+        ...prev
+      };
+      parentIds.forEach((id) => delete next[id]);
+      return next;
+    });
+  };
+  return {
+    accumulatedChildren,
+    handleLoadMoreChildren,
+    resetChildren
+  };
+}
+const CHILDREN_PAGE_SIZE$1 = 20;
 function TargetAlert({
   selectedCollectionId,
   collectionsToMove,
@@ -11060,7 +11207,9 @@ function CollectionTreeNode({
   onSelect,
   selectedCollectionId,
   collectionsToMove,
-  childCollectionsByParentId
+  childCollectionsByParentId,
+  childTotalsByParentId,
+  onLoadMoreChildren
 }) {
   const hasChildren = collection.children && collection.children.length > 0;
   const isExpanded = expanded[collection.id];
@@ -11069,6 +11218,7 @@ function CollectionTreeNode({
   const isChildOfBeingMoved = collectionsToMove.some((c) => collection.breadcrumbs.some((b) => b.id === c.id));
   const isSelectable = !isBeingMoved && !isChildOfBeingMoved;
   const childCollections = childCollectionsByParentId[collection.id] || [];
+  const hasMoreChildren = (childTotalsByParentId[collection.id] ?? 0) > childCollections.length;
   return /* @__PURE__ */ jsxs("div", { className: "my-0.5", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center", style: {
       marginLeft: depth * 20
@@ -11088,7 +11238,15 @@ function CollectionTreeNode({
         ] })
       ] }) })
     ] }),
-    hasChildren && isExpanded && /* @__PURE__ */ jsx("div", { children: childCollections.map((childCollection) => /* @__PURE__ */ jsx(CollectionTreeNode, { collection: childCollection, depth: depth + 1, expanded, onToggleExpanded, onSelect, selectedCollectionId, collectionsToMove, childCollectionsByParentId }, childCollection.id)) })
+    hasChildren && isExpanded && /* @__PURE__ */ jsxs("div", { children: [
+      childCollections.map((childCollection) => /* @__PURE__ */ jsx(CollectionTreeNode, { collection: childCollection, depth: depth + 1, expanded, onToggleExpanded, onSelect, selectedCollectionId, collectionsToMove, childCollectionsByParentId, childTotalsByParentId, onLoadMoreChildren }, childCollection.id)),
+      hasMoreChildren && /* @__PURE__ */ jsx("button", { type: "button", className: "text-xs text-muted-foreground hover:text-foreground py-1.5 px-3", style: {
+        marginLeft: (depth + 1) * 20
+      }, onClick: () => onLoadMoreChildren(collection.id), children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+      {
+        id: "yQ2kGp"
+      } }) })
+    ] })
   ] });
 }
 function MoveCollectionsDialog({
@@ -11108,7 +11266,6 @@ function MoveCollectionsDialog({
     _: _t
   } = useLingui();
   const collectionForMoveKey = ["collectionsForMove", debouncedSearchTerm];
-  const childCollectionsForMoveKey = (collectionId) => collectionId ? ["childCollectionsForMove", collectionId] : ["childCollectionsForMove"];
   const {
     data: collectionsData,
     isLoading
@@ -11131,33 +11288,44 @@ function MoveCollectionsDialog({
   });
   const topLevelCollectionId = collectionsData?.collections.items[0]?.parentId;
   const selectionHasTopLevelParent = collectionsToMove.some((c) => c.parentId === topLevelCollectionId);
-  const childrenQueries = useQueries({
-    queries: Object.entries(expanded).map(([collectionId, isExpanded]) => {
-      return {
-        queryKey: childCollectionsForMoveKey(collectionId),
-        queryFn: () => api.query(collectionListForMoveDocument, {
-          options: {
-            filter: {
-              parentId: {
-                eq: collectionId
-              }
+  const {
+    accumulatedChildren,
+    handleLoadMoreChildren,
+    resetChildren
+  } = usePaginatedChildCollections({
+    expandedIds: Object.entries(expanded).filter(([, isExpanded]) => isExpanded).map(([collectionId]) => collectionId),
+    pageSize: CHILDREN_PAGE_SIZE$1,
+    queryKeyPrefix: "childCollectionsForMove",
+    fetchChildren: async (parentId, take, skip) => {
+      const result = await api.query(collectionListForMoveDocument, {
+        options: {
+          filter: {
+            parentId: {
+              eq: parentId
             }
-          }
-        })
-      };
-    })
-  });
-  const childCollectionsByParentId = childrenQueries.reduce((acc, query, index) => {
-    const collectionId = Object.keys(expanded)[index];
-    if (query.data) {
-      const collections2 = query.data.collections.items;
-      collections2.forEach((collection) => {
-        collectionNameCache.current.set(collection.id, collection.name);
+          },
+          take,
+          skip
+        }
       });
-      acc[collectionId] = collections2;
+      return {
+        items: result.collections.items,
+        totalItems: result.collections.totalItems
+      };
     }
-    return acc;
-  }, {});
+  });
+  const childCollectionsByParentId = {};
+  const childTotalsByParentId = {};
+  for (const [collectionId, {
+    items,
+    totalItems
+  }] of Object.entries(accumulatedChildren)) {
+    items.forEach((collection) => {
+      collectionNameCache.current.set(collection.id, collection.name);
+    });
+    childCollectionsByParentId[collectionId] = items;
+    childTotalsByParentId[collectionId] = totalItems;
+  }
   const moveCollectionsMutation = useMutation({
     mutationFn: api.mutate(moveCollectionDocument),
     onSuccess: () => {
@@ -11170,9 +11338,10 @@ function MoveCollectionsDialog({
       queryClient2.invalidateQueries({
         queryKey: collectionForMoveKey
       });
-      queryClient2.invalidateQueries({
-        queryKey: childCollectionsForMoveKey()
+      queryClient2.removeQueries({
+        queryKey: ["childCollectionsForMove"]
       });
+      resetChildren();
       onResetExpanded?.();
       onSuccess?.();
       onOpenChange(false);
@@ -11220,57 +11389,64 @@ function MoveCollectionsDialog({
   collections.forEach((collection) => {
     collectionNameCache.current.set(collection.id, collection.name);
   });
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[600px] h-[90vh] flex flex-col p-0 gap-0", children: [
-    /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 pt-6 pb-4", children: [
-      /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "5D6pgx"
-      } }) }),
-      /* @__PURE__ */ jsx(DialogDescription, { children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "d5sEuA",
-        values: {
-          0: collectionsToMove.length === 1 ? "this collection" : `${collectionsToMove.length} collections`
-        }
-      } }) })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "px-6 py-3 bg-muted/50 border-y shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: collectionsToMove.map((collection) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1 bg-background border rounded-md text-sm", children: [
-      /* @__PURE__ */ jsx(Folder, { className: "h-3 w-3 text-muted-foreground" }),
-      /* @__PURE__ */ jsx("span", { children: collection.name })
-    ] }, collection.id)) }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col gap-3", children: [
-      /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
-        /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsx(Input, { placeholder: _t(
-          /*i18n*/
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      className: "sm:max-w-[600px] h-[90vh] flex flex-col p-0 gap-0",
+      onKeyDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 pt-6 pb-4", children: [
+          /* @__PURE__ */ jsx(DialogTitle, { children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
           {
-            id: "ErxaU3"
-          }
-        ), value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "pl-10" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "y+JWgj"
-      } }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        !debouncedSearchTerm && !selectionHasTopLevelParent && /* @__PURE__ */ jsx(MoveToTopLevel, { selectedCollectionId, topLevelCollectionId, onSelect: setSelectedCollectionId }),
-        collections.map((collection) => /* @__PURE__ */ jsx(CollectionTreeNode, { collection, depth: 0, expanded, onToggleExpanded: handleToggleExpanded, onSelect: handleSelect, selectedCollectionId, collectionsToMove, childCollectionsByParentId }, collection.id))
-      ] }) }),
-      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(TargetAlert, { selectedCollectionId, collectionsToMove, topLevelCollectionId, collectionNameCache }) })
-    ] }) }),
-    /* @__PURE__ */ jsxs(DialogFooter, { className: "px-6 pb-6 pt-4 shrink-0", children: [
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "dEgA5A"
-      } }) }),
-      /* @__PURE__ */ jsx(Button, { onClick: handleMove, disabled: !selectedCollectionId || moveCollectionsMutation.isPending, children: moveCollectionsMutation.isPending ? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "K8Qnlj"
-      } }) : /* @__PURE__ */ jsx(Trans, { .../*i18n*/
-      {
-        id: "5D6pgx"
-      } }) })
-    ] })
-  ] }) });
+            id: "5D6pgx"
+          } }) }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "d5sEuA",
+            values: {
+              0: collectionsToMove.length === 1 ? "this collection" : `${collectionsToMove.length} collections`
+            }
+          } }) })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "px-6 py-3 bg-muted/50 border-y shrink-0", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: collectionsToMove.map((collection) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-1 bg-background border rounded-md text-sm", children: [
+          /* @__PURE__ */ jsx(Folder, { className: "h-3 w-3 text-muted-foreground" }),
+          /* @__PURE__ */ jsx("span", { children: collection.name })
+        ] }, collection.id)) }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 overflow-auto px-6 py-4", children: /* @__PURE__ */ jsxs("div", { className: "h-full flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "relative shrink-0", children: [
+            /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(Input, { placeholder: _t(
+              /*i18n*/
+              {
+                id: "ErxaU3"
+              }
+            ), value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), className: "pl-10" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "space-y-1", children: isLoading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "y+JWgj"
+          } }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            !debouncedSearchTerm && !selectionHasTopLevelParent && /* @__PURE__ */ jsx(MoveToTopLevel, { selectedCollectionId, topLevelCollectionId, onSelect: setSelectedCollectionId }),
+            collections.map((collection) => /* @__PURE__ */ jsx(CollectionTreeNode, { collection, depth: 0, expanded, onToggleExpanded: handleToggleExpanded, onSelect: handleSelect, selectedCollectionId, collectionsToMove, childCollectionsByParentId, childTotalsByParentId, onLoadMoreChildren: handleLoadMoreChildren }, collection.id))
+          ] }) }),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsx(TargetAlert, { selectedCollectionId, collectionsToMove, topLevelCollectionId, collectionNameCache }) })
+        ] }) }),
+        /* @__PURE__ */ jsxs(DialogFooter, { className: "px-6 pb-6 pt-4 shrink-0", children: [
+          /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "dEgA5A"
+          } }) }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleMove, disabled: !selectedCollectionId || moveCollectionsMutation.isPending, children: moveCollectionsMutation.isPending ? /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "K8Qnlj"
+          } }) : /* @__PURE__ */ jsx(Trans, { .../*i18n*/
+          {
+            id: "5D6pgx"
+          } }) })
+        ] })
+      ]
+    }
+  ) });
 }
 const AssignCollectionsToChannelBulkAction = ({
   selection,
@@ -11476,8 +11652,6 @@ function CollectionListPage() {
   });
   const [expanded, setExpandedState] = useState(() => parseExpandedParam(routeSearch.expanded));
   const [searchTerm, setSearchTerm] = useState("");
-  const [accumulatedChildren, setAccumulatedChildren] = useState({});
-  const [nextPageToFetch, setNextPageToFetch] = useState({});
   const setExpanded = useCallback((updater) => {
     setExpandedState((prev) => {
       const next = typeof updater === "function" ? updater(prev) : updater;
@@ -11491,111 +11665,32 @@ function CollectionListPage() {
       return next;
     });
   }, [navigate]);
-  const firstPageChildQueries = useQueries({
-    queries: expanded === true ? [] : Object.entries(expanded).filter(([collectionId]) => !accumulatedChildren[collectionId]).map(([collectionId]) => {
-      return {
-        queryKey: ["childCollections", collectionId, "page", 0],
-        queryFn: async () => {
-          const result = await api.query(collectionListDocument, {
-            options: {
-              filter: {
-                parentId: {
-                  eq: collectionId
-                }
-              },
-              take: CHILDREN_PAGE_SIZE,
-              skip: 0
+  const {
+    accumulatedChildren,
+    handleLoadMoreChildren,
+    resetChildren
+  } = usePaginatedChildCollections({
+    expandedIds: expanded === true ? [] : Object.entries(expanded).filter(([, isExpanded]) => isExpanded).map(([collectionId]) => collectionId),
+    pageSize: CHILDREN_PAGE_SIZE,
+    queryKeyPrefix: "childCollections",
+    fetchChildren: async (parentId, take, skip) => {
+      const result = await api.query(collectionListDocument, {
+        options: {
+          filter: {
+            parentId: {
+              eq: parentId
             }
-          });
-          return {
-            collectionId,
-            items: result.collections.items,
-            totalItems: result.collections.totalItems
-          };
+          },
+          take,
+          skip
         }
-      };
-    })
-  });
-  useEffect(() => {
-    const newChildren = {};
-    let hasNew = false;
-    for (const query of firstPageChildQueries) {
-      if (query.data && !accumulatedChildren[query.data.collectionId]) {
-        newChildren[query.data.collectionId] = {
-          items: query.data.items,
-          totalItems: query.data.totalItems
-        };
-        hasNew = true;
-      }
-    }
-    if (hasNew) {
-      setAccumulatedChildren((prev) => ({
-        ...prev,
-        ...newChildren
-      }));
-    }
-  }, [firstPageChildQueries]);
-  const pagedChildQueries = useQueries({
-    queries: Object.entries(nextPageToFetch).filter(([_, page]) => page > 0).map(([collectionId, page]) => {
+      });
       return {
-        queryKey: ["childCollections", collectionId, "page", page],
-        queryFn: async () => {
-          const result = await api.query(collectionListDocument, {
-            options: {
-              filter: {
-                parentId: {
-                  eq: collectionId
-                }
-              },
-              take: CHILDREN_PAGE_SIZE,
-              skip: page * CHILDREN_PAGE_SIZE
-            }
-          });
-          return {
-            collectionId,
-            items: result.collections.items,
-            totalItems: result.collections.totalItems
-          };
-        }
+        items: result.collections.items,
+        totalItems: result.collections.totalItems
       };
-    })
-  });
-  useEffect(() => {
-    let hasUpdates = false;
-    const childUpdates = {};
-    const fetchedPages = [];
-    for (const query of pagedChildQueries) {
-      if (!query.data) continue;
-      const {
-        collectionId,
-        items,
-        totalItems
-      } = query.data;
-      if (accumulatedChildren[collectionId]) {
-        childUpdates[collectionId] = {
-          items: [...accumulatedChildren[collectionId].items, ...items],
-          totalItems
-        };
-        fetchedPages.push(collectionId);
-        hasUpdates = true;
-      }
-    }
-    if (hasUpdates) {
-      setAccumulatedChildren((prev) => ({
-        ...prev,
-        ...childUpdates
-      }));
-      setNextPageToFetch((prev) => {
-        const next = {
-          ...prev
-        };
-        for (const id of fetchedPages) {
-          delete next[id];
-        }
-        return next;
-      });
     }
-  }, [pagedChildQueries]);
+  });
   const addSubCollections = (data) => {
     const allRows = [];
     const addSubRows = (row) => {
@@ -11631,14 +11726,6 @@ function CollectionListPage() {
     });
     return allRows;
   };
-  const handleLoadMoreChildren = (parentId) => {
-    const currentItems = accumulatedChildren[parentId]?.items.length ?? 0;
-    const nextPage = Math.floor(currentItems / CHILDREN_PAGE_SIZE);
-    setNextPageToFetch((prev) => ({
-      ...prev,
-      [parentId]: nextPage
-    }));
-  };
   const handleReorder = async (oldIndex, newIndex, item, allItems) => {
     if (isLoadMoreRow(item)) {
       return;
@@ -11695,16 +11782,7 @@ function CollectionListPage() {
           queryKey: ["childCollections", targetParentId]
         });
       }
-      setAccumulatedChildren((prev) => {
-        const newState = {
-          ...prev
-        };
-        delete newState[sourceParentId];
-        if (targetParentId !== sourceParentId) {
-          delete newState[targetParentId];
-        }
-        return newState;
-      });
+      resetChildren(targetParentId !== sourceParentId ? [sourceParentId, targetParentId] : [sourceParentId]);
       await queryClient2.invalidateQueries({
         queryKey: ["PaginatedListDataTable"]
       });
@@ -11842,7 +11920,7 @@ function CollectionListPage() {
         queryClient2.removeQueries({
           queryKey: ["PaginatedListDataTable"]
         });
-        setAccumulatedChildren({});
+        resetChildren();
       },
       isUtilityRow: (row) => isLoadMoreRow(row.original),
       renderUtilityRow: (row) => {