// icons.jsx — platform glyphs, UI icons, mock data. Exports to window.
/* global React */
// ── UI icons ────────────────────────────────────────────────────────────────
const I = {
upload: (p) => (),
check: (p) => (),
clock: (p) => (),
x: (p) => (),
xsm: (p) => (),
dash: (p) => (),
retry: (p) => (),
sun: (p) => (),
moon: (p) => (),
bolt: (p) => (),
send: (p) => (),
grid: (p) => (),
list: (p) => (),
search: (p) => (),
pin: (p) => (),
calendar: (p) => (),
trash: (p) => (),
mail: (p) => (),
lock: (p) => (),
eye: (p) => (),
eyeoff: (p) => (),
play: (p) => (),
swap: (p) => (),
film: (p) => (),
link: (p) => (),
chev: (p) => (),
ext: (p) => (),
shield: (p) => (),
copy: (p) => (),
spark: (p) => (),
plug: (p) => (),
logout: (p) => (),
};
// ── Platform brand glyphs (app-tile style) ───────────────────────────────────
function PlatGlyph({ id, size = 38, radius }) {
const r = radius != null ? radius : Math.round(size * 0.29);
const tile = (bg, kids, ring) => (
);
switch (id) {
case 'facebook':
return tile('#1877F2', );
case 'instagram':
return tile('linear-gradient(135deg,#FEDA77,#F58529 28%,#DD2A7B 62%,#8134AF 88%,#515BD4)',
);
case 'youtube':
return tile('#FF0000', );
case 'tiktok':
return tile('#111', );
case 'shopee':
return tile('#EE4D2D', );
case 'website':
return tile('#0d6b58', );
default: return tile('#888', null);
}
}
// ── Data ──────────────────────────────────────────────────────────────────
const PLATFORMS = [
{ id: 'facebook', name: 'Facebook', sub: 'Reels & Feed', limit: 63206 },
{ id: 'instagram', name: 'Instagram', sub: 'Reels', limit: 2200 },
{ id: 'youtube', name: 'YouTube', sub: 'Shorts', limit: 100 },
{ id: 'tiktok', name: 'TikTok', sub: 'Video', limit: 2200 },
{ id: 'shopee', name: 'Shopee', sub: 'Video produk', limit: 5000, attach: true },
{ id: 'website', name: 'Website', sub: 'Video Shorts', limit: 2200, attach: true },
];
const PLAT_LABEL = Object.fromEntries(PLATFORMS.map(p => [p.id, p.name]));
const PRODUCTS = [
{ id: 'p1', name: 'Madu Hutan Assuffah 500 ml', sku: 'AS-MD-500' },
{ id: 'p2', name: 'Kurma Ajwa Premium 1 kg', sku: 'AS-KJ-1000' },
{ id: 'p3', name: 'Buku Iqro Set Jilid 1–6', sku: 'AS-BK-IQ6' },
{ id: 'p4', name: 'Minyak Habbatussauda 120 kapsul', sku: 'AS-HB-120' },
{ id: 'p5', name: 'Sajadah Travel Lipat', sku: 'AS-SJ-TR' },
{ id: 'p6', name: 'Parfum Non-Alkohol Misk 20 ml', sku: 'AS-PF-MK' },
];
// history seed — statuses: success | processing | failed | idle
const SEED_HISTORY = [
{ id: 'h1', title: 'Review Madu Hutan Assuffah 500 ml', hue: 38, dur: '00:58', when: 'Hari ini, 06:12',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p1' },
{ id: 'h2', title: 'Unboxing Kurma Ajwa Premium 1 kg', hue: 18, dur: '00:31', when: 'Hari ini, 09:40',
targets: { facebook: 'success', instagram: 'success', youtube: 'idle', tiktok: 'processing', shopee: 'success' }, product: 'p2' },
{ id: 'h3', title: 'Cara Pakai Minyak Habbatussauda', hue: 150, dur: '01:24', when: 'Kemarin, 19:05',
targets: { facebook: 'success', instagram: 'failed', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p4' },
{ id: 'h4', title: 'Sajadah Travel Lipat — Ringan Dibawa', hue: 200, dur: '00:45', when: 'Kemarin, 14:22',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'failed', shopee: 'success' }, product: 'p5' },
{ id: 'h5', title: 'Parfum Non-Alkohol Misk, Wangi Tahan Lama', hue: 280, dur: '01:02', when: '9 Jun, 20:18',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p6' },
{ id: 'h6', title: 'Testimoni Pelanggan Madu Hutan', hue: 44, dur: '00:38', when: '9 Jun, 15:02',
targets: { facebook: 'success', instagram: 'success', youtube: 'idle', tiktok: 'success', shopee: 'idle' }, product: 'p1' },
{ id: 'h7', title: 'Tips Memilih Kurma Berkualitas', hue: 24, dur: '00:52', when: '9 Jun, 11:30',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'idle' } },
{ id: 'h8', title: 'Manfaat Habbatussauda untuk Imun', hue: 158, dur: '01:10', when: '8 Jun, 18:45',
targets: { facebook: 'failed', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p4' },
{ id: 'h9', title: 'Promo Bundling Iqro + Sajadah', hue: 210, dur: '00:29', when: '8 Jun, 10:15',
targets: { facebook: 'success', instagram: 'success', youtube: 'idle', tiktok: 'idle', shopee: 'success' }, product: 'p3' },
{ id: 'h10', title: 'Restock Kurma Ajwa — Stok Terbatas', hue: 12, dur: '00:21', when: '7 Jun, 21:00',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p2' },
{ id: 'h11', title: 'Cara Order Lewat Shopee Assuffah', hue: 16, dur: '01:33', when: '7 Jun, 16:40',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'failed', shopee: 'success' }, product: 'p1' },
{ id: 'h12', title: 'Madu Hutan Murni vs Madu Biasa', hue: 40, dur: '00:47', when: '7 Jun, 09:12',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'idle' }, product: 'p1' },
{ id: 'h13', title: 'Buku Iqro untuk Belajar Anak', hue: 220, dur: '00:55', when: '6 Jun, 19:50',
targets: { facebook: 'success', instagram: 'failed', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p3' },
{ id: 'h14', title: 'Flash Sale Akhir Pekan', hue: 320, dur: '00:18', when: '6 Jun, 12:00',
targets: { facebook: 'success', instagram: 'success', youtube: 'idle', tiktok: 'success', shopee: 'success' }, product: 'p6' },
{ id: 'h15', title: 'Behind the Scene Packing Order', hue: 184, dur: '01:05', when: '5 Jun, 17:25',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'idle' } },
{ id: 'h16', title: 'Minyak Habbatussauda Kemasan Baru', hue: 146, dur: '00:42', when: '5 Jun, 08:30',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'idle', shopee: 'success' }, product: 'p4' },
{ id: 'h17', title: 'Highlight Produk Terlaris Bulan Ini', hue: 264, dur: '01:14', when: '4 Jun, 20:05',
targets: { facebook: 'success', instagram: 'success', youtube: 'success', tiktok: 'success', shopee: 'success' }, product: 'p2' },
{ id: 'h18', title: 'Ucapan Terima Kasih Pelanggan', hue: 96, dur: '00:33', when: '4 Jun, 13:48',
targets: { facebook: 'success', instagram: 'success', youtube: 'idle', tiktok: 'success', shopee: 'idle' } },
];
// integration / API connection metadata per platform
const INTEGRATIONS = {
facebook: {
account: 'Assuffah Official', via: null,
fields: [
{ k: 'appId', label: 'App ID', ph: '1024xxxxxxxx1234' },
{ k: 'appSecret', label: 'App Secret', ph: 'a1b2c3…', secret: true },
{ k: 'pageToken', label: 'Page Access Token', ph: 'EAAG…', secret: true, wide: true },
],
scopes: ['pages_manage_posts', 'pages_read_engagement', 'publish_video'],
docs: 'developers.facebook.com',
},
instagram: {
account: '@assuffah.official', via: 'facebook',
fields: [
{ k: 'igId', label: 'IG Business Account ID', ph: '17841xxxxxxxxxx' },
],
scopes: ['instagram_content_publish', 'instagram_basic'],
docs: 'developers.facebook.com',
},
youtube: {
account: 'Assuffah Channel', via: null,
fields: [
{ k: 'clientId', label: 'OAuth Client ID', ph: 'xxxx.apps.googleusercontent.com', wide: true },
{ k: 'clientSecret', label: 'Client Secret', ph: 'GOCSPX-…', secret: true },
],
scopes: ['youtube.upload', 'youtube.readonly'],
docs: 'console.cloud.google.com',
},
tiktok: {
account: '@assuffah', via: null,
fields: [
{ k: 'clientKey', label: 'Client Key', ph: 'awxxxxxxxxxxxx' },
{ k: 'clientSecret', label: 'Client Secret', ph: '••••••••', secret: true },
],
scopes: ['video.upload', 'video.publish'],
docs: 'developers.tiktok.com',
},
shopee: {
account: 'Toko Assuffah', via: null,
fields: [
{ k: 'partnerId', label: 'Partner ID', ph: '200xxxx' },
{ k: 'partnerKey', label: 'Partner Key', ph: '••••••••', secret: true },
{ k: 'shopId', label: 'Shop ID', ph: '8812xxxx' },
],
scopes: ['media_space.upload', 'product.video_attach'],
docs: 'open.shopee.com',
},
website: {
account: 'Assuffah Store', via: null,
fields: [
{ k: 'email', label: 'Email Staff', ph: 'admin@assuffah.co.id', wide: true },
{ k: 'password', label: 'Kata Sandi', ph: '••••••••', secret: true },
],
scopes: ['dashboard.videos'],
docs: 'seller.assuffah.co.id',
},
};
// seed connection state — status: connected | expired | disconnected | connecting
const SEED_CONN = {
facebook: { status: 'connected', account: 'Assuffah Official', since: 'Tersambung 8 Jun 2026' },
instagram: { status: 'connected', account: '@assuffah.official', since: 'via Facebook Business' },
youtube: { status: 'connected', account: 'Assuffah Channel', since: 'Tersambung 2 Jun 2026' },
tiktok: { status: 'expired', account: '@assuffah', since: 'Token kedaluwarsa 10 Jun' },
shopee: { status: 'disconnected', account: null, since: null },
website: { status: 'disconnected', account: null, since: null },
};
Object.assign(window, { I, PlatGlyph, PLATFORMS, PLAT_LABEL, PRODUCTS, SEED_HISTORY, INTEGRATIONS, SEED_CONN });