import * as React from "react"; import { CheckCircle, Frown, Meh, Smile, SmilePlus } from "lucide-react"; import { FeedbackFormInlineSentimentBarOne } from "@/registry/feedback-form-inline-sentiment-bar-one/feedback-form-inline-sentiment-bar-one"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; import { IframeAutoHeight } from "@/app/(dynamic-pages)/(external-dynamic-pages)/ui/(showcase)/iframe-auto-height"; type ComponentProps = React.ComponentPropsWithoutRef< typeof FeedbackFormInlineSentimentBarOne >; type FeedbackFormInlineSentimentBarOneValues = Parameters< NonNullable >[0]; const sentimentScale: NonNullable = [ { value: "1", label: "1 – Very dissatisfied", helperText: "Workflow created friction", icon: Frown, }, { value: "2", label: "2 – Dissatisfied", helperText: "Missing core capabilities", icon: Meh, }, { value: "3", label: "3 – Neutral", helperText: "Met expectations", icon: Smile, }, { value: "4", label: "4 – Satisfied", helperText: "Smaller improvements unlocked", icon: SmilePlus, }, { value: "5", label: "5 – Delighted", helperText: "End-to-end felt magical", icon: CheckCircle, }, ]; const featureTags: NonNullable = [ { id: "flow", label: "Automation workflows" }, { id: "reporting", label: "Insights & reporting" }, { id: "collab", label: "Collaboration" }, { id: "ai", label: "AI assistance" }, ]; export function FeedbackFormInlineSentimentBarOneDemo() { const [submittedSummary, setSubmittedSummary] = React.useState( null, ); const handleSubmit = React.useCallback( async ( values: FeedbackFormInlineSentimentBarOneValues & { screenshot?: File | null; }, ) => { await new Promise((resolve) => setTimeout(resolve, 800)); const tagSummary = values.featureTags?.length ? `• Tags: ${values.featureTags.join(", ")}` : ""; setSubmittedSummary( [ `Rating ${values.rating}`, values.comment ? `• Comment: ${values.comment.slice(0, 120)}${values.comment.length > 120 ? "…" : ""}` : "", values.email ? `• Email: ${values.email}` : "", tagSummary, values.screenshot ? "• Screenshot attached" : "", ] .filter(Boolean) .join(" \n"), ); }, [], ); return (

{submittedSummary ? (

Latest submission

            {submittedSummary}

) : null}

); } export {}; export default FeedbackFormInlineSentimentBarOneDemo;

Simple