/* Klipzy.lv — Create campaign (multi-step) */ function CreateCampaign({ go, setTab, user, draftCampaign }) { const lang = useLang(); const T = (s) => tr(s, lang); const brandUid0 = (user && user.user && user.user.uid) || null; const editId = draftCampaign ? draftCampaign.id : null; const draftKey = 'klipzy_campaign_draft_' + (brandUid0 || 'anon'); const loadDraft = () => { if (draftCampaign) return null; try { const raw = localStorage.getItem(draftKey); return raw ? JSON.parse(raw) : null; } catch (_) { return null; } }; const seedFromCampaign = (c) => ({ name: c.name || '', niche: c.niche || '', desc: c.desc || '', rate: String(c.rate || '2.00'), budget: String(c.budget || '0'), minViews: c.minViews ? String(c.minViews) : '', maxPerClip: c.maxPerClip ? String(c.maxPerClip) : '50', platforms: c.platforms || [], dos: (c.dos && c.dos.length ? c.dos : ['']), donts: (c.donts && c.donts.length ? c.donts : ['']), start: c.start || '', end: c.end || '', assetsLinks: (c.assetsLinks && c.assetsLinks.length ? c.assetsLinks : ['']), assets: c.assets || [], }); const draft = loadDraft(); const [step, setStep] = useState((draft && draft.step) || 0); const [busy, setBusy] = useState(false); const [err, setErr] = useState(''); const [toast, setToast] = useState(''); const [confirmDel, setConfirmDel] = useState(false); const [f, setF] = useState(draftCampaign ? seedFromCampaign(draftCampaign) : ((draft && draft.f) || { name: '', niche: '', desc: '', rate: '2.00', budget: '0', minViews: '', maxPerClip: '50', platforms: [], dos: [''], donts: [''], start: '', end: '', assetsLinks: [''], assets: [], })); const set = (k, v) => setF((p) => ({ ...p, [k]: v })); const togglePlat = (p) => set('platforms', f.platforms.includes(p) ? f.platforms.filter((x) => x !== p) : [...f.platforms, p]); // Autosave as a draft whenever the form changes, so leaving mid-creation // (switching tabs) doesn't lose progress — resumes on next visit. useEffect(() => { if (editId) return; try { localStorage.setItem(draftKey, JSON.stringify({ step, f })); } catch (_) {} }, [step, f]); const discardDraft = () => { try { localStorage.removeItem(draftKey); } catch (_) {} }; const brandUid = brandUid0; // Available funds = the brand's uncommitted balance (same escrow ledger as Maksājumi). const { txns } = useTransactions(brandUid); const sumT = (t) => txns.filter((x) => x.type === t && x.status !== 'declined').reduce((s, x) => s + x.amount, 0); const available = sumT('deposit') - sumT('cashout') - sumT('reserve') + sumT('refund') - sumT('fee'); // 1% platform fee charged on top of the campaign budget at creation. const CREATE_FEE_PCT = 0.01; const fee = Math.round((+f.budget || 0) * CREATE_FEE_PCT * 100) / 100; const totalCost = (+f.budget || 0) + fee; const MIN_TOTAL = 10; // minimum total campaign cost (budget + fee) const underMin = (+f.budget || 0) > 0 && totalCost < MIN_TOTAL; const overBudget = totalCost > available; // Campaigns can run at most 30 days. Compute the max allowed end date. const MAX_DAYS = 30; const maxEnd = (() => { if (!f.start) return ''; const d = new Date(f.start); if (isNaN(d)) return ''; d.setDate(d.getDate() + MAX_DAYS); return d.toISOString().slice(0, 10); })(); const endTooLong = f.start && f.end && maxEnd && f.end > maxEnd; const steps = [T('Pamatinformācija'), T('Cena & budžets'), T('Vadlīnijas'), T('Pārskats')]; const canNext = () => { if (step === 0) return f.name && f.niche && f.desc; if (step === 1) return +f.rate > 0 && +f.budget > 0 && f.platforms.length && !overBudget && !underMin; if (step === 2) return !endTooLong && f.start && f.end && f.dos.some((s) => s.trim()) && f.donts.some((s) => s.trim()) && f.assetsLinks.some((s) => s.trim()); return true; }; const estClips = Math.floor((+f.budget / +f.rate) * 1000 / 200000) || 0; const brandName = (user && user.profile && user.profile.displayName) || (user && user.user && user.user.displayName) || 'Zīmols'; const saveDraft = async () => { if (!window.KlipzyFirebase) { discardDraft(); go('brand', { tab: 'panel' }); return; } setBusy(true); setErr(''); try { const payload = { brandUid, brandName, brandLogo: (user && user.profile && user.profile.photoURL) || '', name: f.name || 'Melnraksts', niche: f.niche, desc: f.desc, rate: +f.rate || 0, budget: +f.budget || 0, minViews: (+f.minViews > 0 ? Math.max(1000, +f.minViews) : 1000), maxPerClip: Math.min(200, +f.maxPerClip || 0), platforms: f.platforms, dos: f.dos.map((s) => s.trim()).filter(Boolean), donts: f.donts.map((s) => s.trim()).filter(Boolean), start: f.start, end: f.end, assetsLink: (f.assetsLinks.find((s) => s.trim()) || '').trim(), assetsLinks: f.assetsLinks.map((s) => s.trim()).filter(Boolean), assets: (f.assets || []).map((a) => ({ name: a.name, url: a.url })), }; if (editId) { await window.KlipzyFirebase.updateCampaign(editId, payload); } else { const n = await window.KlipzyFirebase.countDrafts(brandUid); if (n >= 5) { setErr(T('Vari saglabāt ne vairāk kā 5 melnrakstus.')); setBusy(false); return; } await window.KlipzyFirebase.createCampaign({ ...payload, draft: true }); } discardDraft(); try { sessionStorage.setItem('klipzy_toast', T('Melnraksts saglabāts.')); } catch (_) {} go('brand', { tab: 'campaigns' }); } catch (e) { setErr('Neizdevās saglabāt melnrakstu.'); setBusy(false); } }; const publish = async () => { if (!window.KlipzyFirebase) { go('brand', { tab: 'panel' }); return; } if (overBudget) { setErr('Budžets + 1% maksa pārsniedz pieejamos līdzekļus.'); return; } if (underMin) { setErr('Minimālais kampaņas budžets ir €10 (ar komisiju).'); return; } if (endTooLong) { setErr('Kampaņa nedrīkst būt garāka par 30 dienām.'); return; } setBusy(true); setErr(''); try { const payload = { brandUid, brandName, brandLogo: (user && user.profile && user.profile.photoURL) || '', name: f.name, niche: f.niche, desc: f.desc, rate: +f.rate, budget: +f.budget, minViews: (+f.minViews > 0 ? Math.max(1000, +f.minViews) : 1000), maxPerClip: Math.min(200, +f.maxPerClip || 0), platforms: f.platforms, dos: f.dos.map((s) => s.trim()).filter(Boolean), donts: f.donts.map((s) => s.trim()).filter(Boolean), start: f.start, end: f.end, assetsLink: (f.assetsLinks.find((s) => s.trim()) || '').trim(), assetsLinks: f.assetsLinks.map((s) => s.trim()).filter(Boolean), assets: (f.assets || []).map((a) => ({ name: a.name, url: a.url })), createFee: fee, }; if (editId) await window.KlipzyFirebase.publishDraft(editId, payload); else await window.KlipzyFirebase.createCampaign(payload); discardDraft(); go('brand', { tab: 'panel', created: f.name || 'Jauna kampaņa' }); } catch (e) { setErr('Neizdevās publicēt kampaņu. Mēģini vēlreiz.'); setBusy(false); } }; return (
{editId && } {confirmDel && ReactDOM.createPortal(
setConfirmDel(false)}>
e.stopPropagation()}>

{T('Dzēst melnrakstu?')}

{T('Šo darbību nevar atsaukt.')}

, document.body)}
{/* stepper */}
{steps.map((s, i) => (
{i < step ? : i + 1} {s}
{i < steps.length - 1 &&
} ))}
{step === 0 && (
set('name', e.target.value)} />
{ALL_NICHES.map((n) => ( ))}