react-sharesheet 1.9.0 → 1.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/README.md +48 -13
  2. package/dist/content.d.mts +3 -3
  3. package/dist/content.d.ts +3 -3
  4. package/dist/content.js +12 -5
  5. package/dist/content.js.map +1 -1
  6. package/dist/content.mjs +11 -5
  7. package/dist/content.mjs.map +1 -1
  8. package/dist/drawer.d.mts +3 -3
  9. package/dist/drawer.d.ts +3 -3
  10. package/dist/drawer.js +40 -17
  11. package/dist/drawer.js.map +1 -1
  12. package/dist/drawer.mjs +29 -17
  13. package/dist/drawer.mjs.map +1 -1
  14. package/dist/{headless-lxSw27f0.d.ts → headless-CEUr7QJE.d.ts} +5 -14
  15. package/dist/{headless-x5iUF86E.d.mts → headless-JYVQPj9Q.d.mts} +5 -14
  16. package/dist/headless.d.mts +2 -2
  17. package/dist/headless.d.ts +2 -2
  18. package/dist/headless.js +6 -2
  19. package/dist/headless.js.map +1 -1
  20. package/dist/headless.mjs +7 -3
  21. package/dist/headless.mjs.map +1 -1
  22. package/dist/index.d.mts +2 -2
  23. package/dist/index.d.ts +2 -2
  24. package/dist/index.js +36 -15
  25. package/dist/index.js.map +1 -1
  26. package/dist/index.mjs +27 -16
  27. package/dist/index.mjs.map +1 -1
  28. package/dist/{platforms-BtmTZmgl.d.mts → platforms-B1VXTDkO.d.mts} +20 -2
  29. package/dist/{platforms-BtmTZmgl.d.ts → platforms-B1VXTDkO.d.ts} +20 -2
  30. package/package.json +2 -2
  31. package/src/ShareSheetContent.tsx +4 -2
  32. package/src/ShareSheetDrawer.tsx +32 -9
  33. package/src/__tests__/drawer-trigger.test.tsx +50 -0
  34. package/src/__tests__/hooks.test.ts +3 -3
  35. package/src/__tests__/og-fetcher.test.ts +9 -9
  36. package/src/__tests__/preview-fetch.test.tsx +82 -0
  37. package/src/__tests__/setup.ts +1 -1
  38. package/src/content.ts +1 -0
  39. package/src/drawer.ts +1 -0
  40. package/src/headless.ts +1 -1
  41. package/src/hooks.ts +12 -5
  42. package/src/index.ts +1 -1
  43. package/src/og-fetcher.ts +6 -1
  44. package/src/types.ts +8 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/ShareSheetContent.tsx","../src/utils.ts","../src/hooks.ts","../src/og-fetcher.ts","../src/share-functions.ts","../src/platforms.tsx","../src/types.ts","../src/ShareSheetDrawer.tsx"],"sourcesContent":["// Styled components\nexport { ShareSheetContent, ShareMenuContent } from \"./ShareSheetContent\";\nexport { ShareSheetDrawer, ShareMenuDrawer } from \"./ShareSheetDrawer\";\n\n// Headless hook\nexport { useShareSheet, useShareMenu, useOGData, type UseShareSheetOptions, type UseShareMenuOptions } from \"./hooks\";\n\n// OG Data fetcher\nexport { fetchOGData, clearOGCache, type OGData } from \"./og-fetcher\";\n\n// Types\nexport type {\n ShareSheetContentProps,\n ShareSheetDrawerProps,\n ShareSheetContentClassNames,\n ShareSheetDrawerClassNames,\n // Legacy types (deprecated)\n ShareMenuContentProps,\n ShareMenuDrawerProps,\n ShareMenuContentClassNames,\n ShareMenuDrawerClassNames,\n // Common types\n ShareOption,\n ShareButtonConfig,\n UseShareSheetReturn,\n UseShareMenuReturn,\n PlatformAvailability,\n} from \"./types\";\n\n// CSS Variables for UI (drawer, title, etc.)\nexport { CSS_VARS_UI, CSS_VAR_UI_DEFAULTS } from \"./types\";\n// Legacy exports (deprecated but kept for backwards compatibility)\nexport { CSS_VARS, CSS_VAR_DEFAULTS } from \"./types\";\n\n// Platform configs (colors, icons, labels) - SINGLE SOURCE OF TRUTH\nexport {\n PLATFORMS,\n PLATFORM_IDS,\n PLATFORM_COLORS,\n PLATFORM_ICONS,\n PLATFORM_LABELS,\n PLATFORM_CSS_VARS,\n getPlatform,\n getAllPlatforms,\n getPlatformColor,\n getPlatformIcon,\n getPlatformLabel,\n generateCssVarDefaults,\n type PlatformConfig,\n type PlatformColor,\n} from \"./platforms\";\n\n// Utility functions for custom implementations\nexport { \n cn, \n openUrl, \n getSafeUrl,\n // Device detection\n isMobileDevice,\n isIOSDevice,\n isAndroidDevice,\n // Platform availability\n checkPlatformAvailability,\n getAllPlatformAvailability,\n warnUnavailablePlatform,\n MOBILE_ONLY_PLATFORMS,\n MOBILE_PREFERRED_PLATFORMS,\n} from \"./utils\";\n\n// Individual share functions\nexport {\n shareToWhatsApp,\n shareToTelegram,\n shareToX,\n shareToFacebook,\n openInstagram,\n openTikTok,\n openThreads,\n shareToSnapchat,\n shareViaSMS,\n shareViaEmail,\n shareToLinkedIn,\n shareToReddit,\n} from \"./share-functions\";\n","\"use client\";\n\nimport { useMemo, useState, useCallback } from \"react\";\nimport { LuImage, LuLink2 } from \"react-icons/lu\";\nimport { cn } from \"./utils\";\nimport { useShareSheet, useOGData } from \"./hooks\";\nimport {\n PLATFORM_IDS,\n PLATFORM_COLORS,\n PLATFORM_LABELS,\n PLATFORM_ICONS,\n PLATFORM_CSS_VARS,\n} from \"./platforms\";\nimport {\n CSS_VARS_UI,\n CSS_VAR_UI_DEFAULTS,\n type ShareSheetContentProps,\n type ShareOption,\n type ShareButtonConfig,\n} from \"./types\";\n\nconst DEFAULT_BUTTON_SIZE = 45;\nconst DEFAULT_ICON_SIZE = 22;\n\n// Default class names\nconst defaultClasses = {\n root: \"max-w-md mx-auto\",\n header: \"text-center mb-2\",\n title: \"text-2xl font-black\",\n subtitle: \"mt-1 text-sm\",\n preview: \"flex justify-center my-4 px-4\",\n previewSkeleton: \"rounded-xl overflow-hidden\",\n previewImage: \"border border-white/10 rounded-xl\",\n previewMeta: \"\",\n grid: \"px-2 py-6 flex flex-row items-start gap-4 gap-y-6 flex-wrap justify-center\",\n button: \"flex flex-col items-center gap-0 text-xs w-[60px] outline-none cursor-pointer group\",\n buttonIcon: \"p-2 rounded-full transition-all flex items-center justify-center group-hover:scale-110 group-active:scale-95 mb-2\",\n buttonLabel: \"\",\n};\n\n// Shimmer and fade-in keyframes as inline style\nconst shimmerKeyframes = `\n@keyframes sharesheet-shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n@keyframes sharesheet-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n.sharesheet-fadein {\n animation: sharesheet-fadein 0.3s ease-out forwards;\n}\n`;\n\n// Helper to create var() with fallback\nfunction cssVar(name: string, fallback: string): string {\n return `var(${name}, ${fallback})`;\n}\n\nexport function ShareSheetContent({\n title = \"Share\",\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n previewImage,\n shareFile,\n shareFilename,\n className,\n classNames = {},\n buttonSize = DEFAULT_BUTTON_SIZE,\n iconSize = DEFAULT_ICON_SIZE,\n onNativeShare,\n onCopy,\n onShare,\n onDownload,\n hide = [],\n show,\n labels = {},\n icons = {},\n}: ShareSheetContentProps) {\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n // Only fetch OG data if previewImage is not provided\n const { ogData, loading: ogLoading } = useOGData(previewImage ? undefined : shareUrl);\n\n const handleImageLoad = useCallback(() => {\n setImageLoaded(true);\n }, []);\n\n const handleImageError = useCallback(() => {\n setImageError(true);\n }, []);\n\n const shareSheet = useShareSheet({\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n emailSubject: shareText,\n shareFile,\n shareFilename,\n onNativeShare,\n onCopy,\n onDownload,\n });\n\n // Map platform IDs to their share actions\n const shareActions: Record<ShareOption, () => void> = useMemo(() => ({\n native: () => void shareSheet.nativeShare(),\n copy: () => void shareSheet.copyLink(),\n download: () => void shareSheet.downloadFile(),\n whatsapp: shareSheet.shareWhatsApp,\n telegram: shareSheet.shareTelegram,\n instagram: shareSheet.shareInstagram,\n facebook: shareSheet.shareFacebook,\n snapchat: shareSheet.shareSnapchat,\n sms: shareSheet.shareSMS,\n email: shareSheet.shareEmail,\n linkedin: shareSheet.shareLinkedIn,\n reddit: shareSheet.shareReddit,\n x: shareSheet.shareX,\n tiktok: shareSheet.shareTikTok,\n threads: shareSheet.shareThreads,\n }), [shareSheet]);\n\n // Dynamic labels that depend on state\n const dynamicLabels: Partial<Record<ShareOption, string>> = useMemo(() => ({\n copy: shareSheet.copied ? \"Copied!\" : PLATFORM_LABELS.copy,\n download: shareSheet.downloading ? \"...\" : PLATFORM_LABELS.download,\n }), [shareSheet.copied, shareSheet.downloading]);\n\n // Build button configs from platform data\n const buttons: ShareButtonConfig[] = useMemo(() => {\n return PLATFORM_IDS.map((id) => {\n const Icon = PLATFORM_ICONS[id];\n const defaultLabel = dynamicLabels[id] ?? PLATFORM_LABELS[id];\n const availability = shareSheet.platformAvailability[id];\n \n // Determine if button should be shown based on various conditions\n let condition = true;\n if (id === \"native\") {\n condition = shareSheet.canNativeShare;\n } else if (id === \"download\") {\n condition = !!downloadUrl;\n } else if (!availability.available) {\n // Hide unavailable platforms (mobile-only on desktop)\n condition = false;\n }\n \n return {\n id,\n label: labels[id] ?? defaultLabel,\n icon: icons[id] ?? <Icon size={iconSize} />,\n // Use CSS var with fallback to platform color\n bgColor: cssVar(PLATFORM_CSS_VARS[id], PLATFORM_COLORS[id].bg),\n textColor: PLATFORM_COLORS[id].text,\n onClick: () => {\n onShare?.(id);\n shareActions[id]();\n },\n condition,\n };\n });\n }, [iconSize, labels, icons, dynamicLabels, shareActions, onShare, shareSheet.canNativeShare, shareSheet.platformAvailability, downloadUrl]);\n\n const visibleButtons = useMemo(() => {\n // If show is provided, use its order\n if (show && show.length > 0) {\n return show\n .map((id) => buttons.find((btn) => btn.id === id))\n .filter((btn): btn is NonNullable<typeof btn> => {\n if (!btn) return false;\n if (btn.condition === false) return false;\n if (hide.includes(btn.id)) return false;\n return true;\n });\n }\n \n // Otherwise use default order with hide filtering\n return buttons.filter((btn) => {\n if (btn.condition === false) return false;\n if (hide.includes(btn.id)) return false;\n return true;\n });\n }, [buttons, show, hide]);\n\n const bgColor = cssVar(CSS_VARS_UI.previewBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.previewBg]);\n const shimmerColor = cssVar(CSS_VARS_UI.previewShimmer, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.previewShimmer]);\n const textColor = cssVar(CSS_VARS_UI.subtitleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.subtitleColor]);\n\n // Render OG preview\n const renderPreview = () => {\n // Use previewImage if provided, otherwise use OG data\n const ogImage = previewImage || ogData?.image;\n const hasImage = ogImage && !imageError;\n const isLoading = !previewImage && ogLoading;\n\n // Loading state (only when fetching OG data, not when previewImage is provided)\n if (isLoading) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div style={{ position: \"absolute\", inset: 0, overflow: \"hidden\" }}>\n <div\n style={{\n position: \"absolute\",\n inset: 0,\n background: `linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,\n animation: \"sharesheet-shimmer 1.5s infinite\",\n }}\n />\n </div>\n <LuLink2 size={32} style={{ color: textColor, opacity: 0.4 }} />\n </div>\n </div>\n );\n }\n\n // No image available - show link placeholder (skip if previewImage was provided)\n if (!hasImage) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"8px\",\n padding: \"16px\",\n }}\n >\n <LuLink2 size={32} style={{ color: textColor, opacity: 0.4 }} />\n {ogData?.title && (\n <span \n style={{ \n color: textColor, \n fontSize: \"12px\", \n opacity: 0.6,\n textAlign: \"center\",\n maxWidth: \"280px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n WebkitLineClamp: 2,\n WebkitBoxOrient: \"vertical\",\n }}\n >\n {ogData.title}\n </span>\n )}\n </div>\n </div>\n </div>\n );\n }\n\n // If previewImage is a data URL, show it directly (no preloading needed)\n const isDataUrl = typeof ogImage === \"string\" && ogImage.startsWith(\"data:\");\n if (isDataUrl) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt=\"Preview\"\n className={cn(defaultClasses.previewImage, classNames.previewImage)}\n style={{\n width: \"100%\",\n maxWidth: \"320px\",\n height: \"auto\",\n }}\n />\n </div>\n );\n }\n\n // Image loading state (for remote URLs)\n if (!imageLoaded) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div style={{ position: \"absolute\", inset: 0, overflow: \"hidden\" }}>\n <div\n style={{\n position: \"absolute\",\n inset: 0,\n background: `linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,\n animation: \"sharesheet-shimmer 1.5s infinite\",\n }}\n />\n </div>\n <LuImage size={32} style={{ color: textColor, opacity: 0.4 }} />\n </div>\n {/* Hidden image for preloading */}\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt={ogData?.title || \"Preview\"}\n onLoad={handleImageLoad}\n onError={handleImageError}\n style={{ display: \"none\" }}\n />\n </div>\n );\n }\n\n // Image loaded - show it with fade-in\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt={ogData?.title || \"Preview\"}\n className={cn(defaultClasses.previewImage, classNames.previewImage, \"sharesheet-fadein\")}\n style={{\n width: \"100%\",\n maxWidth: \"320px\",\n height: \"auto\",\n }}\n />\n </div>\n );\n };\n\n return (\n <div className={cn(defaultClasses.root, classNames.root, className)}>\n {/* Inject shimmer keyframes */}\n <style dangerouslySetInnerHTML={{ __html: shimmerKeyframes }} />\n\n <div className={cn(defaultClasses.header, classNames.header)}>\n <div\n className={cn(defaultClasses.title, classNames.title)}\n style={{ color: cssVar(CSS_VARS_UI.titleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.titleColor]) }}\n >\n {title}\n </div>\n <div\n className={cn(defaultClasses.subtitle, classNames.subtitle)}\n style={{ color: cssVar(CSS_VARS_UI.subtitleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.subtitleColor]) }}\n >\n {shareText}\n </div>\n </div>\n\n {/* OG Preview - always shown */}\n <div className={cn(defaultClasses.preview, classNames.preview)}>\n {renderPreview()}\n </div>\n\n <div className={cn(defaultClasses.grid, classNames.grid)}>\n {visibleButtons.map((btn) => (\n <button\n key={btn.id}\n type=\"button\"\n className={cn(defaultClasses.button, classNames.button)}\n onClick={btn.onClick}\n >\n <div\n className={cn(defaultClasses.buttonIcon, classNames.buttonIcon)}\n style={{\n width: buttonSize,\n height: buttonSize,\n backgroundColor: btn.bgColor,\n color: btn.textColor,\n }}\n >\n {btn.icon}\n </div>\n <div\n className={cn(defaultClasses.buttonLabel, classNames.buttonLabel)}\n style={{ color: cssVar(CSS_VARS_UI.buttonLabelColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.buttonLabelColor]) }}\n >\n {btn.label}\n </div>\n </button>\n ))}\n </div>\n </div>\n );\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use ShareSheetContent instead */\nexport const ShareMenuContent = ShareSheetContent;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { ShareOption, PlatformAvailability } from \"./types\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport function openUrl(url: string) {\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function getSafeUrl(shareUrl: string): string {\n return shareUrl || (typeof window !== \"undefined\" ? window.location.href : \"\");\n}\n\n/**\n * Detect if the current device is a mobile device.\n * Uses user agent detection as the primary method.\n */\nexport function isMobileDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || navigator.vendor || \"\";\n \n // Check for mobile user agents\n const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i;\n \n // Also check for touch capability as a secondary signal\n const hasTouch = typeof window !== \"undefined\" && (\n \"ontouchstart\" in window ||\n navigator.maxTouchPoints > 0\n );\n \n // User agent is more reliable than touch detection alone\n // (many desktop browsers support touch)\n return mobileRegex.test(userAgent);\n}\n\n/**\n * Detect if the current device is iOS\n */\nexport function isIOSDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || \"\";\n return /iPhone|iPad|iPod/i.test(userAgent);\n}\n\n/**\n * Detect if the current device is Android\n */\nexport function isAndroidDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || \"\";\n return /Android/i.test(userAgent);\n}\n\n/** Platforms that require mobile devices (deep links / URL schemes) */\nexport const MOBILE_ONLY_PLATFORMS: readonly ShareOption[] = [\n \"instagram\",\n \"tiktok\", \n \"threads\",\n \"sms\",\n] as const;\n\n/** Platforms that work better on mobile but may partially work on desktop */\nexport const MOBILE_PREFERRED_PLATFORMS: readonly ShareOption[] = [\n \"snapchat\",\n \"whatsapp\",\n] as const;\n\n/**\n * Check if a share platform is available on the current device.\n * Returns availability status and reason if unavailable.\n */\nexport function checkPlatformAvailability(platform: ShareOption): PlatformAvailability {\n const isMobile = isMobileDevice();\n \n // Deep link platforms - require mobile device\n if (MOBILE_ONLY_PLATFORMS.includes(platform)) {\n if (!isMobile) {\n return {\n available: false,\n reason: `${platform} requires a mobile device with the app installed`,\n };\n }\n }\n \n // SMS - requires mobile or device with SMS capability\n if (platform === \"sms\" && !isMobile) {\n return {\n available: false,\n reason: \"SMS sharing requires a mobile device\",\n };\n }\n \n // Native share - check browser support\n if (platform === \"native\") {\n const canShare = typeof navigator !== \"undefined\" && \"share\" in navigator;\n if (!canShare) {\n return {\n available: false,\n reason: \"Native share is not supported by this browser\",\n };\n }\n }\n \n return { available: true };\n}\n\n/**\n * Get availability status for all platforms.\n */\nexport function getAllPlatformAvailability(): Record<ShareOption, PlatformAvailability> {\n const platforms: ShareOption[] = [\n \"native\", \"copy\", \"download\", \"whatsapp\", \"telegram\",\n \"instagram\", \"facebook\", \"snapchat\", \"sms\", \"email\",\n \"linkedin\", \"reddit\", \"x\", \"tiktok\", \"threads\",\n ];\n \n const result: Partial<Record<ShareOption, PlatformAvailability>> = {};\n for (const platform of platforms) {\n result[platform] = checkPlatformAvailability(platform);\n }\n \n return result as Record<ShareOption, PlatformAvailability>;\n}\n\n/**\n * Log a warning to console when a platform is not available.\n */\nexport function warnUnavailablePlatform(platform: ShareOption, reason: string): void {\n console.warn(\n `[react-sharesheet] ${platform} sharing is not available: ${reason}. ` +\n `This share option may not work correctly on this device.`\n );\n}\n\n","\"use client\";\n\nimport { useMemo, useState, useCallback, useEffect } from \"react\";\nimport { getSafeUrl, isMobileDevice, getAllPlatformAvailability } from \"./utils\";\nimport { fetchOGData, type OGData } from \"./og-fetcher\";\nimport {\n shareToWhatsApp,\n shareToTelegram,\n shareToX,\n shareToFacebook,\n openInstagram,\n openTikTok,\n openThreads,\n shareToSnapchat,\n shareViaSMS,\n shareViaEmail,\n shareToLinkedIn,\n shareToReddit,\n} from \"./share-functions\";\nimport type { UseShareSheetReturn, PlatformAvailability, ShareOption } from \"./types\";\n\n// Default platform availability (assumes desktop/all platforms available)\n// This is used for SSR to avoid hydration mismatch\nconst DEFAULT_PLATFORM_AVAILABILITY: Record<ShareOption, PlatformAvailability> = {\n native: { available: true },\n copy: { available: true },\n download: { available: true },\n whatsapp: { available: true },\n telegram: { available: true },\n instagram: { available: true },\n facebook: { available: true },\n snapchat: { available: true },\n sms: { available: true },\n email: { available: true },\n linkedin: { available: true },\n reddit: { available: true },\n x: { available: true },\n tiktok: { available: true },\n threads: { available: true },\n};\n\nexport interface UseShareSheetOptions {\n /** URL to share */\n shareUrl: string;\n /** Text to share */\n shareText: string;\n /** Download URL (optional) */\n downloadUrl?: string | null;\n /** Download filename (optional) */\n downloadFilename?: string;\n /** Email subject (optional) */\n emailSubject?: string;\n /** File to share via native share (data URL or Blob) - takes priority over URL sharing */\n shareFile?: string | Blob | null;\n /** Filename for the shared file */\n shareFilename?: string;\n /** Callback after native share */\n onNativeShare?: () => void;\n /** Callback after copy */\n onCopy?: () => void;\n /** Callback after download starts */\n onDownload?: () => void;\n}\n\n/**\n * Headless hook for share sheet functionality.\n * Use this to build your own custom share UI.\n */\nexport function useShareSheet({\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n emailSubject = \"Share\",\n shareFile,\n shareFilename = \"share.png\",\n onNativeShare,\n onCopy,\n onDownload,\n}: UseShareSheetOptions): UseShareSheetReturn {\n const [copied, setCopied] = useState(false);\n const [downloading, setDownloading] = useState(false);\n\n // Use state for values that depend on browser APIs to avoid hydration mismatch\n // Initial values match what server renders (conservative defaults)\n const [canNativeShare, setCanNativeShare] = useState(false);\n const [isMobile, setIsMobile] = useState(false);\n const [platformAvailability, setPlatformAvailability] = useState<Record<ShareOption, PlatformAvailability>>(\n DEFAULT_PLATFORM_AVAILABILITY\n );\n\n // Detect browser capabilities after mount (client-side only)\n useEffect(() => {\n setCanNativeShare(typeof navigator !== \"undefined\" && \"share\" in navigator);\n setIsMobile(isMobileDevice());\n setPlatformAvailability(getAllPlatformAvailability());\n }, []);\n\n const safeUrl = getSafeUrl(shareUrl);\n\n const copyLink = useCallback(async () => {\n if (!safeUrl) return;\n try {\n await navigator.clipboard.writeText(safeUrl);\n setCopied(true);\n onCopy?.();\n setTimeout(() => setCopied(false), 1200);\n } catch {\n // ignore\n }\n }, [safeUrl, onCopy]);\n\n const nativeShare = useCallback(async () => {\n const nav = navigator as Navigator & {\n share?: (data: ShareData) => Promise<void>;\n canShare?: (data: ShareData) => boolean;\n };\n if (!(\"share\" in nav) || typeof nav.share !== \"function\") return;\n\n try {\n // If shareFile is provided, try to share as a file\n if (shareFile) {\n let blob: Blob;\n\n // Convert data URL to Blob if needed\n if (typeof shareFile === \"string\" && shareFile.startsWith(\"data:\")) {\n const response = await fetch(shareFile);\n blob = await response.blob();\n } else if (shareFile instanceof Blob) {\n blob = shareFile;\n } else {\n // Invalid shareFile, fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n return;\n }\n\n // Create a File from the Blob\n const file = new File([blob], shareFilename, { type: blob.type || \"image/png\" });\n\n // Check if file sharing is supported\n const shareData: ShareData = {\n files: [file],\n title: shareText,\n text: shareText,\n };\n\n if (nav.canShare && !nav.canShare(shareData)) {\n // File sharing not supported, fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n return;\n }\n\n await nav.share(shareData);\n onNativeShare?.();\n return;\n }\n\n // Fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n } catch {\n // user canceled or share failed -> ignore\n }\n }, [safeUrl, shareText, shareFile, shareFilename, onNativeShare]);\n\n const downloadFile = useCallback(async () => {\n const url = (downloadUrl ?? \"\").trim();\n if (!url) return;\n try {\n setDownloading(true);\n onDownload?.();\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Failed to fetch file (${res.status})`);\n const blob = await res.blob();\n const href = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = href;\n a.download = downloadFilename || \"download\";\n document.body.appendChild(a);\n a.click();\n a.remove();\n URL.revokeObjectURL(href);\n } catch {\n // ignore\n } finally {\n setDownloading(false);\n }\n }, [downloadUrl, downloadFilename, onDownload]);\n\n const shareWhatsApp = useCallback(() => {\n shareToWhatsApp(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareTelegram = useCallback(() => {\n shareToTelegram(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareX = useCallback(() => {\n shareToX(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareFacebook = useCallback(() => {\n shareToFacebook(safeUrl);\n }, [safeUrl]);\n\n const shareInstagram = useCallback(() => {\n openInstagram();\n }, []);\n\n const shareTikTok = useCallback(() => {\n openTikTok();\n }, []);\n\n const shareThreads = useCallback(() => {\n openThreads();\n }, []);\n\n const shareSnapchat = useCallback(() => {\n shareToSnapchat(safeUrl);\n }, [safeUrl]);\n\n const shareSMS = useCallback(() => {\n shareViaSMS(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareEmail = useCallback(() => {\n shareViaEmail(safeUrl, shareText, emailSubject);\n }, [safeUrl, shareText, emailSubject]);\n\n const shareLinkedIn = useCallback(() => {\n shareToLinkedIn(safeUrl);\n }, [safeUrl]);\n\n const shareReddit = useCallback(() => {\n shareToReddit(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n return {\n canNativeShare,\n copied,\n downloading,\n safeUrl,\n isMobile,\n platformAvailability,\n copyLink,\n nativeShare,\n downloadFile,\n shareWhatsApp,\n shareTelegram,\n shareX,\n shareFacebook,\n shareInstagram,\n shareTikTok,\n shareThreads,\n shareSnapchat,\n shareSMS,\n shareEmail,\n shareLinkedIn,\n shareReddit,\n };\n}\n\n/**\n * Hook to fetch OG (Open Graph) data from a URL.\n * Automatically fetches and caches OG metadata for link previews.\n */\nexport function useOGData(url: string | undefined): {\n ogData: OGData | null;\n loading: boolean;\n error: string | null;\n} {\n const [ogData, setOgData] = useState<OGData | null>(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n useEffect(() => {\n if (!url) {\n setOgData(null);\n setLoading(false);\n setError(null);\n return;\n }\n\n let cancelled = false;\n setLoading(true);\n setError(null);\n\n fetchOGData(url)\n .then((data) => {\n if (!cancelled) {\n setOgData(data);\n setLoading(false);\n }\n })\n .catch((err) => {\n if (!cancelled) {\n setError(err instanceof Error ? err.message : \"Failed to fetch OG data\");\n setLoading(false);\n }\n });\n\n return () => {\n cancelled = true;\n };\n }, [url]);\n\n return { ogData, loading, error };\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use useShareSheet instead */\nexport const useShareMenu = useShareSheet;\n/** @deprecated Use UseShareSheetOptions instead */\nexport type UseShareMenuOptions = UseShareSheetOptions;\n","// OG Data fetcher using Microlink API (free, no API key required)\n\nexport interface OGData {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n siteName?: string;\n}\n\nexport interface OGFetchResult {\n data: OGData | null;\n loading: boolean;\n error: string | null;\n}\n\n// Cache to avoid re-fetching the same URL\nconst ogCache = new Map<string, OGData>();\n\nexport async function fetchOGData(url: string): Promise<OGData | null> {\n // Check cache first\n if (ogCache.has(url)) {\n return ogCache.get(url)!;\n }\n\n try {\n // Use Microlink API to fetch OG data (free tier, no API key needed)\n const apiUrl = `https://api.microlink.io?url=${encodeURIComponent(url)}`;\n const response = await fetch(apiUrl);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch OG data: ${response.status}`);\n }\n\n const json = await response.json();\n \n if (json.status !== \"success\" || !json.data) {\n return null;\n }\n\n const { title, description, image, url: canonicalUrl, publisher } = json.data;\n\n const ogData: OGData = {\n title: title || undefined,\n description: description || undefined,\n image: image?.url || undefined,\n url: canonicalUrl || url,\n siteName: publisher || undefined,\n };\n\n // Cache the result\n ogCache.set(url, ogData);\n\n return ogData;\n } catch (error) {\n console.warn(\"[react-sharesheet] Failed to fetch OG data:\", error);\n return null;\n }\n}\n\n// Clear cache (useful for testing or forcing refresh)\nexport function clearOGCache(): void {\n ogCache.clear();\n}\n","import { \n openUrl, \n checkPlatformAvailability, \n warnUnavailablePlatform,\n} from \"./utils\";\n\nexport function shareToWhatsApp(url: string, text: string) {\n const encoded = encodeURIComponent(`${text}\\n${url}`);\n openUrl(`https://api.whatsapp.com/send?text=${encoded}`);\n}\n\nexport function shareToTelegram(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://t.me/share/url?url=${encodedUrl}&text=${encodedText}`);\n}\n\nexport function shareToX(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://x.com/intent/tweet?text=${encodedText}&url=${encodedUrl}`);\n}\n\nexport function shareToFacebook(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`);\n}\n\nexport function openInstagram() {\n const availability = checkPlatformAvailability(\"instagram\");\n if (!availability.available) {\n warnUnavailablePlatform(\"instagram\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"instagram://\";\n}\n\nexport function openTikTok() {\n const availability = checkPlatformAvailability(\"tiktok\");\n if (!availability.available) {\n warnUnavailablePlatform(\"tiktok\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"tiktok://\";\n}\n\nexport function openThreads() {\n const availability = checkPlatformAvailability(\"threads\");\n if (!availability.available) {\n warnUnavailablePlatform(\"threads\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"threads://\";\n}\n\nexport function shareToSnapchat(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.snapchat.com/scan?attachmentUrl=${encodedUrl}`);\n}\n\nexport function shareViaSMS(url: string, text: string) {\n const availability = checkPlatformAvailability(\"sms\");\n if (!availability.available) {\n warnUnavailablePlatform(\"sms\", availability.reason!);\n // Still attempt to open - it may work on some devices\n }\n const body = encodeURIComponent(`${text}\\n${url}`);\n window.location.href = `sms:?body=${body}`;\n}\n\nexport function shareViaEmail(url: string, text: string, subject = \"Share\") {\n const encodedSubject = encodeURIComponent(subject);\n const body = encodeURIComponent(`${text}\\n\\n${url}`);\n window.location.href = `mailto:?subject=${encodedSubject}&body=${body}`;\n}\n\nexport function shareToLinkedIn(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`);\n}\n\nexport function shareToReddit(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.reddit.com/submit?url=${encodedUrl}&title=${encodedText}`);\n}\n\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n LuDownload,\n LuLink,\n LuMail,\n LuMessageCircle,\n LuSend,\n} from \"react-icons/lu\";\nimport {\n FaFacebookF,\n FaInstagram,\n FaLinkedin,\n FaReddit,\n FaTelegramPlane,\n FaTiktok,\n FaWhatsapp,\n} from \"react-icons/fa\";\nimport { FaXTwitter, FaThreads, FaSnapchat } from \"react-icons/fa6\";\nimport type { ShareOption } from \"./types\";\n\n/** Platform color configuration */\nexport interface PlatformColor {\n /** Background color (hex) */\n bg: string;\n /** Text/icon color (hex) */\n text: string;\n}\n\n/** Platform configuration */\nexport interface PlatformConfig {\n /** Platform identifier */\n id: ShareOption;\n /** Display label */\n label: string;\n /** Colors */\n colors: PlatformColor;\n /** Icon component (accepts size prop) */\n Icon: (props: { size?: number; className?: string }) => ReactNode;\n /** CSS variable name for background */\n cssVar: string;\n}\n\n/** All platform IDs in default order */\nexport const PLATFORM_IDS: readonly ShareOption[] = [\n \"native\",\n \"copy\",\n \"download\",\n \"whatsapp\",\n \"telegram\",\n \"instagram\",\n \"facebook\",\n \"snapchat\",\n \"sms\",\n \"email\",\n \"linkedin\",\n \"reddit\",\n \"x\",\n \"tiktok\",\n \"threads\",\n] as const;\n\n/** Platform colors - hex values for each platform (SOURCE OF TRUTH) */\nexport const PLATFORM_COLORS: Record<ShareOption, PlatformColor> = {\n native: { bg: \"#7c3aed\", text: \"#ffffff\" },\n copy: { bg: \"#3b82f6\", text: \"#ffffff\" },\n download: { bg: \"#ef4444\", text: \"#ffffff\" },\n whatsapp: { bg: \"#25D366\", text: \"#ffffff\" },\n telegram: { bg: \"#229ED9\", text: \"#ffffff\" },\n instagram: { bg: \"#E1306C\", text: \"#ffffff\" },\n facebook: { bg: \"#1877F2\", text: \"#ffffff\" },\n snapchat: { bg: \"#FFFC00\", text: \"#000000\" },\n sms: { bg: \"#22c55e\", text: \"#ffffff\" },\n email: { bg: \"#f97316\", text: \"#ffffff\" },\n linkedin: { bg: \"#0A66C2\", text: \"#ffffff\" },\n reddit: { bg: \"#FF4500\", text: \"#ffffff\" },\n x: { bg: \"#000000\", text: \"#ffffff\" },\n tiktok: { bg: \"#000000\", text: \"#ffffff\" },\n threads: { bg: \"#000000\", text: \"#ffffff\" },\n} as const;\n\n/** Platform labels (SOURCE OF TRUTH) */\nexport const PLATFORM_LABELS: Record<ShareOption, string> = {\n native: \"Share…\",\n copy: \"Copy\",\n download: \"Download\",\n whatsapp: \"WhatsApp\",\n telegram: \"Telegram\",\n instagram: \"Instagram\",\n facebook: \"Facebook\",\n snapchat: \"Snapchat\",\n sms: \"SMS\",\n email: \"Email\",\n linkedin: \"LinkedIn\",\n reddit: \"Reddit\",\n x: \"X\",\n tiktok: \"TikTok\",\n threads: \"Threads\",\n} as const;\n\n/** Platform icons - React components (SOURCE OF TRUTH) */\nexport const PLATFORM_ICONS: Record<ShareOption, (props: { size?: number; className?: string }) => ReactNode> = {\n native: ({ size = 22, className }) => <LuSend size={size} className={className} />,\n copy: ({ size = 22, className }) => <LuLink size={size} className={className} />,\n download: ({ size = 22, className }) => <LuDownload size={size} className={className} />,\n whatsapp: ({ size = 22, className }) => <FaWhatsapp size={size} className={className} />,\n telegram: ({ size = 22, className }) => <FaTelegramPlane size={size} className={className} />,\n instagram: ({ size = 22, className }) => <FaInstagram size={size} className={className} />,\n facebook: ({ size = 22, className }) => <FaFacebookF size={size} className={className} />,\n snapchat: ({ size = 22, className }) => <FaSnapchat size={size} className={className} />,\n sms: ({ size = 22, className }) => <LuMessageCircle size={size} className={className} />,\n email: ({ size = 22, className }) => <LuMail size={size} className={className} />,\n linkedin: ({ size = 22, className }) => <FaLinkedin size={size} className={className} />,\n reddit: ({ size = 22, className }) => <FaReddit size={size} className={className} />,\n x: ({ size = 22, className }) => <FaXTwitter size={size} className={className} />,\n tiktok: ({ size = 22, className }) => <FaTiktok size={size} className={className} />,\n threads: ({ size = 22, className }) => <FaThreads size={size} className={className} />,\n} as const;\n\n/** CSS variable names for platform backgrounds */\nexport const PLATFORM_CSS_VARS: Record<ShareOption, string> = {\n native: \"--sharesheet-native-bg\",\n copy: \"--sharesheet-copy-bg\",\n download: \"--sharesheet-download-bg\",\n whatsapp: \"--sharesheet-whatsapp-bg\",\n telegram: \"--sharesheet-telegram-bg\",\n instagram: \"--sharesheet-instagram-bg\",\n facebook: \"--sharesheet-facebook-bg\",\n snapchat: \"--sharesheet-snapchat-bg\",\n sms: \"--sharesheet-sms-bg\",\n email: \"--sharesheet-email-bg\",\n linkedin: \"--sharesheet-linkedin-bg\",\n reddit: \"--sharesheet-reddit-bg\",\n x: \"--sharesheet-x-bg\",\n tiktok: \"--sharesheet-tiktok-bg\",\n threads: \"--sharesheet-threads-bg\",\n} as const;\n\n/** Full platform configurations */\nexport const PLATFORMS: Record<ShareOption, PlatformConfig> = Object.fromEntries(\n PLATFORM_IDS.map((id) => [\n id,\n {\n id,\n label: PLATFORM_LABELS[id],\n colors: PLATFORM_COLORS[id],\n Icon: PLATFORM_ICONS[id],\n cssVar: PLATFORM_CSS_VARS[id],\n },\n ])\n) as Record<ShareOption, PlatformConfig>;\n\n/** Get platform config by id */\nexport function getPlatform(id: ShareOption): PlatformConfig {\n return PLATFORMS[id];\n}\n\n/** Get all platform configs as array */\nexport function getAllPlatforms(): PlatformConfig[] {\n return PLATFORM_IDS.map((id) => PLATFORMS[id]);\n}\n\n/** Get platform color */\nexport function getPlatformColor(id: ShareOption): PlatformColor {\n return PLATFORM_COLORS[id];\n}\n\n/** Get platform icon component */\nexport function getPlatformIcon(id: ShareOption): (props: { size?: number; className?: string }) => ReactNode {\n return PLATFORM_ICONS[id];\n}\n\n/** Get platform label */\nexport function getPlatformLabel(id: ShareOption): string {\n return PLATFORM_LABELS[id];\n}\n\n/** Generate CSS variable defaults from platform colors */\nexport function generateCssVarDefaults(): Record<string, string> {\n const defaults: Record<string, string> = {};\n PLATFORM_IDS.forEach((id) => {\n defaults[PLATFORM_CSS_VARS[id]] = PLATFORM_COLORS[id].bg;\n });\n return defaults;\n}\n","import type { ReactNode } from \"react\";\n\n/** CSS variable names for UI elements (non-platform specific) */\nexport const CSS_VARS_UI = {\n // Drawer\n overlayBg: \"--sharesheet-overlay-bg\",\n drawerBg: \"--sharesheet-drawer-bg\",\n drawerBorder: \"--sharesheet-drawer-border\",\n handleBg: \"--sharesheet-handle-bg\",\n // Content\n titleColor: \"--sharesheet-title-color\",\n subtitleColor: \"--sharesheet-subtitle-color\",\n buttonLabelColor: \"--sharesheet-button-label-color\",\n // Preview\n previewBg: \"--sharesheet-preview-bg\",\n previewShimmer: \"--sharesheet-preview-shimmer\",\n} as const;\n\n/** Default values for UI CSS variables */\nexport const CSS_VAR_UI_DEFAULTS = {\n [CSS_VARS_UI.overlayBg]: \"rgba(0, 0, 0, 0.7)\",\n [CSS_VARS_UI.drawerBg]: \"#09090b\",\n [CSS_VARS_UI.drawerBorder]: \"#27272a\",\n [CSS_VARS_UI.handleBg]: \"rgba(255, 255, 255, 0.2)\",\n [CSS_VARS_UI.titleColor]: \"#ffffff\",\n [CSS_VARS_UI.subtitleColor]: \"#a1a1aa\",\n [CSS_VARS_UI.buttonLabelColor]: \"#ffffff\",\n [CSS_VARS_UI.previewBg]: \"rgba(255, 255, 255, 0.05)\",\n [CSS_VARS_UI.previewShimmer]: \"rgba(255, 255, 255, 0.1)\",\n} as const;\n\n/** Available share options */\nexport type ShareOption =\n | \"native\"\n | \"copy\"\n | \"download\"\n | \"whatsapp\"\n | \"telegram\"\n | \"instagram\"\n | \"facebook\"\n | \"snapchat\"\n | \"sms\"\n | \"email\"\n | \"linkedin\"\n | \"reddit\"\n | \"x\"\n | \"tiktok\"\n | \"threads\";\n\n/** Class name overrides for ShareSheetContent */\nexport interface ShareSheetContentClassNames {\n /** Root container */\n root?: string;\n /** Title container */\n header?: string;\n /** Main title text */\n title?: string;\n /** Subtitle/share text */\n subtitle?: string;\n /** Preview container */\n preview?: string;\n /** Preview skeleton/loading wrapper */\n previewSkeleton?: string;\n /** Preview image element */\n previewImage?: string;\n /** Preview video element */\n previewVideo?: string;\n /** Preview file/audio container */\n previewFile?: string;\n /** Preview file icon */\n previewFileIcon?: string;\n /** Preview filename text */\n previewFilename?: string;\n /** Preview link container */\n previewLink?: string;\n /** Buttons grid container */\n grid?: string;\n /** Individual button wrapper */\n button?: string;\n /** Button icon container */\n buttonIcon?: string;\n /** Button label text */\n buttonLabel?: string;\n}\n\n/** Class name overrides for ShareSheetDrawer */\nexport interface ShareSheetDrawerClassNames extends ShareSheetContentClassNames {\n /** Drawer overlay */\n overlay?: string;\n /** Drawer content panel */\n drawer?: string;\n /** Drawer inner content wrapper */\n drawerInner?: string;\n /** Drawer handle */\n handle?: string;\n /** Trigger wrapper */\n trigger?: string;\n}\n\nexport interface ShareSheetContentProps {\n /** Title displayed at the top of the sheet */\n title?: string;\n /** URL to share (OG preview will be fetched automatically) */\n shareUrl: string;\n /** Text to share alongside the URL */\n shareText: string;\n /** Optional URL for download functionality */\n downloadUrl?: string | null;\n /** Filename for downloaded file */\n downloadFilename?: string;\n /** Custom preview image URL (skips OG fetching if provided) */\n previewImage?: string | null;\n /** File to share via native share (data URL or Blob) - takes priority over URL sharing */\n shareFile?: string | Blob | null;\n /** Filename for the shared file */\n shareFilename?: string;\n /** Custom class name for the container (shorthand for classNames.root) */\n className?: string;\n /** Override class names for sub-components */\n classNames?: ShareSheetContentClassNames;\n /** Button size in pixels */\n buttonSize?: number;\n /** Icon size in pixels */\n iconSize?: number;\n /** Called when native share is triggered */\n onNativeShare?: () => void;\n /** Called when link is copied */\n onCopy?: () => void;\n /** Called when download starts */\n onDownload?: () => void;\n /** Called on every share option click, with the option id (analytics-friendly) */\n onShare?: (option: ShareOption) => void;\n /** Hide specific share options */\n hide?: ShareOption[];\n /** Show only these platforms, in this exact order */\n show?: ShareOption[];\n /** Custom labels for buttons */\n labels?: Partial<Record<ShareOption, string>>;\n /** Custom icons for buttons */\n icons?: Partial<Record<ShareOption, ReactNode>>;\n}\n\nexport interface ShareSheetDrawerProps extends ShareSheetContentProps {\n /** Whether the drawer is disabled */\n disabled?: boolean;\n /** Trigger element for the drawer */\n children: React.ReactNode;\n /** Controlled open state */\n open?: boolean;\n /** Callback when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Override class names for sub-components */\n classNames?: ShareSheetDrawerClassNames;\n}\n\n/** Share button configuration (internal) */\nexport interface ShareButtonConfig {\n id: ShareOption;\n label: string;\n icon: ReactNode;\n bgColor: string;\n textColor?: string;\n onClick: () => void;\n condition?: boolean;\n}\n\n/** Platform availability status */\nexport interface PlatformAvailability {\n /** Whether the platform is available on this device */\n available: boolean;\n /** Reason why platform is unavailable (if applicable) */\n reason?: string;\n}\n\n/** Return type of useShareSheet hook */\nexport interface UseShareSheetReturn {\n /** Whether the browser supports native share */\n canNativeShare: boolean;\n /** Whether the link was recently copied */\n copied: boolean;\n /** Whether a download is in progress */\n downloading: boolean;\n /** The safe URL (falls back to current page URL) */\n safeUrl: string;\n /** Whether the current device is mobile */\n isMobile: boolean;\n /** Availability status for each platform */\n platformAvailability: Record<ShareOption, PlatformAvailability>;\n /** Copy the share URL to clipboard */\n copyLink: () => Promise<void>;\n /** Trigger native share dialog */\n nativeShare: () => Promise<void>;\n /** Download the file from downloadUrl */\n downloadFile: () => Promise<void>;\n /** Share to WhatsApp */\n shareWhatsApp: () => void;\n /** Share to Telegram */\n shareTelegram: () => void;\n /** Share to X (Twitter) */\n shareX: () => void;\n /** Share to Facebook */\n shareFacebook: () => void;\n /** Open Instagram app (mobile only - will warn on desktop) */\n shareInstagram: () => void;\n /** Open TikTok app (mobile only - will warn on desktop) */\n shareTikTok: () => void;\n /** Open Threads app (mobile only - will warn on desktop) */\n shareThreads: () => void;\n /** Share to Snapchat */\n shareSnapchat: () => void;\n /** Share via SMS (mobile only - will warn on desktop) */\n shareSMS: () => void;\n /** Share via Email */\n shareEmail: () => void;\n /** Share to LinkedIn */\n shareLinkedIn: () => void;\n /** Share to Reddit */\n shareReddit: () => void;\n}\n\n// Legacy exports for backwards compatibility\n/** @deprecated Use CSS_VARS_UI instead */\nexport const CSS_VARS = CSS_VARS_UI;\n/** @deprecated Use CSS_VAR_UI_DEFAULTS instead */\nexport const CSS_VAR_DEFAULTS = CSS_VAR_UI_DEFAULTS;\n\n// Legacy type aliases for backwards compatibility\n/** @deprecated Use ShareSheetContentClassNames instead */\nexport type ShareMenuContentClassNames = ShareSheetContentClassNames;\n/** @deprecated Use ShareSheetDrawerClassNames instead */\nexport type ShareMenuDrawerClassNames = ShareSheetDrawerClassNames;\n/** @deprecated Use ShareSheetContentProps instead */\nexport type ShareMenuContentProps = ShareSheetContentProps;\n/** @deprecated Use ShareSheetDrawerProps instead */\nexport type ShareMenuDrawerProps = ShareSheetDrawerProps;\n/** @deprecated Use UseShareSheetReturn instead */\nexport type UseShareMenuReturn = UseShareSheetReturn;\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Drawer } from \"vaul\";\n\nimport { cn } from \"./utils\";\nimport { ShareSheetContent } from \"./ShareSheetContent\";\nimport { CSS_VARS_UI, CSS_VAR_UI_DEFAULTS, type ShareSheetDrawerProps } from \"./types\";\n\n// Default class names for drawer\nconst defaultDrawerClasses = {\n overlay: \"fixed inset-0 z-[70]\",\n drawer: \"flex flex-col rounded-t-[14px] max-h-[90%] fixed bottom-0 left-0 right-0 z-[80] border-t outline-none\",\n drawerInner: \"p-4 pb-8 rounded-t-[14px] overflow-auto\",\n handle: \"mx-auto w-12 h-1.5 shrink-0 rounded-full mb-6\",\n trigger: \"\",\n};\n\n// Helper to create var() with fallback\nfunction cssVar(name: string, fallback: string): string {\n return `var(${name}, ${fallback})`;\n}\n\n// Screen reader only styles (inline to avoid Tailwind dependency)\nconst srOnlyStyle: React.CSSProperties = {\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n padding: 0,\n margin: \"-1px\",\n overflow: \"hidden\",\n clip: \"rect(0, 0, 0, 0)\",\n whiteSpace: \"nowrap\",\n borderWidth: 0,\n};\n\nexport function ShareSheetDrawer({\n title = \"Share\",\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n previewImage,\n shareFile,\n shareFilename,\n disabled,\n children,\n open: controlledOpen,\n onOpenChange: controlledOnOpenChange,\n className,\n classNames = {},\n buttonSize,\n iconSize,\n onNativeShare,\n onCopy,\n onDownload,\n hide,\n show,\n labels,\n icons,\n}: ShareSheetDrawerProps) {\n const [internalOpen, setInternalOpen] = useState(false);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : internalOpen;\n const setOpen = isControlled\n ? (value: boolean) => controlledOnOpenChange?.(value)\n : setInternalOpen;\n\n return (\n <Drawer.Root open={open} onOpenChange={setOpen} shouldScaleBackground>\n <Drawer.Trigger asChild>\n <div\n className={cn(\n defaultDrawerClasses.trigger,\n classNames.trigger,\n disabled ? \"pointer-events-none opacity-50\" : \"\"\n )}\n >\n {children}\n </div>\n </Drawer.Trigger>\n <Drawer.Portal>\n <Drawer.Overlay\n className={cn(defaultDrawerClasses.overlay, classNames.overlay)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.overlayBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.overlayBg]),\n }}\n />\n <Drawer.Content\n className={cn(defaultDrawerClasses.drawer, classNames.drawer)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.drawerBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBg]),\n borderColor: cssVar(CSS_VARS_UI.drawerBorder, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBorder]),\n }}\n >\n <Drawer.Title style={srOnlyStyle}>{title}</Drawer.Title>\n <div\n className={cn(defaultDrawerClasses.drawerInner, classNames.drawerInner)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.drawerBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBg]),\n }}\n >\n <div\n className={cn(defaultDrawerClasses.handle, classNames.handle)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.handleBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.handleBg]),\n }}\n />\n\n <ShareSheetContent\n title={title}\n shareUrl={shareUrl}\n shareText={shareText}\n downloadUrl={downloadUrl}\n downloadFilename={downloadFilename}\n previewImage={previewImage}\n shareFile={shareFile}\n shareFilename={shareFilename}\n className={className}\n classNames={classNames}\n buttonSize={buttonSize}\n iconSize={iconSize}\n onNativeShare={() => {\n onNativeShare?.();\n setOpen(false);\n }}\n onCopy={onCopy}\n onDownload={onDownload}\n hide={hide}\n show={show}\n labels={labels}\n icons={icons}\n />\n </div>\n </Drawer.Content>\n </Drawer.Portal>\n </Drawer.Root>\n );\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use ShareSheetDrawer instead */\nexport const ShareMenuDrawer = ShareSheetDrawer;\n\n"],"mappings":"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","names":["import_react","import_lu","import_jsx_runtime","import_react","import_jsx_runtime","cssVar"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/ShareSheetContent.tsx","../src/utils.ts","../src/hooks.ts","../src/og-fetcher.ts","../src/share-functions.ts","../src/platforms.tsx","../src/types.ts","../src/ShareSheetDrawer.tsx"],"sourcesContent":["// Styled components\nexport { ShareSheetContent, ShareMenuContent } from \"./ShareSheetContent\";\nexport { ShareSheetDrawer, ShareMenuDrawer } from \"./ShareSheetDrawer\";\n\n// Headless hook\nexport { useShareSheet, useShareMenu, useOGData, type UseShareSheetOptions, type UseShareMenuOptions } from \"./hooks\";\n\n// OG Data fetcher\nexport { fetchOGData, clearOGCache, type OGData, type OGFetcher } from \"./og-fetcher\";\n\n// Types\nexport type {\n ShareSheetContentProps,\n ShareSheetDrawerProps,\n ShareSheetContentClassNames,\n ShareSheetDrawerClassNames,\n // Legacy types (deprecated)\n ShareMenuContentProps,\n ShareMenuDrawerProps,\n ShareMenuContentClassNames,\n ShareMenuDrawerClassNames,\n // Common types\n ShareOption,\n ShareButtonConfig,\n UseShareSheetReturn,\n UseShareMenuReturn,\n PlatformAvailability,\n} from \"./types\";\n\n// CSS Variables for UI (drawer, title, etc.)\nexport { CSS_VARS_UI, CSS_VAR_UI_DEFAULTS } from \"./types\";\n// Legacy exports (deprecated but kept for backwards compatibility)\nexport { CSS_VARS, CSS_VAR_DEFAULTS } from \"./types\";\n\n// Platform configs (colors, icons, labels) - SINGLE SOURCE OF TRUTH\nexport {\n PLATFORMS,\n PLATFORM_IDS,\n PLATFORM_COLORS,\n PLATFORM_ICONS,\n PLATFORM_LABELS,\n PLATFORM_CSS_VARS,\n getPlatform,\n getAllPlatforms,\n getPlatformColor,\n getPlatformIcon,\n getPlatformLabel,\n generateCssVarDefaults,\n type PlatformConfig,\n type PlatformColor,\n} from \"./platforms\";\n\n// Utility functions for custom implementations\nexport { \n cn, \n openUrl, \n getSafeUrl,\n // Device detection\n isMobileDevice,\n isIOSDevice,\n isAndroidDevice,\n // Platform availability\n checkPlatformAvailability,\n getAllPlatformAvailability,\n warnUnavailablePlatform,\n MOBILE_ONLY_PLATFORMS,\n MOBILE_PREFERRED_PLATFORMS,\n} from \"./utils\";\n\n// Individual share functions\nexport {\n shareToWhatsApp,\n shareToTelegram,\n shareToX,\n shareToFacebook,\n openInstagram,\n openTikTok,\n openThreads,\n shareToSnapchat,\n shareViaSMS,\n shareViaEmail,\n shareToLinkedIn,\n shareToReddit,\n} from \"./share-functions\";\n","\"use client\";\n\nimport { useMemo, useState, useCallback } from \"react\";\nimport { LuImage, LuLink2 } from \"react-icons/lu\";\nimport { cn } from \"./utils\";\nimport { useShareSheet, useOGData } from \"./hooks\";\nimport {\n PLATFORM_IDS,\n PLATFORM_COLORS,\n PLATFORM_LABELS,\n PLATFORM_ICONS,\n PLATFORM_CSS_VARS,\n} from \"./platforms\";\nimport {\n CSS_VARS_UI,\n CSS_VAR_UI_DEFAULTS,\n type ShareSheetContentProps,\n type ShareOption,\n type ShareButtonConfig,\n} from \"./types\";\n\nconst DEFAULT_BUTTON_SIZE = 45;\nconst DEFAULT_ICON_SIZE = 22;\n\n// Default class names\nconst defaultClasses = {\n root: \"max-w-md mx-auto\",\n header: \"text-center mb-2\",\n title: \"text-2xl font-black\",\n subtitle: \"mt-1 text-sm\",\n preview: \"flex justify-center my-4 px-4\",\n previewSkeleton: \"rounded-xl overflow-hidden\",\n previewImage: \"border border-white/10 rounded-xl\",\n previewMeta: \"\",\n grid: \"px-2 py-6 flex flex-row items-start gap-4 gap-y-6 flex-wrap justify-center\",\n button: \"flex flex-col items-center gap-0 text-xs w-[60px] outline-none cursor-pointer group\",\n buttonIcon: \"p-2 rounded-full transition-all flex items-center justify-center group-hover:scale-110 group-active:scale-95 mb-2\",\n buttonLabel: \"\",\n};\n\n// Shimmer and fade-in keyframes as inline style\nconst shimmerKeyframes = `\n@keyframes sharesheet-shimmer {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(100%); }\n}\n@keyframes sharesheet-fadein {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n.sharesheet-fadein {\n animation: sharesheet-fadein 0.3s ease-out forwards;\n}\n`;\n\n// Helper to create var() with fallback\nfunction cssVar(name: string, fallback: string): string {\n return `var(${name}, ${fallback})`;\n}\n\nexport function ShareSheetContent({\n title = \"Share\",\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n previewImage,\n fetchPreview,\n shareFile,\n shareFilename,\n className,\n classNames = {},\n buttonSize = DEFAULT_BUTTON_SIZE,\n iconSize = DEFAULT_ICON_SIZE,\n onNativeShare,\n onCopy,\n onShare,\n onDownload,\n hide = [],\n show,\n labels = {},\n icons = {},\n}: ShareSheetContentProps) {\n const [imageLoaded, setImageLoaded] = useState(false);\n const [imageError, setImageError] = useState(false);\n\n // Only look the link up when there is no previewImage and the caller opted in: the lookup\n // sends shareUrl somewhere else\n const { ogData, loading: ogLoading } = useOGData(previewImage || !fetchPreview ? undefined : shareUrl, fetchPreview);\n\n const handleImageLoad = useCallback(() => {\n setImageLoaded(true);\n }, []);\n\n const handleImageError = useCallback(() => {\n setImageError(true);\n }, []);\n\n const shareSheet = useShareSheet({\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n emailSubject: shareText,\n shareFile,\n shareFilename,\n onNativeShare,\n onCopy,\n onDownload,\n });\n\n // Map platform IDs to their share actions\n const shareActions: Record<ShareOption, () => void> = useMemo(() => ({\n native: () => void shareSheet.nativeShare(),\n copy: () => void shareSheet.copyLink(),\n download: () => void shareSheet.downloadFile(),\n whatsapp: shareSheet.shareWhatsApp,\n telegram: shareSheet.shareTelegram,\n instagram: shareSheet.shareInstagram,\n facebook: shareSheet.shareFacebook,\n snapchat: shareSheet.shareSnapchat,\n sms: shareSheet.shareSMS,\n email: shareSheet.shareEmail,\n linkedin: shareSheet.shareLinkedIn,\n reddit: shareSheet.shareReddit,\n x: shareSheet.shareX,\n tiktok: shareSheet.shareTikTok,\n threads: shareSheet.shareThreads,\n }), [shareSheet]);\n\n // Dynamic labels that depend on state\n const dynamicLabels: Partial<Record<ShareOption, string>> = useMemo(() => ({\n copy: shareSheet.copied ? \"Copied!\" : PLATFORM_LABELS.copy,\n download: shareSheet.downloading ? \"...\" : PLATFORM_LABELS.download,\n }), [shareSheet.copied, shareSheet.downloading]);\n\n // Build button configs from platform data\n const buttons: ShareButtonConfig[] = useMemo(() => {\n return PLATFORM_IDS.map((id) => {\n const Icon = PLATFORM_ICONS[id];\n const defaultLabel = dynamicLabels[id] ?? PLATFORM_LABELS[id];\n const availability = shareSheet.platformAvailability[id];\n \n // Determine if button should be shown based on various conditions\n let condition = true;\n if (id === \"native\") {\n condition = shareSheet.canNativeShare;\n } else if (id === \"download\") {\n condition = !!downloadUrl;\n } else if (!availability.available) {\n // Hide unavailable platforms (mobile-only on desktop)\n condition = false;\n }\n \n return {\n id,\n label: labels[id] ?? defaultLabel,\n icon: icons[id] ?? <Icon size={iconSize} />,\n // Use CSS var with fallback to platform color\n bgColor: cssVar(PLATFORM_CSS_VARS[id], PLATFORM_COLORS[id].bg),\n textColor: PLATFORM_COLORS[id].text,\n onClick: () => {\n onShare?.(id);\n shareActions[id]();\n },\n condition,\n };\n });\n }, [iconSize, labels, icons, dynamicLabels, shareActions, onShare, shareSheet.canNativeShare, shareSheet.platformAvailability, downloadUrl]);\n\n const visibleButtons = useMemo(() => {\n // If show is provided, use its order\n if (show && show.length > 0) {\n return show\n .map((id) => buttons.find((btn) => btn.id === id))\n .filter((btn): btn is NonNullable<typeof btn> => {\n if (!btn) return false;\n if (btn.condition === false) return false;\n if (hide.includes(btn.id)) return false;\n return true;\n });\n }\n \n // Otherwise use default order with hide filtering\n return buttons.filter((btn) => {\n if (btn.condition === false) return false;\n if (hide.includes(btn.id)) return false;\n return true;\n });\n }, [buttons, show, hide]);\n\n const bgColor = cssVar(CSS_VARS_UI.previewBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.previewBg]);\n const shimmerColor = cssVar(CSS_VARS_UI.previewShimmer, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.previewShimmer]);\n const textColor = cssVar(CSS_VARS_UI.subtitleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.subtitleColor]);\n\n // Render OG preview\n const renderPreview = () => {\n // Use previewImage if provided, otherwise use OG data\n const ogImage = previewImage || ogData?.image;\n const hasImage = ogImage && !imageError;\n const isLoading = !previewImage && ogLoading;\n\n // Loading state (only when fetching OG data, not when previewImage is provided)\n if (isLoading) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div style={{ position: \"absolute\", inset: 0, overflow: \"hidden\" }}>\n <div\n style={{\n position: \"absolute\",\n inset: 0,\n background: `linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,\n animation: \"sharesheet-shimmer 1.5s infinite\",\n }}\n />\n </div>\n <LuLink2 size={32} style={{ color: textColor, opacity: 0.4 }} />\n </div>\n </div>\n );\n }\n\n // No image available - show link placeholder (skip if previewImage was provided)\n if (!hasImage) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n alignItems: \"center\",\n justifyContent: \"center\",\n gap: \"8px\",\n padding: \"16px\",\n }}\n >\n <LuLink2 size={32} style={{ color: textColor, opacity: 0.4 }} />\n {ogData?.title && (\n <span \n style={{ \n color: textColor, \n fontSize: \"12px\", \n opacity: 0.6,\n textAlign: \"center\",\n maxWidth: \"280px\",\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n display: \"-webkit-box\",\n WebkitLineClamp: 2,\n WebkitBoxOrient: \"vertical\",\n }}\n >\n {ogData.title}\n </span>\n )}\n </div>\n </div>\n </div>\n );\n }\n\n // If previewImage is a data URL, show it directly (no preloading needed)\n const isDataUrl = typeof ogImage === \"string\" && ogImage.startsWith(\"data:\");\n if (isDataUrl) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt=\"Preview\"\n className={cn(defaultClasses.previewImage, classNames.previewImage)}\n style={{\n width: \"100%\",\n maxWidth: \"320px\",\n height: \"auto\",\n }}\n />\n </div>\n );\n }\n\n // Image loading state (for remote URLs)\n if (!imageLoaded) {\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n <div\n className={cn(defaultClasses.previewSkeleton, classNames.previewSkeleton)}\n style={{\n position: \"relative\",\n backgroundColor: bgColor,\n width: \"100%\",\n maxWidth: \"320px\",\n aspectRatio: \"1.91 / 1\",\n overflow: \"hidden\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n }}\n >\n <div style={{ position: \"absolute\", inset: 0, overflow: \"hidden\" }}>\n <div\n style={{\n position: \"absolute\",\n inset: 0,\n background: `linear-gradient(90deg, transparent, ${shimmerColor}, transparent)`,\n animation: \"sharesheet-shimmer 1.5s infinite\",\n }}\n />\n </div>\n <LuImage size={32} style={{ color: textColor, opacity: 0.4 }} />\n </div>\n {/* Hidden image for preloading */}\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt={ogData?.title || \"Preview\"}\n onLoad={handleImageLoad}\n onError={handleImageError}\n style={{ display: \"none\" }}\n />\n </div>\n );\n }\n\n // Image loaded - show it with fade-in\n return (\n <div style={{ display: \"flex\", flexDirection: \"column\", alignItems: \"center\", width: \"100%\" }}>\n {/* eslint-disable-next-line @next/next/no-img-element */}\n <img\n src={ogImage}\n alt={ogData?.title || \"Preview\"}\n className={cn(defaultClasses.previewImage, classNames.previewImage, \"sharesheet-fadein\")}\n style={{\n width: \"100%\",\n maxWidth: \"320px\",\n height: \"auto\",\n }}\n />\n </div>\n );\n };\n\n return (\n <div className={cn(defaultClasses.root, classNames.root, className)}>\n {/* Inject shimmer keyframes */}\n <style dangerouslySetInnerHTML={{ __html: shimmerKeyframes }} />\n\n <div className={cn(defaultClasses.header, classNames.header)}>\n <div\n className={cn(defaultClasses.title, classNames.title)}\n style={{ color: cssVar(CSS_VARS_UI.titleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.titleColor]) }}\n >\n {title}\n </div>\n <div\n className={cn(defaultClasses.subtitle, classNames.subtitle)}\n style={{ color: cssVar(CSS_VARS_UI.subtitleColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.subtitleColor]) }}\n >\n {shareText}\n </div>\n </div>\n\n {/* OG Preview - always shown */}\n <div className={cn(defaultClasses.preview, classNames.preview)}>\n {renderPreview()}\n </div>\n\n <div className={cn(defaultClasses.grid, classNames.grid)}>\n {visibleButtons.map((btn) => (\n <button\n key={btn.id}\n type=\"button\"\n className={cn(defaultClasses.button, classNames.button)}\n onClick={btn.onClick}\n >\n <div\n className={cn(defaultClasses.buttonIcon, classNames.buttonIcon)}\n style={{\n width: buttonSize,\n height: buttonSize,\n backgroundColor: btn.bgColor,\n color: btn.textColor,\n }}\n >\n {btn.icon}\n </div>\n <div\n className={cn(defaultClasses.buttonLabel, classNames.buttonLabel)}\n style={{ color: cssVar(CSS_VARS_UI.buttonLabelColor, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.buttonLabelColor]) }}\n >\n {btn.label}\n </div>\n </button>\n ))}\n </div>\n </div>\n );\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use ShareSheetContent instead */\nexport const ShareMenuContent = ShareSheetContent;\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { ShareOption, PlatformAvailability } from \"./types\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n\nexport function openUrl(url: string) {\n window.open(url, \"_blank\", \"noopener,noreferrer\");\n}\n\nexport function getSafeUrl(shareUrl: string): string {\n return shareUrl || (typeof window !== \"undefined\" ? window.location.href : \"\");\n}\n\n/**\n * Detect if the current device is a mobile device.\n * Uses user agent detection as the primary method.\n */\nexport function isMobileDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || navigator.vendor || \"\";\n \n // Check for mobile user agents\n const mobileRegex = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini|Mobile|mobile|CriOS/i;\n \n // Also check for touch capability as a secondary signal\n const hasTouch = typeof window !== \"undefined\" && (\n \"ontouchstart\" in window ||\n navigator.maxTouchPoints > 0\n );\n \n // User agent is more reliable than touch detection alone\n // (many desktop browsers support touch)\n return mobileRegex.test(userAgent);\n}\n\n/**\n * Detect if the current device is iOS\n */\nexport function isIOSDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || \"\";\n return /iPhone|iPad|iPod/i.test(userAgent);\n}\n\n/**\n * Detect if the current device is Android\n */\nexport function isAndroidDevice(): boolean {\n if (typeof navigator === \"undefined\") return false;\n \n const userAgent = navigator.userAgent || \"\";\n return /Android/i.test(userAgent);\n}\n\n/** Platforms that require mobile devices (deep links / URL schemes) */\nexport const MOBILE_ONLY_PLATFORMS: readonly ShareOption[] = [\n \"instagram\",\n \"tiktok\", \n \"threads\",\n \"sms\",\n] as const;\n\n/** Platforms that work better on mobile but may partially work on desktop */\nexport const MOBILE_PREFERRED_PLATFORMS: readonly ShareOption[] = [\n \"snapchat\",\n \"whatsapp\",\n] as const;\n\n/**\n * Check if a share platform is available on the current device.\n * Returns availability status and reason if unavailable.\n */\nexport function checkPlatformAvailability(platform: ShareOption): PlatformAvailability {\n const isMobile = isMobileDevice();\n \n // Deep link platforms - require mobile device\n if (MOBILE_ONLY_PLATFORMS.includes(platform)) {\n if (!isMobile) {\n return {\n available: false,\n reason: `${platform} requires a mobile device with the app installed`,\n };\n }\n }\n \n // SMS - requires mobile or device with SMS capability\n if (platform === \"sms\" && !isMobile) {\n return {\n available: false,\n reason: \"SMS sharing requires a mobile device\",\n };\n }\n \n // Native share - check browser support\n if (platform === \"native\") {\n const canShare = typeof navigator !== \"undefined\" && \"share\" in navigator;\n if (!canShare) {\n return {\n available: false,\n reason: \"Native share is not supported by this browser\",\n };\n }\n }\n \n return { available: true };\n}\n\n/**\n * Get availability status for all platforms.\n */\nexport function getAllPlatformAvailability(): Record<ShareOption, PlatformAvailability> {\n const platforms: ShareOption[] = [\n \"native\", \"copy\", \"download\", \"whatsapp\", \"telegram\",\n \"instagram\", \"facebook\", \"snapchat\", \"sms\", \"email\",\n \"linkedin\", \"reddit\", \"x\", \"tiktok\", \"threads\",\n ];\n \n const result: Partial<Record<ShareOption, PlatformAvailability>> = {};\n for (const platform of platforms) {\n result[platform] = checkPlatformAvailability(platform);\n }\n \n return result as Record<ShareOption, PlatformAvailability>;\n}\n\n/**\n * Log a warning to console when a platform is not available.\n */\nexport function warnUnavailablePlatform(platform: ShareOption, reason: string): void {\n console.warn(\n `[react-sharesheet] ${platform} sharing is not available: ${reason}. ` +\n `This share option may not work correctly on this device.`\n );\n}\n\n","\"use client\";\n\nimport { useMemo, useState, useCallback, useEffect, useRef } from \"react\";\nimport { getSafeUrl, isMobileDevice, getAllPlatformAvailability } from \"./utils\";\nimport { fetchOGData, type OGData, type OGFetcher } from \"./og-fetcher\";\nimport {\n shareToWhatsApp,\n shareToTelegram,\n shareToX,\n shareToFacebook,\n openInstagram,\n openTikTok,\n openThreads,\n shareToSnapchat,\n shareViaSMS,\n shareViaEmail,\n shareToLinkedIn,\n shareToReddit,\n} from \"./share-functions\";\nimport type { UseShareSheetReturn, PlatformAvailability, ShareOption } from \"./types\";\n\n// Default platform availability (assumes desktop/all platforms available)\n// This is used for SSR to avoid hydration mismatch\nconst DEFAULT_PLATFORM_AVAILABILITY: Record<ShareOption, PlatformAvailability> = {\n native: { available: true },\n copy: { available: true },\n download: { available: true },\n whatsapp: { available: true },\n telegram: { available: true },\n instagram: { available: true },\n facebook: { available: true },\n snapchat: { available: true },\n sms: { available: true },\n email: { available: true },\n linkedin: { available: true },\n reddit: { available: true },\n x: { available: true },\n tiktok: { available: true },\n threads: { available: true },\n};\n\nexport interface UseShareSheetOptions {\n /** URL to share */\n shareUrl: string;\n /** Text to share */\n shareText: string;\n /** Download URL (optional) */\n downloadUrl?: string | null;\n /** Download filename (optional) */\n downloadFilename?: string;\n /** Email subject (optional) */\n emailSubject?: string;\n /** File to share via native share (data URL or Blob) - takes priority over URL sharing */\n shareFile?: string | Blob | null;\n /** Filename for the shared file */\n shareFilename?: string;\n /** Callback after native share */\n onNativeShare?: () => void;\n /** Callback after copy */\n onCopy?: () => void;\n /** Callback after download starts */\n onDownload?: () => void;\n}\n\n/**\n * Headless hook for share sheet functionality.\n * Use this to build your own custom share UI.\n */\nexport function useShareSheet({\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n emailSubject = \"Share\",\n shareFile,\n shareFilename = \"share.png\",\n onNativeShare,\n onCopy,\n onDownload,\n}: UseShareSheetOptions): UseShareSheetReturn {\n const [copied, setCopied] = useState(false);\n const [downloading, setDownloading] = useState(false);\n\n // Use state for values that depend on browser APIs to avoid hydration mismatch\n // Initial values match what server renders (conservative defaults)\n const [canNativeShare, setCanNativeShare] = useState(false);\n const [isMobile, setIsMobile] = useState(false);\n const [platformAvailability, setPlatformAvailability] = useState<Record<ShareOption, PlatformAvailability>>(\n DEFAULT_PLATFORM_AVAILABILITY\n );\n\n // Detect browser capabilities after mount (client-side only)\n useEffect(() => {\n setCanNativeShare(typeof navigator !== \"undefined\" && \"share\" in navigator);\n setIsMobile(isMobileDevice());\n setPlatformAvailability(getAllPlatformAvailability());\n }, []);\n\n const safeUrl = getSafeUrl(shareUrl);\n\n const copyLink = useCallback(async () => {\n if (!safeUrl) return;\n try {\n await navigator.clipboard.writeText(safeUrl);\n setCopied(true);\n onCopy?.();\n setTimeout(() => setCopied(false), 1200);\n } catch {\n // ignore\n }\n }, [safeUrl, onCopy]);\n\n const nativeShare = useCallback(async () => {\n const nav = navigator as Navigator & {\n share?: (data: ShareData) => Promise<void>;\n canShare?: (data: ShareData) => boolean;\n };\n if (!(\"share\" in nav) || typeof nav.share !== \"function\") return;\n\n try {\n // If shareFile is provided, try to share as a file\n if (shareFile) {\n let blob: Blob;\n\n // Convert data URL to Blob if needed\n if (typeof shareFile === \"string\" && shareFile.startsWith(\"data:\")) {\n const response = await fetch(shareFile);\n blob = await response.blob();\n } else if (shareFile instanceof Blob) {\n blob = shareFile;\n } else {\n // Invalid shareFile, fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n return;\n }\n\n // Create a File from the Blob\n const file = new File([blob], shareFilename, { type: blob.type || \"image/png\" });\n\n // Check if file sharing is supported\n const shareData: ShareData = {\n files: [file],\n title: shareText,\n text: shareText,\n };\n\n if (nav.canShare && !nav.canShare(shareData)) {\n // File sharing not supported, fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n return;\n }\n\n await nav.share(shareData);\n onNativeShare?.();\n return;\n }\n\n // Fall back to URL sharing\n if (!safeUrl) return;\n await nav.share({\n title: shareText,\n text: shareText,\n url: safeUrl,\n });\n onNativeShare?.();\n } catch {\n // user canceled or share failed -> ignore\n }\n }, [safeUrl, shareText, shareFile, shareFilename, onNativeShare]);\n\n const downloadFile = useCallback(async () => {\n const url = (downloadUrl ?? \"\").trim();\n if (!url) return;\n try {\n setDownloading(true);\n onDownload?.();\n const res = await fetch(url);\n if (!res.ok) throw new Error(`Failed to fetch file (${res.status})`);\n const blob = await res.blob();\n const href = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = href;\n a.download = downloadFilename || \"download\";\n document.body.appendChild(a);\n a.click();\n a.remove();\n URL.revokeObjectURL(href);\n } catch {\n // ignore\n } finally {\n setDownloading(false);\n }\n }, [downloadUrl, downloadFilename, onDownload]);\n\n const shareWhatsApp = useCallback(() => {\n shareToWhatsApp(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareTelegram = useCallback(() => {\n shareToTelegram(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareX = useCallback(() => {\n shareToX(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareFacebook = useCallback(() => {\n shareToFacebook(safeUrl);\n }, [safeUrl]);\n\n const shareInstagram = useCallback(() => {\n openInstagram();\n }, []);\n\n const shareTikTok = useCallback(() => {\n openTikTok();\n }, []);\n\n const shareThreads = useCallback(() => {\n openThreads();\n }, []);\n\n const shareSnapchat = useCallback(() => {\n shareToSnapchat(safeUrl);\n }, [safeUrl]);\n\n const shareSMS = useCallback(() => {\n shareViaSMS(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n const shareEmail = useCallback(() => {\n shareViaEmail(safeUrl, shareText, emailSubject);\n }, [safeUrl, shareText, emailSubject]);\n\n const shareLinkedIn = useCallback(() => {\n shareToLinkedIn(safeUrl);\n }, [safeUrl]);\n\n const shareReddit = useCallback(() => {\n shareToReddit(safeUrl, shareText);\n }, [safeUrl, shareText]);\n\n return {\n canNativeShare,\n copied,\n downloading,\n safeUrl,\n isMobile,\n platformAvailability,\n copyLink,\n nativeShare,\n downloadFile,\n shareWhatsApp,\n shareTelegram,\n shareX,\n shareFacebook,\n shareInstagram,\n shareTikTok,\n shareThreads,\n shareSnapchat,\n shareSMS,\n shareEmail,\n shareLinkedIn,\n shareReddit,\n };\n}\n\n/**\n * Hook to fetch OG (Open Graph) data from a URL.\n * Fetches with `fetcher`, the Microlink lookup (`fetchOGData`, cached) unless another is given:\n * calling this hook is the opt-in, since the lookup sends `url` to a third party.\n */\nexport function useOGData(url: string | undefined, fetcher: OGFetcher = fetchOGData): {\n ogData: OGData | null;\n loading: boolean;\n error: string | null;\n} {\n const [ogData, setOgData] = useState<OGData | null>(null);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n // Read at fetch time, so an inline fetcher does not refetch on every render\n // (this effect runs before the one below in the same commit)\n const fetcherRef = useRef(fetcher);\n useEffect(() => {\n fetcherRef.current = fetcher;\n });\n\n useEffect(() => {\n if (!url) {\n setOgData(null);\n setLoading(false);\n setError(null);\n return;\n }\n\n let cancelled = false;\n setLoading(true);\n setError(null);\n\n fetcherRef.current(url)\n .then((data) => {\n if (!cancelled) {\n setOgData(data);\n setLoading(false);\n }\n })\n .catch((err) => {\n if (!cancelled) {\n setError(err instanceof Error ? err.message : \"Failed to fetch OG data\");\n setLoading(false);\n }\n });\n\n return () => {\n cancelled = true;\n };\n }, [url]);\n\n return { ogData, loading, error };\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use useShareSheet instead */\nexport const useShareMenu = useShareSheet;\n/** @deprecated Use UseShareSheetOptions instead */\nexport type UseShareMenuOptions = UseShareSheetOptions;\n","// OG data fetcher using the Microlink API (free, no API key required).\n// The sheet never calls it on its own: a caller opts in with `fetchPreview={fetchOGData}`,\n// because the lookup sends the shared link to a third party.\n\nexport interface OGData {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n siteName?: string;\n}\n\n/** Looks up a link's card. Resolves to null when there is none. */\nexport type OGFetcher = (url: string) => Promise<OGData | null>;\n\nexport interface OGFetchResult {\n data: OGData | null;\n loading: boolean;\n error: string | null;\n}\n\n// Cache to avoid re-fetching the same URL\nconst ogCache = new Map<string, OGData>();\n\nexport async function fetchOGData(url: string): Promise<OGData | null> {\n // Check cache first\n if (ogCache.has(url)) {\n return ogCache.get(url)!;\n }\n\n try {\n // Use Microlink API to fetch OG data (free tier, no API key needed)\n const apiUrl = `https://api.microlink.io?url=${encodeURIComponent(url)}`;\n const response = await fetch(apiUrl);\n \n if (!response.ok) {\n throw new Error(`Failed to fetch OG data: ${response.status}`);\n }\n\n const json = await response.json();\n \n if (json.status !== \"success\" || !json.data) {\n return null;\n }\n\n const { title, description, image, url: canonicalUrl, publisher } = json.data;\n\n const ogData: OGData = {\n title: title || undefined,\n description: description || undefined,\n image: image?.url || undefined,\n url: canonicalUrl || url,\n siteName: publisher || undefined,\n };\n\n // Cache the result\n ogCache.set(url, ogData);\n\n return ogData;\n } catch (error) {\n console.warn(\"[react-sharesheet] Failed to fetch OG data:\", error);\n return null;\n }\n}\n\n// Clear cache (useful for testing or forcing refresh)\nexport function clearOGCache(): void {\n ogCache.clear();\n}\n","import { \n openUrl, \n checkPlatformAvailability, \n warnUnavailablePlatform,\n} from \"./utils\";\n\nexport function shareToWhatsApp(url: string, text: string) {\n const encoded = encodeURIComponent(`${text}\\n${url}`);\n openUrl(`https://api.whatsapp.com/send?text=${encoded}`);\n}\n\nexport function shareToTelegram(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://t.me/share/url?url=${encodedUrl}&text=${encodedText}`);\n}\n\nexport function shareToX(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://x.com/intent/tweet?text=${encodedText}&url=${encodedUrl}`);\n}\n\nexport function shareToFacebook(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.facebook.com/sharer/sharer.php?u=${encodedUrl}`);\n}\n\nexport function openInstagram() {\n const availability = checkPlatformAvailability(\"instagram\");\n if (!availability.available) {\n warnUnavailablePlatform(\"instagram\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"instagram://\";\n}\n\nexport function openTikTok() {\n const availability = checkPlatformAvailability(\"tiktok\");\n if (!availability.available) {\n warnUnavailablePlatform(\"tiktok\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"tiktok://\";\n}\n\nexport function openThreads() {\n const availability = checkPlatformAvailability(\"threads\");\n if (!availability.available) {\n warnUnavailablePlatform(\"threads\", availability.reason!);\n // Still attempt to open - it may work on some desktop browsers with app installed\n }\n window.location.href = \"threads://\";\n}\n\nexport function shareToSnapchat(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.snapchat.com/scan?attachmentUrl=${encodedUrl}`);\n}\n\nexport function shareViaSMS(url: string, text: string) {\n const availability = checkPlatformAvailability(\"sms\");\n if (!availability.available) {\n warnUnavailablePlatform(\"sms\", availability.reason!);\n // Still attempt to open - it may work on some devices\n }\n const body = encodeURIComponent(`${text}\\n${url}`);\n window.location.href = `sms:?body=${body}`;\n}\n\nexport function shareViaEmail(url: string, text: string, subject = \"Share\") {\n const encodedSubject = encodeURIComponent(subject);\n const body = encodeURIComponent(`${text}\\n\\n${url}`);\n window.location.href = `mailto:?subject=${encodedSubject}&body=${body}`;\n}\n\nexport function shareToLinkedIn(url: string) {\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.linkedin.com/sharing/share-offsite/?url=${encodedUrl}`);\n}\n\nexport function shareToReddit(url: string, text: string) {\n const encodedText = encodeURIComponent(text);\n const encodedUrl = encodeURIComponent(url);\n openUrl(`https://www.reddit.com/submit?url=${encodedUrl}&title=${encodedText}`);\n}\n\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\nimport {\n LuDownload,\n LuLink,\n LuMail,\n LuMessageCircle,\n LuSend,\n} from \"react-icons/lu\";\nimport {\n FaFacebookF,\n FaInstagram,\n FaLinkedin,\n FaReddit,\n FaTelegramPlane,\n FaTiktok,\n FaWhatsapp,\n} from \"react-icons/fa\";\nimport { FaXTwitter, FaThreads, FaSnapchat } from \"react-icons/fa6\";\nimport type { ShareOption } from \"./types\";\n\n/** Platform color configuration */\nexport interface PlatformColor {\n /** Background color (hex) */\n bg: string;\n /** Text/icon color (hex) */\n text: string;\n}\n\n/** Platform configuration */\nexport interface PlatformConfig {\n /** Platform identifier */\n id: ShareOption;\n /** Display label */\n label: string;\n /** Colors */\n colors: PlatformColor;\n /** Icon component (accepts size prop) */\n Icon: (props: { size?: number; className?: string }) => ReactNode;\n /** CSS variable name for background */\n cssVar: string;\n}\n\n/** All platform IDs in default order */\nexport const PLATFORM_IDS: readonly ShareOption[] = [\n \"native\",\n \"copy\",\n \"download\",\n \"whatsapp\",\n \"telegram\",\n \"instagram\",\n \"facebook\",\n \"snapchat\",\n \"sms\",\n \"email\",\n \"linkedin\",\n \"reddit\",\n \"x\",\n \"tiktok\",\n \"threads\",\n] as const;\n\n/** Platform colors - hex values for each platform (SOURCE OF TRUTH) */\nexport const PLATFORM_COLORS: Record<ShareOption, PlatformColor> = {\n native: { bg: \"#7c3aed\", text: \"#ffffff\" },\n copy: { bg: \"#3b82f6\", text: \"#ffffff\" },\n download: { bg: \"#ef4444\", text: \"#ffffff\" },\n whatsapp: { bg: \"#25D366\", text: \"#ffffff\" },\n telegram: { bg: \"#229ED9\", text: \"#ffffff\" },\n instagram: { bg: \"#E1306C\", text: \"#ffffff\" },\n facebook: { bg: \"#1877F2\", text: \"#ffffff\" },\n snapchat: { bg: \"#FFFC00\", text: \"#000000\" },\n sms: { bg: \"#22c55e\", text: \"#ffffff\" },\n email: { bg: \"#f97316\", text: \"#ffffff\" },\n linkedin: { bg: \"#0A66C2\", text: \"#ffffff\" },\n reddit: { bg: \"#FF4500\", text: \"#ffffff\" },\n x: { bg: \"#000000\", text: \"#ffffff\" },\n tiktok: { bg: \"#000000\", text: \"#ffffff\" },\n threads: { bg: \"#000000\", text: \"#ffffff\" },\n} as const;\n\n/** Platform labels (SOURCE OF TRUTH) */\nexport const PLATFORM_LABELS: Record<ShareOption, string> = {\n native: \"Share…\",\n copy: \"Copy\",\n download: \"Download\",\n whatsapp: \"WhatsApp\",\n telegram: \"Telegram\",\n instagram: \"Instagram\",\n facebook: \"Facebook\",\n snapchat: \"Snapchat\",\n sms: \"SMS\",\n email: \"Email\",\n linkedin: \"LinkedIn\",\n reddit: \"Reddit\",\n x: \"X\",\n tiktok: \"TikTok\",\n threads: \"Threads\",\n} as const;\n\n/** Platform icons - React components (SOURCE OF TRUTH) */\nexport const PLATFORM_ICONS: Record<ShareOption, (props: { size?: number; className?: string }) => ReactNode> = {\n native: ({ size = 22, className }) => <LuSend size={size} className={className} />,\n copy: ({ size = 22, className }) => <LuLink size={size} className={className} />,\n download: ({ size = 22, className }) => <LuDownload size={size} className={className} />,\n whatsapp: ({ size = 22, className }) => <FaWhatsapp size={size} className={className} />,\n telegram: ({ size = 22, className }) => <FaTelegramPlane size={size} className={className} />,\n instagram: ({ size = 22, className }) => <FaInstagram size={size} className={className} />,\n facebook: ({ size = 22, className }) => <FaFacebookF size={size} className={className} />,\n snapchat: ({ size = 22, className }) => <FaSnapchat size={size} className={className} />,\n sms: ({ size = 22, className }) => <LuMessageCircle size={size} className={className} />,\n email: ({ size = 22, className }) => <LuMail size={size} className={className} />,\n linkedin: ({ size = 22, className }) => <FaLinkedin size={size} className={className} />,\n reddit: ({ size = 22, className }) => <FaReddit size={size} className={className} />,\n x: ({ size = 22, className }) => <FaXTwitter size={size} className={className} />,\n tiktok: ({ size = 22, className }) => <FaTiktok size={size} className={className} />,\n threads: ({ size = 22, className }) => <FaThreads size={size} className={className} />,\n} as const;\n\n/** CSS variable names for platform backgrounds */\nexport const PLATFORM_CSS_VARS: Record<ShareOption, string> = {\n native: \"--sharesheet-native-bg\",\n copy: \"--sharesheet-copy-bg\",\n download: \"--sharesheet-download-bg\",\n whatsapp: \"--sharesheet-whatsapp-bg\",\n telegram: \"--sharesheet-telegram-bg\",\n instagram: \"--sharesheet-instagram-bg\",\n facebook: \"--sharesheet-facebook-bg\",\n snapchat: \"--sharesheet-snapchat-bg\",\n sms: \"--sharesheet-sms-bg\",\n email: \"--sharesheet-email-bg\",\n linkedin: \"--sharesheet-linkedin-bg\",\n reddit: \"--sharesheet-reddit-bg\",\n x: \"--sharesheet-x-bg\",\n tiktok: \"--sharesheet-tiktok-bg\",\n threads: \"--sharesheet-threads-bg\",\n} as const;\n\n/** Full platform configurations */\nexport const PLATFORMS: Record<ShareOption, PlatformConfig> = Object.fromEntries(\n PLATFORM_IDS.map((id) => [\n id,\n {\n id,\n label: PLATFORM_LABELS[id],\n colors: PLATFORM_COLORS[id],\n Icon: PLATFORM_ICONS[id],\n cssVar: PLATFORM_CSS_VARS[id],\n },\n ])\n) as Record<ShareOption, PlatformConfig>;\n\n/** Get platform config by id */\nexport function getPlatform(id: ShareOption): PlatformConfig {\n return PLATFORMS[id];\n}\n\n/** Get all platform configs as array */\nexport function getAllPlatforms(): PlatformConfig[] {\n return PLATFORM_IDS.map((id) => PLATFORMS[id]);\n}\n\n/** Get platform color */\nexport function getPlatformColor(id: ShareOption): PlatformColor {\n return PLATFORM_COLORS[id];\n}\n\n/** Get platform icon component */\nexport function getPlatformIcon(id: ShareOption): (props: { size?: number; className?: string }) => ReactNode {\n return PLATFORM_ICONS[id];\n}\n\n/** Get platform label */\nexport function getPlatformLabel(id: ShareOption): string {\n return PLATFORM_LABELS[id];\n}\n\n/** Generate CSS variable defaults from platform colors */\nexport function generateCssVarDefaults(): Record<string, string> {\n const defaults: Record<string, string> = {};\n PLATFORM_IDS.forEach((id) => {\n defaults[PLATFORM_CSS_VARS[id]] = PLATFORM_COLORS[id].bg;\n });\n return defaults;\n}\n","import type { ReactNode } from \"react\";\nimport type { OGFetcher } from \"./og-fetcher\";\n\n/** CSS variable names for UI elements (non-platform specific) */\nexport const CSS_VARS_UI = {\n // Drawer\n overlayBg: \"--sharesheet-overlay-bg\",\n drawerBg: \"--sharesheet-drawer-bg\",\n drawerBorder: \"--sharesheet-drawer-border\",\n handleBg: \"--sharesheet-handle-bg\",\n // Content\n titleColor: \"--sharesheet-title-color\",\n subtitleColor: \"--sharesheet-subtitle-color\",\n buttonLabelColor: \"--sharesheet-button-label-color\",\n // Preview\n previewBg: \"--sharesheet-preview-bg\",\n previewShimmer: \"--sharesheet-preview-shimmer\",\n} as const;\n\n/** Default values for UI CSS variables */\nexport const CSS_VAR_UI_DEFAULTS = {\n [CSS_VARS_UI.overlayBg]: \"rgba(0, 0, 0, 0.7)\",\n [CSS_VARS_UI.drawerBg]: \"#09090b\",\n [CSS_VARS_UI.drawerBorder]: \"#27272a\",\n [CSS_VARS_UI.handleBg]: \"rgba(255, 255, 255, 0.2)\",\n [CSS_VARS_UI.titleColor]: \"#ffffff\",\n [CSS_VARS_UI.subtitleColor]: \"#a1a1aa\",\n [CSS_VARS_UI.buttonLabelColor]: \"#ffffff\",\n [CSS_VARS_UI.previewBg]: \"rgba(255, 255, 255, 0.05)\",\n [CSS_VARS_UI.previewShimmer]: \"rgba(255, 255, 255, 0.1)\",\n} as const;\n\n/** Available share options */\nexport type ShareOption =\n | \"native\"\n | \"copy\"\n | \"download\"\n | \"whatsapp\"\n | \"telegram\"\n | \"instagram\"\n | \"facebook\"\n | \"snapchat\"\n | \"sms\"\n | \"email\"\n | \"linkedin\"\n | \"reddit\"\n | \"x\"\n | \"tiktok\"\n | \"threads\";\n\n/** Class name overrides for ShareSheetContent */\nexport interface ShareSheetContentClassNames {\n /** Root container */\n root?: string;\n /** Title container */\n header?: string;\n /** Main title text */\n title?: string;\n /** Subtitle/share text */\n subtitle?: string;\n /** Preview container */\n preview?: string;\n /** Preview skeleton/loading wrapper */\n previewSkeleton?: string;\n /** Preview image element */\n previewImage?: string;\n /** Preview video element */\n previewVideo?: string;\n /** Preview file/audio container */\n previewFile?: string;\n /** Preview file icon */\n previewFileIcon?: string;\n /** Preview filename text */\n previewFilename?: string;\n /** Preview link container */\n previewLink?: string;\n /** Buttons grid container */\n grid?: string;\n /** Individual button wrapper */\n button?: string;\n /** Button icon container */\n buttonIcon?: string;\n /** Button label text */\n buttonLabel?: string;\n}\n\n/** Class name overrides for ShareSheetDrawer */\nexport interface ShareSheetDrawerClassNames extends ShareSheetContentClassNames {\n /** Drawer overlay */\n overlay?: string;\n /** Drawer content panel */\n drawer?: string;\n /** Drawer inner content wrapper */\n drawerInner?: string;\n /** Drawer handle */\n handle?: string;\n /** Trigger wrapper */\n trigger?: string;\n}\n\nexport interface ShareSheetContentProps {\n /** Title displayed at the top of the sheet */\n title?: string;\n /** URL to share */\n shareUrl: string;\n /** Text to share alongside the URL */\n shareText: string;\n /** Optional URL for download functionality */\n downloadUrl?: string | null;\n /** Filename for downloaded file */\n downloadFilename?: string;\n /** Custom preview image URL (skips OG fetching if provided) */\n previewImage?: string | null;\n /**\n * Looks up the link's card when there is no `previewImage`. Unset (the default), no request\n * leaves the page and the sheet shows a link placeholder. Pass `fetchOGData` for the Microlink\n * lookup the sheet made by itself before 1.10.0: it sends `shareUrl` to api.microlink.io.\n */\n fetchPreview?: OGFetcher;\n /** File to share via native share (data URL or Blob) - takes priority over URL sharing */\n shareFile?: string | Blob | null;\n /** Filename for the shared file */\n shareFilename?: string;\n /** Custom class name for the container (shorthand for classNames.root) */\n className?: string;\n /** Override class names for sub-components */\n classNames?: ShareSheetContentClassNames;\n /** Button size in pixels */\n buttonSize?: number;\n /** Icon size in pixels */\n iconSize?: number;\n /** Called when native share is triggered */\n onNativeShare?: () => void;\n /** Called when link is copied */\n onCopy?: () => void;\n /** Called when download starts */\n onDownload?: () => void;\n /** Called on every share option click, with the option id (analytics-friendly) */\n onShare?: (option: ShareOption) => void;\n /** Hide specific share options */\n hide?: ShareOption[];\n /** Show only these platforms, in this exact order */\n show?: ShareOption[];\n /** Custom labels for buttons */\n labels?: Partial<Record<ShareOption, string>>;\n /** Custom icons for buttons */\n icons?: Partial<Record<ShareOption, ReactNode>>;\n}\n\nexport interface ShareSheetDrawerProps extends ShareSheetContentProps {\n /** Whether the drawer is disabled */\n disabled?: boolean;\n /** Trigger element for the drawer */\n children: React.ReactNode;\n /** Controlled open state */\n open?: boolean;\n /** Callback when open state changes */\n onOpenChange?: (open: boolean) => void;\n /** Override class names for sub-components */\n classNames?: ShareSheetDrawerClassNames;\n}\n\n/** Share button configuration (internal) */\nexport interface ShareButtonConfig {\n id: ShareOption;\n label: string;\n icon: ReactNode;\n bgColor: string;\n textColor?: string;\n onClick: () => void;\n condition?: boolean;\n}\n\n/** Platform availability status */\nexport interface PlatformAvailability {\n /** Whether the platform is available on this device */\n available: boolean;\n /** Reason why platform is unavailable (if applicable) */\n reason?: string;\n}\n\n/** Return type of useShareSheet hook */\nexport interface UseShareSheetReturn {\n /** Whether the browser supports native share */\n canNativeShare: boolean;\n /** Whether the link was recently copied */\n copied: boolean;\n /** Whether a download is in progress */\n downloading: boolean;\n /** The safe URL (falls back to current page URL) */\n safeUrl: string;\n /** Whether the current device is mobile */\n isMobile: boolean;\n /** Availability status for each platform */\n platformAvailability: Record<ShareOption, PlatformAvailability>;\n /** Copy the share URL to clipboard */\n copyLink: () => Promise<void>;\n /** Trigger native share dialog */\n nativeShare: () => Promise<void>;\n /** Download the file from downloadUrl */\n downloadFile: () => Promise<void>;\n /** Share to WhatsApp */\n shareWhatsApp: () => void;\n /** Share to Telegram */\n shareTelegram: () => void;\n /** Share to X (Twitter) */\n shareX: () => void;\n /** Share to Facebook */\n shareFacebook: () => void;\n /** Open Instagram app (mobile only - will warn on desktop) */\n shareInstagram: () => void;\n /** Open TikTok app (mobile only - will warn on desktop) */\n shareTikTok: () => void;\n /** Open Threads app (mobile only - will warn on desktop) */\n shareThreads: () => void;\n /** Share to Snapchat */\n shareSnapchat: () => void;\n /** Share via SMS (mobile only - will warn on desktop) */\n shareSMS: () => void;\n /** Share via Email */\n shareEmail: () => void;\n /** Share to LinkedIn */\n shareLinkedIn: () => void;\n /** Share to Reddit */\n shareReddit: () => void;\n}\n\n// Legacy exports for backwards compatibility\n/** @deprecated Use CSS_VARS_UI instead */\nexport const CSS_VARS = CSS_VARS_UI;\n/** @deprecated Use CSS_VAR_UI_DEFAULTS instead */\nexport const CSS_VAR_DEFAULTS = CSS_VAR_UI_DEFAULTS;\n\n// Legacy type aliases for backwards compatibility\n/** @deprecated Use ShareSheetContentClassNames instead */\nexport type ShareMenuContentClassNames = ShareSheetContentClassNames;\n/** @deprecated Use ShareSheetDrawerClassNames instead */\nexport type ShareMenuDrawerClassNames = ShareSheetDrawerClassNames;\n/** @deprecated Use ShareSheetContentProps instead */\nexport type ShareMenuContentProps = ShareSheetContentProps;\n/** @deprecated Use ShareSheetDrawerProps instead */\nexport type ShareMenuDrawerProps = ShareSheetDrawerProps;\n/** @deprecated Use UseShareSheetReturn instead */\nexport type UseShareMenuReturn = UseShareSheetReturn;\n","\"use client\";\n\nimport React, { useState } from \"react\";\nimport { Drawer } from \"vaul\";\n\nimport { cn } from \"./utils\";\nimport { ShareSheetContent } from \"./ShareSheetContent\";\nimport { CSS_VARS_UI, CSS_VAR_UI_DEFAULTS, type ShareSheetDrawerProps } from \"./types\";\n\n// Default class names for drawer\nconst defaultDrawerClasses = {\n overlay: \"fixed inset-0 z-[70]\",\n drawer: \"flex flex-col rounded-t-[14px] max-h-[90%] fixed bottom-0 left-0 right-0 z-[80] border-t outline-none\",\n drawerInner: \"p-4 pb-8 rounded-t-[14px] overflow-auto\",\n handle: \"mx-auto w-12 h-1.5 shrink-0 rounded-full mb-6\",\n trigger: \"\",\n};\n\n/**\n * Vaul passes the trigger's button semantics down to whatever element it receives:\n * `type=\"button\"`, `aria-haspopup=\"dialog\"` and `aria-expanded`. Handing it a plain\n * `div` puts button attributes on a non-button, which axe reports as a critical\n * `aria-allowed-attr` violation and which screen readers cannot announce.\n *\n * So the trigger element is the one the caller already provided, usually their own\n * button, with the trigger classes merged in. Only a bare string or a fragment needs a\n * host element, and that host is a real button.\n */\nfunction renderTrigger(children: React.ReactNode, className: string): React.ReactElement {\n if (React.isValidElement(children)) {\n if (!className) return children;\n const childClassName = (children.props as { className?: string }).className;\n return React.cloneElement(children as React.ReactElement<{ className?: string }>, {\n className: cn(childClassName, className),\n });\n }\n return (\n <button type=\"button\" className={className}>\n {children}\n </button>\n );\n}\n\n// Helper to create var() with fallback\nfunction cssVar(name: string, fallback: string): string {\n return `var(${name}, ${fallback})`;\n}\n\n// Screen reader only styles (inline to avoid Tailwind dependency)\nconst srOnlyStyle: React.CSSProperties = {\n position: \"absolute\",\n width: \"1px\",\n height: \"1px\",\n padding: 0,\n margin: \"-1px\",\n overflow: \"hidden\",\n clip: \"rect(0, 0, 0, 0)\",\n whiteSpace: \"nowrap\",\n borderWidth: 0,\n};\n\nexport function ShareSheetDrawer({\n title = \"Share\",\n shareUrl,\n shareText,\n downloadUrl,\n downloadFilename,\n previewImage,\n fetchPreview,\n shareFile,\n shareFilename,\n disabled,\n children,\n open: controlledOpen,\n onOpenChange: controlledOnOpenChange,\n className,\n classNames = {},\n buttonSize,\n iconSize,\n onNativeShare,\n onCopy,\n onDownload,\n hide,\n show,\n labels,\n icons,\n}: ShareSheetDrawerProps) {\n const [internalOpen, setInternalOpen] = useState(false);\n\n const isControlled = controlledOpen !== undefined;\n const open = isControlled ? controlledOpen : internalOpen;\n const setOpen = isControlled\n ? (value: boolean) => controlledOnOpenChange?.(value)\n : setInternalOpen;\n\n return (\n <Drawer.Root open={open} onOpenChange={setOpen} shouldScaleBackground>\n <Drawer.Trigger asChild>\n {renderTrigger(children, cn(\n defaultDrawerClasses.trigger,\n classNames.trigger,\n disabled ? \"pointer-events-none opacity-50\" : \"\"\n ))}\n </Drawer.Trigger>\n <Drawer.Portal>\n <Drawer.Overlay\n className={cn(defaultDrawerClasses.overlay, classNames.overlay)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.overlayBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.overlayBg]),\n }}\n />\n <Drawer.Content\n className={cn(defaultDrawerClasses.drawer, classNames.drawer)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.drawerBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBg]),\n borderColor: cssVar(CSS_VARS_UI.drawerBorder, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBorder]),\n }}\n >\n <Drawer.Title style={srOnlyStyle}>{title}</Drawer.Title>\n <div\n className={cn(defaultDrawerClasses.drawerInner, classNames.drawerInner)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.drawerBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.drawerBg]),\n }}\n >\n <div\n className={cn(defaultDrawerClasses.handle, classNames.handle)}\n style={{\n backgroundColor: cssVar(CSS_VARS_UI.handleBg, CSS_VAR_UI_DEFAULTS[CSS_VARS_UI.handleBg]),\n }}\n />\n\n <ShareSheetContent\n title={title}\n shareUrl={shareUrl}\n shareText={shareText}\n downloadUrl={downloadUrl}\n downloadFilename={downloadFilename}\n previewImage={previewImage}\n fetchPreview={fetchPreview}\n shareFile={shareFile}\n shareFilename={shareFilename}\n className={className}\n classNames={classNames}\n buttonSize={buttonSize}\n iconSize={iconSize}\n onNativeShare={() => {\n onNativeShare?.();\n setOpen(false);\n }}\n onCopy={onCopy}\n onDownload={onDownload}\n hide={hide}\n show={show}\n labels={labels}\n icons={icons}\n />\n </div>\n </Drawer.Content>\n </Drawer.Portal>\n </Drawer.Root>\n );\n}\n\n// Legacy export for backwards compatibility\n/** @deprecated Use ShareSheetDrawer instead */\nexport const ShareMenuDrawer = ShareSheetDrawer;\n\n"],"mappings":"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","names":["import_react","import_lu","import_jsx_runtime","import_react","import_jsx_runtime","React","cssVar"]}
package/dist/index.mjs CHANGED
@@ -99,7 +99,7 @@ function warnUnavailablePlatform(platform, reason) {
99
99
  }
100
100
 
101
101
  // src/hooks.ts
102
- import { useState, useCallback, useEffect } from "react";
102
+ import { useState, useCallback, useEffect, useRef } from "react";
103
103
 
104
104
  // src/og-fetcher.ts
105
105
  var ogCache = /* @__PURE__ */ new Map();
@@ -393,10 +393,14 @@ function useShareSheet({
393
393
  shareReddit
394
394
  };
395
395
  }
396
- function useOGData(url) {
396
+ function useOGData(url, fetcher = fetchOGData) {
397
397
  const [ogData, setOgData] = useState(null);
398
398
  const [loading, setLoading] = useState(false);
399
399
  const [error, setError] = useState(null);
400
+ const fetcherRef = useRef(fetcher);
401
+ useEffect(() => {
402
+ fetcherRef.current = fetcher;
403
+ });
400
404
  useEffect(() => {
401
405
  if (!url) {
402
406
  setOgData(null);
@@ -407,7 +411,7 @@ function useOGData(url) {
407
411
  let cancelled = false;
408
412
  setLoading(true);
409
413
  setError(null);
410
- fetchOGData(url).then((data) => {
414
+ fetcherRef.current(url).then((data) => {
411
415
  if (!cancelled) {
412
416
  setOgData(data);
413
417
  setLoading(false);
@@ -635,6 +639,7 @@ function ShareSheetContent({
635
639
  downloadUrl,
636
640
  downloadFilename,
637
641
  previewImage,
642
+ fetchPreview,
638
643
  shareFile,
639
644
  shareFilename,
640
645
  className,
@@ -652,7 +657,7 @@ function ShareSheetContent({
652
657
  }) {
653
658
  const [imageLoaded, setImageLoaded] = useState2(false);
654
659
  const [imageError, setImageError] = useState2(false);
655
- const { ogData, loading: ogLoading } = useOGData(previewImage ? void 0 : shareUrl);
660
+ const { ogData, loading: ogLoading } = useOGData(previewImage || !fetchPreview ? void 0 : shareUrl, fetchPreview);
656
661
  const handleImageLoad = useCallback2(() => {
657
662
  setImageLoaded(true);
658
663
  }, []);
@@ -961,7 +966,7 @@ function ShareSheetContent({
961
966
  var ShareMenuContent = ShareSheetContent;
962
967
 
963
968
  // src/ShareSheetDrawer.tsx
964
- import { useState as useState3 } from "react";
969
+ import React, { useState as useState3 } from "react";
965
970
  import { Drawer } from "vaul";
966
971
  import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
967
972
  var defaultDrawerClasses = {
@@ -971,6 +976,16 @@ var defaultDrawerClasses = {
971
976
  handle: "mx-auto w-12 h-1.5 shrink-0 rounded-full mb-6",
972
977
  trigger: ""
973
978
  };
979
+ function renderTrigger(children, className) {
980
+ if (React.isValidElement(children)) {
981
+ if (!className) return children;
982
+ const childClassName = children.props.className;
983
+ return React.cloneElement(children, {
984
+ className: cn(childClassName, className)
985
+ });
986
+ }
987
+ return /* @__PURE__ */ jsx3("button", { type: "button", className, children });
988
+ }
974
989
  function cssVar2(name, fallback) {
975
990
  return `var(${name}, ${fallback})`;
976
991
  }
@@ -992,6 +1007,7 @@ function ShareSheetDrawer({
992
1007
  downloadUrl,
993
1008
  downloadFilename,
994
1009
  previewImage,
1010
+ fetchPreview,
995
1011
  shareFile,
996
1012
  shareFilename,
997
1013
  disabled,
@@ -1015,17 +1031,11 @@ function ShareSheetDrawer({
1015
1031
  const open = isControlled ? controlledOpen : internalOpen;
1016
1032
  const setOpen = isControlled ? (value) => controlledOnOpenChange?.(value) : setInternalOpen;
1017
1033
  return /* @__PURE__ */ jsxs2(Drawer.Root, { open, onOpenChange: setOpen, shouldScaleBackground: true, children: [
1018
- /* @__PURE__ */ jsx3(Drawer.Trigger, { asChild: true, children: /* @__PURE__ */ jsx3(
1019
- "div",
1020
- {
1021
- className: cn(
1022
- defaultDrawerClasses.trigger,
1023
- classNames.trigger,
1024
- disabled ? "pointer-events-none opacity-50" : ""
1025
- ),
1026
- children
1027
- }
1028
- ) }),
1034
+ /* @__PURE__ */ jsx3(Drawer.Trigger, { asChild: true, children: renderTrigger(children, cn(
1035
+ defaultDrawerClasses.trigger,
1036
+ classNames.trigger,
1037
+ disabled ? "pointer-events-none opacity-50" : ""
1038
+ )) }),
1029
1039
  /* @__PURE__ */ jsxs2(Drawer.Portal, { children: [
1030
1040
  /* @__PURE__ */ jsx3(
1031
1041
  Drawer.Overlay,
@@ -1072,6 +1082,7 @@ function ShareSheetDrawer({
1072
1082
  downloadUrl,
1073
1083
  downloadFilename,
1074
1084
  previewImage,
1085
+ fetchPreview,
1075
1086
  shareFile,
1076
1087
  shareFilename,
1077
1088
  className,