npm - @fluid-app/portal-sdk - Versions diffs - 0.1.248 → 0.1.249 - Mend

@fluid-app/portal-sdk 0.1.248 → 0.1.249

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 (235) hide show

package/dist/{QuickShareWidget-DKE7Tba2.mjs.map → QuickShareWidget-DJ0Y71om.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuickShareWidget-DKE7Tba2.mjs","names":["ImageIcon"],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useState,\n type ComponentProps,\n type CSSProperties,\n} from \"react\";\nimport type React from \"react\";\nimport type {\n BorderRadiusOptions,\n BorderWidthOptions,\n ColorOptions,\n FontSizeOptions,\n PaddingOptions,\n ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n borderColorClasses,\n borderWidthClasses,\n getBorderColorField,\n getBorderRadiusField,\n getBorderWidthField,\n getColorField,\n getFontSizeField,\n getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport {\n BookOpen,\n Check,\n CircleDot,\n Copy,\n FileText,\n Image as ImageIcon,\n Mail,\n MessageCircle,\n Package,\n Share2,\n ShoppingCart,\n Ticket,\n type LucideIcon,\n} from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n // Resource\n shareableResource?: ShareableItem;\n\n // Title\n titleEnabled?: boolean;\n titleText?: string;\n titleFontSize?: FontSizeOptions;\n titleColor?: ColorOptions;\n\n // Styling\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n borderWidth?: BorderWidthOptions;\n borderColor?: ColorOptions;\n\n // Overlay\n overlayEnabled?: boolean;\n overlayType?: \"solid\" \| \"gradient\";\n overlayIntensity?: number;\n\n // Actions\n showBuyButton?: boolean;\n\n // Polish (new, additive)\n showResourceType?: boolean;\n showShareActions?: boolean;\n showDomainPrefix?: boolean;\n};\n\ntype ResourceDescriptor = {\n label: string;\n icon: LucideIcon;\n};\n\ntype QuickShareCSSProperties = CSSProperties &\n Record<`--${string}`, string \| number \| undefined>;\n\nconst RESOURCE_TYPE_MAP: Record<string, ResourceDescriptor> = {\n Product: { label: \"Product\", icon: Package },\n Page: { label: \"Page\", icon: FileText },\n EnrollmentPack: { label: \"Enrollment\", icon: Ticket },\n Medium: { label: \"Media\", icon: ImageIcon },\n Library: { label: \"Library\", icon: BookOpen },\n};\n\nconst getResourceDescriptor = (\n resource: ShareableItem \| undefined,\n): ResourceDescriptor \| null => {\n const rawType = (resource?.type \|\| resource?.shareableType \|\| \"\") as string;\n if (!rawType) return null;\n return RESOURCE_TYPE_MAP[rawType] ?? { label: rawType, icon: CircleDot };\n};\n\nconst splitUrl = (url: string): { prefix: string; path: string } => {\n try {\n const parsed = new URL(url);\n return {\n prefix: `${parsed.protocol}//${parsed.host}`,\n path: `${parsed.pathname}${parsed.search}${parsed.hash}`,\n };\n } catch {\n return { prefix: \"\", path: url };\n }\n};\n\nconst CURRENCY_FIELD_KEYS = [\n \"currency\",\n \"currency_code\",\n \"currencyCode\",\n \"currencyIso\",\n \"currency_iso\",\n] as const;\n\nconst getResourceCurrency = (\n resource: ShareableItem \| undefined,\n): string \| null => {\n if (!resource) return null;\n for (const key of CURRENCY_FIELD_KEYS) {\n const value = resource[key];\n if (typeof value === \"string\" && /^[A-Z]{3}$/i.test(value)) {\n return value.toUpperCase();\n }\n }\n return null;\n};\n\nconst formatNumericPrice = (price: number, resource: ShareableItem): string => {\n const currency = getResourceCurrency(resource);\n if (!currency) return String(price);\n try {\n return price.toLocaleString(undefined, { style: \"currency\", currency });\n } catch {\n return String(price);\n }\n};\n\nconst getDisplayPrice = (\n resource: ShareableItem \| undefined,\n): string \| null => {\n if (!resource) return null;\n if (typeof resource.display_price === \"string\" && resource.display_price) {\n return resource.display_price;\n }\n if (resource.price != null) {\n return typeof resource.price === \"number\"\n ? formatNumericPrice(resource.price, resource)\n : String(resource.price);\n }\n return null;\n};\n\nconst getColorCssValue = (color: ColorOptions): string =>\n color === \"transparent\" ? \"transparent\" : `var(--color-${color})`;\n\nconst colorMix = (color: ColorOptions, amount: number): string =>\n color === \"transparent\"\n ? \"transparent\"\n : `color-mix(in oklch, ${getColorCssValue(color)} ${amount}%, transparent)`;\n\nconst insetBorder = (color: ColorOptions, amount: number): string =>\n `inset 0 0 0 1px ${colorMix(color, amount)}`;\n\ntype CopyState = \"idle\" \| \"copied\";\n\nfunction useTimedCopyState(timeoutMs: number) {\n const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n\n useEffect(() => {\n if (copyState !== \"copied\") return;\n const id = window.setTimeout(() => setCopyState(\"idle\"), timeoutMs);\n return () => window.clearTimeout(id);\n }, [copyState, timeoutMs]);\n\n const markCopied = useCallback(() => {\n setCopyState(\"copied\");\n }, []);\n\n return { copyState, markCopied };\n}\n\nfunction useImageFailureFallback(imageUrl: string) {\n const [imageFailed, setImageFailed] = useState(false);\n\n // Reset the failed-image state when the resource (and thus the image URL)\n // changes — otherwise switching to a new resource keeps showing EmptyHero\n // because the React state outlives the previous load failure.\n useEffect(() => {\n setImageFailed(false);\n }, [imageUrl]);\n\n const handleImageError = useCallback(() => {\n setImageFailed(true);\n }, []);\n\n return { imageFailed, handleImageError };\n}\n\nfunction useShareCapabilities() {\n const [canNativeShare, setCanNativeShare] = useState(false);\n const [canSendSms, setCanSendSms] = useState(false);\n\n useEffect(() => {\n setCanNativeShare(\n typeof navigator !== \"undefined\" && typeof navigator.share === \"function\",\n );\n setCanSendSms(\n typeof navigator !== \"undefined\" &&\n (/Android\|iPhone\|iPad\|iPod/i.test(navigator.userAgent) \|\|\n (/Macintosh/i.test(navigator.userAgent) &&\n navigator.maxTouchPoints > 1)),\n );\n }, []);\n\n return { canNativeShare, canSendSms };\n}\n\nexport function QuickShareWidget({\n shareableResource,\n\n titleEnabled = true,\n titleText = \"\",\n titleFontSize = \"2xl\",\n titleColor = \"background\",\n\n textColor = \"background\",\n accentColor = \"primary\",\n padding = 6,\n borderRadius = \"xl\",\n borderWidth = \"none\",\n borderColor = \"muted\",\n\n overlayEnabled = true,\n overlayType = \"gradient\",\n overlayIntensity = 70,\n\n showBuyButton = false,\n\n showResourceType = true,\n showShareActions = true,\n showDomainPrefix = true,\n\n className,\n style,\n ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n const backgroundImageUrl =\n shareableResource?.image_url \|\| shareableResource?.imageUrl \|\| \"\";\n const { copyState, markCopied } = useTimedCopyState(1600);\n // Hero image fallback: if the resource image 404s or fails to decode, flip\n // to the EmptyHero treatment instead of rendering a broken image.\n const { imageFailed, handleImageError } =\n useImageFailureFallback(backgroundImageUrl);\n\n const showHeroImage = Boolean(backgroundImageUrl) && !imageFailed;\n const shareLink = shareableResource?.share_link \|\| \"\";\n const hasShareLink = !!shareLink;\n\n const displayTitle =\n titleText \|\| shareableResource?.title \|\| \"Select content to share\";\n const resourceDescriptor = getResourceDescriptor(shareableResource);\n const displayPrice = getDisplayPrice(shareableResource);\n\n const isProduct =\n shareableResource?.type === \"Product\" \|\|\n shareableResource?.shareableType === \"Product\";\n const shouldShowBuyButton = showBuyButton && isProduct;\n\n const parsedOverlayIntensity = Number(\n String(overlayIntensity).replace(\"%\", \"\"),\n );\n const overlayOpacity =\n (Number.isFinite(parsedOverlayIntensity)\n ? Math.min(100, Math.max(0, parsedOverlayIntensity))\n : 70) / 100;\n\n const editorialGradient: CSSProperties \| undefined =\n overlayEnabled && showHeroImage\n ? {\n background: `linear-gradient(to top, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 100)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 55)}%, transparent) 45%, transparent 85%)`,\n }\n : undefined;\n\n const handleCopy = async () => {\n if (!hasShareLink) return;\n try {\n await navigator.clipboard.writeText(shareLink);\n markCopied();\n } catch (error) {\n console.error(\"Failed to copy to clipboard:\", error);\n }\n };\n\n const handleNativeShare = async () => {\n if (!hasShareLink) return;\n if (typeof navigator.share === \"function\") {\n try {\n await navigator.share({\n title: displayTitle,\n url: shareLink,\n });\n } catch {\n // Ignore abort\n }\n } else {\n await handleCopy();\n }\n };\n\n const { prefix, path } = hasShareLink\n ? splitUrl(shareLink)\n : { prefix: \"\", path: \"\" };\n\n return (\n <div\n className={`relative isolate overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n style={{\n // Themed dual-shadow (crisp + soft ambient), derived from the\n // foreground token so the lift reads in both light and dark.\n boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 20px 40px -20px color-mix(in oklch, var(--color-foreground) 25%, transparent)`,\n ...style,\n }}\n {...props}\n >\n {/* Hero image or empty-state surface /}\n {showHeroImage ? (\n <div className=\"absolute inset-0\">\n <img\n src={backgroundImageUrl}\n alt=\"\"\n loading=\"lazy\"\n onError={handleImageError}\n className=\"h-full w-full object-cover\"\n />\n {overlayEnabled && (\n <>\n {/ Layer 1 — main bottom-to-top legibility gradient /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={editorialGradient}\n />\n {/ Layer 2 — diagonal bottom-left anchor (image reads top-right, content reads bottom-left) /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={{\n background: `linear-gradient(to top right, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity 65)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 25)}%, transparent) 35%, transparent 65%)`,\n }}\n />\n {/* Layer 3 — radial pool anchoring the bottom-left share panel /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={{\n background: `radial-gradient(ellipse 70% 55% at 15% 100%, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity 45)}%, transparent), transparent 70%)`,\n }}\n />\n {overlayType === \"solid\" && (\n <div\n className=\"bg-foreground pointer-events-none absolute inset-0\"\n style={{ opacity: overlayOpacity * 0.35 }}\n />\n )}\n </>\n )}\n </div>\n ) : (\n <EmptyHero accentColor={accentColor} textColor={textColor} />\n )}\n\n {/* Content /}\n <div className={`relative flex min-h-[440px] flex-col p-${padding}`}>\n {/ Top row: resource type eyebrow + optional price chip /}\n {(showResourceType && resourceDescriptor) \|\| displayPrice ? (\n <div className=\"flex items-start justify-between gap-3\">\n {showResourceType && resourceDescriptor ? (\n (() => {\n const { icon: ResourceIcon, label } = resourceDescriptor;\n return (\n <span\n className={`inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/15 px-2.5 py-1 text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor} backdrop-blur-sm`}\n style={{\n boxShadow: insetBorder(textColor, 15),\n }}\n >\n <ResourceIcon className=\"size-3\" />\n {label}\n </span>\n );\n })()\n ) : (\n <span />\n )}\n {displayPrice && (\n <span\n className={`inline-flex items-center rounded-${borderRadius} bg-${accentColor} px-2.5 py-1 text-[11px] font-bold tabular-nums text-${accentColor}-foreground`}\n style={{\n boxShadow: `0 4px 14px -4px color-mix(in oklch, var(--color-foreground) 30%, transparent)`,\n }}\n >\n {displayPrice}\n </span>\n )}\n </div>\n ) : null}\n\n {/ Middle: spacer that keeps share panel bottom-anchored.\n Optional title renders inside it without changing layout rhythm. /}\n <div className=\"mt-4 flex flex-1 flex-col justify-end\">\n {titleEnabled && displayTitle && (\n <h2\n className={`text-${titleFontSize} font-header leading-[1.12] font-bold tracking-[-0.015em] text-${titleColor}`}\n style={{\n // Themed via foreground so the legibility shadow flips with\n // the title color when the theme switches to dark mode.\n textShadow: showHeroImage\n ? `0 2px 12px color-mix(in oklch, var(--color-foreground) 40%, transparent)`\n : undefined,\n }}\n >\n {displayTitle}\n </h2>\n )}\n </div>\n\n {/ Bottom: share panel /}\n <div className=\"mt-6 flex flex-col gap-3\">\n <div className=\"flex items-stretch gap-3\">\n {/ QR card /}\n <div\n className={`group relative shrink-0 rounded-${borderRadius} bg-white p-2.5 transition-transform duration-300 hover:scale-[1.02]`}\n style={{\n // QR card stays white for scanner contrast; lift shadow is\n // themed via foreground so it reads in dark mode too.\n boxShadow: `0 4px 16px -4px color-mix(in oklch, var(--color-foreground) 25%, transparent), inset 0 0 0 1px rgba(255,255,255,0.4)`,\n }}\n aria-label=\"QR code for share link\"\n >\n <QRCodeSVG\n value={shareLink \|\| \"https://example.com\"}\n size={96}\n level=\"H\"\n bgColor=\"#ffffff\"\n fgColor=\"#0f172a\"\n />\n </div>\n\n {/ URL chip + share actions rail */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n <span\n className={`text-[10px] font-bold tracking-[0.16em] uppercase text-${textColor}/70`}\n >\n Share link\n </span>\n <button\n type=\"button\"\n onClick={handleCopy}\n disabled={!hasShareLink}\n aria-label={\n copyState === \"copied\" ? \"Copied to clipboard\" : \"Copy link\"\n }\n className={`group flex items-center justify-between gap-2 rounded-${borderRadius} bg-${textColor}/10 px-3 py-2 text-left text-[12px] backdrop-blur-sm transition-all duration-300 hover:bg-${textColor}/15 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:opacity-50 ${copyState === \"copied\" ? `bg-${accentColor}/20` : \"\"}`}\n style={\n {\n \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n boxShadow: insetBorder(textColor, 15),\n } as QuickShareCSSProperties\n }\n >\n <span\n className={`min-w-0 flex-1 truncate font-medium tabular-nums text-${textColor}`}\n >\n {hasShareLink ? (\n <>\n {showDomainPrefix && prefix && (\n <span className={`opacity-60`}>{prefix}</span>\n )}\n <span className=\"font-semibold\">{path}</span>\n </>\n ) : (\n <span className={`opacity-60`}>No link yet</span>\n )}\n </span>\n <span\n className={`flex size-7 shrink-0 items-center justify-center rounded-full transition-all duration-300 ${copyState === \"copied\" ? `bg-${accentColor} text-${accentColor}-foreground scale-110` : `bg-${textColor}/15 text-${textColor}`}`}\n >\n {copyState === \"copied\" ? (\n <Check className=\"size-3.5\" />\n ) : (\n <Copy className=\"size-3.5\" />\n )}\n </span>\n </button>\n <span className=\"sr-only\" aria-live=\"polite\" role=\"status\">\n {copyState === \"copied\" ? \"Copied to clipboard\" : \"\"}\n </span>\n\n {showShareActions && (\n <ShareActionRow\n shareLink={shareLink}\n displayTitle={displayTitle}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n onNative={handleNativeShare}\n />\n )}\n </div>\n </div>\n\n {shouldShowBuyButton &&\n (hasShareLink ? (\n <a\n href={shareLink}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={`flex w-full items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground transition-transform hover:scale-[1.01]`}\n style={{\n boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n }}\n >\n <ShoppingCart className=\"size-4\" />\n <span>Buy now</span>\n </a>\n ) : (\n <button\n type=\"button\"\n disabled\n className={`flex w-full cursor-not-allowed items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground opacity-50`}\n style={{\n boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n }}\n >\n <ShoppingCart className=\"size-4\" />\n <span>Buy now</span>\n </button>\n ))}\n </div>\n </div>\n </div>\n );\n}\n\ntype ShareActionRowProps = {\n shareLink: string;\n displayTitle: string;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n borderRadius: BorderRadiusOptions;\n onNative: () => void;\n};\n\nfunction ShareActionRow({\n shareLink,\n displayTitle,\n accentColor,\n textColor,\n borderRadius,\n onNative,\n}: ShareActionRowProps) {\n const disabled = !shareLink;\n const { canNativeShare, canSendSms } = useShareCapabilities();\n\n const emailHref = shareLink\n ? `mailto:?subject=${encodeURIComponent(displayTitle)}&body=${encodeURIComponent(shareLink)}`\n : undefined;\n const smsHref = shareLink\n ? `sms:?body=${encodeURIComponent(`${displayTitle} — ${shareLink}`)}`\n : undefined;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <ShareActionButton\n icon={Mail}\n label=\"Email\"\n href={emailHref}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n {canSendSms && (\n <ShareActionButton\n icon={MessageCircle}\n label=\"Text\"\n href={smsHref}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n )}\n {canNativeShare && (\n <ShareActionButton\n icon={Share2}\n label=\"Share\"\n onClick={onNative}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n )}\n </div>\n );\n}\n\ntype ShareActionButtonProps = {\n icon: LucideIcon;\n label: string;\n href?: string \| undefined;\n onClick?: () => void;\n disabled: boolean;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n borderRadius: BorderRadiusOptions;\n};\n\nfunction ShareActionButton({\n icon: Icon,\n label,\n href,\n onClick,\n disabled,\n accentColor,\n textColor,\n borderRadius,\n}: ShareActionButtonProps) {\n const className = `group inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/10 px-2.5 py-1.5 text-[11px] font-semibold text-${textColor} backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:bg-${accentColor} hover:text-${accentColor}-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:translate-y-0`;\n const style: QuickShareCSSProperties = {\n \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n boxShadow: insetBorder(textColor, 15),\n };\n\n const content = (\n <>\n <Icon className=\"size-3\" />\n <span>{label}</span>\n </>\n );\n\n if (href && !disabled) {\n return (\n <a href={href} className={className} style={style} aria-label={label}>\n {content}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={className}\n style={style}\n aria-label={label}\n >\n {content}\n </button>\n );\n}\n\nfunction EmptyHero({\n accentColor,\n textColor,\n}: {\n accentColor: ColorOptions;\n textColor: ColorOptions;\n}) {\n return (\n <div className={`bg-muted absolute inset-0`}>\n <div\n className=\"absolute inset-0\"\n style={{\n background: `radial-gradient(circle at 30% 20%, ${colorMix(accentColor, 15)}, transparent 60%), radial-gradient(circle at 80% 90%, ${colorMix(accentColor, 10)}, transparent 55%)`,\n }}\n />\n <div className=\"absolute inset-0 flex flex-col items-center justify-center gap-3\">\n <div\n className={`flex size-14 items-center justify-center rounded-2xl bg-${textColor}/5`}\n style={{ boxShadow: insetBorder(textColor, 10) }}\n >\n <ImageIcon className={`size-6 text-${textColor}/40`} />\n </div>\n <span\n className={`text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/45`}\n >\n Nothing selected\n </span>\n </div>\n </div>\n );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n widgetType: \"QuickShareWidget\",\n displayName: \"Quick Share Widget\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [\n // Content\n {\n key: \"shareableResource\",\n label: \"Shareable Content\",\n type: \"resource\",\n description: \"Select the content to generate a share link for\",\n allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n tab: \"styling\",\n group: \"Content\",\n },\n\n // Title\n {\n key: \"titleEnabled\",\n label: \"Show Title\",\n type: \"boolean\",\n description: \"Display a title on the hero\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n },\n {\n key: \"titleText\",\n label: \"Title\",\n type: \"text\",\n description:\n \"Custom title text (defaults to the resource title if empty)\",\n defaultValue: \"\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n getFontSizeField({\n key: \"titleFontSize\",\n label: \"Title Font Size\",\n description: \"Font size for the title\",\n defaultValue: \"2xl\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n getColorField({\n key: \"titleColor\",\n label: \"Title Color\",\n description: \"Color for the title\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n\n // Share panel polish (new)\n {\n key: \"showResourceType\",\n label: \"Show Resource Type Pill\",\n type: \"boolean\",\n description:\n \"Display a small type eyebrow chip (Product · Page · Media…)\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showShareActions\",\n label: \"Show Share Actions\",\n type: \"boolean\",\n description:\n \"Show Email, Text, and native Share buttons under the link chip\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showDomainPrefix\",\n label: \"Show Domain Prefix\",\n type: \"boolean\",\n description:\n \"Include the domain in the link chip (dimmed) with the path emphasized\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showBuyButton\",\n label: \"Show Buy Button\",\n type: \"boolean\",\n description: \"Display the Buy button (only shown for Product resources)\",\n defaultValue: false,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n\n // Design\n getColorField({\n key: \"textColor\",\n label: \"Text Color\",\n description: \"Default text color for widget content (over the hero)\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getColorField({\n key: \"accentColor\",\n label: \"Accent Color\",\n description:\n \"Drives the price chip, primary button, and copy-success flash\",\n defaultValue: \"primary\",\n tab: \"styling\",\n group: \"Design\",\n }),\n {\n key: \"overlayEnabled\",\n label: \"Enable Overlay\",\n type: \"boolean\",\n description: \"Add editorial gradient stack for legibility over the hero\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Design\",\n },\n {\n key: \"overlayType\",\n label: \"Overlay Type\",\n type: \"buttonGroup\",\n description:\n \"Gradient only (recommended) or gradient + solid wash (heavier)\",\n defaultValue: \"gradient\",\n options: [\n { label: \"Gradient\", value: \"gradient\" },\n { label: \"Solid\", value: \"solid\" },\n ],\n tab: \"styling\",\n group: \"Design\",\n requiresKeyToBeTrue: \"overlayEnabled\",\n },\n {\n key: \"overlayIntensity\",\n label: \"Overlay Intensity\",\n type: \"slider\",\n description: \"Opacity of the overlay (0-100)\",\n min: 0,\n max: 100,\n step: 5,\n defaultValue: 70,\n unit: \"%\",\n tab: \"styling\",\n group: \"Design\",\n requiresKeyToBeTrue: \"overlayEnabled\",\n },\n {\n key: \"separator\",\n type: \"separator\",\n label: \"Separator\",\n tab: \"styling\",\n group: \"Design\",\n },\n getPaddingField({\n key: \"padding\",\n label: \"Padding\",\n description: \"Padding around the widget content\",\n defaultValue: 6,\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderRadiusField({\n key: \"borderRadius\",\n label: \"Border Radius\",\n description: \"Border radius for the widget container\",\n defaultValue: \"xl\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderWidthField({\n key: \"borderWidth\",\n label: \"Border Width\",\n description: \"Border width for the widget container\",\n defaultValue: \"none\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderColorField({\n key: \"borderColor\",\n label: \"Border Color\",\n description: \"Border color for the widget container\",\n defaultValue: \"muted\",\n tab: \"styling\",\n group: \"Design\",\n }),\n ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EAGD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAY,OAAO;IAAY,EACxC;IAAE,OAAO;IAAS,OAAO;IAAS,CACnC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}
1	+ {"version":3,"file":"QuickShareWidget-DJ0Y71om.mjs","names":["ImageIcon"],"sources":["../../widgets/src/widgets/QuickShareWidget.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useState,\n type ComponentProps,\n type CSSProperties,\n} from \"react\";\nimport type React from \"react\";\nimport type {\n BorderRadiusOptions,\n BorderWidthOptions,\n ColorOptions,\n FontSizeOptions,\n PaddingOptions,\n ShareableItem,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n borderColorClasses,\n borderWidthClasses,\n getBorderColorField,\n getBorderRadiusField,\n getBorderWidthField,\n getColorField,\n getFontSizeField,\n getPaddingField,\n} from \"../core/fields\";\nimport { QRCodeSVG } from \"qrcode.react\";\nimport {\n BookOpen,\n Check,\n CircleDot,\n Copy,\n FileText,\n Image as ImageIcon,\n Mail,\n MessageCircle,\n Package,\n Share2,\n ShoppingCart,\n Ticket,\n type LucideIcon,\n} from \"lucide-react\";\n\ntype QuickShareWidgetProps = ComponentProps<\"div\"> & {\n // Resource\n shareableResource?: ShareableItem;\n\n // Title\n titleEnabled?: boolean;\n titleText?: string;\n titleFontSize?: FontSizeOptions;\n titleColor?: ColorOptions;\n\n // Styling\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n borderWidth?: BorderWidthOptions;\n borderColor?: ColorOptions;\n\n // Overlay\n overlayEnabled?: boolean;\n overlayType?: \"solid\" \| \"gradient\";\n overlayIntensity?: number;\n\n // Actions\n showBuyButton?: boolean;\n\n // Polish (new, additive)\n showResourceType?: boolean;\n showShareActions?: boolean;\n showDomainPrefix?: boolean;\n};\n\ntype ResourceDescriptor = {\n label: string;\n icon: LucideIcon;\n};\n\ntype QuickShareCSSProperties = CSSProperties &\n Record<`--${string}`, string \| number \| undefined>;\n\nconst RESOURCE_TYPE_MAP: Record<string, ResourceDescriptor> = {\n Product: { label: \"Product\", icon: Package },\n Page: { label: \"Page\", icon: FileText },\n EnrollmentPack: { label: \"Enrollment\", icon: Ticket },\n Medium: { label: \"Media\", icon: ImageIcon },\n Library: { label: \"Library\", icon: BookOpen },\n};\n\nconst getResourceDescriptor = (\n resource: ShareableItem \| undefined,\n): ResourceDescriptor \| null => {\n const rawType = (resource?.type \|\| resource?.shareableType \|\| \"\") as string;\n if (!rawType) return null;\n return RESOURCE_TYPE_MAP[rawType] ?? { label: rawType, icon: CircleDot };\n};\n\nconst splitUrl = (url: string): { prefix: string; path: string } => {\n try {\n const parsed = new URL(url);\n return {\n prefix: `${parsed.protocol}//${parsed.host}`,\n path: `${parsed.pathname}${parsed.search}${parsed.hash}`,\n };\n } catch {\n return { prefix: \"\", path: url };\n }\n};\n\nconst CURRENCY_FIELD_KEYS = [\n \"currency\",\n \"currency_code\",\n \"currencyCode\",\n \"currencyIso\",\n \"currency_iso\",\n] as const;\n\nconst getResourceCurrency = (\n resource: ShareableItem \| undefined,\n): string \| null => {\n if (!resource) return null;\n for (const key of CURRENCY_FIELD_KEYS) {\n const value = resource[key];\n if (typeof value === \"string\" && /^[A-Z]{3}$/i.test(value)) {\n return value.toUpperCase();\n }\n }\n return null;\n};\n\nconst formatNumericPrice = (price: number, resource: ShareableItem): string => {\n const currency = getResourceCurrency(resource);\n if (!currency) return String(price);\n try {\n return price.toLocaleString(undefined, { style: \"currency\", currency });\n } catch {\n return String(price);\n }\n};\n\nconst getDisplayPrice = (\n resource: ShareableItem \| undefined,\n): string \| null => {\n if (!resource) return null;\n if (typeof resource.display_price === \"string\" && resource.display_price) {\n return resource.display_price;\n }\n if (resource.price != null) {\n return typeof resource.price === \"number\"\n ? formatNumericPrice(resource.price, resource)\n : String(resource.price);\n }\n return null;\n};\n\nconst getColorCssValue = (color: ColorOptions): string =>\n color === \"transparent\" ? \"transparent\" : `var(--color-${color})`;\n\nconst colorMix = (color: ColorOptions, amount: number): string =>\n color === \"transparent\"\n ? \"transparent\"\n : `color-mix(in oklch, ${getColorCssValue(color)} ${amount}%, transparent)`;\n\nconst insetBorder = (color: ColorOptions, amount: number): string =>\n `inset 0 0 0 1px ${colorMix(color, amount)}`;\n\ntype CopyState = \"idle\" \| \"copied\";\n\nfunction useTimedCopyState(timeoutMs: number) {\n const [copyState, setCopyState] = useState<CopyState>(\"idle\");\n\n useEffect(() => {\n if (copyState !== \"copied\") return;\n const id = window.setTimeout(() => setCopyState(\"idle\"), timeoutMs);\n return () => window.clearTimeout(id);\n }, [copyState, timeoutMs]);\n\n const markCopied = useCallback(() => {\n setCopyState(\"copied\");\n }, []);\n\n return { copyState, markCopied };\n}\n\nfunction useImageFailureFallback(imageUrl: string) {\n const [imageFailed, setImageFailed] = useState(false);\n\n // Reset the failed-image state when the resource (and thus the image URL)\n // changes — otherwise switching to a new resource keeps showing EmptyHero\n // because the React state outlives the previous load failure.\n useEffect(() => {\n setImageFailed(false);\n }, [imageUrl]);\n\n const handleImageError = useCallback(() => {\n setImageFailed(true);\n }, []);\n\n return { imageFailed, handleImageError };\n}\n\nfunction useShareCapabilities() {\n const [canNativeShare, setCanNativeShare] = useState(false);\n const [canSendSms, setCanSendSms] = useState(false);\n\n useEffect(() => {\n setCanNativeShare(\n typeof navigator !== \"undefined\" && typeof navigator.share === \"function\",\n );\n setCanSendSms(\n typeof navigator !== \"undefined\" &&\n (/Android\|iPhone\|iPad\|iPod/i.test(navigator.userAgent) \|\|\n (/Macintosh/i.test(navigator.userAgent) &&\n navigator.maxTouchPoints > 1)),\n );\n }, []);\n\n return { canNativeShare, canSendSms };\n}\n\nexport function QuickShareWidget({\n shareableResource,\n\n titleEnabled = true,\n titleText = \"\",\n titleFontSize = \"2xl\",\n titleColor = \"background\",\n\n textColor = \"background\",\n accentColor = \"primary\",\n padding = 6,\n borderRadius = \"xl\",\n borderWidth = \"none\",\n borderColor = \"muted\",\n\n overlayEnabled = true,\n overlayType = \"gradient\",\n overlayIntensity = 70,\n\n showBuyButton = false,\n\n showResourceType = true,\n showShareActions = true,\n showDomainPrefix = true,\n\n className,\n style,\n ...props\n}: QuickShareWidgetProps): React.JSX.Element {\n const backgroundImageUrl =\n shareableResource?.image_url \|\| shareableResource?.imageUrl \|\| \"\";\n const { copyState, markCopied } = useTimedCopyState(1600);\n // Hero image fallback: if the resource image 404s or fails to decode, flip\n // to the EmptyHero treatment instead of rendering a broken image.\n const { imageFailed, handleImageError } =\n useImageFailureFallback(backgroundImageUrl);\n\n const showHeroImage = Boolean(backgroundImageUrl) && !imageFailed;\n const shareLink = shareableResource?.share_link \|\| \"\";\n const hasShareLink = !!shareLink;\n\n const displayTitle =\n titleText \|\| shareableResource?.title \|\| \"Select content to share\";\n const resourceDescriptor = getResourceDescriptor(shareableResource);\n const displayPrice = getDisplayPrice(shareableResource);\n\n const isProduct =\n shareableResource?.type === \"Product\" \|\|\n shareableResource?.shareableType === \"Product\";\n const shouldShowBuyButton = showBuyButton && isProduct;\n\n const parsedOverlayIntensity = Number(\n String(overlayIntensity).replace(\"%\", \"\"),\n );\n const overlayOpacity =\n (Number.isFinite(parsedOverlayIntensity)\n ? Math.min(100, Math.max(0, parsedOverlayIntensity))\n : 70) / 100;\n\n const editorialGradient: CSSProperties \| undefined =\n overlayEnabled && showHeroImage\n ? {\n background: `linear-gradient(to top, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 100)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 55)}%, transparent) 45%, transparent 85%)`,\n }\n : undefined;\n\n const handleCopy = async () => {\n if (!hasShareLink) return;\n try {\n await navigator.clipboard.writeText(shareLink);\n markCopied();\n } catch (error) {\n console.error(\"Failed to copy to clipboard:\", error);\n }\n };\n\n const handleNativeShare = async () => {\n if (!hasShareLink) return;\n if (typeof navigator.share === \"function\") {\n try {\n await navigator.share({\n title: displayTitle,\n url: shareLink,\n });\n } catch {\n // Ignore abort\n }\n } else {\n await handleCopy();\n }\n };\n\n const { prefix, path } = hasShareLink\n ? splitUrl(shareLink)\n : { prefix: \"\", path: \"\" };\n\n return (\n <div\n className={`relative isolate overflow-hidden rounded-${borderRadius} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} bg-muted text-${textColor} ${className ?? \"\"}`}\n style={{\n // Themed dual-shadow (crisp + soft ambient), derived from the\n // foreground token so the lift reads in both light and dark.\n boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 20px 40px -20px color-mix(in oklch, var(--color-foreground) 25%, transparent)`,\n ...style,\n }}\n {...props}\n >\n {/* Hero image or empty-state surface /}\n {showHeroImage ? (\n <div className=\"absolute inset-0\">\n <img\n src={backgroundImageUrl}\n alt=\"\"\n loading=\"lazy\"\n onError={handleImageError}\n className=\"h-full w-full object-cover\"\n />\n {overlayEnabled && (\n <>\n {/ Layer 1 — main bottom-to-top legibility gradient /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={editorialGradient}\n />\n {/ Layer 2 — diagonal bottom-left anchor (image reads top-right, content reads bottom-left) /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={{\n background: `linear-gradient(to top right, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity 65)}%, transparent), color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity * 25)}%, transparent) 35%, transparent 65%)`,\n }}\n />\n {/* Layer 3 — radial pool anchoring the bottom-left share panel /}\n <div\n className=\"pointer-events-none absolute inset-0\"\n style={{\n background: `radial-gradient(ellipse 70% 55% at 15% 100%, color-mix(in oklch, var(--color-foreground) ${Math.round(overlayOpacity 45)}%, transparent), transparent 70%)`,\n }}\n />\n {overlayType === \"solid\" && (\n <div\n className=\"bg-foreground pointer-events-none absolute inset-0\"\n style={{ opacity: overlayOpacity * 0.35 }}\n />\n )}\n </>\n )}\n </div>\n ) : (\n <EmptyHero accentColor={accentColor} textColor={textColor} />\n )}\n\n {/* Content /}\n <div className={`relative flex min-h-[440px] flex-col p-${padding}`}>\n {/ Top row: resource type eyebrow + optional price chip /}\n {(showResourceType && resourceDescriptor) \|\| displayPrice ? (\n <div className=\"flex items-start justify-between gap-3\">\n {showResourceType && resourceDescriptor ? (\n (() => {\n const { icon: ResourceIcon, label } = resourceDescriptor;\n return (\n <span\n className={`inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/15 px-2.5 py-1 text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor} backdrop-blur-sm`}\n style={{\n boxShadow: insetBorder(textColor, 15),\n }}\n >\n <ResourceIcon className=\"size-3\" />\n {label}\n </span>\n );\n })()\n ) : (\n <span />\n )}\n {displayPrice && (\n <span\n className={`inline-flex items-center rounded-${borderRadius} bg-${accentColor} px-2.5 py-1 text-[11px] font-bold tabular-nums text-${accentColor}-foreground`}\n style={{\n boxShadow: `0 4px 14px -4px color-mix(in oklch, var(--color-foreground) 30%, transparent)`,\n }}\n >\n {displayPrice}\n </span>\n )}\n </div>\n ) : null}\n\n {/ Middle: spacer that keeps share panel bottom-anchored.\n Optional title renders inside it without changing layout rhythm. /}\n <div className=\"mt-4 flex flex-1 flex-col justify-end\">\n {titleEnabled && displayTitle && (\n <h2\n className={`text-${titleFontSize} font-header leading-[1.12] font-bold tracking-[-0.015em] text-${titleColor}`}\n style={{\n // Themed via foreground so the legibility shadow flips with\n // the title color when the theme switches to dark mode.\n textShadow: showHeroImage\n ? `0 2px 12px color-mix(in oklch, var(--color-foreground) 40%, transparent)`\n : undefined,\n }}\n >\n {displayTitle}\n </h2>\n )}\n </div>\n\n {/ Bottom: share panel /}\n <div className=\"mt-6 flex flex-col gap-3\">\n <div className=\"flex items-stretch gap-3\">\n {/ QR card /}\n <div\n className={`group relative shrink-0 rounded-${borderRadius} bg-white p-2.5 transition-transform duration-300 hover:scale-[1.02]`}\n style={{\n // QR card stays white for scanner contrast; lift shadow is\n // themed via foreground so it reads in dark mode too.\n boxShadow: `0 4px 16px -4px color-mix(in oklch, var(--color-foreground) 25%, transparent), inset 0 0 0 1px rgba(255,255,255,0.4)`,\n }}\n aria-label=\"QR code for share link\"\n >\n <QRCodeSVG\n value={shareLink \|\| \"https://example.com\"}\n size={96}\n level=\"H\"\n bgColor=\"#ffffff\"\n fgColor=\"#0f172a\"\n />\n </div>\n\n {/ URL chip + share actions rail */}\n <div className=\"flex min-w-0 flex-1 flex-col gap-2\">\n <span\n className={`text-[10px] font-bold tracking-[0.16em] uppercase text-${textColor}/70`}\n >\n Share link\n </span>\n <button\n type=\"button\"\n onClick={handleCopy}\n disabled={!hasShareLink}\n aria-label={\n copyState === \"copied\" ? \"Copied to clipboard\" : \"Copy link\"\n }\n className={`group flex items-center justify-between gap-2 rounded-${borderRadius} bg-${textColor}/10 px-3 py-2 text-left text-[12px] backdrop-blur-sm transition-all duration-300 hover:bg-${textColor}/15 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:opacity-50 ${copyState === \"copied\" ? `bg-${accentColor}/20` : \"\"}`}\n style={\n {\n \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n boxShadow: insetBorder(textColor, 15),\n } as QuickShareCSSProperties\n }\n >\n <span\n className={`min-w-0 flex-1 truncate font-medium tabular-nums text-${textColor}`}\n >\n {hasShareLink ? (\n <>\n {showDomainPrefix && prefix && (\n <span className={`opacity-60`}>{prefix}</span>\n )}\n <span className=\"font-semibold\">{path}</span>\n </>\n ) : (\n <span className={`opacity-60`}>No link yet</span>\n )}\n </span>\n <span\n className={`flex size-7 shrink-0 items-center justify-center rounded-full transition-all duration-300 ${copyState === \"copied\" ? `bg-${accentColor} text-${accentColor}-foreground scale-110` : `bg-${textColor}/15 text-${textColor}`}`}\n >\n {copyState === \"copied\" ? (\n <Check className=\"size-3.5\" />\n ) : (\n <Copy className=\"size-3.5\" />\n )}\n </span>\n </button>\n <span className=\"sr-only\" aria-live=\"polite\" role=\"status\">\n {copyState === \"copied\" ? \"Copied to clipboard\" : \"\"}\n </span>\n\n {showShareActions && (\n <ShareActionRow\n shareLink={shareLink}\n displayTitle={displayTitle}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n onNative={handleNativeShare}\n />\n )}\n </div>\n </div>\n\n {shouldShowBuyButton &&\n (hasShareLink ? (\n <a\n href={shareLink}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n className={`flex w-full items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground transition-transform hover:scale-[1.01]`}\n style={{\n boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n }}\n >\n <ShoppingCart className=\"size-4\" />\n <span>Buy now</span>\n </a>\n ) : (\n <button\n type=\"button\"\n disabled\n className={`flex w-full cursor-not-allowed items-center justify-center gap-2 rounded-${borderRadius} bg-${accentColor} px-4 py-3 text-[13px] font-bold text-${accentColor}-foreground opacity-50`}\n style={{\n boxShadow: `0 8px 22px -8px color-mix(in oklch, var(--color-foreground) 35%, transparent)`,\n }}\n >\n <ShoppingCart className=\"size-4\" />\n <span>Buy now</span>\n </button>\n ))}\n </div>\n </div>\n </div>\n );\n}\n\ntype ShareActionRowProps = {\n shareLink: string;\n displayTitle: string;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n borderRadius: BorderRadiusOptions;\n onNative: () => void;\n};\n\nfunction ShareActionRow({\n shareLink,\n displayTitle,\n accentColor,\n textColor,\n borderRadius,\n onNative,\n}: ShareActionRowProps) {\n const disabled = !shareLink;\n const { canNativeShare, canSendSms } = useShareCapabilities();\n\n const emailHref = shareLink\n ? `mailto:?subject=${encodeURIComponent(displayTitle)}&body=${encodeURIComponent(shareLink)}`\n : undefined;\n const smsHref = shareLink\n ? `sms:?body=${encodeURIComponent(`${displayTitle} — ${shareLink}`)}`\n : undefined;\n\n return (\n <div className=\"flex items-center gap-1.5\">\n <ShareActionButton\n icon={Mail}\n label=\"Email\"\n href={emailHref}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n {canSendSms && (\n <ShareActionButton\n icon={MessageCircle}\n label=\"Text\"\n href={smsHref}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n )}\n {canNativeShare && (\n <ShareActionButton\n icon={Share2}\n label=\"Share\"\n onClick={onNative}\n disabled={disabled}\n accentColor={accentColor}\n textColor={textColor}\n borderRadius={borderRadius}\n />\n )}\n </div>\n );\n}\n\ntype ShareActionButtonProps = {\n icon: LucideIcon;\n label: string;\n href?: string \| undefined;\n onClick?: () => void;\n disabled: boolean;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n borderRadius: BorderRadiusOptions;\n};\n\nfunction ShareActionButton({\n icon: Icon,\n label,\n href,\n onClick,\n disabled,\n accentColor,\n textColor,\n borderRadius,\n}: ShareActionButtonProps) {\n const className = `group inline-flex items-center gap-1.5 rounded-${borderRadius} bg-${textColor}/10 px-2.5 py-1.5 text-[11px] font-semibold text-${textColor} backdrop-blur-sm transition-all duration-200 hover:-translate-y-0.5 hover:bg-${accentColor} hover:text-${accentColor}-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--quick-share-focus-ring)] disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:translate-y-0`;\n const style: QuickShareCSSProperties = {\n \"--quick-share-focus-ring\": colorMix(accentColor, 40),\n boxShadow: insetBorder(textColor, 15),\n };\n\n const content = (\n <>\n <Icon className=\"size-3\" />\n <span>{label}</span>\n </>\n );\n\n if (href && !disabled) {\n return (\n <a href={href} className={className} style={style} aria-label={label}>\n {content}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n onClick={onClick}\n disabled={disabled}\n className={className}\n style={style}\n aria-label={label}\n >\n {content}\n </button>\n );\n}\n\nfunction EmptyHero({\n accentColor,\n textColor,\n}: {\n accentColor: ColorOptions;\n textColor: ColorOptions;\n}) {\n return (\n <div className={`bg-muted absolute inset-0`}>\n <div\n className=\"absolute inset-0\"\n style={{\n background: `radial-gradient(circle at 30% 20%, ${colorMix(accentColor, 15)}, transparent 60%), radial-gradient(circle at 80% 90%, ${colorMix(accentColor, 10)}, transparent 55%)`,\n }}\n />\n <div className=\"absolute inset-0 flex flex-col items-center justify-center gap-3\">\n <div\n className={`flex size-14 items-center justify-center rounded-2xl bg-${textColor}/5`}\n style={{ boxShadow: insetBorder(textColor, 10) }}\n >\n <ImageIcon className={`size-6 text-${textColor}/40`} />\n </div>\n <span\n className={`text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/45`}\n >\n Nothing selected\n </span>\n </div>\n </div>\n );\n}\n\nexport const quickShareWidgetPropertySchema: WidgetPropertySchema = {\n widgetType: \"QuickShareWidget\",\n displayName: \"Quick Share Widget\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [\n // Content\n {\n key: \"shareableResource\",\n label: \"Shareable Content\",\n type: \"resource\",\n description: \"Select the content to generate a share link for\",\n allowedTypes: [\"Product\", \"Page\", \"EnrollmentPack\", \"Medium\", \"Library\"],\n tab: \"styling\",\n group: \"Content\",\n },\n\n // Title\n {\n key: \"titleEnabled\",\n label: \"Show Title\",\n type: \"boolean\",\n description: \"Display a title on the hero\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n },\n {\n key: \"titleText\",\n label: \"Title\",\n type: \"text\",\n description:\n \"Custom title text (defaults to the resource title if empty)\",\n defaultValue: \"\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n getFontSizeField({\n key: \"titleFontSize\",\n label: \"Title Font Size\",\n description: \"Font size for the title\",\n defaultValue: \"2xl\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n getColorField({\n key: \"titleColor\",\n label: \"Title Color\",\n description: \"Color for the title\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n\n // Share panel polish (new)\n {\n key: \"showResourceType\",\n label: \"Show Resource Type Pill\",\n type: \"boolean\",\n description:\n \"Display a small type eyebrow chip (Product · Page · Media…)\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showShareActions\",\n label: \"Show Share Actions\",\n type: \"boolean\",\n description:\n \"Show Email, Text, and native Share buttons under the link chip\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showDomainPrefix\",\n label: \"Show Domain Prefix\",\n type: \"boolean\",\n description:\n \"Include the domain in the link chip (dimmed) with the path emphasized\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n {\n key: \"showBuyButton\",\n label: \"Show Buy Button\",\n type: \"boolean\",\n description: \"Display the Buy button (only shown for Product resources)\",\n defaultValue: false,\n tab: \"styling\",\n group: \"Share Panel\",\n },\n\n // Design\n getColorField({\n key: \"textColor\",\n label: \"Text Color\",\n description: \"Default text color for widget content (over the hero)\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getColorField({\n key: \"accentColor\",\n label: \"Accent Color\",\n description:\n \"Drives the price chip, primary button, and copy-success flash\",\n defaultValue: \"primary\",\n tab: \"styling\",\n group: \"Design\",\n }),\n {\n key: \"overlayEnabled\",\n label: \"Enable Overlay\",\n type: \"boolean\",\n description: \"Add editorial gradient stack for legibility over the hero\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Design\",\n },\n {\n key: \"overlayType\",\n label: \"Overlay Type\",\n type: \"buttonGroup\",\n description:\n \"Gradient only (recommended) or gradient + solid wash (heavier)\",\n defaultValue: \"gradient\",\n options: [\n { label: \"Gradient\", value: \"gradient\" },\n { label: \"Solid\", value: \"solid\" },\n ],\n tab: \"styling\",\n group: \"Design\",\n requiresKeyToBeTrue: \"overlayEnabled\",\n },\n {\n key: \"overlayIntensity\",\n label: \"Overlay Intensity\",\n type: \"slider\",\n description: \"Opacity of the overlay (0-100)\",\n min: 0,\n max: 100,\n step: 5,\n defaultValue: 70,\n unit: \"%\",\n tab: \"styling\",\n group: \"Design\",\n requiresKeyToBeTrue: \"overlayEnabled\",\n },\n {\n key: \"separator\",\n type: \"separator\",\n label: \"Separator\",\n tab: \"styling\",\n group: \"Design\",\n },\n getPaddingField({\n key: \"padding\",\n label: \"Padding\",\n description: \"Padding around the widget content\",\n defaultValue: 6,\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderRadiusField({\n key: \"borderRadius\",\n label: \"Border Radius\",\n description: \"Border radius for the widget container\",\n defaultValue: \"xl\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderWidthField({\n key: \"borderWidth\",\n label: \"Border Width\",\n description: \"Border width for the widget container\",\n defaultValue: \"none\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderColorField({\n key: \"borderColor\",\n label: \"Border Color\",\n description: \"Border color for the widget container\",\n defaultValue: \"muted\",\n tab: \"styling\",\n group: \"Design\",\n }),\n ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EAGD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aACE;GACF,cAAc;GACd,SAAS,CACP;IAAE,OAAO;IAAY,OAAO;IAAY,EACxC;IAAE,OAAO;IAAS,OAAO;IAAS,CACnC;GACD,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,KAAK;GACL,KAAK;GACL,MAAM;GACN,cAAc;GACd,MAAM;GACN,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/{RecentActivityWidget-D1AlZgfV.mjs → RecentActivityWidget-Rpj33TiN.mjs} RENAMED Viewed

@@ -1,7 +1,7 @@
-import { r as __exportAll } from "./es-BXxGlAp6.mjs";
-import { n as useDataSourceRegistryConfig } from "./registry-context-CTHUCfEc.mjs";
-import { i as useWidgetsApi, n as useWidgetPreviewContext, t as ErrorState } from "./error-state-DYzHx8tt.mjs";
-import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-Ct8o2YRe.mjs";
+import { I as __exportAll } from "./portal_tenant_content-DPLnrtOG.mjs";
+import { n as useDataSourceRegistryConfig } from "./registry-context-Bc-2fQnr.mjs";
+import { i as useWidgetsApi, n as useWidgetPreviewContext, t as ErrorState } from "./error-state--Z2OlDFr.mjs";
+import { i as getBorderColorField, l as getColorField, m as getPaddingField, n as borderWidthClasses, o as getBorderRadiusField, s as getBorderWidthField, t as borderColorClasses, u as getFontSizeField } from "./registries-kvRRUHcO.mjs";
 import { useEffect, useMemo, useState } from "react";
 import { useQuery } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -561,4 +561,4 @@ const recentActivityWidgetPropertySchema = {
 //#endregion
 export { RecentActivityWidget_exports as n, recentActivityWidgetPropertySchema as r, RecentActivityWidget as t };
-//# sourceMappingURL=RecentActivityWidget-D1AlZgfV.mjs.map
+//# sourceMappingURL=RecentActivityWidget-Rpj33TiN.mjs.map

package/dist/{RecentActivityWidget-D1AlZgfV.mjs.map → RecentActivityWidget-Rpj33TiN.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecentActivityWidget-D1AlZgfV.mjs","names":[],"sources":["../../widgets/src/hooks/use-activities.preview.ts","../../widgets/src/hooks/use-activities.ts","../../widgets/src/widgets/RecentActivityWidget.tsx"],"sourcesContent":["import type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction minutesAgo(minutes: number): string {\n return new Date(now.getTime() - minutes * 60_000).toISOString();\n}\n\nexport const PREVIEW_DATA: Activity[] = [\n {\n id: 1,\n userName: \"Sarah Johnson\",\n avatarUrl: null,\n activityType: \"Order Placed\",\n targetName: \"Wellness Starter Kit\",\n timestamp: minutesAgo(12),\n slug: \"order_placed\",\n },\n {\n id: 2,\n userName: \"Mike Chen\",\n avatarUrl: null,\n activityType: \"New Lead\",\n targetName: \"Signed up from Instagram link\",\n timestamp: minutesAgo(45),\n slug: \"new_lead\",\n },\n {\n id: 3,\n userName: \"Visitor from Austin, TX\",\n avatarUrl: null,\n activityType: \"Page Views\",\n targetName: \"Viewed product catalog (3 pages)\",\n timestamp: minutesAgo(90),\n slug: \"page_views\",\n },\n {\n id: 4,\n userName: \"Lisa Park\",\n avatarUrl: null,\n activityType: \"Video Complete\",\n targetName: \"Watched: Getting Started Guide\",\n timestamp: minutesAgo(180),\n slug: \"video_complete\",\n },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-activities.preview\";\nimport type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n Activity,\n ActivitySlug,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport function useActivities(): UseQueryResult<Activity[], Error> {\n const widgetsApi = useWidgetsApi();\n const { isPreview } = useWidgetPreviewContext();\n const { baseUrl } = useDataSourceRegistryConfig();\n\n return useQuery({\n queryKey: [\n \"portal-widget-use\",\n \"activities\",\n isPreview ? \"preview\" : baseUrl,\n ] as const,\n queryFn: ({ signal }) => widgetsApi.fetchActivities(signal),\n enabled: !isPreview,\n ...(isPreview && { placeholderData: PREVIEW_DATA }),\n });\n}\n","import { useEffect, useMemo, useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n BorderWidthOptions,\n ColorOptions,\n FontSizeOptions,\n PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n borderColorClasses,\n borderWidthClasses,\n getBorderColorField,\n getBorderRadiusField,\n getBorderWidthField,\n getColorField,\n getFontSizeField,\n getPaddingField,\n} from \"../core/fields\";\nimport {\n useActivities,\n type Activity,\n type ActivitySlug,\n} from \"../hooks/use-activities\";\nimport { ErrorState } from \"../components/error-state\";\nimport {\n AudioWaveform,\n Bell,\n Calendar,\n CheckSquare,\n Eye,\n MessageCircle,\n Play,\n ShoppingCart,\n Star,\n Trophy,\n User,\n UserPlus,\n type LucideIcon,\n} from \"lucide-react\";\n\n// ---------- helpers ----------\n\nconst RELATIVE_TIME_REFRESH_MS = 60_000;\nconst DEFAULT_MAX_ITEMS_TO_SHOW = 6;\nconst MAX_ITEMS_TO_SHOW_LIMIT = 20;\n\nconst ACTIVITY_ICON_MAP: Record<ActivitySlug, LucideIcon> = {\n order_placed: ShoppingCart,\n abandoned_cart: ShoppingCart,\n cart_items_added: ShoppingCart,\n new_cart_items_added: ShoppingCart,\n direct_message: MessageCircle,\n comment_reply: MessageCircle,\n message_received: MessageCircle,\n message_sent: MessageCircle,\n video: Play,\n video_complete: Play,\n video_contact: Play,\n video_complete_contact: Play,\n new_lead: UserPlus,\n page_views_contact: UserPlus,\n smart_link_clicked: UserPlus,\n page_views: Eye,\n upcoming_event: Calendar,\n review_left: Star,\n tasks: CheckSquare,\n announcements: Bell,\n fantasy_point: Trophy,\n};\n\nconst getActivityIcon = (slug: ActivitySlug): LucideIcon =>\n ACTIVITY_ICON_MAP[slug] ?? User;\n\nconst formatAbsoluteTime = (timestamp: string): string =>\n new Date(timestamp).toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n });\n\nconst formatRelativeTime = (timestamp: string, now: number): string => {\n const then = new Date(timestamp).getTime();\n const diffSec = Math.max(0, Math.round((now - then) / 1000));\n\n if (diffSec < 60) return \"now\";\n const diffMin = Math.floor(diffSec / 60);\n if (diffMin < 60) return `${diffMin}m`;\n const diffHr = Math.floor(diffMin / 60);\n if (diffHr < 24) return `${diffHr}h`;\n const diffDay = Math.floor(diffHr / 24);\n if (diffDay < 7) return `${diffDay}d`;\n return new Date(timestamp).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n });\n};\n\nconst toLocalDateKey = (date: Date): string => {\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, \"0\");\n const day = String(date.getDate()).padStart(2, \"0\");\n return `${year}-${month}-${day}`;\n};\n\nconst formatDateHeader = (timestamp: string, nowMs: number): string => {\n const date = new Date(timestamp);\n if (!Number.isFinite(date.getTime())) return timestamp;\n\n const now = new Date(nowMs);\n const yesterday = new Date(now);\n yesterday.setDate(now.getDate() - 1);\n\n const todayKey = toLocalDateKey(now);\n const yesterdayKey = toLocalDateKey(yesterday);\n const dateKey = toLocalDateKey(date);\n\n if (dateKey === todayKey) return \"Today\";\n if (dateKey === yesterdayKey) return \"Yesterday\";\n return date.toLocaleDateString(\"en-US\", {\n month: \"long\",\n day: \"numeric\",\n });\n};\n\nconst getDateKey = (timestamp: string): string => {\n const date = new Date(timestamp);\n if (!Number.isFinite(date.getTime())) return timestamp;\n return toLocalDateKey(date);\n};\n\nconst getColorCssValue = (color: ColorOptions): string =>\n color === \"transparent\" ? \"transparent\" : `var(--color-${color})`;\n\nconst normalizeMaxItemsToShow = (value: number): number => {\n if (!Number.isFinite(value)) return DEFAULT_MAX_ITEMS_TO_SHOW;\n return Math.min(MAX_ITEMS_TO_SHOW_LIMIT, Math.max(1, Math.floor(value)));\n};\n\nconst shouldRenderEyebrow = (\n showEyebrow: boolean,\n titleText: string,\n): boolean =>\n showEyebrow && titleText.trim().toLowerCase() !== \"recent activity\";\n\nconst isUnknownUser = (name: string \| undefined): boolean => {\n if (!name) return true;\n const lower = name.trim().toLowerCase();\n if (!lower) return true;\n return (\n lower === \"unknown\" \|\|\n lower.includes(\"unknown visitor\") \|\|\n lower === \"anonymous\" \|\|\n lower === \"guest\"\n );\n};\n\nconst getInitials = (name: string \| undefined): string => {\n if (!name) return \"\";\n const parts = name.trim().split(/\\s+/).slice(0, 2);\n return parts.map((p) => p[0]?.toUpperCase() ?? \"\").join(\"\");\n};\n\n// ---------- avatar ----------\n\ntype AvatarProps = {\n activity: Activity;\n textColor: ColorOptions;\n accentColor: ColorOptions;\n surfaceColor: ColorOptions;\n showTypeBadge: boolean;\n};\n\nfunction Avatar({\n activity,\n textColor,\n accentColor,\n surfaceColor,\n showTypeBadge,\n}: AvatarProps) {\n const TypeIcon = getActivityIcon(activity.slug);\n const unknown = isUnknownUser(activity.userName);\n const initials = unknown ? \"\" : getInitials(activity.userName);\n // 3-tier fallback: image → initials → person icon. If avatarUrl 404s or\n // fails to decode, flip to the next tier instead of showing a broken image.\n const [failedAvatarUrl, setFailedAvatarUrl] = useState<string \| null>(null);\n const avatarUrl = activity.avatarUrl;\n const showImage = Boolean(avatarUrl) && failedAvatarUrl !== avatarUrl;\n\n return (\n <div className=\"relative shrink-0\">\n {showImage ? (\n <img\n src={avatarUrl ?? undefined}\n alt={unknown ? \"\" : activity.userName}\n width={36}\n height={36}\n loading=\"lazy\"\n onError={() => setFailedAvatarUrl(avatarUrl)}\n className=\"size-9 rounded-full object-cover\"\n style={{\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n ) : initials ? (\n <div\n className={`flex size-9 items-center justify-center rounded-full text-[11px] font-bold tracking-[0.04em] text-${textColor}/80`}\n style={{\n background: `color-mix(in oklch, var(--color-${accentColor}) 12%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n aria-label={activity.userName}\n >\n {initials}\n </div>\n ) : (\n <div\n className={`flex size-9 items-center justify-center rounded-full`}\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 5%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n aria-label=\"Unknown visitor\"\n >\n <User className={`size-3.5 text-${textColor}/55`} />\n </div>\n )}\n\n {/* Type badge — shows what kind of event, regardless of avatar kind. /}\n {showTypeBadge && (\n <span\n className={`bg-${accentColor} text-${accentColor}-foreground absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full`}\n style={{\n boxShadow: `0 0 0 2px ${getColorCssValue(surfaceColor)}`,\n }}\n aria-hidden=\"true\"\n >\n <TypeIcon style={{ width: 8, height: 8 }} />\n </span>\n )}\n </div>\n );\n}\n\n// ---------- activity row ----------\n\ntype ActivityRowProps = {\n activity: Activity;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n surfaceColor: ColorOptions;\n showRelativeTime: boolean;\n nowMs: number;\n};\n\nfunction ActivityRow({\n activity,\n accentColor,\n textColor,\n surfaceColor,\n showRelativeTime,\n nowMs,\n}: ActivityRowProps) {\n const timeText = showRelativeTime\n ? formatRelativeTime(activity.timestamp, nowMs)\n : formatAbsoluteTime(activity.timestamp);\n\n const absoluteTooltip = new Date(activity.timestamp).toLocaleString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n\n return (\n <li\n role=\"article\"\n className=\"relative flex items-start gap-3 rounded-md px-2 py-2\"\n >\n <Avatar\n activity={activity}\n textColor={textColor}\n accentColor={accentColor}\n surfaceColor={surfaceColor}\n showTypeBadge\n />\n\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex items-baseline gap-2\">\n <p\n className={`min-w-0 flex-1 truncate text-[13px] leading-tight font-semibold text-${textColor}`}\n >\n {activity.activityType}\n </p>\n <span\n title={absoluteTooltip}\n className={`shrink-0 font-mono text-[10px] font-medium tabular-nums text-${textColor}/45`}\n >\n {timeText}\n </span>\n </div>\n <p\n className={`mt-0.5 truncate text-[12px] leading-snug text-${textColor}/65`}\n >\n <span className={`font-semibold text-${textColor}/85`}>\n {activity.userName}\n </span>\n {activity.targetName && (\n <>\n <span className={`mx-1 text-${textColor}/35`}>·</span>\n <span>{activity.targetName}</span>\n </>\n )}\n </p>\n </div>\n </li>\n );\n}\n\n// ---------- widget ----------\n\ntype RecentActivityWidgetProps = ComponentProps<\"div\"> & {\n titleEnabled?: boolean;\n titleText?: string;\n titleFontSize?: FontSizeOptions;\n titleColor?: ColorOptions;\n\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n borderWidth?: BorderWidthOptions;\n borderColor?: ColorOptions;\n\n maxItemsToShow?: number;\n\n // Polish (additive)\n showTimeline?: boolean;\n showRelativeTime?: boolean;\n showCountChip?: boolean;\n showEyebrow?: boolean;\n};\n\nfunction useRelativeTimeNow(): number {\n const [nowMs, setNowMs] = useState(() => Date.now());\n\n useEffect(() => {\n const timer = window.setInterval(() => {\n setNowMs(Date.now());\n }, RELATIVE_TIME_REFRESH_MS);\n\n return () => window.clearInterval(timer);\n }, []);\n\n return nowMs;\n}\n\nexport function RecentActivityWidget({\n titleEnabled = true,\n titleText = \"Activity\",\n titleFontSize = \"xl\",\n titleColor = \"foreground\",\n\n background = { type: \"solid\", color: \"background\" },\n textColor = \"foreground\",\n accentColor = \"primary\",\n padding = 4,\n borderRadius = \"md\",\n borderWidth = \"thin\",\n borderColor = \"muted\",\n\n maxItemsToShow = 6,\n\n showTimeline = true,\n showRelativeTime = true,\n showCountChip = true,\n showEyebrow = true,\n\n className,\n ...props\n}: RecentActivityWidgetProps): React.JSX.Element {\n const backgroundColor = background.color \|\| \"background\";\n const backgroundImage =\n (background.resource?.image_url \|\| background.resource?.imageUrl) &&\n background.type === \"image\"\n ? `url(${background.resource.image_url \|\| background.resource.imageUrl})`\n : \"none\";\n\n const { data: activities = [], isLoading, isError } = useActivities();\n const nowMs = useRelativeTimeNow();\n const maxVisibleItems = normalizeMaxItemsToShow(maxItemsToShow);\n\n const activitiesToShow = useMemo(() => {\n if (activities.length === 0)\n return [] as { date: string; items: Activity[] }[];\n const groups = new Map<string, Activity[]>();\n for (const activity of activities.slice(0, maxVisibleItems)) {\n const key = getDateKey(activity.timestamp);\n const existing = groups.get(key);\n if (existing) existing.push(activity);\n else groups.set(key, [activity]);\n }\n return Array.from(groups.entries()).map(([key, items]) => ({\n // `key` is only a defensive fallback; every group is created with at\n // least one activity, so the item timestamp is what normally labels it.\n date: formatDateHeader(items[0]?.timestamp ?? key, nowMs),\n items,\n }));\n }, [activities, maxVisibleItems, nowMs]);\n\n const totalCount = Math.min(activities.length, maxVisibleItems);\n\n return (\n <div\n className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n style={{\n backgroundImage,\n // Soft ambient lift derived from theme tokens. The configured border\n // props own the crisp outline so saved border settings stay intact.\n boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 14px 32px -20px color-mix(in oklch, var(--color-foreground) 14%, transparent)`,\n }}\n {...props}\n >\n <div className={`p-${padding} flex flex-col`}>\n {/ Header /}\n {titleEnabled && titleText && (\n <div className=\"mb-4 flex items-end justify-between gap-3\">\n <div className=\"flex min-w-0 flex-col\">\n {shouldRenderEyebrow(showEyebrow, titleText) && (\n <span\n className={`text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/55`}\n >\n Recent\n </span>\n )}\n <h2\n className={`mt-0.5 text-${titleFontSize} leading-tight font-bold tracking-[-0.015em] text-${titleColor}`}\n >\n {titleText}\n </h2>\n </div>\n {!isLoading && !isError && showCountChip && totalCount > 0 && (\n <span\n className={`inline-flex shrink-0 items-center gap-1.5 rounded-full bg-${accentColor}/10 px-2 py-1 text-[10px] font-bold tracking-[0.06em] text-${accentColor}`}\n >\n <span\n aria-hidden=\"true\"\n className={`size-1.5 rounded-full bg-${accentColor}`}\n />\n {totalCount} {totalCount === 1 ? \"update\" : \"updates\"}\n </span>\n )}\n </div>\n )}\n\n {/ States /}\n {isLoading ? (\n <ActivitySkeleton\n textColor={textColor}\n showTimeline={showTimeline}\n rowCount={maxVisibleItems}\n />\n ) : isError ? (\n <ErrorState />\n ) : activities.length === 0 ? (\n <EmptyState textColor={textColor} accentColor={accentColor} />\n ) : (\n / Feed /\n <div role=\"feed\" className=\"flex flex-col gap-3\">\n {activitiesToShow.map((group, groupIdx) => (\n <section\n key={`${group.date}-${groupIdx}`}\n className=\"flex flex-col gap-1\"\n >\n <header className=\"flex items-center gap-2 px-2\">\n <span\n className={`text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor}/55`}\n >\n {group.date}\n </span>\n <span\n aria-hidden=\"true\"\n className=\"h-px flex-1\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 8%, transparent)`,\n }}\n />\n </header>\n\n <ul className=\"relative flex flex-col\">\n {/ Single continuous spine — anchored to the first and last\n avatar centers. Avatar is size-9 (36px), inside a li with\n px-2 py-2 (8px padding). So avatar center = 8 + 18 = 26px\n from the edges, which is also where the spine lives. */}\n {showTimeline && group.items.length > 1 && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute top-[26px] bottom-[26px] left-[26px] w-px\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n )}\n {group.items.map((activity) => (\n <ActivityRow\n key={activity.id}\n activity={activity}\n accentColor={accentColor}\n textColor={textColor}\n surfaceColor={backgroundColor}\n showRelativeTime={showRelativeTime}\n nowMs={nowMs}\n />\n ))}\n </ul>\n </section>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n\n// ---------- empty state ----------\n\ntype EmptyStateProps = {\n textColor: ColorOptions;\n accentColor: ColorOptions;\n};\n\nfunction EmptyState({ textColor, accentColor }: EmptyStateProps) {\n return (\n <div className=\"flex flex-col items-center justify-center gap-3 px-4 py-10\">\n <div\n className=\"relative flex size-12 items-center justify-center rounded-full\"\n style={{\n background: `color-mix(in oklch, var(--color-${accentColor}) 10%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 8%, transparent)`,\n }}\n >\n <AudioWaveform className={`size-5 text-${accentColor}/80`} />\n </div>\n <div className=\"flex flex-col items-center gap-1\">\n <p className={`text-[13px] font-semibold text-${textColor}/80`}>\n No activity yet\n </p>\n <p\n className={`max-w-[24ch] text-center text-[11px] leading-snug text-${textColor}/55`}\n >\n Orders, messages, views and leads will show up here as they happen.\n </p>\n </div>\n </div>\n );\n}\n\n// ---------- skeleton ----------\n\ntype ActivitySkeletonProps = {\n textColor: ColorOptions;\n showTimeline: boolean;\n rowCount: number;\n};\n\nfunction ActivitySkeleton({\n textColor,\n showTimeline,\n rowCount,\n}: ActivitySkeletonProps) {\n return (\n <div className=\"relative flex flex-col\" aria-busy=\"true\">\n {showTimeline && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute top-[26px] bottom-[26px] left-[26px] w-px\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n )}\n {Array.from({ length: rowCount }, (_, i) => i).map((i) => (\n <div\n key={i}\n className=\"relative flex items-start gap-3 rounded-md px-2 py-2\"\n >\n <div\n className={`size-9 shrink-0 animate-pulse rounded-full bg-${textColor}/10`}\n />\n <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\">\n <div\n className={`h-2 w-2/3 animate-pulse rounded-full bg-${textColor}/10`}\n />\n <div\n className={`h-2 w-1/2 animate-pulse rounded-full bg-${textColor}/10`}\n />\n </div>\n </div>\n ))}\n </div>\n );\n}\n\n// ---------- schema ----------\n\nexport const recentActivityWidgetPropertySchema: WidgetPropertySchema = {\n widgetType: \"RecentActivityWidget\",\n displayName: \"Recent Activity Widget\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [\n // Title\n {\n key: \"titleEnabled\",\n label: \"Widget Title\",\n type: \"boolean\",\n description: \"Display the title and eyebrow above the feed\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n },\n {\n key: \"titleText\",\n label: \"Title\",\n type: \"text\",\n description: \"Title text displayed above the activity feed\",\n defaultValue: \"Activity\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n getFontSizeField({\n key: \"titleFontSize\",\n label: \"Title Font Size\",\n description: \"Font size for the widget title\",\n defaultValue: \"xl\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n getColorField({\n key: \"titleColor\",\n label: \"Title Color\",\n description: \"Color for the widget title\",\n defaultValue: \"foreground\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n {\n key: \"showEyebrow\",\n label: \"Show 'RECENT' Eyebrow\",\n type: \"boolean\",\n description: \"Small uppercase label above the title\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n {\n key: \"showCountChip\",\n label: \"Show Updates Count Chip\",\n type: \"boolean\",\n description: \"Accent pill next to the title showing how many updates\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n\n // Feed\n {\n key: \"maxItemsToShow\",\n label: \"Max Items\",\n type: \"number\",\n description: \"Maximum number of activity items to display\",\n defaultValue: DEFAULT_MAX_ITEMS_TO_SHOW,\n min: 1,\n max: MAX_ITEMS_TO_SHOW_LIMIT,\n step: 1,\n tab: \"styling\",\n group: \"Feed\",\n },\n {\n key: \"showTimeline\",\n label: \"Timeline Spine\",\n type: \"boolean\",\n description: \"Draw a vertical line connecting activity avatars\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Feed\",\n },\n {\n key: \"showRelativeTime\",\n label: \"Relative Timestamps\",\n type: \"boolean\",\n description: \"Show 'now / 2m / 1h / 3d' instead of absolute times\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Feed\",\n },\n\n // Design\n {\n type: \"background\",\n key: \"background\",\n label: \"Background\",\n description: \"Background for the widget container\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Design\",\n },\n getColorField({\n key: \"textColor\",\n label: \"Text Color\",\n description: \"Default text color for activity content\",\n defaultValue: \"foreground\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getColorField({\n key: \"accentColor\",\n label: \"Accent Color\",\n description:\n \"Drives the count chip, type badge, initials avatar, and empty-state icon\",\n defaultValue: \"primary\",\n tab: \"styling\",\n group: \"Design\",\n }),\n {\n key: \"separator\",\n type: \"separator\",\n label: \"Separator\",\n tab: \"styling\",\n group: \"Design\",\n },\n getPaddingField({\n key: \"padding\",\n label: \"Padding\",\n description: \"Padding around the widget container\",\n defaultValue: 4,\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderRadiusField({\n key: \"borderRadius\",\n label: \"Border Radius\",\n description: \"Border radius for the widget container\",\n defaultValue: \"md\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderWidthField({\n key: \"borderWidth\",\n label: \"Border Width\",\n description: \"Border width for the widget container\",\n defaultValue: \"thin\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderColorField({\n key: \"borderColor\",\n label: \"Border Color\",\n description: \"Border color for the widget container\",\n defaultValue: \"muted\",\n tab: \"styling\",\n group: \"Design\",\n }),\n ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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C;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAGD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,KAAK;GACL,MAAM;GACN,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EAGD;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}
1	+ {"version":3,"file":"RecentActivityWidget-Rpj33TiN.mjs","names":[],"sources":["../../widgets/src/hooks/use-activities.preview.ts","../../widgets/src/hooks/use-activities.ts","../../widgets/src/widgets/RecentActivityWidget.tsx"],"sourcesContent":["import type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nconst now = new Date();\n\nfunction minutesAgo(minutes: number): string {\n return new Date(now.getTime() - minutes * 60_000).toISOString();\n}\n\nexport const PREVIEW_DATA: Activity[] = [\n {\n id: 1,\n userName: \"Sarah Johnson\",\n avatarUrl: null,\n activityType: \"Order Placed\",\n targetName: \"Wellness Starter Kit\",\n timestamp: minutesAgo(12),\n slug: \"order_placed\",\n },\n {\n id: 2,\n userName: \"Mike Chen\",\n avatarUrl: null,\n activityType: \"New Lead\",\n targetName: \"Signed up from Instagram link\",\n timestamp: minutesAgo(45),\n slug: \"new_lead\",\n },\n {\n id: 3,\n userName: \"Visitor from Austin, TX\",\n avatarUrl: null,\n activityType: \"Page Views\",\n targetName: \"Viewed product catalog (3 pages)\",\n timestamp: minutesAgo(90),\n slug: \"page_views\",\n },\n {\n id: 4,\n userName: \"Lisa Park\",\n avatarUrl: null,\n activityType: \"Video Complete\",\n targetName: \"Watched: Getting Started Guide\",\n timestamp: minutesAgo(180),\n slug: \"video_complete\",\n },\n];\n","import { useQuery, type UseQueryResult } from \"@tanstack/react-query\";\nimport { useWidgetsApi } from \"@fluid-app/portal-core/widgets-api-context\";\nimport { useWidgetPreviewContext } from \"@fluid-app/portal-react/data-sources/preview-context\";\nimport { useDataSourceRegistryConfig } from \"@fluid-app/portal-react/data-sources/registry-context\";\nimport { PREVIEW_DATA } from \"./use-activities.preview\";\nimport type { Activity } from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport type {\n Activity,\n ActivitySlug,\n} from \"@fluid-app/portal-core/widgets-api-types\";\n\nexport function useActivities(): UseQueryResult<Activity[], Error> {\n const widgetsApi = useWidgetsApi();\n const { isPreview } = useWidgetPreviewContext();\n const { baseUrl } = useDataSourceRegistryConfig();\n\n return useQuery({\n queryKey: [\n \"portal-widget-use\",\n \"activities\",\n isPreview ? \"preview\" : baseUrl,\n ] as const,\n queryFn: ({ signal }) => widgetsApi.fetchActivities(signal),\n enabled: !isPreview,\n ...(isPreview && { placeholderData: PREVIEW_DATA }),\n });\n}\n","import { useEffect, useMemo, useState, type ComponentProps } from \"react\";\nimport type React from \"react\";\nimport type {\n BackgroundValue,\n BorderRadiusOptions,\n BorderWidthOptions,\n ColorOptions,\n FontSizeOptions,\n PaddingOptions,\n} from \"@fluid-app/portal-core/types\";\nimport type { WidgetPropertySchema } from \"@fluid-app/portal-core/registries\";\nimport {\n borderColorClasses,\n borderWidthClasses,\n getBorderColorField,\n getBorderRadiusField,\n getBorderWidthField,\n getColorField,\n getFontSizeField,\n getPaddingField,\n} from \"../core/fields\";\nimport {\n useActivities,\n type Activity,\n type ActivitySlug,\n} from \"../hooks/use-activities\";\nimport { ErrorState } from \"../components/error-state\";\nimport {\n AudioWaveform,\n Bell,\n Calendar,\n CheckSquare,\n Eye,\n MessageCircle,\n Play,\n ShoppingCart,\n Star,\n Trophy,\n User,\n UserPlus,\n type LucideIcon,\n} from \"lucide-react\";\n\n// ---------- helpers ----------\n\nconst RELATIVE_TIME_REFRESH_MS = 60_000;\nconst DEFAULT_MAX_ITEMS_TO_SHOW = 6;\nconst MAX_ITEMS_TO_SHOW_LIMIT = 20;\n\nconst ACTIVITY_ICON_MAP: Record<ActivitySlug, LucideIcon> = {\n order_placed: ShoppingCart,\n abandoned_cart: ShoppingCart,\n cart_items_added: ShoppingCart,\n new_cart_items_added: ShoppingCart,\n direct_message: MessageCircle,\n comment_reply: MessageCircle,\n message_received: MessageCircle,\n message_sent: MessageCircle,\n video: Play,\n video_complete: Play,\n video_contact: Play,\n video_complete_contact: Play,\n new_lead: UserPlus,\n page_views_contact: UserPlus,\n smart_link_clicked: UserPlus,\n page_views: Eye,\n upcoming_event: Calendar,\n review_left: Star,\n tasks: CheckSquare,\n announcements: Bell,\n fantasy_point: Trophy,\n};\n\nconst getActivityIcon = (slug: ActivitySlug): LucideIcon =>\n ACTIVITY_ICON_MAP[slug] ?? User;\n\nconst formatAbsoluteTime = (timestamp: string): string =>\n new Date(timestamp).toLocaleTimeString(\"en-US\", {\n hour: \"numeric\",\n minute: \"2-digit\",\n hour12: true,\n });\n\nconst formatRelativeTime = (timestamp: string, now: number): string => {\n const then = new Date(timestamp).getTime();\n const diffSec = Math.max(0, Math.round((now - then) / 1000));\n\n if (diffSec < 60) return \"now\";\n const diffMin = Math.floor(diffSec / 60);\n if (diffMin < 60) return `${diffMin}m`;\n const diffHr = Math.floor(diffMin / 60);\n if (diffHr < 24) return `${diffHr}h`;\n const diffDay = Math.floor(diffHr / 24);\n if (diffDay < 7) return `${diffDay}d`;\n return new Date(timestamp).toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n });\n};\n\nconst toLocalDateKey = (date: Date): string => {\n const year = date.getFullYear();\n const month = String(date.getMonth() + 1).padStart(2, \"0\");\n const day = String(date.getDate()).padStart(2, \"0\");\n return `${year}-${month}-${day}`;\n};\n\nconst formatDateHeader = (timestamp: string, nowMs: number): string => {\n const date = new Date(timestamp);\n if (!Number.isFinite(date.getTime())) return timestamp;\n\n const now = new Date(nowMs);\n const yesterday = new Date(now);\n yesterday.setDate(now.getDate() - 1);\n\n const todayKey = toLocalDateKey(now);\n const yesterdayKey = toLocalDateKey(yesterday);\n const dateKey = toLocalDateKey(date);\n\n if (dateKey === todayKey) return \"Today\";\n if (dateKey === yesterdayKey) return \"Yesterday\";\n return date.toLocaleDateString(\"en-US\", {\n month: \"long\",\n day: \"numeric\",\n });\n};\n\nconst getDateKey = (timestamp: string): string => {\n const date = new Date(timestamp);\n if (!Number.isFinite(date.getTime())) return timestamp;\n return toLocalDateKey(date);\n};\n\nconst getColorCssValue = (color: ColorOptions): string =>\n color === \"transparent\" ? \"transparent\" : `var(--color-${color})`;\n\nconst normalizeMaxItemsToShow = (value: number): number => {\n if (!Number.isFinite(value)) return DEFAULT_MAX_ITEMS_TO_SHOW;\n return Math.min(MAX_ITEMS_TO_SHOW_LIMIT, Math.max(1, Math.floor(value)));\n};\n\nconst shouldRenderEyebrow = (\n showEyebrow: boolean,\n titleText: string,\n): boolean =>\n showEyebrow && titleText.trim().toLowerCase() !== \"recent activity\";\n\nconst isUnknownUser = (name: string \| undefined): boolean => {\n if (!name) return true;\n const lower = name.trim().toLowerCase();\n if (!lower) return true;\n return (\n lower === \"unknown\" \|\|\n lower.includes(\"unknown visitor\") \|\|\n lower === \"anonymous\" \|\|\n lower === \"guest\"\n );\n};\n\nconst getInitials = (name: string \| undefined): string => {\n if (!name) return \"\";\n const parts = name.trim().split(/\\s+/).slice(0, 2);\n return parts.map((p) => p[0]?.toUpperCase() ?? \"\").join(\"\");\n};\n\n// ---------- avatar ----------\n\ntype AvatarProps = {\n activity: Activity;\n textColor: ColorOptions;\n accentColor: ColorOptions;\n surfaceColor: ColorOptions;\n showTypeBadge: boolean;\n};\n\nfunction Avatar({\n activity,\n textColor,\n accentColor,\n surfaceColor,\n showTypeBadge,\n}: AvatarProps) {\n const TypeIcon = getActivityIcon(activity.slug);\n const unknown = isUnknownUser(activity.userName);\n const initials = unknown ? \"\" : getInitials(activity.userName);\n // 3-tier fallback: image → initials → person icon. If avatarUrl 404s or\n // fails to decode, flip to the next tier instead of showing a broken image.\n const [failedAvatarUrl, setFailedAvatarUrl] = useState<string \| null>(null);\n const avatarUrl = activity.avatarUrl;\n const showImage = Boolean(avatarUrl) && failedAvatarUrl !== avatarUrl;\n\n return (\n <div className=\"relative shrink-0\">\n {showImage ? (\n <img\n src={avatarUrl ?? undefined}\n alt={unknown ? \"\" : activity.userName}\n width={36}\n height={36}\n loading=\"lazy\"\n onError={() => setFailedAvatarUrl(avatarUrl)}\n className=\"size-9 rounded-full object-cover\"\n style={{\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n ) : initials ? (\n <div\n className={`flex size-9 items-center justify-center rounded-full text-[11px] font-bold tracking-[0.04em] text-${textColor}/80`}\n style={{\n background: `color-mix(in oklch, var(--color-${accentColor}) 12%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n aria-label={activity.userName}\n >\n {initials}\n </div>\n ) : (\n <div\n className={`flex size-9 items-center justify-center rounded-full`}\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 5%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n aria-label=\"Unknown visitor\"\n >\n <User className={`size-3.5 text-${textColor}/55`} />\n </div>\n )}\n\n {/* Type badge — shows what kind of event, regardless of avatar kind. /}\n {showTypeBadge && (\n <span\n className={`bg-${accentColor} text-${accentColor}-foreground absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full`}\n style={{\n boxShadow: `0 0 0 2px ${getColorCssValue(surfaceColor)}`,\n }}\n aria-hidden=\"true\"\n >\n <TypeIcon style={{ width: 8, height: 8 }} />\n </span>\n )}\n </div>\n );\n}\n\n// ---------- activity row ----------\n\ntype ActivityRowProps = {\n activity: Activity;\n accentColor: ColorOptions;\n textColor: ColorOptions;\n surfaceColor: ColorOptions;\n showRelativeTime: boolean;\n nowMs: number;\n};\n\nfunction ActivityRow({\n activity,\n accentColor,\n textColor,\n surfaceColor,\n showRelativeTime,\n nowMs,\n}: ActivityRowProps) {\n const timeText = showRelativeTime\n ? formatRelativeTime(activity.timestamp, nowMs)\n : formatAbsoluteTime(activity.timestamp);\n\n const absoluteTooltip = new Date(activity.timestamp).toLocaleString(\"en-US\", {\n weekday: \"short\",\n month: \"short\",\n day: \"numeric\",\n hour: \"numeric\",\n minute: \"2-digit\",\n });\n\n return (\n <li\n role=\"article\"\n className=\"relative flex items-start gap-3 rounded-md px-2 py-2\"\n >\n <Avatar\n activity={activity}\n textColor={textColor}\n accentColor={accentColor}\n surfaceColor={surfaceColor}\n showTypeBadge\n />\n\n <div className=\"flex min-w-0 flex-1 flex-col\">\n <div className=\"flex items-baseline gap-2\">\n <p\n className={`min-w-0 flex-1 truncate text-[13px] leading-tight font-semibold text-${textColor}`}\n >\n {activity.activityType}\n </p>\n <span\n title={absoluteTooltip}\n className={`shrink-0 font-mono text-[10px] font-medium tabular-nums text-${textColor}/45`}\n >\n {timeText}\n </span>\n </div>\n <p\n className={`mt-0.5 truncate text-[12px] leading-snug text-${textColor}/65`}\n >\n <span className={`font-semibold text-${textColor}/85`}>\n {activity.userName}\n </span>\n {activity.targetName && (\n <>\n <span className={`mx-1 text-${textColor}/35`}>·</span>\n <span>{activity.targetName}</span>\n </>\n )}\n </p>\n </div>\n </li>\n );\n}\n\n// ---------- widget ----------\n\ntype RecentActivityWidgetProps = ComponentProps<\"div\"> & {\n titleEnabled?: boolean;\n titleText?: string;\n titleFontSize?: FontSizeOptions;\n titleColor?: ColorOptions;\n\n background?: BackgroundValue;\n textColor?: ColorOptions;\n accentColor?: ColorOptions;\n padding?: PaddingOptions;\n borderRadius?: BorderRadiusOptions;\n borderWidth?: BorderWidthOptions;\n borderColor?: ColorOptions;\n\n maxItemsToShow?: number;\n\n // Polish (additive)\n showTimeline?: boolean;\n showRelativeTime?: boolean;\n showCountChip?: boolean;\n showEyebrow?: boolean;\n};\n\nfunction useRelativeTimeNow(): number {\n const [nowMs, setNowMs] = useState(() => Date.now());\n\n useEffect(() => {\n const timer = window.setInterval(() => {\n setNowMs(Date.now());\n }, RELATIVE_TIME_REFRESH_MS);\n\n return () => window.clearInterval(timer);\n }, []);\n\n return nowMs;\n}\n\nexport function RecentActivityWidget({\n titleEnabled = true,\n titleText = \"Activity\",\n titleFontSize = \"xl\",\n titleColor = \"foreground\",\n\n background = { type: \"solid\", color: \"background\" },\n textColor = \"foreground\",\n accentColor = \"primary\",\n padding = 4,\n borderRadius = \"md\",\n borderWidth = \"thin\",\n borderColor = \"muted\",\n\n maxItemsToShow = 6,\n\n showTimeline = true,\n showRelativeTime = true,\n showCountChip = true,\n showEyebrow = true,\n\n className,\n ...props\n}: RecentActivityWidgetProps): React.JSX.Element {\n const backgroundColor = background.color \|\| \"background\";\n const backgroundImage =\n (background.resource?.image_url \|\| background.resource?.imageUrl) &&\n background.type === \"image\"\n ? `url(${background.resource.image_url \|\| background.resource.imageUrl})`\n : \"none\";\n\n const { data: activities = [], isLoading, isError } = useActivities();\n const nowMs = useRelativeTimeNow();\n const maxVisibleItems = normalizeMaxItemsToShow(maxItemsToShow);\n\n const activitiesToShow = useMemo(() => {\n if (activities.length === 0)\n return [] as { date: string; items: Activity[] }[];\n const groups = new Map<string, Activity[]>();\n for (const activity of activities.slice(0, maxVisibleItems)) {\n const key = getDateKey(activity.timestamp);\n const existing = groups.get(key);\n if (existing) existing.push(activity);\n else groups.set(key, [activity]);\n }\n return Array.from(groups.entries()).map(([key, items]) => ({\n // `key` is only a defensive fallback; every group is created with at\n // least one activity, so the item timestamp is what normally labels it.\n date: formatDateHeader(items[0]?.timestamp ?? key, nowMs),\n items,\n }));\n }, [activities, maxVisibleItems, nowMs]);\n\n const totalCount = Math.min(activities.length, maxVisibleItems);\n\n return (\n <div\n className={`@container overflow-hidden rounded-${borderRadius} bg-${backgroundColor} text-${textColor} ${borderWidthClasses[borderWidth]} ${borderWidth !== \"none\" ? borderColorClasses[borderColor] : \"\"} ${className ?? \"\"}`}\n style={{\n backgroundImage,\n // Soft ambient lift derived from theme tokens. The configured border\n // props own the crisp outline so saved border settings stay intact.\n boxShadow: `0 1px 2px color-mix(in oklch, var(--color-foreground) 4%, transparent), 0 14px 32px -20px color-mix(in oklch, var(--color-foreground) 14%, transparent)`,\n }}\n {...props}\n >\n <div className={`p-${padding} flex flex-col`}>\n {/ Header /}\n {titleEnabled && titleText && (\n <div className=\"mb-4 flex items-end justify-between gap-3\">\n <div className=\"flex min-w-0 flex-col\">\n {shouldRenderEyebrow(showEyebrow, titleText) && (\n <span\n className={`text-[10px] font-bold tracking-[0.2em] uppercase text-${textColor}/55`}\n >\n Recent\n </span>\n )}\n <h2\n className={`mt-0.5 text-${titleFontSize} leading-tight font-bold tracking-[-0.015em] text-${titleColor}`}\n >\n {titleText}\n </h2>\n </div>\n {!isLoading && !isError && showCountChip && totalCount > 0 && (\n <span\n className={`inline-flex shrink-0 items-center gap-1.5 rounded-full bg-${accentColor}/10 px-2 py-1 text-[10px] font-bold tracking-[0.06em] text-${accentColor}`}\n >\n <span\n aria-hidden=\"true\"\n className={`size-1.5 rounded-full bg-${accentColor}`}\n />\n {totalCount} {totalCount === 1 ? \"update\" : \"updates\"}\n </span>\n )}\n </div>\n )}\n\n {/ States /}\n {isLoading ? (\n <ActivitySkeleton\n textColor={textColor}\n showTimeline={showTimeline}\n rowCount={maxVisibleItems}\n />\n ) : isError ? (\n <ErrorState />\n ) : activities.length === 0 ? (\n <EmptyState textColor={textColor} accentColor={accentColor} />\n ) : (\n / Feed /\n <div role=\"feed\" className=\"flex flex-col gap-3\">\n {activitiesToShow.map((group, groupIdx) => (\n <section\n key={`${group.date}-${groupIdx}`}\n className=\"flex flex-col gap-1\"\n >\n <header className=\"flex items-center gap-2 px-2\">\n <span\n className={`text-[10px] font-bold tracking-[0.18em] uppercase text-${textColor}/55`}\n >\n {group.date}\n </span>\n <span\n aria-hidden=\"true\"\n className=\"h-px flex-1\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 8%, transparent)`,\n }}\n />\n </header>\n\n <ul className=\"relative flex flex-col\">\n {/ Single continuous spine — anchored to the first and last\n avatar centers. Avatar is size-9 (36px), inside a li with\n px-2 py-2 (8px padding). So avatar center = 8 + 18 = 26px\n from the edges, which is also where the spine lives. */}\n {showTimeline && group.items.length > 1 && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute top-[26px] bottom-[26px] left-[26px] w-px\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n )}\n {group.items.map((activity) => (\n <ActivityRow\n key={activity.id}\n activity={activity}\n accentColor={accentColor}\n textColor={textColor}\n surfaceColor={backgroundColor}\n showRelativeTime={showRelativeTime}\n nowMs={nowMs}\n />\n ))}\n </ul>\n </section>\n ))}\n </div>\n )}\n </div>\n </div>\n );\n}\n\n// ---------- empty state ----------\n\ntype EmptyStateProps = {\n textColor: ColorOptions;\n accentColor: ColorOptions;\n};\n\nfunction EmptyState({ textColor, accentColor }: EmptyStateProps) {\n return (\n <div className=\"flex flex-col items-center justify-center gap-3 px-4 py-10\">\n <div\n className=\"relative flex size-12 items-center justify-center rounded-full\"\n style={{\n background: `color-mix(in oklch, var(--color-${accentColor}) 10%, transparent)`,\n boxShadow: `inset 0 0 0 1px color-mix(in oklch, var(--color-${textColor}) 8%, transparent)`,\n }}\n >\n <AudioWaveform className={`size-5 text-${accentColor}/80`} />\n </div>\n <div className=\"flex flex-col items-center gap-1\">\n <p className={`text-[13px] font-semibold text-${textColor}/80`}>\n No activity yet\n </p>\n <p\n className={`max-w-[24ch] text-center text-[11px] leading-snug text-${textColor}/55`}\n >\n Orders, messages, views and leads will show up here as they happen.\n </p>\n </div>\n </div>\n );\n}\n\n// ---------- skeleton ----------\n\ntype ActivitySkeletonProps = {\n textColor: ColorOptions;\n showTimeline: boolean;\n rowCount: number;\n};\n\nfunction ActivitySkeleton({\n textColor,\n showTimeline,\n rowCount,\n}: ActivitySkeletonProps) {\n return (\n <div className=\"relative flex flex-col\" aria-busy=\"true\">\n {showTimeline && (\n <span\n aria-hidden=\"true\"\n className=\"pointer-events-none absolute top-[26px] bottom-[26px] left-[26px] w-px\"\n style={{\n background: `color-mix(in oklch, var(--color-${textColor}) 10%, transparent)`,\n }}\n />\n )}\n {Array.from({ length: rowCount }, (_, i) => i).map((i) => (\n <div\n key={i}\n className=\"relative flex items-start gap-3 rounded-md px-2 py-2\"\n >\n <div\n className={`size-9 shrink-0 animate-pulse rounded-full bg-${textColor}/10`}\n />\n <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\">\n <div\n className={`h-2 w-2/3 animate-pulse rounded-full bg-${textColor}/10`}\n />\n <div\n className={`h-2 w-1/2 animate-pulse rounded-full bg-${textColor}/10`}\n />\n </div>\n </div>\n ))}\n </div>\n );\n}\n\n// ---------- schema ----------\n\nexport const recentActivityWidgetPropertySchema: WidgetPropertySchema = {\n widgetType: \"RecentActivityWidget\",\n displayName: \"Recent Activity Widget\",\n tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n fields: [\n // Title\n {\n key: \"titleEnabled\",\n label: \"Widget Title\",\n type: \"boolean\",\n description: \"Display the title and eyebrow above the feed\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n },\n {\n key: \"titleText\",\n label: \"Title\",\n type: \"text\",\n description: \"Title text displayed above the activity feed\",\n defaultValue: \"Activity\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n getFontSizeField({\n key: \"titleFontSize\",\n label: \"Title Font Size\",\n description: \"Font size for the widget title\",\n defaultValue: \"xl\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n getColorField({\n key: \"titleColor\",\n label: \"Title Color\",\n description: \"Color for the widget title\",\n defaultValue: \"foreground\",\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n }),\n {\n key: \"showEyebrow\",\n label: \"Show 'RECENT' Eyebrow\",\n type: \"boolean\",\n description: \"Small uppercase label above the title\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n {\n key: \"showCountChip\",\n label: \"Show Updates Count Chip\",\n type: \"boolean\",\n description: \"Accent pill next to the title showing how many updates\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Title\",\n requiresKeyToBeTrue: \"titleEnabled\",\n },\n\n // Feed\n {\n key: \"maxItemsToShow\",\n label: \"Max Items\",\n type: \"number\",\n description: \"Maximum number of activity items to display\",\n defaultValue: DEFAULT_MAX_ITEMS_TO_SHOW,\n min: 1,\n max: MAX_ITEMS_TO_SHOW_LIMIT,\n step: 1,\n tab: \"styling\",\n group: \"Feed\",\n },\n {\n key: \"showTimeline\",\n label: \"Timeline Spine\",\n type: \"boolean\",\n description: \"Draw a vertical line connecting activity avatars\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Feed\",\n },\n {\n key: \"showRelativeTime\",\n label: \"Relative Timestamps\",\n type: \"boolean\",\n description: \"Show 'now / 2m / 1h / 3d' instead of absolute times\",\n defaultValue: true,\n tab: \"styling\",\n group: \"Feed\",\n },\n\n // Design\n {\n type: \"background\",\n key: \"background\",\n label: \"Background\",\n description: \"Background for the widget container\",\n defaultValue: \"background\",\n tab: \"styling\",\n group: \"Design\",\n },\n getColorField({\n key: \"textColor\",\n label: \"Text Color\",\n description: \"Default text color for activity content\",\n defaultValue: \"foreground\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getColorField({\n key: \"accentColor\",\n label: \"Accent Color\",\n description:\n \"Drives the count chip, type badge, initials avatar, and empty-state icon\",\n defaultValue: \"primary\",\n tab: \"styling\",\n group: \"Design\",\n }),\n {\n key: \"separator\",\n type: \"separator\",\n label: \"Separator\",\n tab: \"styling\",\n group: \"Design\",\n },\n getPaddingField({\n key: \"padding\",\n label: \"Padding\",\n description: \"Padding around the widget container\",\n defaultValue: 4,\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderRadiusField({\n key: \"borderRadius\",\n label: \"Border Radius\",\n description: \"Border radius for the widget container\",\n defaultValue: \"md\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderWidthField({\n key: \"borderWidth\",\n label: \"Border Width\",\n description: \"Border width for the widget container\",\n defaultValue: \"thin\",\n tab: \"styling\",\n group: \"Design\",\n }),\n getBorderColorField({\n key: \"borderColor\",\n label: \"Border Color\",\n description: \"Border color for the widget container\",\n defaultValue: \"muted\",\n tab: \"styling\",\n group: \"Design\",\n }),\n ],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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C;EACF;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACP,qBAAqB;GACtB;EAGD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,KAAK;GACL,MAAM;GACN,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD;GACE,KAAK;GACL,OAAO;GACP,MAAM;GACN,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EAGD;GACE,MAAM;GACN,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR;EACD,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,cAAc;GACZ,KAAK;GACL,OAAO;GACP,aACE;GACF,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF;GACE,KAAK;GACL,MAAM;GACN,OAAO;GACP,KAAK;GACL,OAAO;GACR;EACD,gBAAgB;GACd,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,qBAAqB;GACnB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACF,oBAAoB;GAClB,KAAK;GACL,OAAO;GACP,aAAa;GACb,cAAc;GACd,KAAK;GACL,OAAO;GACR,CAAC;EACH;CACF"}

package/dist/{ScreenHeaderContext-Cemdo7bM.mjs → ScreenHeaderContext-4WYXIqQ5.mjs} RENAMED Viewed

@@ -82,4 +82,4 @@ function useScreenHeaderContext() {
 //#endregion
 export { useScreenHeaderContext as i, useScreenHeaderActions as n, useScreenHeaderBreadcrumbs as r, ScreenHeaderProvider as t };
-//# sourceMappingURL=ScreenHeaderContext-Cemdo7bM.mjs.map
+//# sourceMappingURL=ScreenHeaderContext-4WYXIqQ5.mjs.map

package/dist/{ScreenHeaderContext-Cemdo7bM.mjs.map → ScreenHeaderContext-4WYXIqQ5.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenHeaderContext-~~Cemdo7bM~~.mjs","names":[],"sources":["../../react/src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n createContext,\n useContext,\n useState,\n useEffect,\n useRef,\n type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/*\n Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n /\nconst ScreenHeaderWriteContext = createContext<SetActions \| null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n createContext<SetBreadcrumbs \| null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n children,\n}: {\n children: ReactNode;\n}): React.JSX.Element {\n const [actions, setActions] = useState<ReactNode>(null);\n const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n return (\n <ScreenHeaderWriteContext.Provider value={setActions}>\n <ScreenHeaderReadContext.Provider value={actions}>\n <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n {children}\n </ScreenHeaderBreadcrumbsReadContext.Provider>\n </ScreenHeaderBreadcrumbsWriteContext.Provider>\n </ScreenHeaderReadContext.Provider>\n </ScreenHeaderWriteContext.Provider>\n );\n}\n\n/\n Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n \n Cleans up actions on unmount so navigating away doesn't leave stale actions.\n /\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n const setActions = useContext(ScreenHeaderWriteContext);\n const setActionsRef = useRef(setActions);\n setActionsRef.current = setActions;\n\n // Update actions when the value changes\n useEffect(() => {\n if (!setActions) return;\n setActions(actions);\n }, [actions, setActions]);\n\n // Clear actions only on unmount\n useEffect(() => {\n return () => setActionsRef.current?.(null);\n }, []);\n\n return setActions !== null;\n}\n\n/\n Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n \n Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n /\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n const setBreadcrumbsRef = useRef(setBreadcrumbs);\n setBreadcrumbsRef.current = setBreadcrumbs;\n\n // Update breadcrumbs when the value changes\n useEffect(() => {\n if (!setBreadcrumbs) return;\n setBreadcrumbs(breadcrumbs);\n }, [breadcrumbs, setBreadcrumbs]);\n\n // Clear breadcrumbs only on unmount\n useEffect(() => {\n return () => setBreadcrumbsRef.current?.(null);\n }, []);\n\n return setBreadcrumbs !== null;\n}\n\n/\n Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n actions: ReactNode;\n breadcrumbs: ReactNode;\n} {\n const actions = useContext(ScreenHeaderReadContext);\n const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;AAoBA,MAAM,2BAA2B,cAAiC,KAAK;AACvE,MAAM,0BAA0B,cAAyB,KAAK;AAE9D,MAAM,sCACJ,cAAqC,KAAK;AAC5C,MAAM,qCAAqC,cAAyB,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,cAAc,SAAoB,KAAK;CACvD,MAAM,CAAC,aAAa,kBAAkB,SAAoB,KAAK;AAE/D,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,oBAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,oBAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,aAAa,WAAW,yBAAyB;CACvD,MAAM,gBAAgB,OAAO,WAAW;AACxC,eAAc,UAAU;AAGxB,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,iBAAiB,WAAW,oCAAoC;CACtE,MAAM,oBAAoB,OAAO,eAAe;AAChD,mBAAkB,UAAU;AAG5B,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,UAAU,WAAW,wBAAwB;CACnD,MAAM,cAAc,WAAW,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}
1	+ {"version":3,"file":"ScreenHeaderContext-4WYXIqQ5.mjs","names":[],"sources":["../../react/src/shell/ScreenHeaderContext.tsx"],"sourcesContent":["\"use client\";\n\nimport type React from \"react\";\nimport {\n createContext,\n useContext,\n useState,\n useEffect,\n useRef,\n type ReactNode,\n} from \"react\";\n\ntype SetActions = (actions: ReactNode) => void;\ntype SetBreadcrumbs = (breadcrumbs: ReactNode) => void;\n\n/*\n Split into separate read/write contexts so that components calling\n * useScreenHeaderActions (writers) don't re-render when the actions\n * state changes — only the ScreenHeader (reader) re-renders.\n /\nconst ScreenHeaderWriteContext = createContext<SetActions \| null>(null);\nconst ScreenHeaderReadContext = createContext<ReactNode>(null);\n\nconst ScreenHeaderBreadcrumbsWriteContext =\n createContext<SetBreadcrumbs \| null>(null);\nconst ScreenHeaderBreadcrumbsReadContext = createContext<ReactNode>(null);\n\nexport function ScreenHeaderProvider({\n children,\n}: {\n children: ReactNode;\n}): React.JSX.Element {\n const [actions, setActions] = useState<ReactNode>(null);\n const [breadcrumbs, setBreadcrumbs] = useState<ReactNode>(null);\n\n return (\n <ScreenHeaderWriteContext.Provider value={setActions}>\n <ScreenHeaderReadContext.Provider value={actions}>\n <ScreenHeaderBreadcrumbsWriteContext.Provider value={setBreadcrumbs}>\n <ScreenHeaderBreadcrumbsReadContext.Provider value={breadcrumbs}>\n {children}\n </ScreenHeaderBreadcrumbsReadContext.Provider>\n </ScreenHeaderBreadcrumbsWriteContext.Provider>\n </ScreenHeaderReadContext.Provider>\n </ScreenHeaderWriteContext.Provider>\n );\n}\n\n/\n Sets actions to display in the ScreenHeader.\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise. Pages can use this boolean to conditionally skip\n * rendering their own PageHeader.\n \n Cleans up actions on unmount so navigating away doesn't leave stale actions.\n /\nexport function useScreenHeaderActions(actions: ReactNode): boolean {\n const setActions = useContext(ScreenHeaderWriteContext);\n const setActionsRef = useRef(setActions);\n setActionsRef.current = setActions;\n\n // Update actions when the value changes\n useEffect(() => {\n if (!setActions) return;\n setActions(actions);\n }, [actions, setActions]);\n\n // Clear actions only on unmount\n useEffect(() => {\n return () => setActionsRef.current?.(null);\n }, []);\n\n return setActions !== null;\n}\n\n/\n Sets breadcrumbs to display in the ScreenHeader (in place of the plain title).\n * Returns `true` if inside a ScreenHeaderProvider (i.e., in the portal shell),\n * `false` otherwise.\n \n Cleans up breadcrumbs on unmount so navigating away doesn't leave stale breadcrumbs.\n /\nexport function useScreenHeaderBreadcrumbs(breadcrumbs: ReactNode): boolean {\n const setBreadcrumbs = useContext(ScreenHeaderBreadcrumbsWriteContext);\n const setBreadcrumbsRef = useRef(setBreadcrumbs);\n setBreadcrumbsRef.current = setBreadcrumbs;\n\n // Update breadcrumbs when the value changes\n useEffect(() => {\n if (!setBreadcrumbs) return;\n setBreadcrumbs(breadcrumbs);\n }, [breadcrumbs, setBreadcrumbs]);\n\n // Clear breadcrumbs only on unmount\n useEffect(() => {\n return () => setBreadcrumbsRef.current?.(null);\n }, []);\n\n return setBreadcrumbs !== null;\n}\n\n/\n Reads the current screen header actions and breadcrumbs. Used internally by ScreenHeader.\n */\nexport function useScreenHeaderContext(): {\n actions: ReactNode;\n breadcrumbs: ReactNode;\n} {\n const actions = useContext(ScreenHeaderReadContext);\n const breadcrumbs = useContext(ScreenHeaderBreadcrumbsReadContext);\n return { actions: actions ?? null, breadcrumbs: breadcrumbs ?? null };\n}\n"],"mappings":";;;;;;;;AAoBA,MAAM,2BAA2B,cAAiC,KAAK;AACvE,MAAM,0BAA0B,cAAyB,KAAK;AAE9D,MAAM,sCACJ,cAAqC,KAAK;AAC5C,MAAM,qCAAqC,cAAyB,KAAK;AAEzE,SAAgB,qBAAqB,EACnC,YAGoB;CACpB,MAAM,CAAC,SAAS,cAAc,SAAoB,KAAK;CACvD,MAAM,CAAC,aAAa,kBAAkB,SAAoB,KAAK;AAE/D,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,oBAAC,wBAAwB,UAAzB;GAAkC,OAAO;aACvC,oBAAC,oCAAoC,UAArC;IAA8C,OAAO;cACnD,oBAAC,mCAAmC,UAApC;KAA6C,OAAO;KACjD;KAC2C,CAAA;IACD,CAAA;GACd,CAAA;EACD,CAAA;;;;;;;;;;AAYxC,SAAgB,uBAAuB,SAA6B;CAClE,MAAM,aAAa,WAAW,yBAAyB;CACvD,MAAM,gBAAgB,OAAO,WAAW;AACxC,eAAc,UAAU;AAGxB,iBAAgB;AACd,MAAI,CAAC,WAAY;AACjB,aAAW,QAAQ;IAClB,CAAC,SAAS,WAAW,CAAC;AAGzB,iBAAgB;AACd,eAAa,cAAc,UAAU,KAAK;IACzC,EAAE,CAAC;AAEN,QAAO,eAAe;;;;;;;;;AAUxB,SAAgB,2BAA2B,aAAiC;CAC1E,MAAM,iBAAiB,WAAW,oCAAoC;CACtE,MAAM,oBAAoB,OAAO,eAAe;AAChD,mBAAkB,UAAU;AAG5B,iBAAgB;AACd,MAAI,CAAC,eAAgB;AACrB,iBAAe,YAAY;IAC1B,CAAC,aAAa,eAAe,CAAC;AAGjC,iBAAgB;AACd,eAAa,kBAAkB,UAAU,KAAK;IAC7C,EAAE,CAAC;AAEN,QAAO,mBAAmB;;;;;AAM5B,SAAgB,yBAGd;CACA,MAAM,UAAU,WAAW,wBAAwB;CACnD,MAAM,cAAc,WAAW,mCAAmC;AAClE,QAAO;EAAE,SAAS,WAAW;EAAM,aAAa,eAAe;EAAM"}

package/dist/{ScreenRenderer-Cl2aAJ7D.mjs → ScreenRenderer-BQal-fnZ.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { n as useDataSourceRegistryConfig } from "./registry-context-CTHUCfEc.mjs";
+import { n as useDataSourceRegistryConfig } from "./registry-context-Bc-2fQnr.mjs";
 import { createContext, memo, useCallback, useContext, useMemo, useRef } from "react";
 import { useQueries } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -671,4 +671,4 @@ function ScreenRenderer(props) {
 //#endregion
 export { assertNever as a, useScreenRenderer as c, DataSourceApiProvider as d, assertDefined as i, RegistryProvider as l, DataAwareWidget as n, isWidgetType as o, WIDGET_TYPE_NAMES as r, isWidgetTypeName as s, ScreenRenderer as t, useRegistry as u };
-//# sourceMappingURL=ScreenRenderer-Cl2aAJ7D.mjs.map
+//# sourceMappingURL=ScreenRenderer-BQal-fnZ.mjs.map