);
}
window.OpportunitiesScreen = OpportunitiesScreen;
// PHASE 7 — "What action should be taken now?" The ranked cross-pipeline Next-Best-Actions worklist
// (engine + route + API client already existed; this binds them to the UI). Each item opens the deal's
// existing drawer. Honest: renders NOTHING while loading or when there's no open work (the kanban speaks).
function NextActionsWorklist({ onOpen, lang }) {
const data = useStore(); // re-fetch when the store changes (after an action runs)
const [actions, setActions] = useOppState(null);
React.useEffect(() => {
let on = true;
API.metrics.nextBestActions("limit=6").then((r) => { if (on) setActions((r && r.actions) || []); }).catch(() => { if (on) setActions([]); });
return () => { on = false; };
}, [data]);
if (!Array.isArray(actions) || actions.length === 0) return null;
const T = (ar, en) => (lang === "ar" ? ar : en);
const URG = { high: "var(--color-danger)", normal: "var(--color-secondary)" };
return (
{T("ماذا تفعل الآن — بالأولوية", "What to do now — by priority")}{actions.length}
{actions.map((a) => (
))}
);
}
function OppMiniCard({ opp: o, onClick, lang }) {
const agent = agentById(o.agentId);
const c = contactById(o.contactId);
const pm = PRIORITY_META[o.priority] || PRIORITY_META.medium;
return (
);
}
function StatusWorkflow({ opp, lang, onPick }) {
return (
{OPP_ORDER.map((s) => {
const active = s === opp.status;
const m = OPP_STATUSES[s];
return (
);
})}
);
}
const TLI = { created: "sparkles", status: "flag", assign: "bot", meeting: "calendar", proposal: "fileText", followup: "clock", request: "inbox", note: "message", updated: "edit", deleted: "trash" };
function OpportunityDrawer({ opp: o, onClose, onToast, go }) {
const { lang } = useLang();
const data = useStore();
const T = (ar, en) => oppT(lang, ar, en);
const [assignOpen, setAssignOpen] = useOppState(false);
const [modal, setModal] = useOppState(null); // "meeting"|"proposal"|"followup"|"request"|"won"|"lost"
const [busy, setBusy] = useOppState(false);
const agents = data.AGENTS || [];
const agent = agentById(o.agentId);
const c = contactById(o.contactId);
const pm = PRIORITY_META[o.priority] || PRIORITY_META.medium;
const linked = linkedFor(o.id);
const conv = (data.CONVERSATIONS || []).find((x) => x.contactId === o.contactId);
// Hydrate the server view (intelligence + next-best-action + memory) for this opp.
const [hyd, setHyd] = useOppState(null);
React.useEffect(() => { let on = true; setHyd(null); API.opportunities.get(o.id).then((d) => { if (on) setHyd(d); }).catch(() => {}); return () => { on = false; }; }, [o.id, o.status, o.updatedAt]);
const nba = hyd && hyd.nextBest;
const intel = (hyd && hyd.intelligence) || null;
const mem = (hyd && hyd.memory) || null;
const assign = async (a) => { setAssignOpen(false); setBusy(true); try { await Actions.assignOpportunity(o.id, a.id); onToast(T("تم الإسناد إلى ", "Assigned to ") + a.name); } catch (e) { onToast(T("تعذّر الإسناد", "Assign failed")); } finally { setBusy(false); } };
const advance = async (s) => {
if (s === o.status) return;
if (s === "won") { setModal("won"); return; }
if (s === "lost") { setModal("lost"); return; }
if (s === "meeting_scheduled") { setModal("meeting"); return; }
if (s === "proposal_sent") { setModal("proposal"); return; }
setBusy(true);
try { await Actions.setOpportunityStatus(o.id, { status: s }); onToast(T("تم تحديث الحالة", "Status updated")); }
catch (e) { onToast(errMsg(e, lang)); } finally { setBusy(false); }
};
return (
} />
{/* Summary + score */}
{T("الفرصة", "Opportunity")}{o.score}
{o.problem || T("لا يوجد ملخص بعد.", "No problem summary yet.")}
{/* AI intelligence + Next Best Action (Phase 2) */}
{T("ذكاء الفرصة", "Opportunity intelligence")}}>
{(o.estimated || (intel && intel.estimated)) &&
{T("تقدير مبدئي — لا توجد إشارة بيع مؤكدة بعد (سيُحدَّث مع تفاعل العميل).", "Estimated — no confirmed buying signal yet (updates as the lead engages).")}
{T("التقسيط يتطلب اعتماد المدير.", "Installment plans require manager approval.")}
}
{form === "createSubscription" &&
{T("اشتراك متكرر — بدون مفتاح Stripe حيّ، يرسل الفريق رابطاً متكرراً (لا يُختلق).", "Recurring subscription — with no live Stripe key, the team sends a recurring link (never fabricated).")}