No users found.

';\n return;\n }\n const rows = state.users.map(function(u) {\n const name = [u.profile && u.profile.firstName, u.profile && u.profile.lastName].filter(Boolean).join(\" \") || \"—\";\n const email = (u.profile && u.profile.email) || \"—\";\n const grps = ((u.groups && u.groups.groups) || []).map(function(g) { return g.groupID || g.id; }).join(\", \") || \"none\";\n const chkAttr = state.selectedUIDs.has(u.UID) ? \"checked\" : \"\";\n const selectedClass = state.selectedUIDs.has(u.UID) ? \"selected\" : \"\";\n const uidShort = (u.UID || \"\").slice(0,16);\n return (\n '' +\n '' +\n '

' + name + '

' + email + '

' +\n '' + uidShort + '…' +\n '' + grps + '' +\n '' +\n '' +\n '' +\n '

' + JSON.stringify(u, null, 2) + '

' +\n ''\n );\n }).join(\"\");\n\n container.innerHTML =\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' +\n '' + rows + '' +\n '

	Name / Email	UID	Groups

';\n\n document.getElementById(\"btn-next-2\").disabled = state.selectedUIDs.size === 0;\n}\n\nfunction toggleDetail(uid) {\n const el = document.getElementById(\"detail-\" + uid);\n if (el) el.classList.toggle(\"hidden\");\n}\n\nfunction toggleUser(uid, checked) {\n checked ? state.selectedUIDs.add(uid) : state.selectedUIDs.delete(uid);\n const row = document.getElementById(\"row-\" + uid);\n if (row) row.classList.toggle(\"selected\", checked);\n updateSelectedCount();\n document.getElementById(\"btn-next-2\").disabled = state.selectedUIDs.size === 0;\n}\n\nfunction selectAll(checked) {\n state.users.forEach(function(u) {\n checked ? state.selectedUIDs.add(u.UID) : state.selectedUIDs.delete(u.UID);\n const row = document.getElementById(\"row-\" + u.UID);\n if (row) {\n row.classList.toggle(\"selected\", checked);\n const cb = row.querySelector(\"input[type=checkbox]\");\n if (cb) cb.checked = checked;\n }\n });\n const mc = document.getElementById(\"select-all-cb\");\n if (mc) mc.checked = checked;\n updateSelectedCount();\n document.getElementById(\"btn-next-2\").disabled = state.selectedUIDs.size === 0;\n}\n\nfunction updateSelectedCount() {\n const el = document.getElementById(\"selected-count\");\n if (el) el.textContent = state.selectedUIDs.size + \" selected\";\n}\n\nfunction goToStep3() { if (state.selectedUIDs.size === 0) return; activateStep(3); updateProgress(3); }\n\n// ── Step 3 ─────────────────────────────────────────────────────\nfunction renderActionGrid() {\n document.getElementById(\"action-grid\").innerHTML = ACTIONS.map(function(a) {\n return (\n '

' +\n '

' + a.icon + '

' +\n '

' + a.label + '

' +\n '

' + a.desc + '

' +\n '

'\n );\n }).join(\"\");\n}\n\nfunction selectAction(id) {\n state.selectedAction = id;\n document.querySelectorAll(\".action-card\").forEach(function(el) { el.classList.remove(\"selected\"); });\n const card = document.getElementById(\"ac-\" + id);\n if (card) card.classList.add(\"selected\");\n document.getElementById(\"btn-next-3\").disabled = false;\n}\n\nfunction goToStep4() { if (!state.selectedAction) return; renderParamsForm(); activateStep(4); updateProgress(4); }\n\n// ── Step 4 ─────────────────────────────────────────────────────\nfunction renderParamsForm() {\n const action = ACTIONS.find(function(a) { return a.id === state.selectedAction; });\n const form = document.getElementById(\"params-form\");\n if (!action) return;\n\n let header =\n '

' +\n '' + action.icon + ' ' + action.label + ' — ' + action.desc +\n '

';\n\n if (action.id === \"sendInvitation\") {\n const selectedUsers = state.users.filter(function(u) { return state.selectedUIDs.has(u.UID); });\n const emailRows = selectedUsers.slice(0, 5).map(function(u) {\n const em = (u.profile && u.profile.email) ? u.profile.email : '⚠ no email';\n return '

' +\n '' + (u.UID || \"\").slice(0, 14) + '…' +\n '' + em + '' +\n '

';\n }).join(\"\");\n const more = selectedUsers.length > 5\n ? '

…and ' + (selectedUsers.length - 5) + ' more

'\n : \"\";\n header +=\n '

' +\n '📧 Per-user email routing — invitation sent to each user\\'s profile.email unless you set \"Email Channel Override\".
' +\n '

' + emailRows + more + '

' +\n '

';\n }\n\n form.innerHTML = header + action.params.map(renderParamField).join(\"\");\n}\n\nfunction renderParamField(p) {\n const base = \"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 text-sm\";\n const req = p.required ? ' *' : '';\n const label = '' + p.label + req + '';\n\n if (p.type === \"group_select\") {\n const opts = state.groups.length\n ? state.groups.map(function(g) {\n return '';\n }).join(\"\")\n : '';\n return '

' + label +\n '

';\n }\n if (p.type === \"select\") {\n const opts = (p.options || []).map(function(o) {\n return '';\n }).join(\"\");\n return '

' + label +\n '

';\n }\n if (p.type === \"checkbox\") {\n const chk = p.default !== false ? \"checked\" : \"\";\n return '

' +\n '' + p.label + req + '' +\n '' +\n '

';\n }\n if (p.type === \"json\") {\n const def = p.default ? JSON.stringify(p.default) : \"\";\n return '

' + label +\n '' +\n '

Enter valid JSON

';\n }\n if (p.type === \"textarea\") {\n return '

' + label +\n '

';\n }\n return '

' + label +\n '

';\n}\n\nfunction updateParam(key, value) { state.actionParams[key] = value; }\nfunction updateParamJSON(key, raw) {\n try { state.actionParams[key] = JSON.parse(raw); }\n catch(e) { state.actionParams[key] = raw; }\n}\n\nfunction goToStep5() {\n const action = ACTIONS.find(function(a) { return a.id === state.selectedAction; });\n if (action) {\n action.params.forEach(function(p) {\n const el = document.getElementById(\"param-\" + p.key);\n if (!el) return;\n if (p.type === \"checkbox\") updateParam(p.key, el.checked);\n else if (p.type === \"json\") updateParamJSON(p.key, el.value);\n else updateParam(p.key, el.value);\n });\n }\n if (state.selectedAction === \"sendInvitation\") {\n const emailMap = {};\n state.users.forEach(function(u) { if (u.UID && u.profile && u.profile.email) emailMap[u.UID] = u.profile.email; });\n state.actionParams._userEmails = emailMap;\n }\n renderExecutionSummary(); activateStep(5); updateProgress(5);\n}\n\n// ── Step 5 ─────────────────────────────────────────────────────\nfunction renderExecutionSummary() {\n const action = ACTIONS.find(function(a) { return a.id === state.selectedAction; });\n const el = document.getElementById(\"execution-summary\");\n const uids = Array.from(state.selectedUIDs);\n\n let channelPreview = \"\";\n if (state.selectedAction === \"sendInvitation\") {\n const emailMap = state.actionParams._userEmails || {};\n const override = state.actionParams.channel;\n const chRows = uids.slice(0, 5).map(function(uid) {\n const ch = override || emailMap[uid] || \"⚠️ no email\";\n return '

' +\n '' + uid.slice(0,14) + '…' +\n '' + ch + '' +\n '

';\n }).join(\"\");\n const more = uids.length > 5 ? '

…+' + (uids.length - 5) + ' more

' : \"\";\n const overrideNote = override ? \" (override: \" + override + \")\" : \" (from profile.email)\";\n channelPreview =\n '

' +\n '📬 Resolved channels' + overrideNote + ':' +\n '

' + chRows + more + '

' +\n '

';\n }\n\n const paramsDisplay = {};\n Object.keys(state.actionParams).forEach(function(k) { if (k !== \"_userEmails\") paramsDisplay[k] = state.actionParams[k]; });\n\n const uidPreview = uids.slice(0,3).map(function(u) { return u.slice(0,8); }).join(\", \") + (uids.length > 3 ? \" +\" + (uids.length-3) + \" more\" : \"\");\n\n el.innerHTML =\n '

' +\n '

Users

' +\n '

' + uids.length + '

' +\n '

' + uidPreview + '

' +\n '

Action

' +\n '

' + (action ? action.icon : \"\") + '

' +\n '

' + (action ? action.label : \"\") + '

' +\n '

Parameters

' +\n '

' + JSON.stringify(paramsDisplay, null, 2) + '

' +\n '

' +\n channelPreview;\n\n document.getElementById(\"execution-results\").classList.add(\"hidden\");\n document.getElementById(\"execution-controls\").classList.remove(\"hidden\");\n}\n\nasync function executeAction() {\n const btn = document.getElementById(\"btn-execute\");\n const spin = document.getElementById(\"exec-spin\");\n btn.disabled = true; spin.classList.remove(\"hidden\");\n try {\n const res = await fetch(\"./api/bulk\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ action: state.selectedAction, uids: Array.from(state.selectedUIDs), params: state.actionParams }),\n });\n const d = await res.json();\n state.results = d;\n renderResults(d);\n } catch(e) { renderResults({ success: false, error: e.message, results: [] }); }\n finally { btn.disabled = false; spin.classList.add(\"hidden\"); }\n}\n\nfunction renderResults(d) {\n const el = document.getElementById(\"execution-results\");\n document.getElementById(\"execution-controls\").classList.add(\"hidden\");\n el.classList.remove(\"hidden\");\n\n if (!d.success && !d.results) {\n el.innerHTML = '

Execution failed: ' + d.error + '

';\n return;\n }\n\n const summary = d.summary || {};\n const results = d.results || [];\n const pct = summary.total ? Math.round((summary.success / summary.total) * 100) : 0;\n\n const rows = results.map(function(r) {\n return (\n '

' +\n '' + (r.success ? \"✅\" : \"❌\") + '' +\n '

' +\n '

' + r.uid + '

' +\n (r.error ? '

' + r.error + '

' : '') +\n '

' +\n '' + (r.success ? \"OK\" : \"FAIL\") + '' +\n '

'\n );\n }).join(\"\");\n\n const summaryBg = summary.failed === 0 ? \"bg-green-50 border-green-200\" : \"bg-yellow-50 border-yellow-200\";\n el.innerHTML =\n '

' +\n '

' +\n '' + (summary.failed === 0 ? \"🎉\" : \"⚠️\") + '' +\n '

' +\n '

Execution complete

' +\n '

' + (summary.success||0) + ' succeeded / ' + (summary.failed||0) + ' failed / ' + (summary.total||0) + ' total (' + pct + '%)

' +\n '

' + rows + '

' +\n '

' +\n '' +\n '' +\n '

';\n}\n\nfunction copyResults() {\n navigator.clipboard.writeText(JSON.stringify(state.results, null, 2));\n alert(\"Copied to clipboard!\");\n}\n\nfunction resetAll() {\n state.users = []; state.selectedUIDs = new Set(); state.selectedAction = null;\n state.actionParams = {}; state.results = null;\n goToStep(1);\n document.getElementById(\"filter-input\").value = \"\";\n document.getElementById(\"users-table\").innerHTML = '

Search users first to preview results here.

';\n document.getElementById(\"user-count-badge\").textContent = \"\";\n document.getElementById(\"selected-count\").textContent = \"0 selected\";\n}\n\n// ── Navigation ─────────────────────────────────────────────────\nfunction activateStep(n) {\n for (let i = 1; i <= 5; i++) {\n const el = document.getElementById(\"step-\" + i);\n if (el) { el.classList.toggle(\"step-inactive\", i > n); el.classList.toggle(\"step-active\", i <= n); }\n }\n state.currentStep = n;\n}\n\nfunction goToStep(n) {\n activateStep(n); updateProgress(n);\n const el = document.getElementById(\"step-\" + n);\n if (el) el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n}\n\nfunction updateProgress(n) {\n const labels = [\"\", \"Define criteria\", \"Preview users\", \"Choose action\", \"Configure params\", \"Execute\"];\n for (let i = 1; i <= 5; i++) {\n const el = document.getElementById(\"prog-\" + i);\n if (!el) continue;\n el.className = \"step-num \" + (i < n ? \"done\" : i === n ? \"active\" : \"idle\");\n el.textContent = i < n ? \"✓\" : String(i);\n }\n for (let i = 1; i <= 4; i++) {\n const line = document.getElementById(\"prog-line-\" + i);\n if (line) line.style.background = i < n ? \"#22c55e\" : \"#e5e7eb\";\n }\n document.getElementById(\"prog-label\").textContent = \"Step \" + n + \": \" + labels[n];\n}\n","deleted","label",[179,163],"groupmanager","permalink","https://www.val.town/x/dinavinter/gigya/code/groupmanager/app.js","extension","js","actionData","errors"]