/* global React, Icons */
const { useState, useEffect, useRef } = React;
// ── Constants ────────────────────────────────────────────────────────────────
const PROMPTS_STORAGE_KEY = 'aip_script_prompts';
const DEFAULT_PROMPT_CONTENT =
`Write a {{reviewLength}}-second video review script for the Amazon Influencer Program. Use a natural, conversational tone — like advice from a knowledgeable friend.
Structure:
1. Hook (5–10 sec): The one thing a buyer most needs to hear immediately
2. What it is + who it's for (10–15 sec)
3. Key features (20–25 sec): 3–4 features explained as real-world benefits — not specs
4. Honest take (15 sec): Address the main concern or misconception directly
5. Verdict + CTA (5–10 sec)
Rules:
- Never state the specific price — use "great value", "mid-range", "on the pricier side", etc.
- No hype or exaggeration — be honest about limitations
- Sound natural, not scripted`;
const DEFAULT_PROMPTS = [
{ id: 'p-default', name: 'Standard Review', reviewLength: 60, content: DEFAULT_PROMPT_CONTENT },
];
// ── Helpers ───────────────────────────────────────────────────────────────────
function loadPrompts() {
try {
const stored = JSON.parse(localStorage.getItem(PROMPTS_STORAGE_KEY) || 'null');
if (Array.isArray(stored) && stored.length) return stored;
} catch (_) {}
return DEFAULT_PROMPTS;
}
function savePrompts(prompts) {
try { localStorage.setItem(PROMPTS_STORAGE_KEY, JSON.stringify(prompts)); } catch (_) {}
}
function statusColor(s) {
if (s === 'ready') return 'var(--success)';
if (s === 'in-progress') return 'var(--warn)';
return 'var(--text-3)';
}
function statusLabel(s) {
if (s === 'ready') return 'Ready';
if (s === 'in-progress') return 'In Progress';
return 'Scraped';
}
function generateBrief(product, prompt) {
const promptText = prompt.content.replace(/\{\{reviewLength\}\}/g, prompt.reviewLength);
// Only include a section if it has content
const field = (heading, value) => {
const v = (value || '').trim();
return v ? `### ${heading}\n${v}\n\n` : '';
};
const productSections = [
field('Features', product.features),
field('Product Description', product.productDesc),
].join('');
const buyerSections = [
field('Summary of customer reviews (Amazon AI)', product.customerReviewsSummary),
field('Top review topics', product.reviewTopics),
field('What buyers are asking (suggested questions)', product.suggestedQuestions),
field('What are buyers most afraid of getting wrong?', product.buyerFears),
field('Common misconceptions', product.misconceptions),
field('What to say in the first 5 seconds', product.firstFiveSeconds),
].join('');
const creatorSections = [
field('Personal experience with this product', product.personalNotes),
field('Who buys this', product.buyerPersona),
field('What existing videos don\'t show or answer', product.videoGaps),
field('What you can physically show or demonstrate', product.demonstration),
].join('');
let brief = `# Script Brief: ${product.title || product.asin}\n\n`;
brief += `## Your Prompt\n\n${promptText}\n\n---\n\n`;
brief += `## Product Data\n\n`;
brief += `**ASIN:** ${product.asin}\n`;
brief += `**Brand:** ${product.brand || '—'}\n`;
brief += `**Product:** ${product.title || '—'}\n`;
brief += `**Review length:** ${prompt.reviewLength} seconds\n\n`;
if (productSections) brief += productSections + '---\n\n';
if (buyerSections) brief += `## Buyer Insights\n\n${buyerSections}---\n\n`;
if (creatorSections) brief += `## Creator Notes\n\n${creatorSections}`;
return brief.trimEnd();
}
// ── Shared sub-components ─────────────────────────────────────────────────────
function FieldLabel({ label }) {
return (
{label}
);
}
function SectionHeader({ children }) {
return (
{children}
);
}
function TA({ value, onChange, rows = 4, placeholder }) {
return (