@payloadcms/ui 4.0.0-internal.77191e5 → 4.0.0-internal.7b53b6d

package/dist/elements/MergeBranch/useMergeBranchAction.js

@@ -0,0 +1,112 @@
+'use client';
+
+import { branchesCollectionSlug, formatAdminURL } from 'payload/shared';
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { useConfig } from '../../providers/Config/index.js';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { readMergeStream } from './readMergeStream.js';
+export const useMergeBranchAction = ({
+  canCloseBranch,
+  closeBranch,
+  target
+}) => {
+  const {
+    config: {
+      routes: {
+        api
+      },
+      serverURL
+    }
+  } = useConfig();
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    t
+  } = useTranslation();
+  const [isMerging, setIsMerging] = useState(false);
+  const [progress, setProgress] = useState(null);
+  const [outcome, setOutcome] = useState(null);
+  const reportResult = useCallback(result => {
+    if (result.merged.length) {
+      toast.success(t('branching:mergedCount', {
+        count: result.merged.length
+      }));
+    }
+    result.blocked.forEach(({
+      message
+    }) => toast.error(message));
+    if (!result.merged.length && !result.blocked.length) {
+      toast.info(t('branching:noChangesYet'));
+    }
+  }, [t]);
+  const mergeNow = useCallback(async () => {
+    if (!target || isMerging) {
+      return;
+    }
+    setIsMerging(true);
+    setProgress(null);
+    try {
+      const response = await fetch(formatAdminURL({
+        apiRoute: api,
+        path: `/${branchesCollectionSlug}/${target.branchID}/merge`,
+        serverURL
+      }), {
+        body: JSON.stringify({
+          changes: target.selectedChangeIDs,
+          closeBranch: canCloseBranch && closeBranch,
+          stream: true
+        }),
+        credentials: 'include',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        method: 'POST'
+      });
+      if (!response.ok || !response.body) {
+        const result_0 = await response.json().catch(() => null);
+        if (result_0?.blocked?.length) {
+          reportResult(result_0);
+        } else {
+          toast.error(t('error:unknown'));
+        }
+        return;
+      }
+      const result_1 = await readMergeStream({
+        body: response.body,
+        onProgress: setProgress
+      });
+      if (!result_1) {
+        toast.error(t('branching:mergeInterrupted'));
+        return;
+      }
+      if (result_1.type === 'error') {
+        toast.error(result_1.message);
+        return;
+      }
+      reportResult(result_1.result);
+      setOutcome(result_1.result);
+      await startRouteTransition(() => router.refresh());
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsMerging(false);
+    }
+  }, [api, canCloseBranch, closeBranch, isMerging, reportResult, router, serverURL, startRouteTransition, t, target]);
+  const resetMerge = useCallback(() => {
+    setProgress(null);
+    setOutcome(null);
+  }, []);
+  return {
+    isMerging,
+    mergeNow,
+    outcome,
+    progress,
+    resetMerge
+  };
+};
+//# sourceMappingURL=useMergeBranchAction.js.map

package/dist/elements/MergeBranch/useMergeBranchAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMergeBranchAction.js","names":["branchesCollectionSlug","formatAdminURL","useCallback","useState","toast","useConfig","useRouter","useRouteTransition","useTranslation","readMergeStream","useMergeBranchAction","canCloseBranch","closeBranch","target","config","routes","api","serverURL","router","startRouteTransition","t","isMerging","setIsMerging","progress","setProgress","outcome","setOutcome","reportResult","result","merged","length","success","count","blocked","forEach","message","error","info","mergeNow","response","fetch","apiRoute","path","branchID","body","JSON","stringify","changes","selectedChangeIDs","stream","credentials","headers","method","ok","json","catch","onProgress","type","refresh","_err","resetMerge"],"sources":["../../../src/elements/MergeBranch/useMergeBranchAction.ts"],"sourcesContent":["'use client'\n\nimport type { MergeProgress, MergeResult } from 'payload'\n\nimport { branchesCollectionSlug, formatAdminURL } from 'payload/shared'\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { MergeTarget } from './context.js'\n\nimport { useConfig } from '../../providers/Config/index.js'\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { readMergeStream } from './readMergeStream.js'\n\nexport const useMergeBranchAction = ({\n  canCloseBranch,\n  closeBranch,\n  target,\n}: {\n  canCloseBranch: boolean\n  closeBranch: boolean\n  target: MergeTarget | null\n}): {\n  isMerging: boolean\n  mergeNow: () => Promise<void>\n  outcome: MergeResult | null\n  progress: MergeProgress | null\n  resetMerge: () => void\n} => {\n  const {\n    config: {\n      routes: { api },\n      serverURL,\n    },\n  } = useConfig()\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { t } = useTranslation()\n  const [isMerging, setIsMerging] = useState(false)\n  const [progress, setProgress] = useState<MergeProgress | null>(null)\n  const [outcome, setOutcome] = useState<MergeResult | null>(null)\n\n  const reportResult = useCallback(\n    (result: MergeResult) => {\n      if (result.merged.length) {\n        toast.success(t('branching:mergedCount', { count: result.merged.length }))\n      }\n\n      result.blocked.forEach(({ message }) => toast.error(message))\n\n      if (!result.merged.length && !result.blocked.length) {\n        toast.info(t('branching:noChangesYet'))\n      }\n    },\n    [t],\n  )\n\n  const mergeNow = useCallback(async () => {\n    if (!target || isMerging) {\n      return\n    }\n\n    setIsMerging(true)\n    setProgress(null)\n\n    try {\n      const response = await fetch(\n        formatAdminURL({\n          apiRoute: api,\n          path: `/${branchesCollectionSlug}/${target.branchID}/merge`,\n          serverURL,\n        }),\n        {\n          body: JSON.stringify({\n            changes: target.selectedChangeIDs,\n            closeBranch: canCloseBranch && closeBranch,\n            stream: true,\n          }),\n          credentials: 'include',\n          headers: { 'Content-Type': 'application/json' },\n          method: 'POST',\n        },\n      )\n\n      if (!response.ok || !response.body) {\n        const result = (await response.json().catch(() => null)) as MergeResult | null\n\n        if (result?.blocked?.length) {\n          reportResult(result)\n        } else {\n          toast.error(t('error:unknown'))\n        }\n\n        return\n      }\n\n      const result = await readMergeStream({ body: response.body, onProgress: setProgress })\n\n      if (!result) {\n        toast.error(t('branching:mergeInterrupted'))\n\n        return\n      }\n\n      if (result.type === 'error') {\n        toast.error(result.message)\n\n        return\n      }\n\n      reportResult(result.result)\n      setOutcome(result.result)\n      await startRouteTransition(() => router.refresh())\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setIsMerging(false)\n    }\n  }, [\n    api,\n    canCloseBranch,\n    closeBranch,\n    isMerging,\n    reportResult,\n    router,\n    serverURL,\n    startRouteTransition,\n    t,\n    target,\n  ])\n\n  const resetMerge = useCallback(() => {\n    setProgress(null)\n    setOutcome(null)\n  }, [])\n\n  return { isMerging, mergeNow, outcome, progress, resetMerge }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/MergeBranch/useScheduleBranchMerge.d.ts

@@ -0,0 +1,14 @@
+import type { MergeTarget } from './context.js';
+export declare const useScheduleBranchMerge: ({ canCloseBranch, closeBranch, dismiss, loadUpcoming, scheduledFor, target, }: {
+    canCloseBranch: boolean;
+    closeBranch: boolean;
+    dismiss: () => void;
+    loadUpcoming: () => Promise<void>;
+    scheduledFor?: Date;
+    target: MergeTarget | null;
+}) => {
+    cancelScheduledMerge: (deleteID: number | string) => Promise<void>;
+    isScheduling: boolean;
+    scheduleMerge: () => Promise<void>;
+};
+//# sourceMappingURL=useScheduleBranchMerge.d.ts.map

package/dist/elements/MergeBranch/useScheduleBranchMerge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScheduleBranchMerge.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/useScheduleBranchMerge.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAO/C,eAAO,MAAM,sBAAsB,kFAOhC;IACD,cAAc,EAAE,OAAO,CAAA;IACvB,WAAW,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,MAAM,EAAE,WAAW,GAAG,IAAI,CAAA;CAC3B,KAAG;IACF,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAClE,YAAY,EAAE,OAAO,CAAA;IACrB,aAAa,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;CA+EnC,CAAA"}

package/dist/elements/MergeBranch/useScheduleBranchMerge.js

@@ -0,0 +1,84 @@
+'use client';
+
+import { useCallback, useState } from 'react';
+import { toast } from 'sonner';
+import { useRouter } from '../../providers/RouterAdapter/index.js';
+import { useRouteTransition } from '../../providers/RouteTransition/index.js';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+export const useScheduleBranchMerge = ({
+  canCloseBranch,
+  closeBranch,
+  dismiss,
+  loadUpcoming,
+  scheduledFor,
+  target
+}) => {
+  const router = useRouter();
+  const {
+    startRouteTransition
+  } = useRouteTransition();
+  const {
+    serverFunction
+  } = useServerFunctions();
+  const {
+    t
+  } = useTranslation();
+  const [isScheduling, setIsScheduling] = useState(false);
+  const scheduleMerge = useCallback(async () => {
+    if (!target || !scheduledFor || isScheduling) {
+      return;
+    }
+    setIsScheduling(true);
+    try {
+      const result = await serverFunction({
+        name: 'schedule-merge',
+        args: {
+          branchID: target.branchID,
+          changes: target.selectedChangeIDs,
+          closeBranch: canCloseBranch && closeBranch,
+          date: scheduledFor
+        }
+      });
+      if (result?.error) {
+        toast.error(result.error);
+        return;
+      }
+      toast.success(t('branching:mergeScheduledFor', {
+        date: scheduledFor.toLocaleString(undefined, {
+          dateStyle: 'medium',
+          timeStyle: 'short'
+        })
+      }));
+      dismiss();
+      await startRouteTransition(() => router.refresh());
+    } catch (_err) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsScheduling(false);
+    }
+  }, [canCloseBranch, closeBranch, dismiss, isScheduling, router, scheduledFor, serverFunction, startRouteTransition, t, target]);
+  const cancelScheduledMerge = useCallback(async deleteID => {
+    setIsScheduling(true);
+    try {
+      await serverFunction({
+        name: 'schedule-merge',
+        args: {
+          deleteID
+        }
+      });
+      await loadUpcoming();
+      toast.success(t('general:deletedSuccessfully'));
+    } catch (_err_0) {
+      toast.error(t('error:unknown'));
+    } finally {
+      setIsScheduling(false);
+    }
+  }, [loadUpcoming, serverFunction, t]);
+  return {
+    cancelScheduledMerge,
+    isScheduling,
+    scheduleMerge
+  };
+};
+//# sourceMappingURL=useScheduleBranchMerge.js.map

package/dist/elements/MergeBranch/useScheduleBranchMerge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScheduleBranchMerge.js","names":["useCallback","useState","toast","useRouter","useRouteTransition","useServerFunctions","useTranslation","useScheduleBranchMerge","canCloseBranch","closeBranch","dismiss","loadUpcoming","scheduledFor","target","router","startRouteTransition","serverFunction","t","isScheduling","setIsScheduling","scheduleMerge","result","name","args","branchID","changes","selectedChangeIDs","date","error","success","toLocaleString","undefined","dateStyle","timeStyle","refresh","_err","cancelScheduledMerge","deleteID"],"sources":["../../../src/elements/MergeBranch/useScheduleBranchMerge.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useState } from 'react'\nimport { toast } from 'sonner'\n\nimport type { MergeTarget } from './context.js'\n\nimport { useRouter } from '../../providers/RouterAdapter/index.js'\nimport { useRouteTransition } from '../../providers/RouteTransition/index.js'\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\n\nexport const useScheduleBranchMerge = ({\n  canCloseBranch,\n  closeBranch,\n  dismiss,\n  loadUpcoming,\n  scheduledFor,\n  target,\n}: {\n  canCloseBranch: boolean\n  closeBranch: boolean\n  dismiss: () => void\n  loadUpcoming: () => Promise<void>\n  scheduledFor?: Date\n  target: MergeTarget | null\n}): {\n  cancelScheduledMerge: (deleteID: number | string) => Promise<void>\n  isScheduling: boolean\n  scheduleMerge: () => Promise<void>\n} => {\n  const router = useRouter()\n  const { startRouteTransition } = useRouteTransition()\n  const { serverFunction } = useServerFunctions()\n  const { t } = useTranslation()\n  const [isScheduling, setIsScheduling] = useState(false)\n\n  const scheduleMerge = useCallback(async () => {\n    if (!target || !scheduledFor || isScheduling) {\n      return\n    }\n\n    setIsScheduling(true)\n\n    try {\n      const result = (await serverFunction({\n        name: 'schedule-merge',\n        args: {\n          branchID: target.branchID,\n          changes: target.selectedChangeIDs,\n          closeBranch: canCloseBranch && closeBranch,\n          date: scheduledFor,\n        },\n      })) as { error?: string }\n\n      if (result?.error) {\n        toast.error(result.error)\n\n        return\n      }\n\n      toast.success(\n        t('branching:mergeScheduledFor', {\n          date: scheduledFor.toLocaleString(undefined, {\n            dateStyle: 'medium',\n            timeStyle: 'short',\n          }),\n        }),\n      )\n\n      dismiss()\n      await startRouteTransition(() => router.refresh())\n    } catch (_err) {\n      toast.error(t('error:unknown'))\n    } finally {\n      setIsScheduling(false)\n    }\n  }, [\n    canCloseBranch,\n    closeBranch,\n    dismiss,\n    isScheduling,\n    router,\n    scheduledFor,\n    serverFunction,\n    startRouteTransition,\n    t,\n    target,\n  ])\n\n  const cancelScheduledMerge = useCallback(\n    async (deleteID: number | string) => {\n      setIsScheduling(true)\n\n      try {\n        await serverFunction({ name: 'schedule-merge', args: { deleteID } })\n        await loadUpcoming()\n        toast.success(t('general:deletedSuccessfully'))\n      } catch (_err) {\n        toast.error(t('error:unknown'))\n      } finally {\n        setIsScheduling(false)\n      }\n    },\n    [loadUpcoming, serverFunction, t],\n  )\n\n  return { cancelScheduledMerge, isScheduling, scheduleMerge }\n}\n"],"mappings":"AAAA;;AAEA,SAASA,WAAW,EAAEC,QAAQ,QAAQ;AACtC,SAASC,KAAK,QAAQ;AAItB,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAE/B,OAAO,MAAMC,sBAAA,GAAyBA,CAAC;EACrCC,cAAc;EACdC,WAAW;EACXC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC;AAAM,CAQP;EAKC,MAAMC,MAAA,GAASX,SAAA;EACf,MAAM;IAAEY;EAAoB,CAAE,GAAGX,kBAAA;EACjC,MAAM;IAAEY;EAAc,CAAE,GAAGX,kBAAA;EAC3B,MAAM;IAAEY;EAAC,CAAE,GAAGX,cAAA;EACd,MAAM,CAACY,YAAA,EAAcC,eAAA,CAAgB,GAAGlB,QAAA,CAAS;EAEjD,MAAMmB,aAAA,GAAgBpB,WAAA,CAAY;IAChC,IAAI,CAACa,MAAA,IAAU,CAACD,YAAA,IAAgBM,YAAA,EAAc;MAC5C;IACF;IAEAC,eAAA,CAAgB;IAEhB,IAAI;MACF,MAAME,MAAA,GAAU,MAAML,cAAA,CAAe;QACnCM,IAAA,EAAM;QACNC,IAAA,EAAM;UACJC,QAAA,EAAUX,MAAA,CAAOW,QAAQ;UACzBC,OAAA,EAASZ,MAAA,CAAOa,iBAAiB;UACjCjB,WAAA,EAAaD,cAAA,IAAkBC,WAAA;UAC/BkB,IAAA,EAAMf;QACR;MACF;MAEA,IAAIS,MAAA,EAAQO,KAAA,EAAO;QACjB1B,KAAA,CAAM0B,KAAK,CAACP,MAAA,CAAOO,KAAK;QAExB;MACF;MAEA1B,KAAA,CAAM2B,OAAO,CACXZ,CAAA,CAAE,+BAA+B;QAC/BU,IAAA,EAAMf,YAAA,CAAakB,cAAc,CAACC,SAAA,EAAW;UAC3CC,SAAA,EAAW;UACXC,SAAA,EAAW;QACb;MACF;MAGFvB,OAAA;MACA,MAAMK,oBAAA,CAAqB,MAAMD,MAAA,CAAOoB,OAAO;IACjD,EAAE,OAAOC,IAAA,EAAM;MACbjC,KAAA,CAAM0B,KAAK,CAACX,CAAA,CAAE;IAChB,UAAU;MACRE,eAAA,CAAgB;IAClB;EACF,GAAG,CACDX,cAAA,EACAC,WAAA,EACAC,OAAA,EACAQ,YAAA,EACAJ,MAAA,EACAF,YAAA,EACAI,cAAA,EACAD,oBAAA,EACAE,CAAA,EACAJ,MAAA,CACD;EAED,MAAMuB,oBAAA,GAAuBpC,WAAA,CAC3B,MAAOqC,QAAA;IACLlB,eAAA,CAAgB;IAEhB,IAAI;MACF,MAAMH,cAAA,CAAe;QAAEM,IAAA,EAAM;QAAkBC,IAAA,EAAM;UAAEc;QAAS;MAAE;MAClE,MAAM1B,YAAA;MACNT,KAAA,CAAM2B,OAAO,CAACZ,CAAA,CAAE;IAClB,EAAE,OAAOkB,MAAA,EAAM;MACbjC,KAAA,CAAM0B,KAAK,CAACX,CAAA,CAAE;IAChB,UAAU;MACRE,eAAA,CAAgB;IAClB;EACF,GACA,CAACR,YAAA,EAAcK,cAAA,EAAgBC,CAAA,CAAE;EAGnC,OAAO;IAAEmB,oBAAA;IAAsBlB,YAAA;IAAcE;EAAc;AAC7D","ignoreList":[]}

package/dist/elements/MergeBranch/useUpcomingBranchMerges.d.ts

@@ -0,0 +1,12 @@
+import type { UpcomingBranchMerge } from '../../utilities/scheduleMergeHandler.js';
+import type { MergeMode } from './types.js';
+export declare const useUpcomingBranchMerges: ({ branchID, isOpen, mode, }: {
+    branchID?: number | string;
+    isOpen: boolean;
+    mode: MergeMode;
+}) => {
+    clearUpcoming: () => void;
+    loadUpcoming: () => Promise<void>;
+    upcoming: UpcomingBranchMerge[];
+};
+//# sourceMappingURL=useUpcomingBranchMerges.d.ts.map

package/dist/elements/MergeBranch/useUpcomingBranchMerges.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpcomingBranchMerges.d.ts","sourceRoot":"","sources":["../../../src/elements/MergeBranch/useUpcomingBranchMerges.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yCAAyC,CAAA;AAClF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAI3C,eAAO,MAAM,uBAAuB,gCAIjC;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,MAAM,EAAE,OAAO,CAAA;IACf,IAAI,EAAE,SAAS,CAAA;CAChB,KAAG;IACF,aAAa,EAAE,MAAM,IAAI,CAAA;IACzB,YAAY,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,QAAQ,EAAE,mBAAmB,EAAE,CAAA;CAiChC,CAAA"}

package/dist/elements/MergeBranch/useUpcomingBranchMerges.js

@@ -0,0 +1,89 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { useServerFunctions } from '../../providers/ServerFunctions/index.js';
+export const useUpcomingBranchMerges = t0 => {
+  const $ = _c(13);
+  const {
+    branchID,
+    isOpen,
+    mode
+  } = t0;
+  const {
+    serverFunction
+  } = useServerFunctions();
+  let t1;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = [];
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  const [upcoming, setUpcoming] = useState(t1);
+  let t2;
+  if ($[1] !== branchID || $[2] !== serverFunction) {
+    t2 = () => {
+      if (branchID === undefined || branchID === null) {
+        return Promise.resolve();
+      }
+      return Promise.resolve(serverFunction({
+        name: "get-upcoming-branch-merges",
+        args: {
+          branchID
+        }
+      })).then(upcomingMerges => {
+        setUpcoming(upcomingMerges);
+      }).catch(_temp);
+    };
+    $[1] = branchID;
+    $[2] = serverFunction;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  const loadUpcoming = t2;
+  let t3;
+  let t4;
+  if ($[4] !== isOpen || $[5] !== loadUpcoming || $[6] !== mode) {
+    t3 = () => {
+      if (isOpen && mode === "schedule") {
+        loadUpcoming();
+      }
+    };
+    t4 = [isOpen, loadUpcoming, mode];
+    $[4] = isOpen;
+    $[5] = loadUpcoming;
+    $[6] = mode;
+    $[7] = t3;
+    $[8] = t4;
+  } else {
+    t3 = $[7];
+    t4 = $[8];
+  }
+  useEffect(t3, t4);
+  let t5;
+  if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => setUpcoming([]);
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  const clearUpcoming = t5;
+  let t6;
+  if ($[10] !== loadUpcoming || $[11] !== upcoming) {
+    t6 = {
+      clearUpcoming,
+      loadUpcoming,
+      upcoming
+    };
+    $[10] = loadUpcoming;
+    $[11] = upcoming;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
+};
+function _temp() {}
+//# sourceMappingURL=useUpcomingBranchMerges.js.map

package/dist/elements/MergeBranch/useUpcomingBranchMerges.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpcomingBranchMerges.js","names":["c","_c","useCallback","useEffect","useState","useServerFunctions","useUpcomingBranchMerges","t0","$","branchID","isOpen","mode","serverFunction","t1","Symbol","for","upcoming","setUpcoming","t2","undefined","Promise","resolve","name","args","then","upcomingMerges","catch","_temp","loadUpcoming","t3","t4","t5","clearUpcoming","t6"],"sources":["../../../src/elements/MergeBranch/useUpcomingBranchMerges.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useState } from 'react'\n\nimport type { UpcomingBranchMerge } from '../../utilities/scheduleMergeHandler.js'\nimport type { MergeMode } from './types.js'\n\nimport { useServerFunctions } from '../../providers/ServerFunctions/index.js'\n\nexport const useUpcomingBranchMerges = ({\n  branchID,\n  isOpen,\n  mode,\n}: {\n  branchID?: number | string\n  isOpen: boolean\n  mode: MergeMode\n}): {\n  clearUpcoming: () => void\n  loadUpcoming: () => Promise<void>\n  upcoming: UpcomingBranchMerge[]\n} => {\n  const { serverFunction } = useServerFunctions()\n  const [upcoming, setUpcoming] = useState<UpcomingBranchMerge[]>([])\n\n  const loadUpcoming = useCallback((): Promise<void> => {\n    if (branchID === undefined || branchID === null) {\n      return Promise.resolve()\n    }\n\n    return Promise.resolve(\n      serverFunction({\n        name: 'get-upcoming-branch-merges',\n        args: { branchID },\n      }),\n    )\n      .then((upcomingMerges) => {\n        setUpcoming(upcomingMerges as UpcomingBranchMerge[])\n      })\n      .catch(() => {\n        // A missing list costs context, not the scheduling action.\n      })\n  }, [branchID, serverFunction])\n\n  useEffect(() => {\n    if (isOpen && mode === 'schedule') {\n      void loadUpcoming()\n    }\n  }, [isOpen, loadUpcoming, mode])\n\n  const clearUpcoming = useCallback(() => setUpcoming([]), [])\n\n  return { clearUpcoming, loadUpcoming, upcoming }\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;AAEA,SAASC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ;AAKjD,SAASC,kBAAkB,QAAQ;AAEnC,OAAO,MAAMC,uBAAA,GAA0BC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC,MAAA;IAAAC;EAAA,IAAAJ,EAQvC;EAKC;IAAAK;EAAA,IAA2BP,kBAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IACqCF,EAAA,KAAE;IAAAL,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAAlE,OAAAQ,QAAA,EAAAC,WAAA,IAAgCb,QAAA,CAAgCS,EAAE;EAAA,IAAAK,EAAA;EAAA,IAAAV,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAI,cAAA;IAEjCM,EAAA,GAAAA,CAAA;MAC/B,IAAIT,QAAA,KAAaU,SAA0B,IAAbV,QAAA,KAAa;QAAA,OAClCW,OAAA,CAAAC,OAAe;MAAA;MACxB,OAEOD,OAAA,CAAAC,OAAe,CACpBT,cAAA,CAAe;QAAAU,IAAA,EACP;QAAAC,IAAA,EACA;UAAAd;QAAW;MACnB,IAAAe,IAEK,CAACC,cAAA;QACJR,WAAA,CAAYQ,cAAA;MAAA,CACd,EAAAC,KACM,CAACC,KAEP;IAAA,CACJ;IAAAnB,CAAA,MAAAC,QAAA;IAAAD,CAAA,MAAAI,cAAA;IAAAJ,CAAA,MAAAU,EAAA;EAAA;IAAAA,EAAA,GAAAV,CAAA;EAAA;EAjBA,MAAAoB,YAAA,GAAqBV,EAiBQ;EAAA,IAAAW,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtB,CAAA,QAAAE,MAAA,IAAAF,CAAA,QAAAoB,YAAA,IAAApB,CAAA,QAAAG,IAAA;IAEnBkB,EAAA,GAAAA,CAAA;MACR,IAAInB,MAAmB,IAATC,IAAA,KAAS;QAChBiB,YAAA;MAAA;IACP,CACF;IAAGE,EAAA,IAACpB,MAAA,EAAQkB,YAAA,EAAcjB,IAAA,CAAK;IAAAH,CAAA,MAAAE,MAAA;IAAAF,CAAA,MAAAoB,YAAA;IAAApB,CAAA,MAAAG,IAAA;IAAAH,CAAA,MAAAqB,EAAA;IAAArB,CAAA,MAAAsB,EAAA;EAAA;IAAAD,EAAA,GAAArB,CAAA;IAAAsB,EAAA,GAAAtB,CAAA;EAAA;EAJ/BL,SAAA,CAAU0B,EAIV,EAAGC,EAA4B;EAAA,IAAAC,EAAA;EAAA,IAAAvB,CAAA,QAAAM,MAAA,CAAAC,GAAA;IAEGgB,EAAA,GAAAA,CAAA,KAAMd,WAAA,CAAY,EAAE;IAAAT,CAAA,MAAAuB,EAAA;EAAA;IAAAA,EAAA,GAAAvB,CAAA;EAAA;EAAtD,MAAAwB,aAAA,GAAsBD,EAAqC;EAAA,IAAAE,EAAA;EAAA,IAAAzB,CAAA,SAAAoB,YAAA,IAAApB,CAAA,SAAAQ,QAAA;IAEpDiB,EAAA;MAAAD,aAAA;MAAAJ,YAAA;MAAAZ;IAAwC;IAAAR,CAAA,OAAAoB,YAAA;IAAApB,CAAA,OAAAQ,QAAA;IAAAR,CAAA,OAAAyB,EAAA;EAAA;IAAAA,EAAA,GAAAzB,CAAA;EAAA;EAAA,OAAxCyB,EAAwC;AAAA,CACjD;AA5CuC,SAAAN,MAAA","ignoreList":[]}

package/dist/elements/MiniCarousel/index.d.ts

@@ -3,8 +3,8 @@ import React from 'react';
 import './index.css';
 export type MiniCarouselProps = {
     doc: {
-        sizes?: FileSizes;
         url?: string;
+        variants?: FileSizes;
     } & Data;
     imageCacheTag?: false | string;
     onSelect: (sizeKey: null | string) => void;

package/dist/elements/MiniCarousel/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,KAAK,CAAC,EAAE,SAAS,CAAA;QACjB,GAAG,CAAC,EAAE,MAAM,CAAA;KACb,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/MiniCarousel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAEzE,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,aAAa,CAAA;AAoCpB,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE;QACH,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,SAAS,CAAA;KACrB,GAAG,IAAI,CAAA;IACR,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC9B,QAAQ,EAAE,CAAC,OAAO,EAAE,IAAI,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,YAAY,EAAE,IAAI,GAAG,MAAM,CAAA;IAC3B,YAAY,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuDpD,CAAA"}

package/dist/elements/MiniCarousel/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import { useTranslation } from '../../providers/Translation/index.js';
@@ -26,59 +27,122 @@ const MiniCarouselItem = ({
     })
   });
 };
-export const MiniCarousel = ({
-  doc,
-  imageCacheTag,
-  onSelect,
-  selectedSize,
-  uploadConfig
-}) => {
+export const MiniCarousel = t0 => {
+  const $ = _c(18);
+  const {
+    doc,
+    imageCacheTag,
+    onSelect,
+    selectedSize,
+    uploadConfig
+  } = t0;
   const {
     t
   } = useTranslation();
   const {
-    imageSizes
+    variants
   } = uploadConfig;
   const {
-    sizes,
-    url: originalUrl
+    url: originalUrl,
+    variants: sizes
   } = doc;
-  const orderedSizeKeys = React.useMemo(() => {
-    if (!imageSizes || imageSizes.length === 0) {
-      return Object.keys(sizes || {});
+  let t1;
+  bb0: {
+    if (!variants || variants.length === 0) {
+      let t2;
+      if ($[0] !== sizes) {
+        t2 = Object.keys(sizes || {});
+        $[0] = sizes;
+        $[1] = t2;
+      } else {
+        t2 = $[1];
+      }
+      t1 = t2;
+      break bb0;
     }
-    return imageSizes.map(({
-      name
-    }) => name).filter(name_0 => sizes?.[name_0]?.url);
-  }, [imageSizes, sizes]);
+    let t2;
+    if ($[2] !== sizes || $[3] !== variants) {
+      let t3;
+      if ($[5] !== sizes) {
+        t3 = name_0 => sizes?.[name_0]?.url;
+        $[5] = sizes;
+        $[6] = t3;
+      } else {
+        t3 = $[6];
+      }
+      t2 = variants.map(_temp).filter(t3);
+      $[2] = sizes;
+      $[3] = variants;
+      $[4] = t2;
+    } else {
+      t2 = $[4];
+    }
+    t1 = t2;
+  }
+  const orderedSizeKeys = t1;
   if (!originalUrl) {
     return null;
   }
-  return /*#__PURE__*/_jsxs("div", {
-    className: [baseClass, 'scrollbar-thin'].join(' '),
-    children: [/*#__PURE__*/_jsx(MiniCarouselItem, {
-      active: selectedSize === null,
-      imageCacheTag: imageCacheTag,
-      label: t('general:original'),
-      onClick: () => onSelect(null),
-      url: originalUrl
-    }), orderedSizeKeys.length > 0 && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx("div", {
-        className: `${baseClass}__divider`
-      }), orderedSizeKeys.map(key => {
-        const sizeData = sizes?.[key];
-        if (!sizeData?.url) {
-          return null;
-        }
-        return /*#__PURE__*/_jsx(MiniCarouselItem, {
-          active: selectedSize === key,
-          imageCacheTag: imageCacheTag,
-          label: key,
-          onClick: () => onSelect(key),
-          url: sizeData.url
-        }, key);
+  let t2;
+  if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = [baseClass, "scrollbar-thin"];
+    $[7] = t2;
+  } else {
+    t2 = $[7];
+  }
+  let t3;
+  if ($[8] !== imageCacheTag || $[9] !== onSelect || $[10] !== orderedSizeKeys || $[11] !== originalUrl || $[12] !== selectedSize || $[13] !== sizes || $[14] !== t) {
+    let t4;
+    if ($[16] !== onSelect) {
+      t4 = () => onSelect(null);
+      $[16] = onSelect;
+      $[17] = t4;
+    } else {
+      t4 = $[17];
+    }
+    t3 = _jsxs("div", {
+      className: t2.join(" "),
+      children: [_jsx(MiniCarouselItem, {
+        active: selectedSize === null,
+        imageCacheTag,
+        label: t("general:original"),
+        onClick: t4,
+        url: originalUrl
+      }), orderedSizeKeys.length > 0 && _jsxs(_Fragment, {
+        children: [_jsx("div", {
+          className: `${baseClass}__divider`
+        }), orderedSizeKeys.map(key => {
+          const sizeData = sizes?.[key];
+          if (!sizeData?.url) {
+            return null;
+          }
+          return _jsx(MiniCarouselItem, {
+            active: selectedSize === key,
+            imageCacheTag,
+            label: key,
+            onClick: () => onSelect(key),
+            url: sizeData.url
+          }, key);
+        })]
       })]
-    })]
-  });
+    });
+    $[8] = imageCacheTag;
+    $[9] = onSelect;
+    $[10] = orderedSizeKeys;
+    $[11] = originalUrl;
+    $[12] = selectedSize;
+    $[13] = sizes;
+    $[14] = t;
+    $[15] = t3;
+  } else {
+    t3 = $[15];
+  }
+  return t3;
 };
+function _temp(t0) {
+  const {
+    name
+  } = t0;
+  return name;
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/MiniCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useTranslation","appendCacheTag","baseClass","MiniCarouselItem","active","imageCacheTag","label","onClick","url","src","_jsx","className","filter","Boolean","join","type","alt","MiniCarousel","doc","onSelect","selectedSize","uploadConfig","t","imageSizes","sizes","originalUrl","orderedSizeKeys","useMemo","length","Object","keys","map","name","_jsxs","_Fragment","key","sizeData"],"sources":["../../../src/elements/MiniCarousel/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport './index.css'\n\nconst baseClass = 'mini-carousel'\n\ntype MiniCarouselItemProps = {\n  active: boolean\n  imageCacheTag?: false | string\n  label: string\n  onClick: () => void\n  url: string\n}\n\nconst MiniCarouselItem: React.FC<MiniCarouselItemProps> = ({\n  active,\n  imageCacheTag,\n  label,\n  onClick,\n  url,\n}) => {\n  const src = appendCacheTag(url, imageCacheTag)\n\n  return (\n    <button\n      aria-label={label}\n      aria-pressed={active ? 'true' : 'false'}\n      className={[`${baseClass}__item`, active && `${baseClass}__item--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <img alt={label} src={src} />\n    </button>\n  )\n}\n\nexport type MiniCarouselProps = {\n  doc: {\n    sizes?: FileSizes\n    url?: string\n  } & Data\n  imageCacheTag?: false | string\n  onSelect: (sizeKey: null | string) => void\n  selectedSize: null | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const MiniCarousel: React.FC<MiniCarouselProps> = ({\n  doc,\n  imageCacheTag,\n  onSelect,\n  selectedSize,\n  uploadConfig,\n}) => {\n  const { t } = useTranslation()\n  const { imageSizes } = uploadConfig\n  const { sizes, url: originalUrl } = doc\n\n  const orderedSizeKeys = React.useMemo(() => {\n    if (!imageSizes || imageSizes.length === 0) {\n      return Object.keys(sizes || {})\n    }\n    return imageSizes.map(({ name }) => name).filter((name) => sizes?.[name]?.url)\n  }, [imageSizes, sizes])\n\n  if (!originalUrl) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, 'scrollbar-thin'].join(' ')}>\n      <MiniCarouselItem\n        active={selectedSize === null}\n        imageCacheTag={imageCacheTag}\n        label={t('general:original')}\n        onClick={() => onSelect(null)}\n        url={originalUrl}\n      />\n\n      {orderedSizeKeys.length > 0 && (\n        <>\n          <div className={`${baseClass}__divider`} />\n          {orderedSizeKeys.map((key) => {\n            const sizeData = sizes?.[key]\n            if (!sizeData?.url) {\n              return null\n            }\n            return (\n              <MiniCarouselItem\n                active={selectedSize === key}\n                imageCacheTag={imageCacheTag}\n                key={key}\n                label={key}\n                onClick={() => onSelect(key)}\n                url={sizeData.url}\n              />\n            )\n          })}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAUlB,MAAMC,gBAAA,GAAoDA,CAAC;EACzDC,MAAM;EACNC,aAAa;EACbC,KAAK;EACLC,OAAO;EACPC;AAAG,CACJ;EACC,MAAMC,GAAA,GAAMR,cAAA,CAAeO,GAAA,EAAKH,aAAA;EAEhC,oBACEK,IAAA,CAAC;IACC,cAAYJ,KAAA;IACZ,gBAAcF,MAAA,GAAS,SAAS;IAChCO,SAAA,EAAW,CAAC,GAAGT,SAAA,QAAiB,EAAEE,MAAA,IAAU,GAAGF,SAAA,gBAAyB,CAAC,CACtEU,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;IACRP,OAAA,EAASA,OAAA;IACTQ,IAAA,EAAK;cAEL,aAAAL,IAAA,CAAC;MAAIM,GAAA,EAAKV,KAAA;MAAOG,GAAA,EAAKA;;;AAG5B;AAaA,OAAO,MAAMQ,YAAA,GAA4CA,CAAC;EACxDC,GAAG;EACHb,aAAa;EACbc,QAAQ;EACRC,YAAY;EACZC;AAAY,CACb;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGtB,cAAA;EACd,MAAM;IAAEuB;EAAU,CAAE,GAAGF,YAAA;EACvB,MAAM;IAAEG,KAAK;IAAEhB,GAAA,EAAKiB;EAAW,CAAE,GAAGP,GAAA;EAEpC,MAAMQ,eAAA,GAAkB3B,KAAA,CAAM4B,OAAO,CAAC;IACpC,IAAI,CAACJ,UAAA,IAAcA,UAAA,CAAWK,MAAM,KAAK,GAAG;MAC1C,OAAOC,MAAA,CAAOC,IAAI,CAACN,KAAA,IAAS,CAAC;IAC/B;IACA,OAAOD,UAAA,CAAWQ,GAAG,CAAC,CAAC;MAAEC;IAAI,CAAE,KAAKA,IAAA,EAAMpB,MAAM,CAAEoB,MAAA,IAASR,KAAA,GAAQQ,MAAA,CAAK,EAAExB,GAAA;EAC5E,GAAG,CAACe,UAAA,EAAYC,KAAA,CAAM;EAEtB,IAAI,CAACC,WAAA,EAAa;IAChB,OAAO;EACT;EAEA,oBACEQ,KAAA,CAAC;IAAItB,SAAA,EAAW,CAACT,SAAA,EAAW,iBAAiB,CAACY,IAAI,CAAC;4BACjDJ,IAAA,CAACP,gBAAA;MACCC,MAAA,EAAQgB,YAAA,KAAiB;MACzBf,aAAA,EAAeA,aAAA;MACfC,KAAA,EAAOgB,CAAA,CAAE;MACTf,OAAA,EAASA,CAAA,KAAMY,QAAA,CAAS;MACxBX,GAAA,EAAKiB;QAGNC,eAAA,CAAgBE,MAAM,GAAG,kBACxBK,KAAA,CAAAC,SAAA;8BACExB,IAAA,CAAC;QAAIC,SAAA,EAAW,GAAGT,SAAA;UAClBwB,eAAA,CAAgBK,GAAG,CAAEI,GAAA;QACpB,MAAMC,QAAA,GAAWZ,KAAA,GAAQW,GAAA,CAAI;QAC7B,IAAI,CAACC,QAAA,EAAU5B,GAAA,EAAK;UAClB,OAAO;QACT;QACA,oBACEE,IAAA,CAACP,gBAAA;UACCC,MAAA,EAAQgB,YAAA,KAAiBe,GAAA;UACzB9B,aAAA,EAAeA,aAAA;UAEfC,KAAA,EAAO6B,GAAA;UACP5B,OAAA,EAASA,CAAA,KAAMY,QAAA,CAASgB,GAAA;UACxB3B,GAAA,EAAK4B,QAAA,CAAS5B;WAHT2B,GAAA;MAMX;;;AAKV","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","appendCacheTag","baseClass","MiniCarouselItem","active","imageCacheTag","label","onClick","url","src","_jsx","className","filter","Boolean","join","type","alt","MiniCarousel","t0","$","doc","onSelect","selectedSize","uploadConfig","t","variants","originalUrl","sizes","t1","bb0","length","t2","Object","keys","t3","name_0","name","map","_temp","orderedSizeKeys","Symbol","for","t4","_jsxs","children","_Fragment","key","sizeData"],"sources":["../../../src/elements/MiniCarousel/index.tsx"],"sourcesContent":["'use client'\nimport type { Data, FileSizes, SanitizedCollectionConfig } from 'payload'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { appendCacheTag } from '../../utilities/appendCacheTag.js'\nimport './index.css'\n\nconst baseClass = 'mini-carousel'\n\ntype MiniCarouselItemProps = {\n  active: boolean\n  imageCacheTag?: false | string\n  label: string\n  onClick: () => void\n  url: string\n}\n\nconst MiniCarouselItem: React.FC<MiniCarouselItemProps> = ({\n  active,\n  imageCacheTag,\n  label,\n  onClick,\n  url,\n}) => {\n  const src = appendCacheTag(url, imageCacheTag)\n\n  return (\n    <button\n      aria-label={label}\n      aria-pressed={active ? 'true' : 'false'}\n      className={[`${baseClass}__item`, active && `${baseClass}__item--active`]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={onClick}\n      type=\"button\"\n    >\n      <img alt={label} src={src} />\n    </button>\n  )\n}\n\nexport type MiniCarouselProps = {\n  doc: {\n    url?: string\n    variants?: FileSizes\n  } & Data\n  imageCacheTag?: false | string\n  onSelect: (sizeKey: null | string) => void\n  selectedSize: null | string\n  uploadConfig: SanitizedCollectionConfig['upload']\n}\n\nexport const MiniCarousel: React.FC<MiniCarouselProps> = ({\n  doc,\n  imageCacheTag,\n  onSelect,\n  selectedSize,\n  uploadConfig,\n}) => {\n  const { t } = useTranslation()\n  const { variants } = uploadConfig\n  const { url: originalUrl, variants: sizes } = doc\n\n  const orderedSizeKeys = React.useMemo(() => {\n    if (!variants || variants.length === 0) {\n      return Object.keys(sizes || {})\n    }\n    return variants.map(({ name }) => name).filter((name) => sizes?.[name]?.url)\n  }, [variants, sizes])\n\n  if (!originalUrl) {\n    return null\n  }\n\n  return (\n    <div className={[baseClass, 'scrollbar-thin'].join(' ')}>\n      <MiniCarouselItem\n        active={selectedSize === null}\n        imageCacheTag={imageCacheTag}\n        label={t('general:original')}\n        onClick={() => onSelect(null)}\n        url={originalUrl}\n      />\n\n      {orderedSizeKeys.length > 0 && (\n        <>\n          <div className={`${baseClass}__divider`} />\n          {orderedSizeKeys.map((key) => {\n            const sizeData = sizes?.[key]\n            if (!sizeData?.url) {\n              return null\n            }\n            return (\n              <MiniCarouselItem\n                active={selectedSize === key}\n                imageCacheTag={imageCacheTag}\n                key={key}\n                label={key}\n                onClick={() => onSelect(key)}\n                url={sizeData.url}\n              />\n            )\n          })}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/Modal/index.d.ts

@@ -1,2 +1,6 @@
-export { Modal, useModal } from '@faceless-ui/modal';
+import type { ComponentProps } from 'react';
+import { Modal as FacelessModal } from '@faceless-ui/modal';
+import React from 'react';
+export { useModal } from '@faceless-ui/modal';
+export declare const Modal: React.FC<ComponentProps<typeof FacelessModal>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,EAAE,KAAK,IAAI,aAAa,EAAY,MAAM,oBAAoB,CAAA;AACrE,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CA+FhE,CAAA"}