/* Platform Admin — Overview, Makers, Pieces, Orders, Customers, Finance, Workshops, Content, Audit, Team, Settings */ // Audit-event kind → folk Icon name + brand colour (shared by Overview + Audit log). const AUDIT_KIND_META = { approve: { icon: "check", color: "var(--olive)" }, reject: { icon: "knot", color: "var(--terracotta)" }, login: { icon: "lock", color: "var(--muted)" }, create: { icon: "star", color: "var(--gold)" }, edit: { icon: "feather", color: "var(--ink)" }, payout: { icon: "gift", color: "var(--olive)" }, suspend: { icon: "no-water", color: "var(--terracotta)" }, }; function _auditMeta(kind) { return AUDIT_KIND_META[kind] || { icon: "calendar", color: "var(--muted)" }; } // Bilingual order status labels (H6) — DB enums rendered in EN + AR with a tone. const ORDER_STATUS_LABEL = { pending: { en: "Pending", ar: "قيد الانتظار", tone: "gold" }, pending_confirmation: { en: "Pending confirmation", ar: "بانتظار التأكيد", tone: "gold" }, confirmed: { en: "Confirmed", ar: "مؤكَّد", tone: "gold" }, in_preparation: { en: "In preparation", ar: "قيد التحضير", tone: "gold" }, ready_for_dispatch: { en: "Ready to dispatch", ar: "جاهز للشحن", tone: "gold" }, packed: { en: "Packed", ar: "مُعبَّأ", tone: "gold" }, shipped: { en: "Shipped", ar: "مشحون", tone: "terracotta" }, out_for_delivery: { en: "Out for delivery", ar: "خرج للتوصيل", tone: "terracotta" }, delivered: { en: "Delivered", ar: "تمّ التسليم", tone: "olive" }, returned: { en: "Returned", ar: "مُرتجَع", tone: "muted" }, cancelled: { en: "Cancelled", ar: "ملغى", tone: "muted" }, refunded: { en: "Refunded", ar: "مستردّ", tone: "muted" }, }; function _orderStatusLabel(status, lang) { if (!status) return "—"; const key = String(status).toLowerCase(); const m = ORDER_STATUS_LABEL[key]; if (!m) return String(status).replace(/_/g, " "); return m[lang] || m.en; } function _orderStatusTone(status) { const m = ORDER_STATUS_LABEL[String(status || "").toLowerCase()]; return m ? m.tone : "gold"; } // Bilingual shipment status labels (H6). const SHIPMENT_STATUS_LABEL = { label_created: { en: "Label created", ar: "أُنشئت البطاقة", tone: "gold" }, picked_up: { en: "Picked up", ar: "تمّ الاستلام", tone: "gold" }, in_transit: { en: "In transit", ar: "في الطريق", tone: "gold" }, out_for_delivery: { en: "Out for delivery", ar: "خرج للتوصيل", tone: "terracotta" }, delivered: { en: "Delivered", ar: "تمّ التسليم", tone: "olive" }, delivery_failed: { en: "Delivery failed", ar: "فشل التسليم", tone: "terracotta" }, returned: { en: "Returned", ar: "مُرتجَع", tone: "muted" }, cancelled: { en: "Cancelled", ar: "ملغى", tone: "muted" }, }; function _enumLabel(map, value, lang) { if (!value) return "—"; const m = map[String(value).toLowerCase()]; if (!m) return String(value).replace(/_/g, " "); return m[lang] || m.en; } // Bilingual QC, notification, timeline-kind & workshop-booking status labels (H6/H3). const QC_STATUS_LABEL = { pending: { en: "Pending", ar: "قيد المراجعة", tone: "gold" }, passed: { en: "Passed", ar: "اجتاز", tone: "olive" }, failed: { en: "Failed", ar: "رسب", tone: "terracotta" }, revision_requested: { en: "Revision", ar: "تعديل مطلوب", tone: "gold" }, }; const NOTIF_STATUS_LABEL = { queued: { en: "Queued", ar: "في الطابور", tone: "gold" }, sent: { en: "Sent", ar: "أُرسل", tone: "olive" }, failed: { en: "Failed", ar: "فشل", tone: "terracotta" }, skipped: { en: "Skipped", ar: "تخطّي", tone: "muted" }, }; const TIMELINE_KIND_LABEL = { order_placed: { en: "Order placed", ar: "تمّ الطلب" }, payment_confirmed: { en: "Payment confirmed", ar: "تأكّد الدفع" }, order_confirmed: { en: "Order confirmed", ar: "تأكّد الطلب" }, status_changed: { en: "Status changed", ar: "تغيّرت الحالة" }, in_preparation: { en: "In preparation", ar: "قيد التحضير" }, qc_opened: { en: "QC opened", ar: "فُتحت المراجعة" }, qc_passed: { en: "QC passed", ar: "اجتازت المراجعة" }, qc_failed: { en: "QC failed", ar: "رسبت المراجعة" }, shipment_created: { en: "Shipment created", ar: "أُنشئ الشحن" }, shipped: { en: "Shipped", ar: "تمّ الشحن" }, delivered: { en: "Delivered", ar: "تمّ التسليم" }, admin_note: { en: "Admin note", ar: "ملاحظة إدارية" }, cancelled: { en: "Cancelled", ar: "أُلغي" }, refunded: { en: "Refunded", ar: "استُرد" }, }; function _timelineKindLabel(kind, lang) { if (!kind) return "—"; const m = TIMELINE_KIND_LABEL[String(kind).toLowerCase()]; if (m) return m[lang] || m.en; // Fallback: humanize the raw enum (e.g. "ready_for_dispatch" → "ready for dispatch"). return String(kind).replace(/_/g, " "); } const REFUND_STATUS_LABEL = { none: { en: "None", ar: "لا يوجد" }, pending: { en: "Pending", ar: "قيد المعالجة" }, processing: { en: "Processing", ar: "جارٍ" }, completed: { en: "Completed", ar: "مكتمل" }, refunded: { en: "Refunded", ar: "مستردّ" }, failed: { en: "Failed", ar: "فشل" }, not_eligible: { en: "Not eligible", ar: "غير مؤهَّل" }, }; const WORKSHOP_STATUS_LABEL = { draft: { en: "Draft", ar: "مسوّدة" }, published: { en: "Live", ar: "منشورة" }, fully_booked: { en: "Full", ar: "مكتملة" }, in_progress: { en: "In progress", ar: "جارية" }, completed: { en: "Completed", ar: "اكتملت" }, cancelled: { en: "Cancelled", ar: "ملغاة" }, archived: { en: "Archived", ar: "مؤرشفة" }, }; function _workshopStatusLabel(statusKey, fallback, lang) { const m = WORKSHOP_STATUS_LABEL[String(statusKey || "").toLowerCase()]; return m ? (m[lang] || m.en) : (fallback || statusKey); } const BOOKING_STATUS_LABEL = { pending: { en: "Pending", ar: "قيد الانتظار", tone: "gold" }, pending_payment: { en: "Awaiting payment", ar: "بانتظار الدفع", tone: "gold" }, confirmed: { en: "Confirmed", ar: "مؤكَّد", tone: "olive" }, attended: { en: "Attended", ar: "حضر", tone: "olive" }, waitlisted: { en: "Waitlisted", ar: "قائمة انتظار", tone: "gold" }, no_show: { en: "No-show", ar: "لم يحضر", tone: "terracotta" }, cancelled: { en: "Cancelled", ar: "ملغى", tone: "muted" }, }; // Bilingual piece-status labels (H5) — covers every status the data layer emits. const PIECE_STATUS_LABEL = { Live: { en: "Live", ar: "منشور" }, Review: { en: "Review", ar: "مراجعة" }, Draft: { en: "Draft", ar: "مسوّدة" }, Archived: { en: "Archived", ar: "مؤرشف" }, }; function _pieceStatusLabel(status, lang) { const m = PIECE_STATUS_LABEL[status]; return m ? (m[lang] || m.en) : status; } // ————————— OVERVIEW ————————— function OverviewPage({ lang, openApproval, gotoSection, firstName }) { const stats = window.ADMIN_STATS; // Time-of-day greeting (M2) — bilingual, computed from the browser clock. const hour = new Date().getHours(); const partOfDay = hour < 12 ? { en: "morning", ar: "صباح" } : hour < 18 ? { en: "afternoon", ar: "ظهر" } : { en: "evening", ar: "مساء" }; const weekday = (() => { try { return new Date().toLocaleDateString(lang === "ar" ? "ar-EG" : "en-GB", { weekday: "long" }); } catch { return ""; } })(); // OV-1 — the GMV card value is the CURRENT month, so derive the month name // from the clock (localized) instead of a hardcoded "April". const currentMonth = (() => { try { return new Date().toLocaleDateString(lang === "ar" ? "ar-EG" : "en-GB", { month: "long" }); } catch { return ""; } })(); // F8 — gmvDelta already carries its own sign (e.g. "-40%"). Strip any stray // leading "+" before a "-" so we never render "+-40%". const normSign = (d) => typeof d === "string" ? d.replace(/^\+\s*-/, "-") : d; const approvals = window.ADMIN_APPROVALS; const audit = window.ADMIN_AUDIT.slice(0, 6); const high = approvals.filter(a => a.priority === "high").slice(0, 3); const recent = approvals.slice(0, 4); const StatBox = ({ label, value, sub, delta, accent }) => (
{label}
{value}
{delta && {delta}}
{sub &&
{sub}
}
); return (
{/* Greeting band */}
{lang === "en" ? `Platform admin · ${weekday} ${partOfDay.en}` : `إدارة المنصّة · ${partOfDay.ar} ${weekday}`}

{lang === "en" ? `Good ${partOfDay.en}${firstName ? `, ${firstName}` : ""}.` : `${hour < 12 ? "صباح الخير" : "مساء الخير"}${firstName ? `، ${firstName}` : ""}.`}
{lang === "en" ? `${window.adminNum(approvals.length, lang)} requests are waiting for you.` : `${window.adminNum(approvals.length, lang)} طلبات تنتظرك.`}

{(() => { const trio = [ { l: lang === "en" ? "Pending" : "قيد المراجعة", v: approvals.length, c: "var(--gold-soft)" }, { l: lang === "en" ? "High" : "عاجل", v: approvals.filter(a => a.priority === "high").length, c: "#e8a890" }, { l: lang === "en" ? "Today" : "اليوم", v: stats.todayApprovals || 0, c: "#a3c995" }, ]; // OV-4 — when the whole trio is zero, the flat "0 / 0 / 0" reads as a // dead dashboard. Replace it with a calm "all clear" affordance. const allClear = trio.every(s => !s.v); if (allClear) { return (
{lang === "en" ? "All clear." : "كلّ شيء مُنجَز."}
{lang === "en" ? "No approvals waiting" : "لا طلبات معلّقة"}
); } return (
{trio.map((s, i) => (
{window.adminNum(s.v, lang)}
{s.l}
))}
); })()}
{/* Quick stats */}
= 0 ? "+" : ""}${window.adminNum(stats.makersDelta, lang)}`} accent="var(--olive)" />
{/* Two-column: Approvals + Audit */}

{lang === "en" ? "Top of the queue" : "أوّل القائمة"}

{recent.map((a, i) => { const type = AP_TYPE_LABEL[a.type] || { en: a.type, tone: "muted" }; return ( ); })}

{lang === "en" ? "Recent audit log" : "سجلّ النشاط"}

{audit.map((e, i) => { const m = _auditMeta(e.kind); return (
{e.actor} {window.auditActionLabel(e.action, lang)}
{window.fmtAge(e.age, lang)}
); })}
{/* High-priority spotlight */} {high.length > 0 && (

{lang === "en" ? "High-priority approvals" : "طلبات عاجلة"}

{high.map(a => { const type = AP_TYPE_LABEL[a.type] || { en: a.type, tone: "muted" }; return ( ); })}
)}
); } // ————————— MAKER APPLICATIONS (onboarding review queue) ————————— // Lists pending maker applications from window.ADMIN_APPLICATIONS (loaded via // the admin_list_maker_applications RPC). Approve / reject call the // maker_provision edge function with the admin session bearer. Reject requires // a reviewer note. Matches the admin table + drawer + pill patterns. function ApplicationsPage({ lang }) { const all = window.ADMIN_APPLICATIONS || []; const [filter, setFilter] = React.useState("open"); // open | all const [drawer, setDrawer] = React.useState(null); // selected application row const open = all.filter(window.isOpenApplication); const shown = filter === "open" ? open : all; return (
{/* Intro strip — mirrors the Approvals queue header */}
{lang === "en" ? "Every maker begins here." : "كلّ صانعٍ يبدأ من هنا."}
{lang === "en" ? "Review who applied to join. Approve to provision a maker account, or request changes with a note." : "راجع من تقدّم للانضمام. وافق لإنشاء حساب صانع، أو اطلب تعديلًا مع ملاحظة."}
{lang === "ar" ? open.length.toLocaleString("ar-EG") : open.length.toLocaleString("en-US")}
{lang === "en" ? "pending" : "معلّق"}
{/* Filter */}
{[ { k: "open", l: lang === "en" ? "Pending" : "معلّق", c: open.length }, { k: "all", l: lang === "en" ? "All" : "الكل", c: all.length }, ].map(f => ( ))}
{/* Table / list */}
{lang === "en" ? "Applicant" : "المتقدّم"}
{lang === "en" ? "Trade · City" : "الحرفة · المدينة"}
{lang === "en" ? "Contact" : "التواصل"}
{lang === "en" ? "Status" : "الحالة"}
{lang === "en" ? "Applied" : "تقدّم"}
{shown.length === 0 && (
{lang === "en" ? "No pending applications." : "لا توجد طلبات معلّقة."}
{lang === "en" ? "New maker applications appear here for review." : "تظهر طلبات الصنّاع الجدد هنا للمراجعة."}
)} {shown.map((a, i) => ( ))}
setDrawer(null)} lang={lang} />
); } // ——— Maker-application detail drawer ——— // Shows the full application; Approve / Request changes call maker_provision. function ApplicationDrawer({ application, onClose, lang }) { const [action, setAction] = React.useState(null); // null | 'approve' | 'reject' const [note, setNote] = React.useState(""); const [noteErr, setNoteErr] = React.useState(false); const [busy, setBusy] = React.useState(false); React.useEffect(() => { if (!application) return; setAction(null); setNote(""); setNoteErr(false); setBusy(false); const prev = document.body.style.overflow; document.body.style.overflow = "hidden"; const onKey = (e) => { if (e.key === "Escape") onClose(); }; window.addEventListener("keydown", onKey); return () => { document.body.style.overflow = prev; window.removeEventListener("keydown", onKey); }; }, [application, onClose]); if (!application) return null; const a = application; const isOpen = window.isOpenApplication(a); const noteRequired = action === "reject"; // reviewer_note REQUIRED for rejection const eyebrow = { fontFamily: "var(--ff-mono)", fontSize: 10, letterSpacing: "0.22em", textTransform: "uppercase", color: "var(--muted)" }; const submit = async () => { if (noteRequired && !note.trim()) { setNoteErr(true); return; } setBusy(true); try { const decision = action === "approve" ? "approved" : "rejected"; const body = { application_id: a.id, decision }; if (note.trim()) body.reviewer_note = note.trim(); // Call the maker_provision edge function with the admin session bearer. const { data, error } = await window.sb.functions.invoke("maker_provision", { body }); if (error) { // supabase-js wraps non-2xx as FunctionsHttpError; try to surface the body. let detail = error.message || ""; try { const ctx = await error.context?.json(); if (ctx?.error) detail = ctx.error; } catch (_) {} throw new Error(detail || "Action failed"); } if (data && data.error) throw new Error(data.error); const okMsg = action === "approve" ? (lang === "en" ? `Maker provisioned · ${a.name}` : `تمّ إنشاء حساب الصانع · ${a.name}`) : (lang === "en" ? `Application rejected · ${a.name}` : `رُفض الطلب · ${a.name}`); window.toast(okMsg, { type: action === "approve" ? "success" : "info", lang }); onClose(); if (window.loadAdminData) window.loadAdminData(); } catch (ex) { window.toast(ex.message || (lang === "en" ? "Action failed" : "فشل الإجراء"), { type: "error", lang }); setBusy(false); } }; const Field = ({ label, children }) => (
{label}
{children}
); const links = Array.isArray(a.portfolio_links) ? a.portfolio_links.filter(Boolean) : []; return (
e.stopPropagation()} style={{ width: "min(640px, 100%)", height: "100%", background: "var(--paper)", display: "flex", flexDirection: "column", boxShadow: "-20px 0 60px rgba(0,0,0,0.25)", }}> {/* Header */}
{window.applicationStatusLabel(a.status, lang)} {lang === "en" ? "Maker application" : "طلب انضمام صانع"}

{a.name || "—"}

{window.categoryLabel(a.trade, lang)}{a.city ? ` · ${a.city}` : ""}{a.governorate ? ` · ${a.governorate}` : ""}
{/* Body */}
{a.email ? {a.email} : "—"} {a.phone || "—"} {window.categoryLabel(a.trade, lang)} {[a.city, a.governorate].filter(Boolean).join(" · ") || "—"}
{/* Portfolio links */}
{lang === "en" ? "Portfolio" : "أعمال سابقة"}
{links.length === 0 ? (
{lang === "en" ? "No links provided." : "لا روابط."}
) : (
{links.map((url, i) => ( {url} ↗ ))}
)}
{/* Story */} {a.story && (
{lang === "en" ? "Their story" : "حكايتهم"}
"{a.story}"
)} {/* Reviewer note (already decided) */} {a.reviewer_note && !isOpen && (
{lang === "en" ? "Reviewer note" : "ملاحظة المراجِع"}
{a.reviewer_note}
)} {/* Meta */}
{window.fmtDate(a.created_at, lang, { day: "numeric", month: "long", year: "numeric" })} {a.reviewed_at && {window.fmtDate(a.reviewed_at, lang, { day: "numeric", month: "long", year: "numeric" })}}
{/* Action panel */} {isOpen && action && (
{action === "approve" ? (lang === "en" ? "Approve & provision this maker?" : "الموافقة وإنشاء حساب الصانع؟") : (lang === "en" ? "Reject this application?" : "رفض الطلب؟")}