4d:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T21ab,"use client" import * as React from "react" import { cva, type VariantProps } from "class-variance-authority" import { MessageSquareIcon, XIcon, SendIcon, CheckIcon, SmileIcon, MehIcon, FrownIcon, } from "lucide-react" import { cn } from "@/lib/utils" import { Button } from "@/components/ui/ds-button" import { Textarea } from "@/components/ui/textarea" export const feedbackWidgetVariants = cva( "fixed z-50 flex flex-col gap-4 shadow-2xl ring-1 ring-black/5 transition-all", { variants: { position: { br: "right-4 bottom-4 sm:right-6 sm:bottom-6", bl: "bottom-4 left-4 sm:bottom-6 sm:left-6", }, }, defaultVariants: { position: "br", }, } ) export interface FeedbackWidgetProps extends Omit, "onSubmit">, VariantProps { onSubmit?: (data: { rating: number; text: string }) => Promise | void intent?: "default" | "primary" } export const FeedbackWidget = React.forwardRef< HTMLDivElement, FeedbackWidgetProps >(({ className, position, intent = "primary", onSubmit, ...props }, ref) => { const [isOpen, setIsOpen] = React.useState(false) const [isSubmitting, setIsSubmitting] = React.useState(false) const [isSuccess, setIsSuccess] = React.useState(false) const [rating, setRating] = React.useState(null) const [text, setText] = React.useState("") const handleSubmit = async (e: React.FormEvent) => { e.preventDefault() if (!rating) return setIsSubmitting(true) try { if (onSubmit) { await onSubmit({ rating, text }) } else { await new Promise((r) => setTimeout(r, 1000)) } setIsSuccess(true) setTimeout(() => { setIsOpen(false) setTimeout(() => { setIsSuccess(false) setRating(null) setText("") }, 300) }, 2000) } finally { setIsSubmitting(false) } } React.useEffect(() => { const handleKeyDown = (e: KeyboardEvent) => { if (e.key === "Escape" && isOpen) { setIsOpen(false) } } window.addEventListener("keydown", handleKeyDown) return () => window.removeEventListener("keydown", handleKeyDown) }, [isOpen]) return (

{!isOpen ? (

) : (

Thank you!

Send Feedback