@behindthemusictree/app-kit-ui 32.0.2 → 33.0.0

package/dist/index.js

@@ -4,7 +4,7 @@ import {
   NetworkErrorPopup,
   SpotifyAuthErrorPopup,
   TrackUploadPopup
-} from "./chunk-XUC4UJDQ.js";
+} from "./chunk-K4WMHUNM.js";
 import {
   AuthCallbackHandler
 } from "./chunk-MMJCB3CJ.js";
@@ -25,7 +25,7 @@ import {
   TrackListSidebar,
   TrackPositionPlayPause,
   useGenrePlaylistPlayback
-} from "./chunk-QGGVPIXY.js";
+} from "./chunk-GHFKICEB.js";
 import {
   BasePopup,
   InternalErrorPopup,

package/dist/popup/index.cjs

@@ -384,18 +384,21 @@ function InternalErrorPopup({ errorCode, contactEmail, ...rest }) {
 
 // src/popup/NetworkErrorPopup.tsx
 var import_lucide_react4 = require("lucide-react");
+var import_transport = require("@behindthemusictree/app-kit/transport");
 var import_jsx_runtime8 = require("react/jsx-runtime");
-function NetworkErrorPopup(props) {
+var OFFLINE_MESSAGE = "It seems that you are not connected to the internet. Please check your connection and try again.";
+var UNREACHABLE_MESSAGE = "We couldn't reach the server. Please try again in a moment.";
+function NetworkErrorPopup({ errorCode, ...rest }) {
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     BasePopup,
     {
-      ...props,
+      ...rest,
       title: "Network Error",
       isDismissable: false,
       icon: import_lucide_react4.AlertTriangle,
       children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col items-center space-y-6 py-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react4.AlertTriangle, { className: "h-16 w-16 text-[var(--color-neutral-600)]", strokeWidth: 1.5 }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-center text-[var(--color-neutral-700)]", children: "It seems that you are not connected to the internet. Please check your connection and try again." })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-center text-[var(--color-neutral-700)]", children: errorCode === import_transport.ErrorCode.NETWORK_OFFLINE ? OFFLINE_MESSAGE : UNREACHABLE_MESSAGE })
       ] })
     }
   );
@@ -465,7 +468,7 @@ function AuthPopup({
 var import_fa2 = require("react-icons/fa");
 var import_ui5 = require("@behindthemusictree/ui");
 var import_lucide_react6 = require("lucide-react");
-var import_transport = require("@behindthemusictree/app-kit/transport");
+var import_transport2 = require("@behindthemusictree/app-kit/transport");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 function SpotifyAuthErrorPopup({
   message,
@@ -474,7 +477,7 @@ function SpotifyAuthErrorPopup({
   contactEmail = null,
   ...rest
 }) {
-  const requestAccessHref = (0, import_transport.getSpotifyAllowlistMailtoHref)(contactEmail);
+  const requestAccessHref = (0, import_transport2.getSpotifyAllowlistMailtoHref)(contactEmail);
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     BasePopup,
     {

package/dist/popup/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/popup/index.ts","../../src/popup/PopupTitle.tsx","../../src/popup/PopupButtons.tsx","../../src/popup/BasePopup.tsx","../../src/popup/Toast.tsx","../../src/popup/TrackUploadPopup.tsx","../../src/popup/AuthErrorPopup.tsx","../../src/popup/InternalErrorPopup.tsx","../../src/popup/NetworkErrorPopup.tsx","../../src/popup/AuthPopup.tsx","../../src/popup/SpotifyAuthErrorPopup.tsx"],"sourcesContent":["export * from \"./PopupTitle\";\nexport * from \"./PopupButtons\";\nexport * from \"./BasePopup\";\nexport { default as Toast } from \"./Toast\";\nexport type { ToastProps } from \"./Toast\";\nexport { default as TrackUploadPopup } from \"./TrackUploadPopup\";\nexport { default as AuthErrorPopup } from \"./AuthErrorPopup\";\nexport { default as InternalErrorPopup } from \"./InternalErrorPopup\";\nexport { default as NetworkErrorPopup } from \"./NetworkErrorPopup\";\nexport { default as AuthPopup } from \"./AuthPopup\";\nexport { default as SpotifyAuthErrorPopup } from \"./SpotifyAuthErrorPopup\";\n","\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { LucideIcon } from \"lucide-react\";\n\ninterface PopupTitleProps {\n  title: string;\n  onClose: () => void;\n  isDismissable?: boolean;\n  icon?: LucideIcon;\n  className?: string;\n  titleClassName?: string;\n  closeButtonClassName?: string;\n}\n\nexport function PopupTitle({\n  title,\n  onClose,\n  isDismissable,\n  icon: Icon,\n  className = \"\",\n  titleClassName = \"\",\n  closeButtonClassName = \"\",\n}: PopupTitleProps) {\n  return (\n    <div className={`popup-title flex items-center justify-between bg-black p-4 rounded-t-lg ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {Icon && <Icon className=\"h-5 w-5 text-white\" />}\n        <h3 id=\"popup-title\" className={`text-white font-semibold ${titleClassName}`}>\n          {title}\n        </h3>\n      </div>\n      {isDismissable && (\n        <Button\n          onClick={onClose}\n          className={`h-8 w-8 text-white hover:text-white/80 ${closeButtonClassName}`}\n          aria-label=\"Close popup\"\n        >\n          <X className=\"h-4 w-4\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { ReactNode } from \"react\";\n\ninterface PopupButtonsProps {\n  children: ReactNode;\n  alignment?: \"left\" | \"center\" | \"right\";\n  className?: string;\n}\n\nexport function PopupButtons({ children, alignment = \"center\", className = \"\" }: PopupButtonsProps) {\n  const alignmentClasses = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  };\n\n  return <div className={`flex gap-3 ${alignmentClasses[alignment]} ${className}`}>{children}</div>;\n}\n","\"use client\";\n\nimport { createPortal } from \"react-dom\";\nimport { ReactNode, useEffect, useRef } from \"react\";\nimport { PopupTitle } from \"./PopupTitle\";\nimport { PopupButtons } from \"./PopupButtons\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { LucideIcon } from \"lucide-react\";\n\nexport interface BasePopupProps {\n  title: string;\n  children: ReactNode;\n  onClose?: () => void;\n  type?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\" | \"spotify\" | \"auth\";\n  icon?: LucideIcon;\n  isDismissable?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  titleClassName?: string;\n  titleTextClassName?: string;\n  closeButtonClassName?: string;\n  /** Sizes the popup to its content (up to the type's max width) instead of filling it. */\n  fitContent?: boolean;\n  contentClassName?: string;\n  showOkButton?: boolean;\n  showCancelButton?: boolean;\n  okButtonText?: string;\n  okButtonDisabled?: boolean;\n  cancelButtonText?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  buttonAlignment?: \"left\" | \"center\" | \"right\";\n  /**\n   * Distance (in px) reserved at the top of the viewport, e.g. for a fixed app header/banner.\n   * Each consuming app passes its own value. Defaults to 0.\n   */\n  topOffset?: number;\n  /** Keeps keyboard focus within the popup and restores it to the opener when dismissed. */\n  trapFocus?: boolean;\n  /** Closes a dismissable popup on Escape. */\n  closeOnEscape?: boolean;\n  /** Closes a dismissable popup when the backdrop is clicked. */\n  closeOnBackdrop?: boolean;\n}\n\nconst typeClasses: Record<string, string> = {\n  default: \"w-full max-w-lg\",\n  success: \"w-full max-w-lg\",\n  error: \"w-full max-w-lg\",\n  warning: \"w-full max-w-lg\",\n  info: \"w-full max-w-lg\",\n  spotify: \"w-full max-w-md\",\n  auth: \"w-full max-w-md\",\n};\n\nconst contentBgClasses: Record<string, string> = {\n  spotify: \"bg-green-500\",\n  auth: \"bg-gray-800\",\n};\n\nexport function BasePopup(props: BasePopupProps) {\n  const {\n    title,\n    children,\n    onClose,\n    type = \"default\",\n    icon,\n    isDismissable = true,\n    className,\n    overlayClassName = \"\",\n    titleClassName = \"\",\n    titleTextClassName = \"\",\n    closeButtonClassName = \"\",\n    fitContent = false,\n    contentClassName = \"\",\n    showOkButton = false,\n    showCancelButton = false,\n    okButtonText = \"OK\",\n    cancelButtonText = \"Cancel\",\n    onOk,\n    okButtonDisabled = false,\n    onCancel,\n    buttonAlignment = \"center\",\n    topOffset = 0,\n    trapFocus = false,\n    closeOnEscape = false,\n    closeOnBackdrop = false,\n  } = props;\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    const dialog = dialogRef.current;\n    const focusableSelector =\n      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n    const getFocusable = () =>\n      Array.from(dialog?.querySelectorAll<HTMLElement>(focusableSelector) ?? []).filter(\n        (element) => !element.hasAttribute(\"hidden\") && element.getAttribute(\"aria-hidden\") !== \"true\",\n      );\n\n    if (trapFocus) (getFocusable()[0] ?? dialog)?.focus();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && closeOnEscape && isDismissable) {\n        event.preventDefault();\n        onClose?.();\n        return;\n      }\n      if (!trapFocus || event.key !== \"Tab\") return;\n\n      const focusable = getFocusable();\n      if (focusable.length === 0) {\n        event.preventDefault();\n        dialog?.focus();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (event.shiftKey && (document.activeElement === first || !dialog?.contains(document.activeElement))) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && (document.activeElement === last || !dialog?.contains(document.activeElement))) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapFocus || closeOnEscape) document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      if (trapFocus || closeOnEscape) document.removeEventListener(\"keydown\", handleKeyDown);\n      if (trapFocus && previousFocus?.isConnected) previousFocus.focus();\n    };\n  }, [closeOnEscape, isDismissable, onClose, trapFocus]);\n\n  const baseClasses = \"bg-white rounded-lg\";\n\n  const renderButtons = () => {\n    if (!showOkButton && !showCancelButton) return null;\n\n    return (\n      <div className=\"mt-4 pt-4 border-t\">\n        <PopupButtons alignment={buttonAlignment}>\n          {showCancelButton && (\n            <Button onClick={onCancel || onClose || (() => {})} variant=\"secondary\">\n              {cancelButtonText}\n            </Button>\n          )}\n          {showOkButton && (\n            <Button onClick={onOk || onClose || (() => {})} disabled={okButtonDisabled}>\n              {okButtonText}\n            </Button>\n          )}\n        </PopupButtons>\n      </div>\n    );\n  };\n\n  const popupComponent = (\n    <div\n      className={`fixed z-50 flex items-center justify-center bg-transparent ${overlayClassName}`}\n      style={{\n        top: topOffset,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      }}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"popup-title\"\n      onClick={closeOnBackdrop && isDismissable ? onClose : undefined}\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={trapFocus ? -1 : undefined}\n        className={`${baseClasses} ${fitContent ? typeClasses[type].replace(\"w-full\", \"w-fit\") : typeClasses[type]} ${className || \"\"}`}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <PopupTitle\n          title={title}\n          onClose={onClose ?? (() => {})}\n          isDismissable={isDismissable}\n          icon={icon}\n          className={titleClassName}\n          titleClassName={titleTextClassName}\n          closeButtonClassName={closeButtonClassName}\n        />\n        <div className={`popup-content rounded-b-lg p-4 ${contentBgClasses[type] ?? \"\"} ${contentClassName}`}>\n          {children}\n          {renderButtons()}\n        </div>\n      </div>\n    </div>\n  );\n\n  return createPortal(popupComponent, document.body);\n}\n\nexport default BasePopup;\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport type ToastProps = {\n  message: string;\n  onClose: () => void;\n  durationMs?: number;\n};\n\nexport default function Toast({ message, onClose, durationMs = 2200 }: ToastProps) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n    const timeout = window.setTimeout(onClose, durationMs);\n    return () => window.clearTimeout(timeout);\n  }, [durationMs, onClose]);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div className=\"pointer-events-none fixed inset-x-0 bottom-8 z-[60] flex justify-center px-4\">\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"pointer-events-auto w-full max-w-md rounded-md bg-[var(--color-surface)] px-4 py-4 text-sm text-[var(--color-text)] shadow-lg ring-1 ring-black/10\"\n      >\n        {message}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n","\"use client\";\n\nimport { MdError, MdCheckCircle, MdUpload } from \"react-icons/md\";\nimport { useTrackUpload, type UploadStatus, type UseTrackUploadOptions } from \"@behindthemusictree/app-kit/popup\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { capitalize, useTrackNoun } from \"@behindthemusictree/app-kit/track-noun\";\n\ntype TrackUploadPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> &\n  UseTrackUploadOptions & {\n    onClose?: () => void;\n  };\n\nfunction getStatusIcon(status: UploadStatus) {\n  switch (status) {\n    case \"success\":\n      return <MdCheckCircle className=\"text-[var(--color-green-500)]\" size={20} />;\n    case \"error\":\n      return <MdError className=\"text-[var(--color-red-500)]\" size={20} />;\n    case \"uploading\":\n      return <MdUpload className=\"text-[var(--color-blue-500)] animate-pulse\" size={20} />;\n    default:\n      return <div className=\"w-5 h-5 rounded-full border-2 border-[var(--color-neutral-300)]\" />;\n  }\n}\n\nfunction getStatusText(status: UploadStatus) {\n  switch (status) {\n    case \"success\":\n      return \"Uploaded\";\n    case \"error\":\n      return \"Failed\";\n    case \"uploading\":\n      return \"Uploading...\";\n    default:\n      return \"Pending\";\n  }\n}\n\nexport default function TrackUploadPopup({\n  files,\n  genre,\n  onProcessFile,\n  onComplete,\n  onClose,\n  uploadTimeoutMs,\n  ...rest\n}: TrackUploadPopupProps) {\n  const { items, isUploading, allComplete, successfulCount, errorCount } = useTrackUpload({\n    files,\n    genre,\n    onProcessFile,\n    onComplete,\n    uploadTimeoutMs,\n  });\n\n  const displayTotal = items.length > 0 ? items.length : files.length;\n  const trackNoun = useTrackNoun();\n\n  return (\n    <BasePopup\n      {...rest}\n      onClose={onClose}\n      title={`Upload ${capitalize(trackNoun.plural)} (${successfulCount}/${displayTotal})`}\n      isDismissable\n      showOkButton\n      okButtonText=\"OK\"\n      okButtonDisabled={isUploading || !allComplete}\n      onOk={onClose}\n    >\n      <div className=\"space-y-4\">\n        {items.map((item) => (\n          <div key={item.id} className=\"border rounded-lg p-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <div className=\"flex items-center space-x-3\">\n                {getStatusIcon(item.status)}\n                <div>\n                  <div className=\"font-medium text-sm truncate max-w-xs\" title={item.file.name}>\n                    {item.file.name}\n                  </div>\n                  <div className=\"text-xs text-[var(--color-neutral-500)]\">{(item.file.size / 1024 / 1024).toFixed(1)} MB</div>\n                </div>\n              </div>\n              <div className=\"text-sm text-[var(--color-neutral-600)]\">{getStatusText(item.status)}</div>\n            </div>\n\n            {item.status === \"uploading\" && (\n              <div className=\"w-full bg-[var(--color-neutral-200)] rounded-full h-2\">\n                <div\n                  className=\"bg-[var(--color-blue-500)] h-2 rounded-full transition-all duration-300\"\n                  style={{ width: `${item.progress}%` }}\n                />\n              </div>\n            )}\n\n            {item.status === \"error\" && item.error && (\n              <div className=\"text-[var(--color-red-500)] text-sm mt-2\">\n                {item.error.name === \"InvalidInputError\"\n                  ? \"Upload failed due to invalid file data. Please check your file and try again.\"\n                  : item.error.name === \"ZodError\"\n                    ? \"Upload failed due to a server error. Please try again later.\"\n                    : item.error.message}\n              </div>\n            )}\n          </div>\n        ))}\n\n        {allComplete && (\n          <div className=\"flex justify-between items-center\">\n            <div className=\"text-sm text-[var(--color-neutral-600)]\">\n              {successfulCount} successful, {errorCount} failed\n            </div>\n          </div>\n        )}\n      </div>\n    </BasePopup>\n  );\n}\n","\"use client\";\n\nimport { AlertCircle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\n\ntype AuthErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  message: string;\n  onClose: () => void;\n};\n\nexport default function AuthErrorPopup({ message, onClose, ...rest }: AuthErrorPopupProps) {\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Sign-in error\"\n      isDismissable\n      icon={AlertCircle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <p className=\"text-center text-lg font-medium text-[var(--color-text)]\">{message}</p>\n          <Button onClick={onClose} variant=\"secondary\" className=\"w-full max-w-xs\">\n            Close\n          </Button>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { AlertTriangle, AlertCircle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { ErrorCode } from \"@behindthemusictree/app-kit/transport\";\n\ntype InternalErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  errorCode: ErrorCode;\n  /**\n   * Support contact email shown in the \"if the problem persists\" message. Passed by the\n   * consuming app (from whatever env var / config it uses) so this package doesn't assume a\n   * specific env var name.\n   */\n  contactEmail?: string | null;\n};\n\nexport default function InternalErrorPopup({ errorCode, contactEmail, ...rest }: InternalErrorPopupProps) {\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Internal Error\"\n      isDismissable={false}\n      icon={AlertTriangle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <AlertCircle className=\"h-16 w-16 text-[var(--color-red-500)]\" strokeWidth={1.5} />\n          <div>\n            <p className=\"text-center text-[var(--color-neutral-600)]\">\n              Please try again. If the problem persists, contact us at{\" \"}\n              <a href={`mailto:${contactEmail}`} className=\"text-[var(--color-primary)] hover:text-[var(--color-primary-hover)]\">\n                {contactEmail}\n              </a>\n            </p>\n          </div>\n          {errorCode && (\n            <div className=\"text-sm text-[var(--color-neutral-500)] bg-[var(--color-neutral-100)] p-3 rounded-lg border border-[var(--color-neutral-100)]\">\n              Error Code: {errorCode}\n            </div>\n          )}\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { AlertTriangle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\n\ntype NetworkErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\">;\n\nexport default function NetworkErrorPopup(props: NetworkErrorPopupProps) {\n  return (\n    <BasePopup\n      {...props}\n      title=\"Network Error\"\n      isDismissable={false}\n      icon={AlertTriangle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <AlertTriangle className=\"h-16 w-16 text-[var(--color-neutral-600)]\" strokeWidth={1.5} />\n          <p className=\"text-center text-[var(--color-neutral-700)]\">\n            It seems that you are not connected to the internet. Please check your connection and try again.\n          </p>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { User } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { FaSpotify } from \"react-icons/fa\";\nimport { FcGoogle } from \"react-icons/fc\";\n\ntype AuthPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  handleSpotifyOAuth: (redirectAfterAuthPath?: string) => void;\n  handleGoogleOAuth?: (redirectAfterAuthPath?: string) => void;\n  redirectAfterAuthPath?: string;\n  spotifyOnly?: boolean;\n  message?: string;\n  /**\n   * Body copy shown when `spotifyOnly` is true. Wording (app name, feature description) is\n   * app-specific, so each consuming app supplies its own instead of this package assuming one.\n   */\n  spotifyOnlyDescription: ReactNode;\n  /** Body copy shown when `spotifyOnly` is false, for the same reason as `spotifyOnlyDescription`. */\n  defaultDescription: ReactNode;\n};\n\nexport default function AuthPopup({\n  handleSpotifyOAuth,\n  handleGoogleOAuth,\n  redirectAfterAuthPath,\n  spotifyOnly,\n  message,\n  spotifyOnlyDescription,\n  defaultDescription,\n  ...rest\n}: AuthPopupProps) {\n  const showGoogle = !spotifyOnly && handleGoogleOAuth;\n\n  return (\n    <BasePopup\n      {...rest}\n      title={spotifyOnly ? \"Connect with Spotify\" : \"Sign in\"}\n      isDismissable={false}\n      icon={User}\n      type=\"auth\"\n      children={\n        <div className=\"flex flex-col items-center space-y-7\">\n          <div className=\"px-2 text-center\">\n            {message && <p className=\"mb-3 text-base font-medium leading-relaxed text-amber-200\">{message}</p>}\n            <p className=\"text-lg font-medium leading-relaxed text-white\">\n              {spotifyOnly ? spotifyOnlyDescription : defaultDescription}\n            </p>\n          </div>\n          <div className=\"flex w-full flex-col items-center gap-3\">\n            <Button\n              onClick={() => handleSpotifyOAuth(redirectAfterAuthPath)}\n              className=\"relative mb-2 w-fit transform bg-green-600 px-8 py-3 text-white shadow-lg transition-all duration-200 hover:scale-[1.02] hover:bg-green-700 hover:shadow-xl\"\n            >\n              <span className=\"flex items-center justify-center\">\n                <FaSpotify className=\"absolute left-6 text-3xl\" />\n                <span className=\"w-full pl-14 pr-8 text-center text-lg font-medium\">Sign in with Spotify</span>\n              </span>\n            </Button>\n            {showGoogle && (\n              <Button\n                variant=\"outline\"\n                onClick={() => handleGoogleOAuth!(redirectAfterAuthPath)}\n                className=\"relative w-fit transform border-white bg-white px-8 py-3 text-black shadow-lg transition-all duration-200 hover:scale-[1.02] hover:bg-[var(--color-neutral-100)] hover:shadow-xl\"\n              >\n                <span className=\"flex items-center justify-center\">\n                  <FcGoogle className=\"absolute left-6 text-2xl\" />\n                  <span className=\"w-full pl-14 pr-8 text-center text-lg font-medium text-black\">\n                    Sign in with Google\n                  </span>\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { FaSpotify } from \"react-icons/fa\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { User } from \"lucide-react\";\nimport { getSpotifyAllowlistMailtoHref } from \"@behindthemusictree/app-kit/transport\";\n\ntype SpotifyAuthErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  message: string;\n  details?: string;\n  onClose: () => void;\n  /**\n   * Support contact email used to build the allowlist-request mailto link. Passed by the\n   * consuming app (from whatever env var / config it uses) so this package doesn't assume a\n   * specific env var name.\n   */\n  contactEmail?: string | null;\n};\n\nexport default function SpotifyAuthErrorPopup({\n  message,\n  details,\n  onClose,\n  contactEmail = null,\n  ...rest\n}: SpotifyAuthErrorPopupProps) {\n  const requestAccessHref = getSpotifyAllowlistMailtoHref(contactEmail);\n\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Authentication Failed\"\n      isDismissable\n      icon={User}\n      children={\n        <div className=\"flex flex-col items-center space-y-8 py-4\">\n          <FaSpotify className=\"text-[#1DB954] text-7xl\" />\n          <div className=\"space-y-3 text-center\">\n            <p className=\"text-xl font-medium text-[var(--color-text)]\">{message}</p>\n            {details && (\n              <p className=\"text-sm text-[var(--color-neutral-500)] bg-[var(--color-neutral-100)] p-3 rounded-lg border border-[var(--color-neutral-100)]\">{details}</p>\n            )}\n            <div className=\"space-y-2 text-center\">\n              <p className=\"text-base text-[var(--color-neutral-700)]\">\n                The Spotify app is in development mode, so only allowlisted accounts can connect.\n              </p>\n              {requestAccessHref && contactEmail ? (\n                <p className=\"text-base text-[var(--color-neutral-700)]\">\n                  Request access by emailing your{\" \"}\n                  <a\n                    href={requestAccessHref}\n                    className=\"text-[#1DB954] font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-[#1DB954] focus:ring-offset-1 rounded\"\n                  >\n                    Spotify full name and Spotify email address\n                  </a>{\" \"}\n                  to{\" \"}\n                  <a\n                    href={requestAccessHref}\n                    className=\"text-[#1DB954] font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-[#1DB954] focus:ring-offset-1 rounded\"\n                  >\n                    {contactEmail}\n                  </a>\n                  .\n                </p>\n              ) : (\n                <p className=\"text-base text-[var(--color-neutral-700)]\">To request access, contact the app owner.</p>\n              )}\n            </div>\n          </div>\n          <Button\n            onClick={onClose}\n            className=\"bg-[#1DB954] hover:bg-[#1DB954]/90 text-white w-full max-w-xs transform transition-all duration-200 hover:scale-[1.02] shadow-lg hover:shadow-xl\"\n          >\n            <FaSpotify className=\"mr-2 text-lg\" />\n            Try Again\n          </Button>\n        </div>\n      }\n    />\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_ui","import_jsx_runtime","import_react","import_react_dom","import_jsx_runtime","import_jsx_runtime","import_lucide_react","import_ui","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_lucide_react","import_ui","import_jsx_runtime","import_fa","import_ui","import_lucide_react","import_jsx_runtime"]}
+{"version":3,"sources":["../../src/popup/index.ts","../../src/popup/PopupTitle.tsx","../../src/popup/PopupButtons.tsx","../../src/popup/BasePopup.tsx","../../src/popup/Toast.tsx","../../src/popup/TrackUploadPopup.tsx","../../src/popup/AuthErrorPopup.tsx","../../src/popup/InternalErrorPopup.tsx","../../src/popup/NetworkErrorPopup.tsx","../../src/popup/AuthPopup.tsx","../../src/popup/SpotifyAuthErrorPopup.tsx"],"sourcesContent":["export * from \"./PopupTitle\";\nexport * from \"./PopupButtons\";\nexport * from \"./BasePopup\";\nexport { default as Toast } from \"./Toast\";\nexport type { ToastProps } from \"./Toast\";\nexport { default as TrackUploadPopup } from \"./TrackUploadPopup\";\nexport { default as AuthErrorPopup } from \"./AuthErrorPopup\";\nexport { default as InternalErrorPopup } from \"./InternalErrorPopup\";\nexport { default as NetworkErrorPopup } from \"./NetworkErrorPopup\";\nexport { default as AuthPopup } from \"./AuthPopup\";\nexport { default as SpotifyAuthErrorPopup } from \"./SpotifyAuthErrorPopup\";\n","\"use client\";\n\nimport { X } from \"lucide-react\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { LucideIcon } from \"lucide-react\";\n\ninterface PopupTitleProps {\n  title: string;\n  onClose: () => void;\n  isDismissable?: boolean;\n  icon?: LucideIcon;\n  className?: string;\n  titleClassName?: string;\n  closeButtonClassName?: string;\n}\n\nexport function PopupTitle({\n  title,\n  onClose,\n  isDismissable,\n  icon: Icon,\n  className = \"\",\n  titleClassName = \"\",\n  closeButtonClassName = \"\",\n}: PopupTitleProps) {\n  return (\n    <div className={`popup-title flex items-center justify-between bg-black p-4 rounded-t-lg ${className}`}>\n      <div className=\"flex items-center gap-2\">\n        {Icon && <Icon className=\"h-5 w-5 text-white\" />}\n        <h3 id=\"popup-title\" className={`text-white font-semibold ${titleClassName}`}>\n          {title}\n        </h3>\n      </div>\n      {isDismissable && (\n        <Button\n          onClick={onClose}\n          className={`h-8 w-8 text-white hover:text-white/80 ${closeButtonClassName}`}\n          aria-label=\"Close popup\"\n        >\n          <X className=\"h-4 w-4\" />\n        </Button>\n      )}\n    </div>\n  );\n}\n","\"use client\";\n\nimport { ReactNode } from \"react\";\n\ninterface PopupButtonsProps {\n  children: ReactNode;\n  alignment?: \"left\" | \"center\" | \"right\";\n  className?: string;\n}\n\nexport function PopupButtons({ children, alignment = \"center\", className = \"\" }: PopupButtonsProps) {\n  const alignmentClasses = {\n    left: \"justify-start\",\n    center: \"justify-center\",\n    right: \"justify-end\",\n  };\n\n  return <div className={`flex gap-3 ${alignmentClasses[alignment]} ${className}`}>{children}</div>;\n}\n","\"use client\";\n\nimport { createPortal } from \"react-dom\";\nimport { ReactNode, useEffect, useRef } from \"react\";\nimport { PopupTitle } from \"./PopupTitle\";\nimport { PopupButtons } from \"./PopupButtons\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { LucideIcon } from \"lucide-react\";\n\nexport interface BasePopupProps {\n  title: string;\n  children: ReactNode;\n  onClose?: () => void;\n  type?: \"default\" | \"success\" | \"error\" | \"warning\" | \"info\" | \"spotify\" | \"auth\";\n  icon?: LucideIcon;\n  isDismissable?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  titleClassName?: string;\n  titleTextClassName?: string;\n  closeButtonClassName?: string;\n  /** Sizes the popup to its content (up to the type's max width) instead of filling it. */\n  fitContent?: boolean;\n  contentClassName?: string;\n  showOkButton?: boolean;\n  showCancelButton?: boolean;\n  okButtonText?: string;\n  okButtonDisabled?: boolean;\n  cancelButtonText?: string;\n  onOk?: () => void;\n  onCancel?: () => void;\n  buttonAlignment?: \"left\" | \"center\" | \"right\";\n  /**\n   * Distance (in px) reserved at the top of the viewport, e.g. for a fixed app header/banner.\n   * Each consuming app passes its own value. Defaults to 0.\n   */\n  topOffset?: number;\n  /** Keeps keyboard focus within the popup and restores it to the opener when dismissed. */\n  trapFocus?: boolean;\n  /** Closes a dismissable popup on Escape. */\n  closeOnEscape?: boolean;\n  /** Closes a dismissable popup when the backdrop is clicked. */\n  closeOnBackdrop?: boolean;\n}\n\nconst typeClasses: Record<string, string> = {\n  default: \"w-full max-w-lg\",\n  success: \"w-full max-w-lg\",\n  error: \"w-full max-w-lg\",\n  warning: \"w-full max-w-lg\",\n  info: \"w-full max-w-lg\",\n  spotify: \"w-full max-w-md\",\n  auth: \"w-full max-w-md\",\n};\n\nconst contentBgClasses: Record<string, string> = {\n  spotify: \"bg-green-500\",\n  auth: \"bg-gray-800\",\n};\n\nexport function BasePopup(props: BasePopupProps) {\n  const {\n    title,\n    children,\n    onClose,\n    type = \"default\",\n    icon,\n    isDismissable = true,\n    className,\n    overlayClassName = \"\",\n    titleClassName = \"\",\n    titleTextClassName = \"\",\n    closeButtonClassName = \"\",\n    fitContent = false,\n    contentClassName = \"\",\n    showOkButton = false,\n    showCancelButton = false,\n    okButtonText = \"OK\",\n    cancelButtonText = \"Cancel\",\n    onOk,\n    okButtonDisabled = false,\n    onCancel,\n    buttonAlignment = \"center\",\n    topOffset = 0,\n    trapFocus = false,\n    closeOnEscape = false,\n    closeOnBackdrop = false,\n  } = props;\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const previousFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null;\n    const dialog = dialogRef.current;\n    const focusableSelector =\n      'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n    const getFocusable = () =>\n      Array.from(dialog?.querySelectorAll<HTMLElement>(focusableSelector) ?? []).filter(\n        (element) => !element.hasAttribute(\"hidden\") && element.getAttribute(\"aria-hidden\") !== \"true\",\n      );\n\n    if (trapFocus) (getFocusable()[0] ?? dialog)?.focus();\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\" && closeOnEscape && isDismissable) {\n        event.preventDefault();\n        onClose?.();\n        return;\n      }\n      if (!trapFocus || event.key !== \"Tab\") return;\n\n      const focusable = getFocusable();\n      if (focusable.length === 0) {\n        event.preventDefault();\n        dialog?.focus();\n        return;\n      }\n\n      const first = focusable[0];\n      const last = focusable[focusable.length - 1];\n      if (event.shiftKey && (document.activeElement === first || !dialog?.contains(document.activeElement))) {\n        event.preventDefault();\n        last.focus();\n      } else if (!event.shiftKey && (document.activeElement === last || !dialog?.contains(document.activeElement))) {\n        event.preventDefault();\n        first.focus();\n      }\n    };\n\n    if (trapFocus || closeOnEscape) document.addEventListener(\"keydown\", handleKeyDown);\n    return () => {\n      if (trapFocus || closeOnEscape) document.removeEventListener(\"keydown\", handleKeyDown);\n      if (trapFocus && previousFocus?.isConnected) previousFocus.focus();\n    };\n  }, [closeOnEscape, isDismissable, onClose, trapFocus]);\n\n  const baseClasses = \"bg-white rounded-lg\";\n\n  const renderButtons = () => {\n    if (!showOkButton && !showCancelButton) return null;\n\n    return (\n      <div className=\"mt-4 pt-4 border-t\">\n        <PopupButtons alignment={buttonAlignment}>\n          {showCancelButton && (\n            <Button onClick={onCancel || onClose || (() => {})} variant=\"secondary\">\n              {cancelButtonText}\n            </Button>\n          )}\n          {showOkButton && (\n            <Button onClick={onOk || onClose || (() => {})} disabled={okButtonDisabled}>\n              {okButtonText}\n            </Button>\n          )}\n        </PopupButtons>\n      </div>\n    );\n  };\n\n  const popupComponent = (\n    <div\n      className={`fixed z-50 flex items-center justify-center bg-transparent ${overlayClassName}`}\n      style={{\n        top: topOffset,\n        left: 0,\n        right: 0,\n        bottom: 0,\n      }}\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby=\"popup-title\"\n      onClick={closeOnBackdrop && isDismissable ? onClose : undefined}\n    >\n      <div\n        ref={dialogRef}\n        tabIndex={trapFocus ? -1 : undefined}\n        className={`${baseClasses} ${fitContent ? typeClasses[type].replace(\"w-full\", \"w-fit\") : typeClasses[type]} ${className || \"\"}`}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <PopupTitle\n          title={title}\n          onClose={onClose ?? (() => {})}\n          isDismissable={isDismissable}\n          icon={icon}\n          className={titleClassName}\n          titleClassName={titleTextClassName}\n          closeButtonClassName={closeButtonClassName}\n        />\n        <div className={`popup-content rounded-b-lg p-4 ${contentBgClasses[type] ?? \"\"} ${contentClassName}`}>\n          {children}\n          {renderButtons()}\n        </div>\n      </div>\n    </div>\n  );\n\n  return createPortal(popupComponent, document.body);\n}\n\nexport default BasePopup;\n","\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nexport type ToastProps = {\n  message: string;\n  onClose: () => void;\n  durationMs?: number;\n};\n\nexport default function Toast({ message, onClose, durationMs = 2200 }: ToastProps) {\n  const [mounted, setMounted] = useState(false);\n\n  useEffect(() => {\n    setMounted(true);\n    const timeout = window.setTimeout(onClose, durationMs);\n    return () => window.clearTimeout(timeout);\n  }, [durationMs, onClose]);\n\n  if (!mounted) return null;\n\n  return createPortal(\n    <div className=\"pointer-events-none fixed inset-x-0 bottom-8 z-[60] flex justify-center px-4\">\n      <div\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"pointer-events-auto w-full max-w-md rounded-md bg-[var(--color-surface)] px-4 py-4 text-sm text-[var(--color-text)] shadow-lg ring-1 ring-black/10\"\n      >\n        {message}\n      </div>\n    </div>,\n    document.body,\n  );\n}\n","\"use client\";\n\nimport { MdError, MdCheckCircle, MdUpload } from \"react-icons/md\";\nimport { useTrackUpload, type UploadStatus, type UseTrackUploadOptions } from \"@behindthemusictree/app-kit/popup\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { capitalize, useTrackNoun } from \"@behindthemusictree/app-kit/track-noun\";\n\ntype TrackUploadPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> &\n  UseTrackUploadOptions & {\n    onClose?: () => void;\n  };\n\nfunction getStatusIcon(status: UploadStatus) {\n  switch (status) {\n    case \"success\":\n      return <MdCheckCircle className=\"text-[var(--color-green-500)]\" size={20} />;\n    case \"error\":\n      return <MdError className=\"text-[var(--color-red-500)]\" size={20} />;\n    case \"uploading\":\n      return <MdUpload className=\"text-[var(--color-blue-500)] animate-pulse\" size={20} />;\n    default:\n      return <div className=\"w-5 h-5 rounded-full border-2 border-[var(--color-neutral-300)]\" />;\n  }\n}\n\nfunction getStatusText(status: UploadStatus) {\n  switch (status) {\n    case \"success\":\n      return \"Uploaded\";\n    case \"error\":\n      return \"Failed\";\n    case \"uploading\":\n      return \"Uploading...\";\n    default:\n      return \"Pending\";\n  }\n}\n\nexport default function TrackUploadPopup({\n  files,\n  genre,\n  onProcessFile,\n  onComplete,\n  onClose,\n  uploadTimeoutMs,\n  ...rest\n}: TrackUploadPopupProps) {\n  const { items, isUploading, allComplete, successfulCount, errorCount } = useTrackUpload({\n    files,\n    genre,\n    onProcessFile,\n    onComplete,\n    uploadTimeoutMs,\n  });\n\n  const displayTotal = items.length > 0 ? items.length : files.length;\n  const trackNoun = useTrackNoun();\n\n  return (\n    <BasePopup\n      {...rest}\n      onClose={onClose}\n      title={`Upload ${capitalize(trackNoun.plural)} (${successfulCount}/${displayTotal})`}\n      isDismissable\n      showOkButton\n      okButtonText=\"OK\"\n      okButtonDisabled={isUploading || !allComplete}\n      onOk={onClose}\n    >\n      <div className=\"space-y-4\">\n        {items.map((item) => (\n          <div key={item.id} className=\"border rounded-lg p-4\">\n            <div className=\"flex items-center justify-between mb-2\">\n              <div className=\"flex items-center space-x-3\">\n                {getStatusIcon(item.status)}\n                <div>\n                  <div className=\"font-medium text-sm truncate max-w-xs\" title={item.file.name}>\n                    {item.file.name}\n                  </div>\n                  <div className=\"text-xs text-[var(--color-neutral-500)]\">{(item.file.size / 1024 / 1024).toFixed(1)} MB</div>\n                </div>\n              </div>\n              <div className=\"text-sm text-[var(--color-neutral-600)]\">{getStatusText(item.status)}</div>\n            </div>\n\n            {item.status === \"uploading\" && (\n              <div className=\"w-full bg-[var(--color-neutral-200)] rounded-full h-2\">\n                <div\n                  className=\"bg-[var(--color-blue-500)] h-2 rounded-full transition-all duration-300\"\n                  style={{ width: `${item.progress}%` }}\n                />\n              </div>\n            )}\n\n            {item.status === \"error\" && item.error && (\n              <div className=\"text-[var(--color-red-500)] text-sm mt-2\">\n                {item.error.name === \"InvalidInputError\"\n                  ? \"Upload failed due to invalid file data. Please check your file and try again.\"\n                  : item.error.name === \"ZodError\"\n                    ? \"Upload failed due to a server error. Please try again later.\"\n                    : item.error.message}\n              </div>\n            )}\n          </div>\n        ))}\n\n        {allComplete && (\n          <div className=\"flex justify-between items-center\">\n            <div className=\"text-sm text-[var(--color-neutral-600)]\">\n              {successfulCount} successful, {errorCount} failed\n            </div>\n          </div>\n        )}\n      </div>\n    </BasePopup>\n  );\n}\n","\"use client\";\n\nimport { AlertCircle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\n\ntype AuthErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  message: string;\n  onClose: () => void;\n};\n\nexport default function AuthErrorPopup({ message, onClose, ...rest }: AuthErrorPopupProps) {\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Sign-in error\"\n      isDismissable\n      icon={AlertCircle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <p className=\"text-center text-lg font-medium text-[var(--color-text)]\">{message}</p>\n          <Button onClick={onClose} variant=\"secondary\" className=\"w-full max-w-xs\">\n            Close\n          </Button>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { AlertTriangle, AlertCircle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { ErrorCode } from \"@behindthemusictree/app-kit/transport\";\n\ntype InternalErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  errorCode: ErrorCode;\n  /**\n   * Support contact email shown in the \"if the problem persists\" message. Passed by the\n   * consuming app (from whatever env var / config it uses) so this package doesn't assume a\n   * specific env var name.\n   */\n  contactEmail?: string | null;\n};\n\nexport default function InternalErrorPopup({ errorCode, contactEmail, ...rest }: InternalErrorPopupProps) {\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Internal Error\"\n      isDismissable={false}\n      icon={AlertTriangle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <AlertCircle className=\"h-16 w-16 text-[var(--color-red-500)]\" strokeWidth={1.5} />\n          <div>\n            <p className=\"text-center text-[var(--color-neutral-600)]\">\n              Please try again. If the problem persists, contact us at{\" \"}\n              <a href={`mailto:${contactEmail}`} className=\"text-[var(--color-primary)] hover:text-[var(--color-primary-hover)]\">\n                {contactEmail}\n              </a>\n            </p>\n          </div>\n          {errorCode && (\n            <div className=\"text-sm text-[var(--color-neutral-500)] bg-[var(--color-neutral-100)] p-3 rounded-lg border border-[var(--color-neutral-100)]\">\n              Error Code: {errorCode}\n            </div>\n          )}\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { AlertTriangle } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { ErrorCode } from \"@behindthemusictree/app-kit/transport\";\n\ntype NetworkErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  errorCode: ErrorCode;\n};\n\nconst OFFLINE_MESSAGE = \"It seems that you are not connected to the internet. Please check your connection and try again.\";\nconst UNREACHABLE_MESSAGE = \"We couldn't reach the server. Please try again in a moment.\";\n\nexport default function NetworkErrorPopup({ errorCode, ...rest }: NetworkErrorPopupProps) {\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Network Error\"\n      isDismissable={false}\n      icon={AlertTriangle}\n      children={\n        <div className=\"flex flex-col items-center space-y-6 py-4\">\n          <AlertTriangle className=\"h-16 w-16 text-[var(--color-neutral-600)]\" strokeWidth={1.5} />\n          <p className=\"text-center text-[var(--color-neutral-700)]\">\n            {errorCode === ErrorCode.NETWORK_OFFLINE ? OFFLINE_MESSAGE : UNREACHABLE_MESSAGE}\n          </p>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { ReactNode } from \"react\";\nimport { User } from \"lucide-react\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { FaSpotify } from \"react-icons/fa\";\nimport { FcGoogle } from \"react-icons/fc\";\n\ntype AuthPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  handleSpotifyOAuth: (redirectAfterAuthPath?: string) => void;\n  handleGoogleOAuth?: (redirectAfterAuthPath?: string) => void;\n  redirectAfterAuthPath?: string;\n  spotifyOnly?: boolean;\n  message?: string;\n  /**\n   * Body copy shown when `spotifyOnly` is true. Wording (app name, feature description) is\n   * app-specific, so each consuming app supplies its own instead of this package assuming one.\n   */\n  spotifyOnlyDescription: ReactNode;\n  /** Body copy shown when `spotifyOnly` is false, for the same reason as `spotifyOnlyDescription`. */\n  defaultDescription: ReactNode;\n};\n\nexport default function AuthPopup({\n  handleSpotifyOAuth,\n  handleGoogleOAuth,\n  redirectAfterAuthPath,\n  spotifyOnly,\n  message,\n  spotifyOnlyDescription,\n  defaultDescription,\n  ...rest\n}: AuthPopupProps) {\n  const showGoogle = !spotifyOnly && handleGoogleOAuth;\n\n  return (\n    <BasePopup\n      {...rest}\n      title={spotifyOnly ? \"Connect with Spotify\" : \"Sign in\"}\n      isDismissable={false}\n      icon={User}\n      type=\"auth\"\n      children={\n        <div className=\"flex flex-col items-center space-y-7\">\n          <div className=\"px-2 text-center\">\n            {message && <p className=\"mb-3 text-base font-medium leading-relaxed text-amber-200\">{message}</p>}\n            <p className=\"text-lg font-medium leading-relaxed text-white\">\n              {spotifyOnly ? spotifyOnlyDescription : defaultDescription}\n            </p>\n          </div>\n          <div className=\"flex w-full flex-col items-center gap-3\">\n            <Button\n              onClick={() => handleSpotifyOAuth(redirectAfterAuthPath)}\n              className=\"relative mb-2 w-fit transform bg-green-600 px-8 py-3 text-white shadow-lg transition-all duration-200 hover:scale-[1.02] hover:bg-green-700 hover:shadow-xl\"\n            >\n              <span className=\"flex items-center justify-center\">\n                <FaSpotify className=\"absolute left-6 text-3xl\" />\n                <span className=\"w-full pl-14 pr-8 text-center text-lg font-medium\">Sign in with Spotify</span>\n              </span>\n            </Button>\n            {showGoogle && (\n              <Button\n                variant=\"outline\"\n                onClick={() => handleGoogleOAuth!(redirectAfterAuthPath)}\n                className=\"relative w-fit transform border-white bg-white px-8 py-3 text-black shadow-lg transition-all duration-200 hover:scale-[1.02] hover:bg-[var(--color-neutral-100)] hover:shadow-xl\"\n              >\n                <span className=\"flex items-center justify-center\">\n                  <FcGoogle className=\"absolute left-6 text-2xl\" />\n                  <span className=\"w-full pl-14 pr-8 text-center text-lg font-medium text-black\">\n                    Sign in with Google\n                  </span>\n                </span>\n              </Button>\n            )}\n          </div>\n        </div>\n      }\n    />\n  );\n}\n","\"use client\";\n\nimport { FaSpotify } from \"react-icons/fa\";\nimport { BasePopup, BasePopupProps } from \"./BasePopup\";\nimport { Button } from \"@behindthemusictree/ui\";\nimport { User } from \"lucide-react\";\nimport { getSpotifyAllowlistMailtoHref } from \"@behindthemusictree/app-kit/transport\";\n\ntype SpotifyAuthErrorPopupProps = Omit<BasePopupProps, \"title\" | \"children\" | \"icon\" | \"isDismissable\"> & {\n  message: string;\n  details?: string;\n  onClose: () => void;\n  /**\n   * Support contact email used to build the allowlist-request mailto link. Passed by the\n   * consuming app (from whatever env var / config it uses) so this package doesn't assume a\n   * specific env var name.\n   */\n  contactEmail?: string | null;\n};\n\nexport default function SpotifyAuthErrorPopup({\n  message,\n  details,\n  onClose,\n  contactEmail = null,\n  ...rest\n}: SpotifyAuthErrorPopupProps) {\n  const requestAccessHref = getSpotifyAllowlistMailtoHref(contactEmail);\n\n  return (\n    <BasePopup\n      {...rest}\n      title=\"Authentication Failed\"\n      isDismissable\n      icon={User}\n      children={\n        <div className=\"flex flex-col items-center space-y-8 py-4\">\n          <FaSpotify className=\"text-[#1DB954] text-7xl\" />\n          <div className=\"space-y-3 text-center\">\n            <p className=\"text-xl font-medium text-[var(--color-text)]\">{message}</p>\n            {details && (\n              <p className=\"text-sm text-[var(--color-neutral-500)] bg-[var(--color-neutral-100)] p-3 rounded-lg border border-[var(--color-neutral-100)]\">{details}</p>\n            )}\n            <div className=\"space-y-2 text-center\">\n              <p className=\"text-base text-[var(--color-neutral-700)]\">\n                The Spotify app is in development mode, so only allowlisted accounts can connect.\n              </p>\n              {requestAccessHref && contactEmail ? (\n                <p className=\"text-base text-[var(--color-neutral-700)]\">\n                  Request access by emailing your{\" \"}\n                  <a\n                    href={requestAccessHref}\n                    className=\"text-[#1DB954] font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-[#1DB954] focus:ring-offset-1 rounded\"\n                  >\n                    Spotify full name and Spotify email address\n                  </a>{\" \"}\n                  to{\" \"}\n                  <a\n                    href={requestAccessHref}\n                    className=\"text-[#1DB954] font-medium underline hover:no-underline focus:outline-none focus:ring-2 focus:ring-[#1DB954] focus:ring-offset-1 rounded\"\n                  >\n                    {contactEmail}\n                  </a>\n                  .\n                </p>\n              ) : (\n                <p className=\"text-base text-[var(--color-neutral-700)]\">To request access, contact the app owner.</p>\n              )}\n            </div>\n          </div>\n          <Button\n            onClick={onClose}\n            className=\"bg-[#1DB954] hover:bg-[#1DB954]/90 text-white w-full max-w-xs transform transition-all duration-200 hover:scale-[1.02] shadow-lg hover:shadow-xl\"\n          >\n            <FaSpotify className=\"mr-2 text-lg\" />\n            Try Again\n          </Button>\n        </div>\n      }\n    />\n  );\n}\n"],"mappings":"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","names":["import_jsx_runtime","import_ui","import_jsx_runtime","import_react","import_react_dom","import_jsx_runtime","import_jsx_runtime","import_lucide_react","import_ui","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_lucide_react","import_jsx_runtime","import_lucide_react","import_ui","import_jsx_runtime","import_fa","import_ui","import_lucide_react","import_transport","import_jsx_runtime"]}

package/dist/popup/index.d.ts

@@ -88,8 +88,10 @@ type InternalErrorPopupProps = Omit<BasePopupProps, "title" | "children" | "icon
 };
 declare function InternalErrorPopup({ errorCode, contactEmail, ...rest }: InternalErrorPopupProps): react.JSX.Element;
 
-type NetworkErrorPopupProps = Omit<BasePopupProps, "title" | "children" | "icon" | "isDismissable">;
-declare function NetworkErrorPopup(props: NetworkErrorPopupProps): react.JSX.Element;
+type NetworkErrorPopupProps = Omit<BasePopupProps, "title" | "children" | "icon" | "isDismissable"> & {
+    errorCode: ErrorCode;
+};
+declare function NetworkErrorPopup({ errorCode, ...rest }: NetworkErrorPopupProps): react.JSX.Element;
 
 type AuthPopupProps = Omit<BasePopupProps, "title" | "children" | "icon" | "isDismissable"> & {
     handleSpotifyOAuth: (redirectAfterAuthPath?: string) => void;

package/dist/popup/index.js

@@ -4,7 +4,7 @@ import {
   NetworkErrorPopup,
   SpotifyAuthErrorPopup,
   TrackUploadPopup
-} from "../chunk-XUC4UJDQ.js";
+} from "../chunk-K4WMHUNM.js";
 import {
   BasePopup,
   InternalErrorPopup,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@behindthemusictree/app-kit-ui",
-  "version": "32.0.2",
+  "version": "33.0.0",
   "description": "Styled BehindTheMusicTree React components (popups, auth callback, genre tree) built on the headless @behindthemusictree/app-kit",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@behindthemusictree/app-kit": "^32.0.2",
+    "@behindthemusictree/app-kit": "^33.0.0",
     "@behindthemusictree/ui": "^0.17.0",
     "@tanstack/react-query": ">=5.0.0",
     "next": ">=14.0.0",
@@ -49,7 +49,7 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
-    "@behindthemusictree/genre-tree-view": "8.2.0",
+    "@behindthemusictree/genre-tree-view": "8.3.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.487.0",
     "react-icons": "^5.5.0",
@@ -76,7 +76,7 @@
     "typescript": "^5.0.0",
     "vite": "^7.3.6",
     "vitest": "^4.1.11",
-    "@behindthemusictree/app-kit": "^32.0.2"
+    "@behindthemusictree/app-kit": "^33.0.0"
   },
   "author": "Andreas Garcia",
   "license": "ISC",