);
}
// ─────────────────────────── Societies view
function SocietiesView({ q, highlight, onAdd, filters }) {
const [filterKind, setFilterKind] = React.useState('all');
const all = (typeof SOCIETIES !== 'undefined' ? SOCIETIES : []);
const needle = (q||'').trim().toLowerCase();
const cwrMatch = (sup) => {
if (!filters || filters.cwrSupport === 'any') return true;
const has21 = (sup||'').includes('2.1');
const has30 = (sup||'').includes('3.0');
if (filters.cwrSupport === '21') return has21 && !has30;
if (filters.cwrSupport === '30') return has30 && !has21;
if (filters.cwrSupport === 'both') return has21 && has30;
if (filters.cwrSupport === 'none') return !has21 && !has30;
return true;
};
const filtered = all
.filter(s => filterKind === 'all' ? true : s.kind === filterKind)
.filter(s => cwrMatch(s.cwrAck))
.filter(s => !filters || (s.ackRate||0) >= (filters.ackMin||0))
.filter(s => needle === '' ? true : (s.acronym||'').toLowerCase().includes(needle) || (s.name||'').toLowerCase().includes(needle) || (s.territory||'').toLowerCase().includes(needle));
const KINDS = [
{k:'all', l:'All'},
{k:'PRO', l:'Performing'},
{k:'MRO', l:'Mechanical'},
{k:'NRO', l:'Neighboring'},
{k:'CMO', l:'Collective Mgmt.'},
{k:'HUB', l:'Hubs / Admins'},
];
const ackTone = (n) => n >= 99 ? '#0f6e3a' : n >= 95 ? '#0a4a8c' : n >= 90 ? '#9b6a18' : '#a04432';
// Per-society derived metrics (deterministic from acronym + members so they're stable across renders).
// Works registered: 0.4–1.6x members, scaled down a touch for HUB/NRO. Royalties: $/year, scaled with members + ack quality.
const hash = (s) => { let h=0; for (let i=0;i>>0; return h; };
const worksFor = (s) => {
const base = s.members || 1000;
const factor = s.kind === 'HUB' ? 0.15 : s.kind === 'NRO' ? 0.6 : 1.1;
const jitter = 0.6 + ((hash(s.acronym) % 1000) / 1000) * 1.2; // 0.6–1.8
return Math.round(base * factor * jitter);
};
const royaltiesFor = (s) => {
const base = (s.members || 1000) * (s.kind === 'NRO' ? 38 : s.kind === 'MRO' ? 14 : s.kind === 'HUB' ? 22 : 28);
const quality = (s.ackRate || 90) / 100;
const jitter = 0.7 + ((hash(s.acronym) % 1000) / 1000) * 0.8; // 0.7–1.5
const v = Math.round(base * quality * jitter);
if (v >= 1_000_000_000) return `$${(v/1_000_000_000).toFixed(2)}B`;
if (v >= 1_000_000) return `$${(v/1_000_000).toFixed(1)}M`;
if (v >= 1_000) return `$${(v/1_000).toFixed(0)}K`;
return `$${v}`;
};
return (
Rights societies that collect and distribute royalties on behalf of members.
PRO — performing rights for songsMRO — mechanical rights for songsNRO — neighboring rights for sound recordingsCMO — combined / collective managementHUB — multi-society admin or licensing hub
{KINDS.map(({k,l})=>(
))}
CODE
NAME · TERRITORY
WORKS REGISTERED
ROYALTIES YTD
{filtered.length === 0 && (
No societies match the current filter.
)}
{filtered.map((s, i) => (
))}
);
}
function AddSocietyModal({ onClose, initial }) {
const isEdit = !!initial;
// Seed contactEntries from legacy flat email/website/address fields when
// entering edit mode. The detail page passes these in `initial` from
// SOCIETY_EMAILS / SOCIETY_URLS so the modal must mirror them visibly.
const seedContactEntries = React.useMemo(() => {
if (!initial) return [];
if (Array.isArray(initial.contactEntries) && initial.contactEntries.length) {
return initial.contactEntries;
}
const list = [];
if (initial.email) list.push({ contact_type: 'email', label_code: 'GENERAL', value: initial.email });
if (initial.website) list.push({ contact_type: 'website', label_code: 'GENERAL', value: initial.website });
if (initial.address) list.push({ contact_type: 'address', label_code: 'GENERAL', line1: initial.address, line2:'', city:'', state:'', postal_code:'', country_iso: initial.country || '' });
return list;
}, [initial]);
const [form, setForm] = React.useState({
acronym:'', name:'', kind:'PRO', cwrVersions:['CWR 2.1'],
cisac:'', website:'',
...(initial || {}),
contactEntries: seedContactEntries,
});
const set = (k,v) => setForm(f => ({...f, [k]:v}));
const save = () => {
if (!form.acronym || !form.name) return;
const msg = isEdit
? `${form.acronym} updated`
: `${form.acronym} added to societies directory · pending CWR pairing`;
window.dispatchEvent(new CustomEvent('astro-toast',{detail:{msg,tone:'ok'}}));
onClose();
};
const renderField = (k, l, ph, w, type, hint) => (
);
// Country/territory selects backed by ref data when available. Storing the
// ISO-2 for country and the common_name for territory keeps the existing
// data shape (legacy free-text values like "FR" / "France" still render).
const refReady = (typeof useRefReady === 'function') ? useRefReady() : !!(window.REF && window.REF.ready);
const renderCountry = () => {
const territories = refReady ? (window.REF.raw.territories || []) : [];
if (!territories.length) return renderField('country', 'Country', 'ISO 3166 (e.g. FR)', 120);
const sortFn = window.sortCountriesPinned || ((arr) => arr.slice().sort((a,b) => String(a.common_name||'').localeCompare(String(b.common_name||''))));
const PIN = window.COUNTRY_PIN || [];
const opts = sortFn(territories.filter(t => t.iso_alpha_2 && t.territory_type_id === 2));
const lastPinIdx = opts.reduce((acc, t, i) => (PIN.includes(t.iso_alpha_2) ? i : acc), -1);
const has = opts.some(o => o.iso_alpha_2 === form.country);
return (
);
};
// ── Territories multi-select ──
// Picks any number of ref.territories (countries + dependencies + supra-national).
// Also surfaces ref.territory_groups (Worldwide, EU, NA, etc.) as one-click presets
// that expand into the underlying territory_codes (ISO-3166 alpha-2).
const [terrQuery, setTerrQuery] = React.useState('');
const [terrOpen, setTerrOpen] = React.useState(false);
const renderTerritories = () => {
const territories = refReady ? (window.REF.raw.territories || []) : [];
const groups = refReady ? (window.REF.raw.territory_groups || []) : [];
if (!territories.length) {
// Graceful fallback — free text comma-separated until ref data loads.
return (
);
}
const selected = form.territories || [];
const byIso = new Map(territories.map(t => [t.iso_alpha_2, t]));
const q = terrQuery.trim().toLowerCase();
const matches = q
? territories
.filter(t => t.iso_alpha_2 && !selected.includes(t.iso_alpha_2))
.filter(t =>
(t.iso_alpha_2 || '').toLowerCase().includes(q) ||
(t.common_name || '').toLowerCase().includes(q) ||
(t.iso_alpha_3 || '').toLowerCase().includes(q)
)
.slice(0, 12)
: [];
const addOne = (iso) => {
if (!iso) return;
if (!selected.includes(iso)) set('territories', [...selected, iso]);
setTerrQuery('');
};
const removeOne = (iso) => set('territories', selected.filter(x => x !== iso));
const addGroup = (g) => {
const codes = g.territory_codes || [];
const merged = Array.from(new Set([...selected, ...codes.filter(c => byIso.has(c))]));
set('territories', merged);
};
return (
);
};
return (
{isEdit ? `Edit ${initial.acronym}` : 'Add a society'}
{isEdit
? 'Editing this society updates its CWR routing, contact info, and registration metadata.'
: 'Adding a society makes it selectable as a target for CWR registrations and royalty matching. CWR file format compatibility determines which works can be sent.'}
{/* IDENTITY */}
Identity
{renderField('acronym', 'Acronym', 'e.g. SACEM', 160)}
{renderField('name', 'Full name', 'e.g. Société des Auteurs, Compositeurs et Éditeurs de Musique')}
{renderField('cisac', 'CISAC code', 'e.g. 058', 120, 'text', '3-digit CISAC society code (e.g. 061 ASCAP · 021 BMI · 052 PRS · 058 SACEM)')}
{/* CONTACT — structured, schema-aligned (ref.contact_labels + ref.territories) */}
Contact information
One row per channel. Add multiple emails or phones with role tags (Royalties, Sync, Legal, etc.) — they'll persist as contact_entries rows linked to this society.
);
}
// Add a profile / publisher / label.
// Mutates the underlying source array (ARTISTS / PUB / LABELS) directly so the new
// record shows up in the directory grid without a global state store. The full
// metadata surface (identity, distribution, NROs, contact, logo) is laid out in
// collapsible sections so users can add as much as they have on hand without
// leaving the modal — required fields are visible by default, optional sections
// open on click.
function AddRecordModal({ kind, onClose, onAdded }) {
const TITLES = { profile:'Add a profile', publisher:'Add a publisher', label:'Add a label' };
const HEADERS = { profile:'DIRECTORY · PROFILE', publisher:'DIRECTORY · PUBLISHER', label:'DIRECTORY · LABEL' };
const HINTS = {
profile: 'Profiles represent songwriters, artists, and rights-bearing individuals. Identity is required; everything else is optional and can be filled in later from the profile.',
publisher: 'Add identity now; expand sections below to capture splits, deals, contact, and pairings upfront — or skip and edit from the publisher drawer later.',
label: 'Add identity now; expand sections below to capture distribution, NROs, contact, and logo upfront — or skip and edit from the label drawer later.',
};
// Existing labels — for the parent combobox on label / publisher forms.
const allLabels = (typeof LABELS !== 'undefined') ? LABELS : [];
const parentOptions = Array.from(new Set([
...allLabels.map(x => x.parent).filter(Boolean),
...allLabels.map(x => x.name),
])).sort();
// Existing publishers — for the parent-publisher and administrator comboboxes.
const allPubs = (typeof PUBLISHERS !== 'undefined') ? PUBLISHERS : ((typeof window !== 'undefined' && window.__PUBLISHERS) || []);
const pubOptions = Array.from(new Set([
...allPubs.map(x => x.name).filter(Boolean),
...allPubs.map(x => x.parent).filter(p => p && p !== '—'),
])).sort();
// Administrator option list — same as pubOptions but with "Self" prepended
// (a publisher administering its own catalog is the most common pattern).
const adminOptions = ['Self', ...pubOptions];
// ── ID formatters ────────────────────────────────────────────────────────
// ISNI: strip non-digits/X, group in 4s, space-separated → "0000 0005 1746 0975"
const formatISNI = (raw) => {
const clean = (raw || '').replace(/[^\dX]/gi, '').toUpperCase().slice(0,16);
return clean.replace(/(.{4})(?=.)/g,'$1 ').trim();
};
// DPID: enforce "PA-DPIDA-{10 digits}-{1 char}" structure, hyphen-separated.
// Accept input as raw chars; auto-prefix and segment.
const formatDPID = (raw) => {
if (!raw) return '';
let s = raw.toUpperCase().replace(/[^A-Z0-9-]/g,'');
// Strip existing hyphens to canonicalize, then re-insert.
const naked = s.replace(/-/g,'');
if (!naked) return '';
// If user types "PA…", treat as PA-DPIDA-{digits}-{char}.
// We always produce: PA-DPIDA-<10 digits>-<1 char>
let body = naked;
if (body.startsWith('PADPIDA')) body = body.slice(7);
else if (body.startsWith('PA')) body = body.slice(2);
// Now `body` should be the digit run (+ optional trailing letter)
const digits = body.replace(/[^\d]/g,'').slice(0,10);
const trailing = body.slice(digits.length).replace(/[^A-Z]/g,'').slice(0,1);
let out = 'PA-DPIDA';
if (digits.length) out += '-' + digits;
if (trailing) out += '-' + trailing;
return out;
};
const NRO_CATALOG = [
{org:'SoundExchange', territory:'United States', iso:'US'},
{org:'PPL', territory:'United Kingdom', iso:'GB'},
{org:'GVL', territory:'Germany', iso:'DE'},
{org:'SCPP', territory:'France', iso:'FR'},
{org:'SCPF', territory:'France', iso:'FR'},
{org:'SENA', territory:'Netherlands', iso:'NL'},
{org:'GeidankyoCPRA', territory:'Japan', iso:'JP'},
{org:'ABRAMUS', territory:'Brazil', iso:'BR'},
{org:'Re:Sound', territory:'Canada', iso:'CA'},
{org:'PPCA', territory:'Australia', iso:'AU'},
{org:'AGEDI', territory:'Spain', iso:'ES'},
{org:'SCF', territory:'Italy', iso:'IT'},
{org:'STEF', territory:'Iceland', iso:'IS'},
{org:'GRAMEX', territory:'Denmark', iso:'DK'},
{org:'IFPI', territory:'International', iso:'WW'},
];
const TERRITORY_OPTIONS = ['United States','United Kingdom','Germany','France','Netherlands','Japan','Brazil','Canada','Australia','Spain','Italy','Iceland','Denmark','Sweden','Norway','Finland','Belgium','Ireland','Mexico','Argentina','South Korea','International'];
const initial = kind==='profile'
? {
// identity
name:'', type:'Person', pro:'', country:'US', ipi:'', isni:'', dpid:'',
// identity expanded
realName:'', firstName:'', middleName:'', lastName:'', aliases:[], dob:'', nationality:'',
// identifiers expanded
ipiBase:'', musicBrainzId:'', wikidataId:'', spotifyUri:'', appleId:'', discogsId:'',
// contact (optional)
email:'', phone:'', address:'',
// pro membership detail (optional)
memberSince:'', altPros:'',
// multi-society affiliations (optional, additive)
affiliations:[],
// publisher relationship (optional)
publisher:'', publisherType:'', publisherStart:'', publisherEnd:'', publisherTerritory:'', publisherScope:'',
// group-only (optional, only if type=Group)
members:[], splits:'equal', formed:'', dissolved:'',
// representation (optional)
manager:'', managerCo:'', agent:'', agency:'', lawyer:'', lawFirm:'',
// tax & payee (optional)
payee:'', taxId:'', taxForm:'', taxFormExpiry:'', withholding:'', treatyCountry:'', paymentMethod:'',
nrPerformer:false, neighbouringRightsBody:'',
// operational (optional)
tags:'', notes:'',
}
: kind==='publisher'
? {
// identity
name:'', pro:'', territory:'US', cae:'', parent:'', isni:'', dpid:'', submitterCode:'',
// chain (parent publisher + administrator are distinct from corporate parent)
parentPub:'', administrator:'',
// contact (optional)
contactName:'', contactRole:'', email:'', phone:'',
}
: {
// identity
name:'', code:'', labelCode:'', parent:'', kind:'indie', isni:'', dpid:'',
// distribution (optional)
deals:'Distribution · Worldwide', distributor:'', dealStart:'', status:'Active partner',
// contact (optional)
contactName:'', contactRole:'', email:'', phone:'', address:'',
// NROs (optional) — empty list, user adds rows
nros:[],
// logo (optional)
logoDataUrl:'',
};
const [form, setForm] = React.useState(initial);
const set = (k,v) => setForm(f => ({...f, [k]:v}));
// Section open/closed state. Identity is implicit (always shown).
const [open, setOpen] = React.useState({});
const toggle = (k) => setOpen(o => ({...o, [k]: !o[k]}));
// Resolve `form.parent` against the existing label directory.
const linkedParent = allLabels.find(x => x.name.toLowerCase() === (form.parent||'').trim().toLowerCase());
const trimmedParent = (form.parent||'').trim();
const parentIsNew = trimmedParent && !linkedParent && !parentOptions.some(o => o.toLowerCase() === trimmedParent.toLowerCase());
// Resolve `form.parentPub` (corporate parent publisher) against existing publishers.
const trimmedParentPub = (form.parentPub||'').trim();
const linkedParentPub = trimmedParentPub
? allPubs.find(x => x.name.toLowerCase() === trimmedParentPub.toLowerCase())
: null;
const parentPubIsNew = trimmedParentPub && !linkedParentPub
&& !pubOptions.some(o => o.toLowerCase() === trimmedParentPub.toLowerCase());
// Resolve `form.administrator`. "Self" / blank / matching the publisher's own
// name → self-administered. Otherwise look up an existing publisher record.
const trimmedAdmin = (form.administrator||'').trim();
const adminIsSelf = !trimmedAdmin || /^self$/i.test(trimmedAdmin)
|| (trimmedAdmin && form.name && trimmedAdmin.toLowerCase() === form.name.trim().toLowerCase());
const linkedAdmin = !adminIsSelf
? allPubs.find(x => x.name.toLowerCase() === trimmedAdmin.toLowerCase())
: null;
const adminIsNew = !adminIsSelf && !linkedAdmin
&& !pubOptions.some(o => o.toLowerCase() === trimmedAdmin.toLowerCase());
const ready = (() => {
if (kind==='profile') return form.name.trim() && form.ipi.trim();
if (kind==='publisher') return form.name.trim() && form.cae.trim();
if (kind==='label') return form.name.trim() && form.code.trim();
return false;
})();
// If the user typed a parent that isn't a known label, create a stub label record
// for it first so the new record links cleanly. The stub is marked unverified.
const ensureParentLabel = () => {
if (kind === 'profile') return null;
if (!trimmedParent || linkedParent) return linkedParent || null;
// Don't create a stub for the catch-all "Independent" sentinel.
if (/^independent$/i.test(trimmedParent)) return null;
if (typeof LABELS === 'undefined') return null;
const palette = ['#0f1f4f','#1a1a1a','#5a3d1c','#b04a3a','#a02a4d','#000','#d4a02a','#0f4c2a','#3a4a5a'];
const stub = {
id: `lb_${Math.random().toString(36).slice(2,6)}`,
name: trimmedParent,
code: trimmedParent.replace(/[^A-Za-z]/g,'').slice(0,3).toUpperCase() || 'NEW',
parent: 'Independent',
kind: 'indie',
releases: 0, artists: 0,
deals: '—',
color: palette[Math.floor(Math.random()*palette.length)],
};
LABELS.unshift(stub);
return stub;
};
// Create a stub publisher record for a free-typed parent-publisher or admin
// value so the link resolves immediately. Returns the existing record if the
// name already matches, null if input is empty / "Self" / sentinel.
const ensureStubPublisher = (rawName) => {
const t = (rawName || '').trim();
if (!t || /^self$/i.test(t)) return null;
if (typeof PUBLISHERS === 'undefined' && !(window.__PUBLISHERS)) return null;
const list = (typeof PUBLISHERS !== 'undefined') ? PUBLISHERS : window.__PUBLISHERS;
const existing = list.find(x => x.name.toLowerCase() === t.toLowerCase());
if (existing) return existing;
const stub = {
id: `pb_${Math.random().toString(36).slice(2,6)}`,
name: t,
aliases: '—',
cae: '', // unverified
pro: '—',
territory: 'Worldwide',
works: 0,
parent: 'Independent',
since: new Date().toISOString().slice(0,4),
_stub: true,
};
list.unshift(stub);
return stub;
};
// Counts of optional fields the user has actually filled in — for the recap line.
const optionalFilled = (() => {
let n = 0;
if (kind === 'profile') {
if (form.email.trim()) n++;
if (form.phone.trim()) n++;
if (form.memberSince.trim()) n++;
if (form.altPros.trim()) n++;
} else if (kind === 'publisher') {
if (form.contactName.trim()) n++;
if (form.email.trim()) n++;
if (form.phone.trim()) n++;
} else if (kind === 'label') {
if (form.deals && form.deals !== 'Distribution · Worldwide') n++;
if (form.distributor.trim()) n++;
if (form.dealStart.trim()) n++;
if (form.contactName.trim()) n++;
if (form.email.trim()) n++;
if (form.phone.trim()) n++;
if (form.address.trim()) n++;
if (form.nros.length > 0) n++;
if (form.logoDataUrl) n++;
}
return n;
})();
const save = () => {
if (!ready) return;
let id, summary;
const rand = Math.random().toString(36).slice(2,6);
if (kind === 'profile') {
id = `ar_${rand}`;
const rec = {
id,
name:form.name.trim(),
type: form.type || 'Person',
pro:form.pro,
country:form.country.toUpperCase().slice(0,2),
ipi:form.ipi.trim(),
legal:false,
since:new Date().toISOString().slice(0,10),
isni:form.isni.trim() || null,
dpid:form.dpid.trim() || null,
email:form.email.trim() || null,
phone:form.phone.trim() || null,
memberSince:form.memberSince.trim() || null,
altPros:form.altPros.trim() || null,
realName:form.realName.trim() || null,
};
if (typeof ARTISTS !== 'undefined') ARTISTS.unshift(rec);
// Write expanded record into ARTIST_DETAILS so the public profile picks it up.
const aliasList = Array.isArray(form.aliases)
? form.aliases.filter(a => a && a.value && a.value.trim()).map(a => ({value:a.value.trim(), type:a.type||'artist'}))
: (form.aliases||'').split(',').map(s=>s.trim()).filter(Boolean).map(v=>({value:v,type:'artist'}));
const tagList = (form.tags||'').split(',').map(s=>s.trim()).filter(Boolean);
const detail = {
realName: form.realName.trim() || null,
firstName: (form.firstName||'').trim() || null,
middleName: (form.middleName||'').trim() || null,
lastName: (form.lastName||'').trim() || null,
aliases: aliasList,
pronouns: form.pronouns.trim() || null,
dob: form.dob.trim() || null,
formed: form.type === 'Group' ? (form.dob.trim() || null) : null,
nationality: form.nationality.trim() || null,
ipiBase: form.ipiBase.trim() || null,
musicBrainzId: form.musicBrainzId.trim() || null,
wikidataId: form.wikidataId.trim() || null,
spotifyUri: form.spotifyUri.trim() || null,
appleId: form.appleId.trim() || null,
discogsId: form.discogsId.trim() || null,
affiliations: (form.affiliations||[]).slice(),
members: form.type === 'Group' ? (form.members||[]).slice() : [],
splits: form.type === 'Group' ? form.splits : null,
dissolved: form.type === 'Group' ? (form.dissolved || null) : null,
publisher: form.publisher.trim() || null,
publisherType: form.publisherType || null,
publisherStart: form.publisherStart.trim() || null,
publisherEnd: form.publisherEnd.trim() || null,
publisherTerritory: form.publisherTerritory.trim() || null,
publisherScope: form.publisherScope.trim() || null,
manager: form.manager.trim() || null,
managerCo: form.managerCo.trim() || null,
agent: form.agent.trim() || null,
agency: form.agency.trim() || null,
lawyer: form.lawyer.trim() || null,
lawFirm: form.lawFirm.trim() || null,
address: form.address.trim() || null,
payee: form.payee.trim() || null,
taxId: form.taxId.trim() || null,
taxForm: form.taxForm || null,
taxFormExpiry: form.taxFormExpiry.trim() || null,
withholding: form.withholding.trim() || null,
treatyCountry: form.treatyCountry.trim() || null,
paymentMethod: form.paymentMethod.trim() || null,
nrPerformer: !!form.nrPerformer,
neighbouringRightsBody: form.neighbouringRightsBody.trim() || null,
tags: tagList,
notes: form.notes.trim() || null,
createdAt: new Date().toISOString().slice(0,10),
lastVerifiedAt: null,
conflictsOpen: 0,
conflictsResolved: 0,
};
window.ARTIST_DETAILS = window.ARTIST_DETAILS || {};
window.ARTIST_DETAILS[id] = detail;
const extras = optionalFilled ? ` · +${optionalFilled} optional field${optionalFilled>1?'s':''}` : '';
summary = `${rec.name} added · IPI ${rec.ipi}${extras} · pending verification`;
} else if (kind === 'publisher') {
const parentStub = ensureParentLabel();
// Resolve parent-publisher and administrator chain. Stubs go in BEFORE
// we insert the new record so the chain references resolve cleanly.
const parentPubRec = linkedParentPub
|| (parentPubIsNew ? ensureStubPublisher(trimmedParentPub) : null);
const adminRec = adminIsSelf
? null
: (linkedAdmin || (adminIsNew ? ensureStubPublisher(trimmedAdmin) : null));
id = `pb_${rand}`;
const rec = {
id,
name:form.name.trim(), pro:form.pro, territory:form.territory, cae:form.cae.trim(),
aliases:'—',
parent: trimmedParent || 'Independent',
// chain — store both the display name (for the grid/drawer) and a
// ref id (for click-through navigation when present).
parentPub: parentPubRec ? parentPubRec.name : null,
parentPubId: parentPubRec ? parentPubRec.id : null,
administrator: adminIsSelf ? 'Self' : (adminRec ? adminRec.name : trimmedAdmin || 'Self'),
administratorId: adminRec ? adminRec.id : null,
works:0,
since:new Date().toISOString().slice(0,10),
isni:form.isni.trim() || null,
dpid:form.dpid.trim() || null,
submitterCode:(form.submitterCode||'').trim().toUpperCase() || null,
contact: (form.contactName||form.email||form.phone) ? {
name:form.contactName.trim()||null,
role:form.contactRole.trim()||null,
email:form.email.trim()||null,
phone:form.phone.trim()||null,
} : null,
};
if (typeof PUBLISHERS !== 'undefined') PUBLISHERS.unshift(rec);
else if (typeof window !== 'undefined' && window.__PUBLISHERS) window.__PUBLISHERS.unshift(rec);
const linkBit = parentStub ? ` · linked → ${parentStub.code}` : (linkedParent ? ` · linked → ${linkedParent.code}` : '');
const chainBits = [];
if (parentPubRec) chainBits.push(`parent pub → ${parentPubRec.name}${parentPubRec._stub ? ' (stub)' : ''}`);
if (adminRec) chainBits.push(`admin → ${adminRec.name}${adminRec._stub ? ' (stub)' : ''}`);
else if (adminIsSelf) chainBits.push('self-admin');
const chainBit = chainBits.length ? ` · ${chainBits.join(' · ')}` : '';
const extras = optionalFilled ? ` · +${optionalFilled} optional field${optionalFilled>1?'s':''}` : '';
summary = `${rec.name} added · IPI ${rec.cae}${linkBit}${chainBit}${extras}`;
} else if (kind === 'label') {
const parentStub = ensureParentLabel();
id = `lb_${rand}`;
const palette = ['#0f1f4f','#1a1a1a','#5a3d1c','#b04a3a','#a02a4d','#000','#d4a02a','#0f4c2a','#3a4a5a'];
const rec = {
id,
name:form.name.trim(), code:form.code.trim().toUpperCase().slice(0,6),
parent: trimmedParent || 'Independent', kind:form.kind,
releases:0, artists:0, deals:form.deals,
color: form.logoDataUrl ? null : palette[Math.floor(Math.random()*palette.length)],
isni:form.isni.trim() || null,
dpid:form.dpid.trim() || null,
labelCode:form.labelCode.trim() || null,
logo: form.logoDataUrl || null,
distributor: form.distributor.trim() || null,
dealStart: form.dealStart.trim() || null,
status: form.status,
contact: (form.contactName||form.email||form.phone||form.address) ? {
name:form.contactName.trim()||null,
role:form.contactRole.trim()||null,
email:form.email.trim()||null,
phone:form.phone.trim()||null,
address:form.address.trim()||null,
} : null,
nros: form.nros.length ? form.nros.map(n => ({org:n.org, territory:n.territory, iso:n.iso, member:'Member', since:''})) : null,
};
if (typeof LABELS !== 'undefined') LABELS.unshift(rec);
const linkBit = parentStub ? ` · linked → ${parentStub.code}` : (linkedParent ? ` · linked → ${linkedParent.code}` : '');
const extras = optionalFilled ? ` · +${optionalFilled} optional field${optionalFilled>1?'s':''}` : '';
summary = `${rec.name} added · ${rec.code}${linkBit}${extras}`;
}
window.dispatchEvent(new CustomEvent('astro-toast',{detail:{msg:summary,tone:'ok'}}));
onAdded && onAdded(id);
onClose();
};
// Logo upload handler (label only)
const onPickLogo = (e) => {
const f = e.target.files && e.target.files[0];
if (!f) return;
const reader = new FileReader();
reader.onload = (ev) => set('logoDataUrl', ev.target.result);
reader.readAsDataURL(f);
};
const fld = {padding:'8px 10px',fontSize:13,fontFamily:'inherit',border:'1px solid var(--rule)',background:'var(--bg-2)',outline:'none',color:'var(--ink)',width:'100%'};
// CountryPicker — narrow ISO-2 select, hydrated from ref.territories.
// Stores iso_alpha_2 (e.g. "US") to match the existing field shape.
// Falls back to a plain text input if ref data hasn't loaded yet so
// the modal still works offline.
const CountryPicker = ({ value, onChange, width=240 }) => {
const ready = (typeof useRefReady === 'function') ? useRefReady() : !!(window.REF && window.REF.ready);
const territories = ready ? (window.REF.raw.territories || []) : [];
if (!territories.length) {
return (
onChange(e.target.value.toUpperCase().slice(0,2))}
placeholder="US" style={{...fld,width:80}}/>
);
}
const sortFn = window.sortCountriesPinned || ((arr) => arr.slice().sort((a,b) => String(a.common_name||'').localeCompare(String(b.common_name||''))));
const PIN = window.COUNTRY_PIN || [];
const opts = sortFn(territories.filter(t => t.iso_alpha_2 && t.territory_type_id === 2));
const lastPinIdx = opts.reduce((acc, t, i) => (PIN.includes(t.iso_alpha_2) ? i : acc), -1);
const has = opts.some(o => o.iso_alpha_2 === value);
return (
);
};
const Row = ({label, children, hint}) => (
);
// Collapsible section with header showing fill state.
const Section = ({id, title, sub, badge, children}) => {
const isOpen = !!open[id];
return (
{isOpen &&
{children}
}
);
};
// Smart parent combobox: datalist + live status hint.
const ParentCombo = ({placeholder}) => (
↳ Linked to {linkedParent.code} · {(linkedParent.releases||0).toLocaleString()} releases · {linkedParent.kind === 'major' ? 'Major-owned' : 'Independent'}
: parentIsNew
? <>+ {trimmedParent} isn't in the directory — a stub label record will be created and linked. You can flesh it out later from the Labels tab.
: <>Type to search existing labels (Sony Music, Beggars Group, Independent…) or enter a new parent name.
}>
set('parent', e.target.value)}
placeholder={placeholder}
list="add-modal-parent-options"
style={fld}/>
);
// Parent-publisher and Administrator both pick from the publisher directory
// with a real linker UI: typeable input → open dropdown of matching pubs
// (with their IPI / PRO / works) → click to link. Free-typed names that
// don't match anything trigger an explicit "+ Add as new publisher" row,
// which creates a stub on save. Administrator additionally has a sticky
// "Self" pseudo-option at the top (the most common case).
const PubLinkCombo = ({label, value, onChange, placeholder, allowSelf, hint}) => {
const [open, setOpen] = React.useState(false);
const [highlight, setHighlight] = React.useState(0);
const wrapRef = React.useRef(null);
const trimmed = (value || '').trim();
const ql = trimmed.toLowerCase();
// Resolve current value against the directory.
const isSelf = allowSelf && (!trimmed || /^self$/i.test(trimmed));
const linked = !isSelf && trimmed
? allPubs.find(x => x.name.toLowerCase() === ql) : null;
const isNew = !isSelf && trimmed && !linked;
// Filtered list of matching publishers.
const matches = React.useMemo(() => {
if (!trimmed) return allPubs.slice(0, 8);
return allPubs.filter(p => {
const blob = `${p.name} ${p.aliases||''} ${p.parent||''}`.toLowerCase();
return blob.includes(ql);
}).slice(0, 8);
}, [trimmed, allPubs]);
// Total options shown in the dropdown (including pseudo-rows). Used for
// keyboard navigation bounds.
const showSelfRow = allowSelf && !trimmed;
const showAddRow = isNew;
const totalRows = (showSelfRow ? 1 : 0) + matches.length + (showAddRow ? 1 : 0);
// Close on outside click.
React.useEffect(() => {
if (!open) return;
const onDoc = (e) => { if (wrapRef.current && !wrapRef.current.contains(e.target)) setOpen(false); };
document.addEventListener('mousedown', onDoc);
return () => document.removeEventListener('mousedown', onDoc);
}, [open]);
const pickFromIndex = (i) => {
let cursor = 0;
if (showSelfRow) {
if (i === cursor) { onChange('Self'); setOpen(false); return; }
cursor++;
}
const m = matches[i - cursor];
if (m) { onChange(m.name); setOpen(false); return; }
cursor += matches.length;
if (showAddRow && i === cursor) {
// Just close — the typed value stays, save will create the stub.
setOpen(false);
return;
}
};
const onKey = (e) => {
if (!open) {
if (e.key === 'ArrowDown' || e.key === 'Enter') { setOpen(true); e.preventDefault(); }
return;
}
if (e.key === 'ArrowDown') { setHighlight(h => Math.min(h+1, totalRows-1)); e.preventDefault(); }
else if (e.key === 'ArrowUp') { setHighlight(h => Math.max(h-1, 0)); e.preventDefault(); }
else if (e.key === 'Enter') { pickFromIndex(highlight); e.preventDefault(); }
else if (e.key === 'Escape') { setOpen(false); }
};
// Status hint under the input — same surface as the old hint area.
const statusHint = isSelf
? <>↳ Self-administered — this publisher registers and collects on its own works.
: linked
? <>↳ Linked to {linked.name} · {linked.cae ? `IPI ${linked.cae} · ` : ''}{linked.pro || '—'} · {(linked.works||0).toLocaleString()} works
: isNew
? <>+ {trimmed} isn't in the directory — selecting Add as new publisher creates a stub record. You can flesh it out later.
: hint;
let rowIdx = 0; // running index for keyboard highlight
return (
{matches.map((s, i) => {
const hot = i === highlight;
return (
);
})}
)}
);
};
const ParentPubCombo = () => (
set('parentPub', v)}
placeholder="— · search the publisher directory"
hint={<>Optional. The publisher entity that holds catalog rights (e.g. Sony Music Publishing, Kobalt, Concord). Distinct from the corporate parent group above. Leave blank if there is none.}
/>
);
const AdminCombo = () => (
set('administrator', v)}
placeholder="Self · or search the publisher directory"
allowSelf
hint={<>Pick an existing publisher (Kobalt, Sony, Wixen…) or leave as Self. Type a new name to create a stub admin.}
/>
);
return (
set('pro',v)} kinds={['PRO','CMO']}
hint={<>Performing-rights org the songwriter is a member of. Searched against the live society directory ({(typeof SOCIETIES!=='undefined'?SOCIETIES:[]).filter(s=>s.kind==='PRO'||s.kind==='CMO').length} orgs).}/>
set('country', v)}/>
)}
{kind === 'publisher' && (<>
set('name',e.target.value)} placeholder="e.g. Hivewright Music" style={fld}/>set('pro',v)} kinds={['PRO','MRO','CMO']}
hint={<>Primary rights society this publisher is affiliated with. Searched against the live society directory.}/>