@payloadcms/ui 4.0.0-internal.7b031c8 → 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":"AAAA;;AAIA,SAASA,sBAAsB,EAAEC,cAAc,QAAQ;AACvD,SAASC,WAAW,EAAEC,QAAQ,QAAQ;AACtC,SAASC,KAAK,QAAQ;AAItB,SAASC,SAAS,QAAQ;AAC1B,SAASC,SAAS,QAAQ;AAC1B,SAASC,kBAAkB,QAAQ;AACnC,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAEhC,OAAO,MAAMC,oBAAA,GAAuBA,CAAC;EACnCC,cAAc;EACdC,WAAW;EACXC;AAAM,CAKP;EAOC,MAAM;IACJC,MAAA,EAAQ;MACNC,MAAA,EAAQ;QAAEC;MAAG,CAAE;MACfC;IAAS;EACV,CACF,GAAGZ,SAAA;EACJ,MAAMa,MAAA,GAASZ,SAAA;EACf,MAAM;IAAEa;EAAoB,CAAE,GAAGZ,kBAAA;EACjC,MAAM;IAAEa;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAM,CAACa,SAAA,EAAWC,YAAA,CAAa,GAAGnB,QAAA,CAAS;EAC3C,MAAM,CAACoB,QAAA,EAAUC,WAAA,CAAY,GAAGrB,QAAA,CAA+B;EAC/D,MAAM,CAACsB,OAAA,EAASC,UAAA,CAAW,GAAGvB,QAAA,CAA6B;EAE3D,MAAMwB,YAAA,GAAezB,WAAA,CAClB0B,MAAA;IACC,IAAIA,MAAA,CAAOC,MAAM,CAACC,MAAM,EAAE;MACxB1B,KAAA,CAAM2B,OAAO,CAACX,CAAA,CAAE,yBAAyB;QAAEY,KAAA,EAAOJ,MAAA,CAAOC,MAAM,CAACC;MAAO;IACzE;IAEAF,MAAA,CAAOK,OAAO,CAACC,OAAO,CAAC,CAAC;MAAEC;IAAO,CAAE,KAAK/B,KAAA,CAAMgC,KAAK,CAACD,OAAA;IAEpD,IAAI,CAACP,MAAA,CAAOC,MAAM,CAACC,MAAM,IAAI,CAACF,MAAA,CAAOK,OAAO,CAACH,MAAM,EAAE;MACnD1B,KAAA,CAAMiC,IAAI,CAACjB,CAAA,CAAE;IACf;EACF,GACA,CAACA,CAAA,CAAE;EAGL,MAAMkB,QAAA,GAAWpC,WAAA,CAAY;IAC3B,IAAI,CAACW,MAAA,IAAUQ,SAAA,EAAW;MACxB;IACF;IAEAC,YAAA,CAAa;IACbE,WAAA,CAAY;IAEZ,IAAI;MACF,MAAMe,QAAA,GAAW,MAAMC,KAAA,CACrBvC,cAAA,CAAe;QACbwC,QAAA,EAAUzB,GAAA;QACV0B,IAAA,EAAM,IAAI1C,sBAAA,IAA0Ba,MAAA,CAAO8B,QAAQ,QAAQ;QAC3D1B;MACF,IACA;QACE2B,IAAA,EAAMC,IAAA,CAAKC,SAAS,CAAC;UACnBC,OAAA,EAASlC,MAAA,CAAOmC,iBAAiB;UACjCpC,WAAA,EAAaD,cAAA,IAAkBC,WAAA;UAC/BqC,MAAA,EAAQ;QACV;QACAC,WAAA,EAAa;QACbC,OAAA,EAAS;UAAE,gBAAgB;QAAmB;QAC9CC,MAAA,EAAQ;MACV;MAGF,IAAI,CAACb,QAAA,CAASc,EAAE,IAAI,CAACd,QAAA,CAASK,IAAI,EAAE;QAClC,MAAMhB,QAAA,GAAU,MAAMW,QAAA,CAASe,IAAI,GAAGC,KAAK,CAAC,MAAM;QAElD,IAAI3B,QAAA,EAAQK,OAAA,EAASH,MAAA,EAAQ;UAC3BH,YAAA,CAAaC,QAAA;QACf,OAAO;UACLxB,KAAA,CAAMgC,KAAK,CAAChB,CAAA,CAAE;QAChB;QAEA;MACF;MAEA,MAAMQ,QAAA,GAAS,MAAMnB,eAAA,CAAgB;QAAEmC,IAAA,EAAML,QAAA,CAASK,IAAI;QAAEY,UAAA,EAAYhC;MAAY;MAEpF,IAAI,CAACI,QAAA,EAAQ;QACXxB,KAAA,CAAMgC,KAAK,CAAChB,CAAA,CAAE;QAEd;MACF;MAEA,IAAIQ,QAAA,CAAO6B,IAAI,KAAK,SAAS;QAC3BrD,KAAA,CAAMgC,KAAK,CAACR,QAAA,CAAOO,OAAO;QAE1B;MACF;MAEAR,YAAA,CAAaC,QAAA,CAAOA,MAAM;MAC1BF,UAAA,CAAWE,QAAA,CAAOA,MAAM;MACxB,MAAMT,oBAAA,CAAqB,MAAMD,MAAA,CAAOwC,OAAO;IACjD,EAAE,OAAOC,IAAA,EAAM;MACbvD,KAAA,CAAMgC,KAAK,CAAChB,CAAA,CAAE;IAChB,UAAU;MACRE,YAAA,CAAa;IACf;EACF,GAAG,CACDN,GAAA,EACAL,cAAA,EACAC,WAAA,EACAS,SAAA,EACAM,YAAA,EACAT,MAAA,EACAD,SAAA,EACAE,oBAAA,EACAC,CAAA,EACAP,MAAA,CACD;EAED,MAAM+C,UAAA,GAAa1D,WAAA,CAAY;IAC7BsB,WAAA,CAAY;IACZE,UAAA,CAAW;EACb,GAAG,EAAE;EAEL,OAAO;IAAEL,SAAA;IAAWiB,QAAA;IAAUb,OAAA;IAASF,QAAA;IAAUqC;EAAW;AAC9D","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.css

@@ -1,21 +1,23 @@
 @layer payload-default {
   .mini-carousel {
+    --carousel-item-width: 48px;
+    --carousel-item-height: 48px;
+    --carousel-divider-height: 48px;
     display: flex;
-    flex-direction: column;
-    align-items: stretch;
+    flex-direction: row;
+    align-items: center;
     gap: var(--spacer-3);
     padding: var(--spacer-2-5);
-    height: 100%;
+    width: 100%;
+    height: auto;
     flex-shrink: 0;
-    overflow-y: auto;
+    overflow-x: auto;
+    overflow-y: hidden;
     background: var(--color-bg-secondary);
-    border-right: var(--stroke-width-small) solid var(--color-border);
-    /* Honor the scroll-driven height below instead of stretching to the flex line. */
-    align-self: flex-start;
-    /* Scroll-driven: grow to fill the gap as the header scrolls away. Falls back to static height. */
-    animation: mini-carousel-fill-scrolled-chrome linear both;
-    animation-timeline: scroll(root block);
-    animation-range: 0 calc(var(--app-header-height) + var(--doc-header-height));
+    border-top: var(--stroke-width-small) solid var(--color-border);
+    /* Stacked layout: no scroll-driven growth, fill via stretch instead. */
+    align-self: stretch;
+    animation: none;
   }
 
   @keyframes mini-carousel-fill-scrolled-chrome {
@@ -36,8 +38,8 @@
     background: var(--color-bg-secondary);
     cursor: pointer;
     overflow: hidden;
-    width: 48px;
-    height: 48px;
+    width: var(--carousel-item-width);
+    height: var(--carousel-item-height);
   }
 
   .mini-carousel__item img {
@@ -55,40 +57,40 @@
   }
 
   .mini-carousel__divider {
-    width: 100%;
-    height: var(--stroke-width-small);
+    width: var(--stroke-width-small);
+    height: var(--carousel-divider-height);
+    margin: 0 var(--spacer-2);
     background: var(--color-border);
     flex-shrink: 0;
   }
 
-  /* Stacked layout: disable scroll-driven growth and fill via stretch. */
-  @container edit-main (max-width: 1024px) {
+  @container edit-main (min-width: 768px) {
     .mini-carousel {
-      align-self: stretch;
-      height: auto;
-      animation: none;
+      flex-direction: column;
+      align-items: stretch;
+      width: auto;
+      overflow-x: visible;
+      overflow-y: auto;
+      border-top: none;
+      border-right: var(--stroke-width-small) solid var(--color-border);
     }
-  }
 
-  @container edit-main (max-width: 768px) {
-    .mini-carousel {
-      flex-direction: row;
-      align-items: center;
+    .mini-carousel__divider {
       width: 100%;
-      overflow-x: auto;
-      overflow-y: hidden;
-      border-right: 0;
-      border-top: var(--stroke-width-small) solid var(--color-border);
-    }
-
-    .mini-carousel__item {
-      width: 48px;
+      height: var(--stroke-width-small);
+      margin: 0;
     }
+  }
 
-    .mini-carousel__divider {
-      width: var(--stroke-width-small);
-      height: 48px;
-      margin: 0 var(--spacer-2);
+  @container edit-main (min-width: 1024px) {
+    .mini-carousel {
+      height: 100%;
+      /* Honor the scroll-driven height below instead of stretching to the flex line. */
+      align-self: flex-start;
+      /* Scroll-driven: grow to fill the gap as the header scrolls away. Falls back to static height. */
+      animation: mini-carousel-fill-scrolled-chrome linear both;
+      animation-timeline: scroll(root block);
+      animation-range: 0 calc(var(--app-header-height) + var(--doc-header-height));
     }
   }
 }

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