@brainfish-ai/components 0.26.0 → 0.27.0

package/dist/esm/chunks/feedback.W2OzN-5r.js

@@ -1,214 +0,0 @@
-import React__default, { useState, useRef, useEffect } from 'react';
-import { PaperPlaneRight, X, Heart, ThumbsUp, ThumbsDown } from '@phosphor-icons/react';
-import { AnimatePresence, motion } from 'framer-motion';
-import { Card, CardContent, CardFooter } from '../components/ui/card.js';
-import { Textarea } from '../components/ui/textarea.js';
-import { B as Button } from './button.DQL6gCAt.js';
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '../components/ui/tooltip.js';
-import { c as cn } from './utils.Cwtlq8dh.js';
-
-function FeedbackReason({
-  open,
-  onSubmit,
-  thankYouText = "Thank you for your feedback!",
-  placeholder = "What could we have done better? Your feedback is valuable to us...",
-  maxLength = 500
-}) {
-  const [reason, setReason] = useState("");
-  const [submitted, setSubmitted] = useState(false);
-  const textareaRef = useRef(null);
-  useEffect(() => {
-    if (open) {
-      setReason("");
-      setSubmitted(false);
-      setTimeout(() => textareaRef.current?.focus(), 0);
-    }
-  }, [open]);
-  const handleSubmit = () => {
-    if (reason.trim()) {
-      onSubmit?.(reason);
-      setSubmitted(true);
-    }
-  };
-  return /* @__PURE__ */ React__default.createElement(AnimatePresence, null, open && !submitted && /* @__PURE__ */ React__default.createElement(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 12 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: 12 },
-      transition: { duration: 0.25, ease: [0.4, 0, 0.2, 1] }
-    },
-    /* @__PURE__ */ React__default.createElement(Card, { className: "gap-2 p-3" }, /* @__PURE__ */ React__default.createElement(CardContent, { className: "px-0" }, /* @__PURE__ */ React__default.createElement(
-      Textarea,
-      {
-        ref: textareaRef,
-        placeholder,
-        className: "w-full border-none shadow-none focus-visible:ring-0 p-0",
-        maxLength,
-        value: reason,
-        rows: 4,
-        onChange: (e) => setReason(e.target.value),
-        onKeyDown: (e) => {
-          if (e.key === "Enter" && !e.shiftKey) {
-            e.preventDefault();
-            handleSubmit();
-          }
-        }
-      }
-    ), /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-end mt-1" }, /* @__PURE__ */ React__default.createElement("span", { className: "text-xs text-muted-foreground select-none" }, maxLength - reason.length, " characters remaining"))), /* @__PURE__ */ React__default.createElement(CardFooter, { className: "p-0 gap-2 flex-row-reverse" }, /* @__PURE__ */ React__default.createElement(Button, { size: "icon", onClick: handleSubmit, disabled: !reason.length, "aria-label": "Submit feedback" }, /* @__PURE__ */ React__default.createElement(PaperPlaneRight, { "aria-hidden": "true", weight: "bold" })), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        size: "icon",
-        variant: "ghost",
-        onClick: () => {
-          setReason("");
-          textareaRef.current?.focus();
-        },
-        "aria-label": "Cancel feedback"
-      },
-      /* @__PURE__ */ React__default.createElement(X, { "aria-hidden": "true", weight: "bold" })
-    )))
-  ), open && submitted && /* @__PURE__ */ React__default.createElement(
-    motion.div,
-    {
-      initial: { opacity: 0, y: 12 },
-      animate: { opacity: 1, y: 0 },
-      exit: { opacity: 0, y: 12 },
-      transition: { duration: 0.25, ease: [0.4, 0, 0.2, 1] }
-    },
-    /* @__PURE__ */ React__default.createElement(Card, { className: "gap-2 p-3" }, /* @__PURE__ */ React__default.createElement(CardContent, { className: "px-0" }, /* @__PURE__ */ React__default.createElement("p", null, thankYouText)))
-  ));
-}
-
-function Love({ className, children, doAnimation = false, ...props }) {
-  return /* @__PURE__ */ React__default.createElement("div", { className: cn("relative", className), ...props }, /* @__PURE__ */ React__default.createElement(AnimatePresence, null, doAnimation && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ React__default.createElement(
-    motion.div,
-    {
-      key: i,
-      className: "absolute top-1/2 left-1/2 origin-center pointer-events-none",
-      initial: { opacity: 0, scale: 0.3, x: 0, y: 0 },
-      animate: {
-        opacity: [0, 1, 1, 0],
-        scale: [0.3, 1, 1, 0],
-        x: [0, Math.cos(i * (Math.PI / 4)) * 30],
-        y: [0, Math.sin(i * (Math.PI / 4)) * 30],
-        rotate: [0, i % 2 ? 45 : -45]
-      },
-      transition: {
-        duration: 1.2,
-        ease: [0.4, 0, 0.2, 1],
-        times: [0, 0.3, 0.7, 1],
-        delay: i * 0.1
-      }
-    },
-    /* @__PURE__ */ React__default.createElement(
-      Heart,
-      {
-        className: "size-4 text-rose-500",
-        style: {
-          filter: "drop-shadow(0 0 3px rgba(255, 75, 110, 0.8))",
-          strokeWidth: 2.5
-        }
-      }
-    )
-  )), /* @__PURE__ */ React__default.createElement(
-    motion.div,
-    {
-      className: "absolute inset-0 rounded-full bg-primary pointer-events-none",
-      initial: { opacity: 0, scale: 0.8 },
-      animate: {
-        opacity: [0, 0.15, 0.15, 0],
-        scale: [0.8, 1.8, 1.8, 2]
-      },
-      transition: {
-        duration: 1.2,
-        ease: "easeOut",
-        times: [0, 0.3, 0.7, 1]
-      }
-    }
-  ))), children);
-}
-
-function Feedback({
-  feedback,
-  onFeedback,
-  textConfig = {},
-  disabled = false,
-  feedbackReasonLength = 500,
-  feedbackReasonPlaceholder = "What could we have done better? Your feedback is valuable to us...",
-  onFeedbackReasonSubmit,
-  feedbackReasonThankYouText = "Thank you for your feedback!"
-}) {
-  const [showHearts, setShowHearts] = useState(false);
-  const [showFeedbackReason, setShowFeedbackReason] = useState(false);
-  const textareaRef = useRef(null);
-  useEffect(() => {
-    if (showFeedbackReason && textareaRef.current) {
-      textareaRef.current.focus();
-    }
-  }, [showFeedbackReason]);
-  const handleFeedback = (response) => {
-    if (onFeedback) {
-      if (response === "accept") {
-        setShowHearts(true);
-        setTimeout(() => setShowHearts(false), 2e3);
-      }
-      onFeedback(response);
-      if (response === "reject") {
-        setShowFeedbackReason(true);
-      }
-    }
-  };
-  return /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-2" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex justify-end gap-2", "data-name": "Feedback" }, /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Love, { doAnimation: showHearts }, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: `rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${feedback === "accept" ? "bg-green-100 text-green-600 hover:bg-green-200" : "text-dark-500"}`,
-      onClick: () => {
-        handleFeedback("accept");
-        setShowFeedbackReason(false);
-      },
-      disabled
-    },
-    /* @__PURE__ */ React__default.createElement(
-      motion.div,
-      {
-        initial: { scale: 1 },
-        animate: { scale: feedback === "accept" ? [1, 1.2, 1] : 1 },
-        transition: { duration: 0.3 }
-      },
-      /* @__PURE__ */ React__default.createElement(ThumbsUp, { weight: "bold" })
-    )
-  )), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, textConfig.positiveAnswerText || "Helpful"))))), /* @__PURE__ */ React__default.createElement(TooltipProvider, null, /* @__PURE__ */ React__default.createElement(Tooltip, null, /* @__PURE__ */ React__default.createElement(TooltipTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-    Button,
-    {
-      variant: "ghost",
-      size: "sm",
-      className: `rounded-md size-8 flex items-center justify-center transition-all duration-200 transform hover:scale-105 active:scale-95 ${feedback === "reject" ? "bg-red-100 text-red-600 hover:bg-red-200" : "text-dark-500"}`,
-      onClick: () => handleFeedback("reject"),
-      disabled
-    },
-    /* @__PURE__ */ React__default.createElement(
-      motion.div,
-      {
-        initial: { scale: 1 },
-        animate: { scale: feedback === "reject" ? [1, 1.2, 1] : 1 },
-        transition: { duration: 0.3 }
-      },
-      /* @__PURE__ */ React__default.createElement(ThumbsDown, { weight: "bold" })
-    )
-  )), /* @__PURE__ */ React__default.createElement(TooltipContent, null, /* @__PURE__ */ React__default.createElement("p", null, textConfig.negativeAnswerText || "Not helpful"))))), /* @__PURE__ */ React__default.createElement(AnimatePresence, null, showFeedbackReason && /* @__PURE__ */ React__default.createElement(
-    FeedbackReason,
-    {
-      open: showFeedbackReason,
-      onSubmit: onFeedbackReasonSubmit,
-      thankYouText: feedbackReasonThankYouText,
-      placeholder: feedbackReasonPlaceholder,
-      maxLength: feedbackReasonLength
-    }
-  )));
-}
-
-export { Feedback as F };
-//# sourceMappingURL=feedback.W2OzN-5r.js.map

package/dist/esm/chunks/file-upload-status.DP2iuttI.js

@@ -1,141 +0,0 @@
-import React__default, { useState, useEffect, useCallback } from 'react';
-import { useDropzone } from 'react-dropzone';
-import { CloudArrowUp, CaretDown, CaretUp, FileVideo, Circle, CheckCircle } from '@phosphor-icons/react';
-import { Card, CardContent } from '../components/ui/card.js';
-import { c as cn } from './utils.Cwtlq8dh.js';
-import { createPortal } from 'react-dom';
-import { B as Button } from './button.DQL6gCAt.js';
-import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components/ui/collapsible.js';
-
-const formatFileSize = (bytes) => {
-  if (bytes === 0) return "0 Bytes";
-  const k = 1024;
-  const sizes = ["Bytes", "KB", "MB", "GB"];
-  const i = Math.floor(Math.log(bytes) / Math.log(k));
-  return Number.parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
-};
-
-function FileUpload({
-  onDropAccepted,
-  onDropRejected,
-  accept = {
-    "image/*": [".png", ".jpg", ".jpeg", ".gif", ".mp4"],
-    "application/pdf": [".pdf"],
-    "text/*": [".txt", ".csv"]
-  },
-  maxSize = 5 * 1024 * 1024,
-  // 5MB
-  maxFiles = 5,
-  multiple = true,
-  className,
-  disabled = false,
-  title = "Drag & drop files here, or click to select",
-  description = "",
-  supportsMessage = "",
-  children
-}) {
-  const { getRootProps, getInputProps, isDragActive, isDragReject } = useDropzone({
-    onDropAccepted,
-    onDropRejected,
-    accept,
-    maxSize,
-    multiple,
-    disabled,
-    maxFiles
-  });
-  return /* @__PURE__ */ React__default.createElement("div", { "data-testid": "file-upload", className: "w-full space-y-4" }, /* @__PURE__ */ React__default.createElement("div", { className: cn("group", className, "focus-visible:outline-none"), ...getRootProps() }, /* @__PURE__ */ React__default.createElement(
-    Card,
-    {
-      className: cn(
-        "custom-dashed-border shadow-none p-8 text-center cursor-pointer",
-        "group-focus:custom-dashed-border-hover",
-        "group-hover:custom-dashed-border-hover",
-        isDragActive && !isDragReject && "border-primary bg-primary/5",
-        isDragReject && "border-destructive bg-destructive/5",
-        disabled && "cursor-not-allowed opacity-50"
-      )
-    },
-    /* @__PURE__ */ React__default.createElement("input", { ...getInputProps() }),
-    /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col items-center gap-4" }, /* @__PURE__ */ React__default.createElement(
-      CloudArrowUp,
-      {
-        className: cn(
-          "size-12",
-          isDragActive && !isDragReject && "text-primary",
-          isDragReject && "text-destructive"
-        )
-      }
-    ), /* @__PURE__ */ React__default.createElement("div", { className: "space-y-2" }, /* @__PURE__ */ React__default.createElement("p", { className: "text-lg font-medium" }, isDragActive ? isDragReject ? "Some files will be rejected" : "Drop files here" : title), description && /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, description), supportsMessage ? /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, supportsMessage) : /* @__PURE__ */ React__default.createElement("p", { className: "text-sm" }, `Supports: ${Object.values(accept).flat().join(", ")} • Max size: ${formatFileSize(maxSize)}${maxFiles > 1 ? ` • Max files: ${maxFiles}` : ""}`)))
-  )), children);
-}
-
-const CheckCircleIcon = React__default.memo(({ className }) => {
-  return /* @__PURE__ */ React__default.createElement("div", { className: cn("relative", className) }, /* @__PURE__ */ React__default.createElement(CheckCircle, { className: "absolute size-6 text-green-400", weight: "fill" }), /* @__PURE__ */ React__default.createElement(CheckCircle, { className: "absolute size-6 text-black", weight: "regular" }));
-});
-CheckCircleIcon.displayName = "CheckCircleIcon";
-const FileUploadStatus = ({
-  uploads,
-  className,
-  onCancelUpload,
-  steps = [
-    { id: "upload", label: "Uploading video", status: "current" },
-    { id: "analyze", label: "Analyzing content", status: "pending" },
-    { id: "create", label: "Creating help articles", status: "pending" }
-  ],
-  timeRemaining,
-  title = "Video Processing"
-}) => {
-  const [mounted, setMounted] = useState(false);
-  const [isOpen, setIsOpen] = useState(true);
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-  const cancelButtonLabel = useCallback((uploadState) => {
-    if (uploadState.status === "success") return "Uploaded";
-    if (uploadState.status === "error") return "Retry upload";
-    return "Cancel upload";
-  }, []);
-  if (!mounted || uploads.length === 0) return null;
-  if (typeof document === "undefined") return null;
-  const statusCard = /* @__PURE__ */ React__default.createElement(
-    Collapsible,
-    {
-      open: isOpen,
-      onOpenChange: setIsOpen,
-      className: cn(
-        "fixed bottom-3 right-3 w-96 shadow-lg border z-50 transition-all duration-200 h-auto p-0 gap-4 bg-dark-100 rounded-lg overflow-hidden",
-        className
-      )
-    },
-    /* @__PURE__ */ React__default.createElement(CollapsibleTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center justify-between py-4 px-6 bg-foreground text-background cursor-pointer" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex flex-col gap-0" }, /* @__PURE__ */ React__default.createElement("span", { className: "font-semibold" }, title), timeRemaining && /* @__PURE__ */ React__default.createElement("span", { className: "text-sm text-muted-foreground" }, timeRemaining)), /* @__PURE__ */ React__default.createElement(Button, { variant: "ghost", size: "sm", className: "size-6 p-0" }, isOpen ? /* @__PURE__ */ React__default.createElement(CaretDown, { className: "size-4" }) : /* @__PURE__ */ React__default.createElement(CaretUp, { className: "size-4" })))),
-    /* @__PURE__ */ React__default.createElement(CollapsibleContent, null, uploads.map((upload) => /* @__PURE__ */ React__default.createElement(Card, { key: upload.id, className: cn("rounded-none p-0") }, /* @__PURE__ */ React__default.createElement(CardContent, { className: "p-0" }, /* @__PURE__ */ React__default.createElement("div", { className: "px-6 py-4 border-b" }, /* @__PURE__ */ React__default.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ React__default.createElement("div", { className: "size-12 bg-yellow-400 border border-dark rounded-lg flex items-center justify-center text-dark shrink-0" }, /* @__PURE__ */ React__default.createElement(FileVideo, { className: "size-6" })), /* @__PURE__ */ React__default.createElement("div", { className: "flex-1 flex flex-col gap-0" }, /* @__PURE__ */ React__default.createElement("h3", { className: "text-base font-medium flex items-center gap-1 whitespace-nowrap" }, /* @__PURE__ */ React__default.createElement("span", { className: "truncate max-w-56" }, upload.file.name), /* @__PURE__ */ React__default.createElement("span", { className: "shrink-0" }, " • ", formatFileSize(upload.file.size))), /* @__PURE__ */ React__default.createElement(
-      Button,
-      {
-        variant: "dark",
-        size: "sm",
-        className: "self-start h-6 text-xs bg-foreground text-background",
-        onClick: onCancelUpload,
-        "data-id": upload.id,
-        disabled: upload.status === "success" || upload.progress === 100,
-        "data-status": upload.status
-      },
-      cancelButtonLabel(upload)
-    )))), /* @__PURE__ */ React__default.createElement("ol", { className: "py-2" }, steps.map((step) => /* @__PURE__ */ React__default.createElement(
-      "li",
-      {
-        key: step.id,
-        className: cn(
-          "flex items-center gap-4 px-6 py-3 relative",
-          "after:absolute after:w-[1px] after:bg-foreground after:top-[38px] after:-bottom-[10px] after:left-[35px]",
-          "last-of-type:after:hidden"
-        )
-      },
-      step.status === "completed" ? /* @__PURE__ */ React__default.createElement(CheckCircleIcon, { className: "size-6" }) : /* @__PURE__ */ React__default.createElement(Circle, { className: "size-6" }),
-      /* @__PURE__ */ React__default.createElement("span", { className: "flex items-center gap-1" }, `${step.label} ${step.id === "upload" ? `— ${Math.round(upload.progress)}%` : ""}`)
-    )))))))
-  );
-  return createPortal(statusCard, document.body);
-};
-
-export { FileUpload as F, FileUploadStatus as a, formatFileSize as f };
-//# sourceMappingURL=file-upload-status.DP2iuttI.js.map