(null)
+ const [isCloudinaryLoaded, setIsCloudinaryLoaded] = useState(false)
+
+ useEffect(() => {
+ if (typeof window !== 'undefined' && !window.cloudinary) {
+ const script = document.createElement("script")
+ script.src = "https://upload-widget.cloudinary.com/global/all.js"
+ script.async = true
+ script.onload = () => {
+ setIsCloudinaryLoaded(true)
+ }
+ document.body.appendChild(script)
+
+ return () => {
+ document.body.removeChild(script)
+ }
+ } else if (window.cloudinary) {
+ setIsCloudinaryLoaded(true)
+ }
+ }, [])
+
+ useEffect(() => {
+ if (isCloudinaryLoaded && !uploadWidget) {
+ initializeUploadWidget()
+ }
+ }, [isCloudinaryLoaded])
+
+ const initializeUploadWidget = useCallback(() => {
+ if (window.cloudinary && !uploadWidget) {
+ const widget = window.cloudinary.createUploadWidget(
+ {
+ cloudName: CLOUDINARY_CONFIG.cloudName,
+ uploadPreset: CLOUDINARY_CONFIG.uploadPreset,
+ sources: ["local"],
+ resourceType: "video",
+ },
+ (error: any, result: any) => {
+ if (error) {
+ console.error("Error in upload widget:", error)
+ return
+ }
+ if (result && result.event === "success") {
+ const newReviewWithVideo: Review = {
+ id: result.info.asset_id,
+ text: newReview,
+ videoUrl: result.info.public_id,
+ date: new Date().toLocaleDateString(),
+ status: 'processing'
+ }
+ setReviews(prevReviews => [newReviewWithVideo, ...prevReviews])
+ setNewReview("")
+ checkVideoStatus(result.info.asset_id, result.info.public_id)
+ }
+ }
+ )
+ setUploadWidget(widget)
+ }
+ }, [newReview])
+
+ const checkVideoStatus = useCallback(async (assetId: string, publicId: string) => {
+ const startTime = Date.now()
+ const timeoutDuration = 360000 // 6 minutes in milliseconds
+
+ const checkStatus = async () => {
+ try {
+ const response = await fetch('/api/moderate', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({ checkStatus: true, asset_id: assetId, public_id: publicId })
+ })
+ const data = await response.json()
+
+ if (data.status === 'approved') {
+ setReviews(prevReviews =>
+ prevReviews.map(review =>
+ review.id === assetId
+ ? { ...review, status: 'approved', eagerTransformationComplete: data.eagerTransformationComplete }
+ : review
+ )
+ )
+ } else if (data.status === 'rejected') {
+ setReviews(prevReviews =>
+ prevReviews.map(review =>
+ review.id === assetId
+ ? { ...review, status: 'rejected', rejectionReason: data.message }
+ : review
+ )
+ )
+ } else if (Date.now() - startTime < timeoutDuration) {
+ // If still processing and within timeout, check again after 5 seconds
+ setTimeout(() => checkStatus(), 5000)
+ } else {
+ // Timeout reached
+ setReviews(prevReviews =>
+ prevReviews.map(review =>
+ review.id === assetId
+ ? { ...review, status: 'rejected', rejectionReason: 'Processing timeout reached' }
+ : review
+ )
+ )
+ }
+ } catch (error) {
+ console.error("Error checking video status:", error)
+ }
+ }
+
+ checkStatus()
+ }, [])
+
+ const handleUploadVideo = () => {
+ if (uploadWidget) {
+ uploadWidget.open()
+ } else {
+ console.error("Upload widget is not initialized")
+ }
+ }
+
+ const handleSubmitTextReview = () => {
+ if (!newReview.trim()) return
+
+ const textOnlyReview: Review = {
+ id: Date.now().toString(),
+ text: newReview,
+ date: new Date().toLocaleDateString(),
+ status: 'approved'
+ }
+ setReviews(prevReviews => [textOnlyReview, ...prevReviews])
+ setNewReview("")
+ }
+
+ return (
+
+
+
+ Write a Review
+
+
+