@useupup/preact 3.3.0

package/dist/chunk-WCI3AGJV.js

@@ -0,0 +1,831 @@
+import {
+  Icon_default,
+  SourceViewHeaderExtraContext,
+  searchDriveFiles
+} from "./chunk-BVMKSTAE.js";
+import {
+  SourceViewContainer
+} from "./chunk-C7QBCXAH.js";
+import {
+  Fragment,
+  u,
+  useUploaderI18n,
+  useUploaderOptions,
+  useUploaderRuntime,
+  useUploaderSource,
+  useUploaderTheme
+} from "./chunk-ZGWETRKI.js";
+import {
+  $,
+  C,
+  compat_module_exports,
+  init_compat_module
+} from "./chunk-FH3LYESR.js";
+
+// ../react/dist/chunk-6TFTTLOD.js
+init_compat_module();
+import { formatUiMessage as t } from "@useupup/core";
+import { cn } from "@useupup/core/internal";
+init_compat_module();
+init_compat_module();
+init_compat_module();
+import {
+  formatUiMessage as t2,
+  pluralUiMessage as plural
+} from "@useupup/core";
+import { cn as cn5 } from "@useupup/core/internal";
+import { cn as cn2 } from "@useupup/core/internal";
+import { cn as cn4 } from "@useupup/core/internal";
+import { b64EncodeUnicode, cn as cn3 } from "@useupup/core/internal";
+init_compat_module();
+init_compat_module();
+import { ServerModeDriveController } from "@useupup/core/internal";
+import { errorCodeToMessageKey } from "@useupup/core";
+import { cn as cn6 } from "@useupup/core/internal";
+function DriveAuthFallback({
+  providerName,
+  onRetry,
+  error,
+  "data-upup-slot": dataUpupSlot = "drive-auth-fallback"
+}) {
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+  const { translations: tr } = useUploaderI18n();
+  const attemptedRef = (0, compat_module_exports.useRef)(false);
+  (0, compat_module_exports.useEffect)(() => {
+    if (attemptedRef.current || error) return;
+    attemptedRef.current = true;
+    onRetry();
+  }, [error, onRetry]);
+  return /* @__PURE__ */ u(SourceViewContainer, { "data-upup-slot": dataUpupSlot, children: /* @__PURE__ */ u("div", { className: "upup-flex upup-h-full upup-w-full upup-flex-col upup-items-center upup-justify-center upup-gap-4 upup-p-6 upup-text-center", children: [
+    !!error && /* @__PURE__ */ u(
+      "p",
+      {
+        "data-testid": "upup-drive-error",
+        "data-upup-slot": "drive-error",
+        role: "alert",
+        className: "upup-p-4 upup-text-sm upup-text-red-600 dark:upup-text-red-400",
+        children: t(tr.driveLoadError, { message: error.message })
+      }
+    ),
+    /* @__PURE__ */ u(
+      "p",
+      {
+        className: cn(
+          "upup-text-sm upup-text-[#333]",
+          {
+            "upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]": dark
+          },
+          slotClasses.sourceView
+        ),
+        children: t(tr.authenticatePrompt, { provider: providerName })
+      }
+    ),
+    /* @__PURE__ */ u(
+      "button",
+      {
+        type: "button",
+        className: cn(
+          "upup-rounded-md upup-bg-[#0ea5e9] upup-px-4 upup-py-2 upup-text-sm upup-font-medium upup-text-white upup-transition-all upup-duration-300 hover:upup-bg-[#0284c7]",
+          {
+            "upup-bg-[#38bdf8] hover:upup-bg-[#0ea5e9] dark:upup-bg-[#38bdf8] dark:hover:upup-bg-[#0ea5e9]": dark
+          }
+        ),
+        onClick: onRetry,
+        children: t(tr.signInWith, { provider: providerName })
+      }
+    )
+  ] }) });
+}
+function DriveBrowserHeader({
+  path,
+  setPath,
+  user,
+  handleSignOut,
+  showSearch,
+  onSearch,
+  searchTerm
+}) {
+  const { setActiveSource } = useUploaderSource();
+  const { translations: tr } = useUploaderI18n();
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+  const headerExtraHost = (0, compat_module_exports.useContext)(SourceViewHeaderExtraContext);
+  const [searchOpen, setSearchOpen] = (0, compat_module_exports.useState)(false);
+  const searchInputRef = (0, compat_module_exports.useRef)(null);
+  (0, compat_module_exports.useEffect)(() => {
+    var _a;
+    if (searchOpen) (_a = searchInputRef.current) == null ? void 0 : _a.focus();
+  }, [searchOpen]);
+  if (!user) return null;
+  const navigated = path.length > 1;
+  const currentFolder = path[path.length - 1];
+  const hasFilter = searchTerm.trim().length > 0;
+  const searchField = (expand) => /* @__PURE__ */ u(
+    "div",
+    {
+      className: cn2(
+        "upup-relative upup-min-w-0 upup-flex-1",
+        expand && "upup-fx-search-expand",
+        slotClasses.driveSearchContainer
+      ),
+      children: [
+        /* @__PURE__ */ u(
+          "input",
+          {
+            ref: searchInputRef,
+            type: "search",
+            name: "upup-drive-search",
+            "data-testid": "upup-drive-search-input",
+            "data-upup-slot": "drive-search-input",
+            "aria-label": tr.search,
+            className: cn2(
+              "upup-w-full upup-rounded-lg upup-px-3 upup-py-1.5 upup-pl-8 upup-text-xs upup-outline-none upup-ring-1 upup-transition-shadow focus:upup-ring-2 focus:upup-ring-[#38bdf8]",
+              dark ? "upup-bg-white/[0.06] upup-text-[#e2e8f0] upup-ring-white/[0.1] placeholder:upup-text-[#64748b]" : "upup-bg-white upup-text-[#0f172a] upup-ring-black/[0.08] placeholder:upup-text-[#94a3b8]",
+              slotClasses.driveSearchInput
+            ),
+            placeholder: tr.search,
+            value: searchTerm,
+            onChange: (e) => {
+              onSearch(e.currentTarget.value);
+            },
+            onKeyDown: (e) => {
+              if (e.key === "Escape") setSearchOpen(false);
+            },
+            onBlur: () => {
+              if (!searchTerm) setSearchOpen(false);
+            }
+          }
+        ),
+        /* @__PURE__ */ u(
+          Icon_default,
+          {
+            name: "search",
+            className: "upup-absolute upup-left-2.5 upup-top-1/2 upup--translate-y-1/2 upup-text-[#939393]"
+          }
+        )
+      ]
+    }
+  );
+  return /* @__PURE__ */ u("div", { "data-upup-slot": "drive-browser-header", children: [
+    !!headerExtraHost && $(
+      /* @__PURE__ */ u(Fragment, { children: [
+        /* @__PURE__ */ u("div", { className: "upup-relative upup-flex upup-h-6 upup-w-6 upup-items-center upup-justify-center upup-overflow-hidden upup-rounded-full", children: [
+          !!user.picture && /* @__PURE__ */ u(
+            "img",
+            {
+              alt: user.name,
+              src: user.picture,
+              className: "upup-bg-center upup-object-cover"
+            }
+          ),
+          !user.picture && /* @__PURE__ */ u(Icon_default, { name: "user", className: "upup-text-xl" })
+        ] }),
+        /* @__PURE__ */ u(
+          "button",
+          {
+            className: cn2(
+              "upup-hover:upup-underline upup-text-xs upup-font-medium upup-text-[#0284c7]",
+              {
+                "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": dark
+              },
+              slotClasses.driveLogoutButton
+            ),
+            onClick: () => {
+              void handleSignOut();
+              setActiveSource(void 0);
+            },
+            children: tr.logOut
+          }
+        ),
+        /* @__PURE__ */ u(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn2(
+              "upup-h-4 upup-w-px",
+              dark ? "upup-bg-white/15" : "upup-bg-black/15"
+            )
+          }
+        )
+      ] }),
+      headerExtraHost
+    ),
+    (navigated || showSearch) && /* @__PURE__ */ u(
+      "div",
+      {
+        className: cn2(
+          "upup-flex upup-items-center upup-gap-2.5 upup-px-3 upup-py-2 upup-text-xs upup-font-medium upup-text-[#333]",
+          {
+            "upup-text-[#FAFAFA] dark:upup-text-[#FAFAFA]": dark
+          },
+          slotClasses.driveHeader
+        ),
+        children: navigated ? /* @__PURE__ */ u(Fragment, { children: [
+          /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              "data-testid": "upup-drive-back",
+              "data-upup-slot": "drive-back",
+              "aria-label": tr.overlayBack,
+              onClick: () => {
+                setPath((prev) => prev.slice(0, -1));
+              },
+              className: cn2(
+                "upup-fx-hover-lift upup-fx-press upup-flex upup-h-7 upup-w-7 upup-shrink-0 upup-items-center upup-justify-center upup-rounded-lg",
+                dark ? "upup-text-[#e2e8f0] hover:upup-bg-white/[0.08]" : "upup-text-[#334155] hover:upup-bg-black/[0.05]"
+              ),
+              children: /* @__PURE__ */ u(Icon_default, { name: "chevron-left" })
+            }
+          ),
+          !searchOpen && /* @__PURE__ */ u(
+            "span",
+            {
+              "data-upup-slot": "drive-current-folder",
+              title: currentFolder == null ? void 0 : currentFolder.name,
+              className: "upup-min-w-0 upup-flex-1 upup-truncate upup-font-medium",
+              children: currentFolder == null ? void 0 : currentFolder.name
+            }
+          ),
+          showSearch && !searchOpen && /* @__PURE__ */ u(
+            "button",
+            {
+              type: "button",
+              "data-testid": "upup-drive-search-toggle",
+              "data-upup-slot": "drive-search-toggle",
+              "aria-label": tr.search,
+              "aria-expanded": false,
+              onClick: () => {
+                setSearchOpen(true);
+              },
+              className: cn2(
+                "upup-fx-hover-lift upup-fx-press upup-ml-auto upup-flex upup-h-7 upup-w-7 upup-shrink-0 upup-items-center upup-justify-center upup-rounded-lg",
+                hasFilter ? "upup-text-[#0ea5e9]" : dark ? "upup-text-[#94a3b8] hover:upup-bg-white/[0.08]" : "upup-text-[#64748b] hover:upup-bg-black/[0.05]"
+              ),
+              children: /* @__PURE__ */ u(Icon_default, { name: "search" })
+            }
+          ),
+          showSearch && searchOpen && searchField(true)
+        ] }) : showSearch && searchField(false)
+      }
+    )
+  ] });
+}
+var handleImgError = (e) => {
+  const svg = `<svg stroke="currentColor" fill="none" stroke-width="2" viewBox="0 0 24 24" stroke-linecap="round" stroke-linejoin="round" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><path d="M14 3v4a1 1 0 0 0 1 1h4"></path><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"></path></svg>`;
+  e.currentTarget.src = `data:image/svg+xml;base64,${b64EncodeUnicode(svg)}`;
+  e.currentTarget.onerror = null;
+};
+function DriveBrowserIcon({
+  file
+}) {
+  const { isDark: dark } = useUploaderTheme();
+  const isFolder = file.isFolder;
+  const src = file.thumbnail;
+  if (isFolder)
+    return /* @__PURE__ */ u("i", { className: "upup-flex-grow upup-text-lg", children: /* @__PURE__ */ u(Icon_default, { name: "folder-filled", className: "upup-text-[#fbbf24]" }) });
+  if (!src)
+    return /* @__PURE__ */ u("i", { className: "upup-flex-grow upup-text-lg", children: /* @__PURE__ */ u(
+      Icon_default,
+      {
+        name: "file",
+        className: cn3({
+          "upup-text-[#6D6D6D] dark:upup-text-[#6D6D6D]": dark
+        })
+      }
+    ) });
+  return /* @__PURE__ */ u(
+    "img",
+    {
+      src,
+      alt: file.name,
+      className: "upup-h-5 upup-w-5 upup-flex-grow upup-rounded-md upup-shadow",
+      onError: handleImgError
+    }
+  );
+}
+function DriveBrowserItem({
+  file,
+  selectedFiles,
+  handleClick
+}) {
+  var _a, _b;
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+  const isFolder = file.isFolder;
+  const isFileSelected = selectedFiles.filter((f) => f.id === file.id).length;
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      "data-upup-slot": "drive-browser-item",
+      className: cn4(
+        // Panel-chrome row (states-tour-3 .st3-prow): translucent card +
+        // hairline ring, sky-tinted selection, subtle lift on hover.
+        "upup-fx-hover-lift upup-group upup-mb-1.5 upup-flex upup-cursor-pointer upup-items-center upup-justify-between upup-gap-2 upup-rounded-[11px] upup-px-3 upup-py-2.5 upup-ring-1",
+        {
+          "upup-font-medium": isFolder
+        },
+        isFileSelected ? dark ? "upup-bg-[#0ea5e9]/10 upup-ring-[#38bdf8]/35" : "upup-bg-[#0ea5e9]/10 upup-ring-[#0ea5e9]/40" : dark ? "upup-bg-white/[0.04] upup-ring-white/[0.06] hover:upup-bg-white/[0.07]" : "upup-bg-white upup-ring-black/[0.07] hover:upup-bg-slate-50",
+        {
+          [(_a = slotClasses.driveItemContainerDefault) != null ? _a : ""]: !isFileSelected && slotClasses.driveItemContainerDefault,
+          [(_b = slotClasses.driveItemContainerSelected) != null ? _b : ""]: isFileSelected && slotClasses.driveItemContainerSelected
+        }
+      ),
+      onClick: () => {
+        void handleClick(file);
+      },
+      children: /* @__PURE__ */ u(
+        "div",
+        {
+          className: cn4(
+            "upup-flex upup-items-center upup-gap-2",
+            slotClasses.driveItemContainerInner
+          ),
+          children: [
+            /* @__PURE__ */ u(DriveBrowserIcon, { file }),
+            /* @__PURE__ */ u(
+              "h1",
+              {
+                className: cn4(
+                  "upup-text-wrap upup-break-all upup-text-xs",
+                  {
+                    "upup-text-[#e0e0e0] dark:upup-text-[#e0e0e0]": dark
+                  },
+                  slotClasses.driveItemInnerText
+                ),
+                children: file.name
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function filterItems(item, accept) {
+  if (item.isFolder) return true;
+  if (!accept || accept === "*") return true;
+  return accept.split(",").some((pattern) => {
+    const p = pattern.trim();
+    if (p.startsWith(".")) return item.name.endsWith(p);
+    if (p.endsWith("/*"))
+      return item.mimeType.startsWith(p.replace("/*", "/"));
+    return item.mimeType === p;
+  });
+}
+function DriveBrowser({
+  isClickLoading = false,
+  driveFiles,
+  path,
+  setPath,
+  handleClick,
+  selectedFiles,
+  showLoader,
+  handleSubmit,
+  handleCancelDownload,
+  onSelectCurrentFolder,
+  error,
+  hasMore = false,
+  isLoadingMore = false,
+  loadMore,
+  "data-upup-slot": dataUpupSlot = "drive-browser",
+  ...rest
+}) {
+  var _a, _b;
+  const {
+    allowedFileTypes,
+    icons: { LoaderIcon }
+  } = useUploaderOptions();
+  const { isDark: dark, slotOverrides: slotClasses } = useUploaderTheme();
+  const { translations: tr } = useUploaderI18n();
+  const [searchTerm, setSearchTerm] = (0, compat_module_exports.useState)("");
+  const items = (_b = (_a = path[path.length - 1]) == null ? void 0 : _a.children) == null ? void 0 : _b.filter(
+    (item) => filterItems(item, allowedFileTypes)
+  );
+  const displayedItems = (0, compat_module_exports.useMemo)(
+    () => searchDriveFiles(items != null ? items : [], searchTerm) || [],
+    [searchTerm, items]
+  );
+  const isLoading = !error && (isClickLoading || !driveFiles);
+  return /* @__PURE__ */ u(
+    SourceViewContainer,
+    {
+      isLoading,
+      "data-upup-slot": dataUpupSlot,
+      children: isLoading ? /* @__PURE__ */ u(LoaderIcon, {}) : /* @__PURE__ */ u(
+        "div",
+        {
+          "data-testid": "upup-drive-browser",
+          className: "upup-grid upup-h-full upup-w-full upup-grid-rows-[auto,1fr,auto] upup-overflow-auto",
+          children: [
+            /* @__PURE__ */ u(
+              DriveBrowserHeader,
+              {
+                showSearch: !!(items == null ? void 0 : items.length),
+                path,
+                setPath,
+                searchTerm,
+                onSearch: setSearchTerm,
+                ...rest
+              }
+            ),
+            !!path && /* @__PURE__ */ u(
+              "div",
+              {
+                className: cn5(
+                  "upup-h-full upup-overflow-y-auto upup-pt-2",
+                  {
+                    "upup-text-[#fafafa] dark:upup-text-[#fafafa]": dark
+                  },
+                  slotClasses.driveBody
+                ),
+                children: [
+                  !!error && /* @__PURE__ */ u("div", { className: "upup-flex upup-h-full upup-flex-col upup-items-center upup-justify-center upup-px-6 upup-text-center", children: /* @__PURE__ */ u(
+                    "p",
+                    {
+                      "data-testid": "upup-drive-error",
+                      "data-upup-slot": "drive-error",
+                      role: "alert",
+                      className: "upup-text-sm upup-text-red-600 dark:upup-text-red-400",
+                      children: t2(tr.driveLoadError, {
+                        message: error.message
+                      })
+                    }
+                  ) }),
+                  !!displayedItems.length && /* @__PURE__ */ u("ul", { className: "upup-p-2", children: displayedItems.map((file) => {
+                    return /* @__PURE__ */ u(
+                      DriveBrowserItem,
+                      {
+                        file,
+                        handleClick: isClickLoading || showLoader ? () => {
+                        } : handleClick,
+                        selectedFiles
+                      },
+                      file.id
+                    );
+                  }) }),
+                  !displayedItems.length && !error && /* @__PURE__ */ u("div", { className: "upup-flex upup-h-full upup-flex-col upup-items-center upup-justify-center", children: /* @__PURE__ */ u("p", { className: "upup-text-xs upup-opacity-70", children: tr.noAcceptedFilesFound }) }),
+                  hasMore && /* @__PURE__ */ u(
+                    "button",
+                    {
+                      "data-testid": "upup-drive-load-more",
+                      "data-upup-slot": "drive-load-more",
+                      onClick: () => {
+                        void (loadMore == null ? void 0 : loadMore());
+                      },
+                      disabled: isLoadingMore,
+                      className: "upup-mx-auto upup-my-2 upup-block upup-rounded-md upup-px-3 upup-py-1.5 upup-text-sm upup-text-[#0284c7] disabled:upup-opacity-50",
+                      children: isLoadingMore ? tr.loading : tr.loadMore
+                    }
+                  )
+                ]
+              }
+            ),
+            (!!selectedFiles.length || !!onSelectCurrentFolder) && !error && /* @__PURE__ */ u(
+              "div",
+              {
+                className: cn5(
+                  "upup-flex upup-origin-bottom upup-items-center upup-justify-start upup-gap-4 upup-border-t upup-px-3 upup-py-2",
+                  dark ? "upup-border-white/[0.08] upup-text-[#fafafa]" : "upup-border-black/[0.06]",
+                  slotClasses.driveFooter
+                ),
+                children: [
+                  !!onSelectCurrentFolder && /* @__PURE__ */ u(
+                    "button",
+                    {
+                      className: cn5(
+                        "upup-rounded-md upup-bg-transparent upup-px-3 upup-py-2 upup-text-sm upup-font-medium upup-text-[#0284c7] upup-transition-all upup-duration-300",
+                        {
+                          "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": dark
+                        }
+                      ),
+                      onClick: () => {
+                        void (onSelectCurrentFolder == null ? void 0 : onSelectCurrentFolder());
+                      },
+                      disabled: showLoader,
+                      children: tr.selectThisFolder
+                    }
+                  ),
+                  /* @__PURE__ */ u(
+                    "button",
+                    {
+                      className: cn5(
+                        "upup-rounded-md upup-bg-[#0ea5e9] upup-px-3 upup-py-2 upup-text-sm upup-font-medium upup-text-white upup-transition-all upup-duration-300",
+                        {
+                          "upup-animate-pulse": showLoader,
+                          "upup-bg-[#38bdf8] dark:upup-bg-[#38bdf8]": dark
+                        },
+                        slotClasses.driveAddFilesButton
+                      ),
+                      onClick: () => {
+                        void handleSubmit();
+                      },
+                      disabled: showLoader,
+                      children: t2(
+                        plural(
+                          tr,
+                          "addFiles",
+                          selectedFiles.length
+                        ),
+                        { count: selectedFiles.length }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ u(
+                    "button",
+                    {
+                      className: cn5(
+                        "upup-ml-auto upup-rounded-md upup-p-1 upup-text-sm upup-text-[#0284c7] upup-transition-all upup-duration-300",
+                        {
+                          "upup-text-[#38bdf8] dark:upup-text-[#38bdf8]": dark
+                        },
+                        slotClasses.driveCancelFilesButton
+                      ),
+                      onClick: handleCancelDownload,
+                      disabled: showLoader,
+                      children: tr.cancel
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function useServerModeDrive(provider) {
+  const { serverUrl } = useUploaderRuntime();
+  const latest = (0, compat_module_exports.useRef)({ serverUrl });
+  latest.current = { serverUrl };
+  const controllerRef = (0, compat_module_exports.useRef)(
+    void 0
+  );
+  if (!controllerRef.current) {
+    controllerRef.current = new ServerModeDriveController({
+      provider,
+      serverUrl: () => latest.current.serverUrl
+    });
+  }
+  const controller = controllerRef.current;
+  const snap = C(
+    controller.subscribe,
+    controller.getSnapshot
+  );
+  (0, compat_module_exports.useEffect)(() => {
+    controller.init();
+    return () => {
+      controller.destroy();
+    };
+  }, [controller]);
+  return {
+    state: snap.state,
+    folderId: snap.folderId,
+    setFolderId: (id) => {
+      controller.setFolderId(id);
+      void controller.refresh();
+    },
+    search: snap.search,
+    setSearch: (s) => {
+      controller.setSearch(s);
+      void controller.refresh();
+    },
+    refresh: (opts) => controller.refresh(opts),
+    transfer: (file) => controller.transfer(file),
+    startAuth: () => {
+      controller.startAuth();
+    }
+  };
+}
+var PROVIDER_LABEL = {
+  "google-drive": "Google Drive",
+  "one-drive": "OneDrive",
+  dropbox: "Dropbox",
+  box: "Box"
+};
+function ServerModeDriveUploader({
+  provider,
+  onBack,
+  "data-upup-slot": dataUpupSlot = `drive-browser-${provider}`
+}) {
+  const { isDark: dark } = useUploaderTheme();
+  const {
+    icons: { LoaderIcon }
+  } = useUploaderOptions();
+  const { translator } = useUploaderI18n();
+  const { state, search, setSearch, refresh, transfer, startAuth } = useServerModeDrive(provider);
+  const [selected, setSelected] = (0, compat_module_exports.useState)(/* @__PURE__ */ new Set());
+  const [transferring, setTransferring] = (0, compat_module_exports.useState)(false);
+  if (state.status === "reauth") {
+    return /* @__PURE__ */ u(
+      DriveAuthFallback,
+      {
+        providerName: PROVIDER_LABEL[provider],
+        onRetry: startAuth
+      }
+    );
+  }
+  const isLoading = state.status === "loading" || state.status === "idle";
+  const files = state.status === "ready" ? state.files : [];
+  const toggle = (id) => {
+    setSelected((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const handleTransfer = async () => {
+    setTransferring(true);
+    try {
+      for (const file of files.filter((f) => selected.has(f.id))) {
+        const result = await transfer(file);
+        if (result.status === "reauth") {
+          startAuth();
+          return;
+        }
+      }
+      setSelected(/* @__PURE__ */ new Set());
+      onBack == null ? void 0 : onBack();
+    } finally {
+      setTransferring(false);
+    }
+  };
+  return /* @__PURE__ */ u(
+    SourceViewContainer,
+    {
+      isLoading,
+      "data-upup-slot": dataUpupSlot,
+      children: isLoading ? /* @__PURE__ */ u(LoaderIcon, {}) : /* @__PURE__ */ u(
+        "div",
+        {
+          "data-testid": "upup-server-drive-browser",
+          className: "upup-grid upup-h-full upup-w-full upup-grid-rows-[auto,1fr,auto] upup-overflow-auto",
+          children: [
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: cn6(
+                  "upup-flex upup-items-center upup-gap-2 upup-border-b upup-px-3 upup-py-2.5",
+                  dark ? "upup-border-white/[0.06] upup-text-[#e2e8f0]" : "upup-border-black/[0.06] upup-text-gray-800"
+                ),
+                "data-upup-slot": "drive-browser-header",
+                children: [
+                  /* @__PURE__ */ u("span", { className: "upup-text-sm upup-font-medium", children: PROVIDER_LABEL[provider] }),
+                  /* @__PURE__ */ u(
+                    "input",
+                    {
+                      type: "search",
+                      name: "upup-drive-search",
+                      "aria-label": "Search",
+                      value: search,
+                      onChange: (e) => {
+                        setSearch(e.target.value);
+                      },
+                      onKeyDown: (e) => {
+                        if (e.key === "Enter") {
+                          void refresh({
+                            search: e.currentTarget.value
+                          });
+                        }
+                      },
+                      placeholder: "Search\u2026",
+                      className: cn6(
+                        "upup-ml-auto upup-rounded upup-border upup-px-2 upup-py-1 upup-text-xs",
+                        dark ? "upup-border-gray-700 upup-bg-gray-800 upup-text-gray-100" : "upup-border-gray-300 upup-bg-white"
+                      )
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ u("div", { className: "upup-overflow-auto upup-p-2", children: [
+              state.status === "error" && /* @__PURE__ */ u(
+                "p",
+                {
+                  "data-testid": "upup-drive-error",
+                  "data-upup-slot": "drive-error",
+                  role: "alert",
+                  className: cn6(
+                    "upup-p-4 upup-text-sm",
+                    dark ? "upup-text-red-400" : "upup-text-red-600"
+                  ),
+                  children: state.code && translator ? translator(
+                    `errors.${errorCodeToMessageKey(state.code)}`,
+                    { code: state.code }
+                  ) : state.message
+                }
+              ),
+              files.map((file) => {
+                const isSelected = selected.has(file.id);
+                return /* @__PURE__ */ u(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      file.isFolder ? void refresh({
+                        folderId: file.id
+                      }) : toggle(file.id);
+                    },
+                    "data-upup-slot": "drive-browser-item",
+                    "data-selected": isSelected,
+                    className: cn6(
+                      // Panel-chrome row (states-tour-3 .st3-prow).
+                      "upup-fx-hover-lift upup-mb-1.5 upup-flex upup-w-full upup-items-center upup-gap-3 upup-rounded-[11px] upup-px-3 upup-py-2.5 upup-text-left upup-text-sm upup-ring-1",
+                      isSelected ? "upup-bg-[#0ea5e9]/10 upup-ring-[#38bdf8]/35" : dark ? "upup-bg-white/[0.04] upup-text-[#e2e8f0] upup-ring-white/[0.06] hover:upup-bg-white/[0.07]" : "upup-bg-black/[0.03] upup-text-gray-800 upup-ring-black/[0.06] hover:upup-bg-black/[0.05]"
+                    ),
+                    children: [
+                      /* @__PURE__ */ u(
+                        "span",
+                        {
+                          className: "upup-flex upup-h-[30px] upup-w-[30px] upup-flex-none upup-items-center upup-justify-center upup-rounded-[8px] upup-bg-white/[0.05]",
+                          "aria-hidden": "true",
+                          children: file.isFolder ? /* @__PURE__ */ u(
+                            "svg",
+                            {
+                              viewBox: "0 0 24 24",
+                              width: "17",
+                              height: "17",
+                              fill: "none",
+                              stroke: "#38bdf8",
+                              strokeWidth: "1.7",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: /* @__PURE__ */ u("path", { d: "M3 7a2 2 0 0 1 2-2h4l2 2h6a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" })
+                            }
+                          ) : /* @__PURE__ */ u(
+                            "svg",
+                            {
+                              viewBox: "0 0 24 24",
+                              width: "17",
+                              height: "17",
+                              fill: "none",
+                              stroke: dark ? "#94a3b8" : "#64748b",
+                              strokeWidth: "1.6",
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round",
+                              children: [
+                                /* @__PURE__ */ u("path", { d: "M6 3h8l4 4v13a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" }),
+                                /* @__PURE__ */ u("path", { d: "M14 3v4h4" })
+                              ]
+                            }
+                          )
+                        }
+                      ),
+                      /* @__PURE__ */ u("span", { className: "upup-flex-1 upup-truncate", children: file.name }),
+                      file.size != null && !file.isFolder && /* @__PURE__ */ u("span", { className: "upup-text-xs upup-opacity-60", children: formatBytes(file.size) })
+                    ]
+                  },
+                  file.id
+                );
+              })
+            ] }),
+            /* @__PURE__ */ u(
+              "div",
+              {
+                className: cn6(
+                  "upup-flex upup-items-center upup-justify-between upup-gap-2 upup-border-t upup-p-3",
+                  dark ? "upup-border-white/[0.06]" : "upup-border-black/[0.06]"
+                ),
+                children: [
+                  /* @__PURE__ */ u(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onBack,
+                      className: "upup-text-sm upup-opacity-70 hover:upup-opacity-100",
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ u(
+                    "button",
+                    {
+                      type: "button",
+                      disabled: selected.size === 0 || transferring,
+                      onClick: () => void handleTransfer(),
+                      className: "upup-fx-press upup-rounded-lg upup-bg-[#0ea5e9] upup-px-3 upup-py-1.5 upup-text-sm upup-font-medium upup-text-white hover:upup-bg-[#0284c7] disabled:upup-opacity-50",
+                      children: transferring ? "Uploading\u2026" : `Add files${selected.size ? ` (${selected.size})` : ""}`
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024 * 1024 * 1024)
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+  return `${(bytes / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+
+export {
+  DriveAuthFallback,
+  DriveBrowser,
+  ServerModeDriveUploader
+};
+//# sourceMappingURL=chunk-WCI3AGJV.js.map