@hotstaq/admin-panel 0.3.17 → 0.4.0

package/build/components/admin-card-table.js

@@ -0,0 +1,149 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminCardTable = void 0;
+const hotstaq_1 = require("hotstaq");
+/**
+ * Freelight-style card list. Renders campaign / project / member rows
+ * as cards on every viewport, with optional inline action buttons and
+ * a sub-line below the primary label.
+ *
+ * Replaces the click-row-opens-modal flow of <admin-table> + <admin-edit>:
+ * when `hot-detail-route` is set, the whole row becomes a link to the
+ * configured detail URL (e.g. "/budget/:id"). When `hot-detail-route` is
+ * empty, the row renders without navigation — the caller is expected to
+ * provide their own inline action buttons via `hot-row-actions`.
+ *
+ * Usage:
+ *   <admin-card-table id="bankAccountsList" hot-list-url="/v1/bank_accounts/list"
+ *                     hot-detail-route="/bankAccount/:id"
+ *                     hot-primary-field="name" hot-subline-field="bankSyncAPIType"
+ *                     hot-empty-text="No bank accounts yet.">
+ *   </admin-card-table>
+ *
+ * The component exposes a `.refreshList()` method on the rendered DOM
+ * element so callers (the paired admin-add-panel, an edit-save callback,
+ * etc.) can re-fetch without a page reload.
+ */
+class AdminCardTable extends hotstaq_1.HotComponent {
+    constructor(copy, api) {
+        super(copy, api);
+        this.tag = "admin-card-table";
+        this.title = "";
+        this.list_url = "";
+        this.jwt = "";
+        this.list_params = "{}";
+        this.primary_field = "name";
+        this.subline_field = "";
+        this.detail_route = "";
+        this.empty_text = "No items yet.";
+        this.loading_text = "Loading…";
+        this.row_actions = "";
+        this.add_slot = "";
+    }
+    onPostPlace(parentHtmlElement, htmlElement) {
+        const self = this;
+        const container = document.getElementById(this.name);
+        if (container == null)
+            return (null);
+        // Expose a refreshList() method on the rendered element so the
+        // partner add-panel (and any other caller) can re-fetch when a
+        // row changes.
+        container.refreshList = function () { return self.fetchAndRender(); };
+        // Initial load.
+        self.fetchAndRender();
+        return (null);
+    }
+    fetchAndRender() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const container = document.getElementById(this.name);
+            const list = container ? container.querySelector(".fl-card-list") : null;
+            if (list == null)
+                return;
+            try {
+                let payload = {};
+                try {
+                    payload = JSON.parse(this.list_params || "{}");
+                }
+                catch (e) {
+                    payload = {};
+                }
+                const headers = { "Content-Type": "application/json" };
+                if (this.jwt)
+                    headers["Authorization"] = "Bearer " + this.jwt;
+                const res = yield fetch(this.list_url, {
+                    method: "POST", headers: headers, body: JSON.stringify(payload)
+                });
+                if (!res.ok) {
+                    list.innerHTML = `<div class="text-danger small p-3">Could not load: HTTP ${res.status}</div>`;
+                    return;
+                }
+                const result = yield res.json();
+                const rows = (result && Array.isArray(result.data)) ? result.data : (Array.isArray(result) ? result : []);
+                if (rows.length === 0) {
+                    list.innerHTML = `<div class="text-muted small text-center py-4">${this.empty_text}</div>`;
+                    return;
+                }
+                list.innerHTML = rows.map((row) => this.renderRow(row)).join("");
+            }
+            catch (ex) {
+                list.innerHTML = `<div class="text-danger small p-3">Could not load: ${ex.message}</div>`;
+            }
+        });
+    }
+    escapeHtml(s) {
+        return String(s == null ? "" : s)
+            .replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;")
+            .replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+    }
+    interpolate(template, row) {
+        if (!template)
+            return "";
+        return template.replace(/:(\w+)/g, (_m, key) => this.escapeHtml(row[key] || ""));
+    }
+    renderRow(row) {
+        const primaryRaw = row[this.primary_field];
+        const primary = this.escapeHtml(primaryRaw != null && primaryRaw !== "" ? primaryRaw : (row.id || ""));
+        const sublineRaw = this.subline_field ? row[this.subline_field] : "";
+        const subline = sublineRaw ? `<div class="fl-card-row-sub text-muted small">${this.escapeHtml(sublineRaw)}</div>` : "";
+        const inner = `
+			<div class="fl-card-row-main">
+				<div class="fl-card-row-label">${primary}</div>
+				${subline}
+			</div>
+			<div class="fl-card-row-actions">${this.interpolate(this.row_actions, row)}</div>`;
+        if (this.detail_route) {
+            const href = this.interpolate(this.detail_route, row);
+            return `<a href="${href}" class="fl-card-row fl-card-row-link list-group-item list-group-item-action">${inner}</a>`;
+        }
+        return `<div class="fl-card-row list-group-item">${inner}</div>`;
+    }
+    output() {
+        if (this.name === "")
+            throw new Error("admin-card-table: id (name) is required");
+        if (this.list_url === "")
+            throw new Error("admin-card-table: hot-list-url is required");
+        const titleHtml = this.title ? `<strong>${this.title}</strong>` : "";
+        const addSlotAttr = this.add_slot ? ` data-card-table-add-slot="${this.add_slot}"` : ` data-card-table-add-slot="${this.name}"`;
+        return (`
+			<div id="${this.name}" class="card fl-card-table mb-4">
+				<div class="card-header d-flex justify-content-between align-items-center">
+					${titleHtml}
+					<div class="fl-card-table-actions"${addSlotAttr}></div>
+				</div>
+				<div class="fl-card-list list-group list-group-flush">
+					<div class="text-muted small text-center py-4">${this.loading_text}</div>
+				</div>
+			</div>`);
+    }
+}
+exports.AdminCardTable = AdminCardTable;
+//# sourceMappingURL=admin-card-table.js.map

package/build/components/admin-card-table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-card-table.js","sourceRoot":"","sources":["../../src/components/admin-card-table.ts"],"names":[],"mappings":"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"}

package/build/components/admin-detail-page.d.ts

@@ -0,0 +1,68 @@
+import { HotStaq, HotAPI, HotComponent, HotComponentOutput } from "hotstaq";
+/**
+ * Full-page detail chrome for an entity. Replaces the modal opened by
+ * <admin-edit hot-type="edit"> with a dedicated page (e.g. /budget/:id)
+ * that has its own back link, sections, and a sticky save bar at the
+ * bottom.
+ *
+ * The page is responsible for placing <admin-form-field>s inside the
+ * `<hot-place-here name="detailBody">` slot. This component handles:
+ *   - reading ?id from the URL
+ *   - GET'ing the entity via hot-get-url and populating form fields by
+ *     matching hot-field names against the response keys
+ *   - POST'ing values to hot-save-url on Save click
+ *   - DELETE'ing via hot-delete-url on Delete click (with confirm)
+ *   - showing a back link to hot-back-url
+ *
+ * Usage:
+ *   <admin-detail-page name="budgetDetail"
+ *                      hot-title="Budget"
+ *                      hot-back-url="/budgets"
+ *                      hot-back-text="← All budgets"
+ *                      hot-get-url="/v1/budgets/get"
+ *                      hot-save-url="/v1/budgets/edit"
+ *                      hot-delete-url="/v1/budgets/delete"
+ *                      hot-payload-key="budget"
+ *                      hot-jwt="${jwtToken}">
+ *     <admin-form-field hot-field="name" hot-label="Name" hot-required="1"></admin-form-field>
+ *     ...
+ *   </admin-detail-page>
+ */
+export declare class AdminDetailPage extends HotComponent {
+    /** Heading shown at the top of the page. */
+    title: string;
+    /** URL the back link points at. */
+    back_url: string;
+    /** Text on the back link. */
+    back_text: string;
+    /** GET-by-id endpoint. POSTed with { id: <id> }. */
+    get_url: string;
+    /** Edit/save endpoint. POSTed with { [payload_key]: { id, ...fields } }. */
+    save_url: string;
+    /** Optional delete endpoint. Hides the Delete button when blank. */
+    delete_url: string;
+    /** Wrapper key in the save payload (most DAO routes expect { budget: {...} } / { issue: {...} } etc). */
+    payload_key: string;
+    /** JWT bearer for the API calls. */
+    jwt: string;
+    /** URL query param that holds the entity id (default: "id"). */
+    id_param: string;
+    /** Save button text. */
+    save_text: string;
+    /** Delete button text. */
+    delete_text: string;
+    /** Confirmation prompt for delete. */
+    delete_confirm: string;
+    constructor(copy: HotComponent | HotStaq, api: HotAPI);
+    onPostPlace(parentHtmlElement: HTMLElement, htmlElement: HTMLElement): HTMLElement;
+    protected readIdFromUrl(): string;
+    protected showError(page: HTMLElement, msg: string): void;
+    protected showSuccess(page: HTMLElement, msg: string): void;
+    protected fetchAndFill(page: HTMLElement, id: string): Promise<void>;
+    protected populateFields(page: HTMLElement, obj: any): void;
+    protected collectValues(page: HTMLElement): any;
+    protected handleSave(page: HTMLElement, id: string): Promise<void>;
+    protected handleDelete(id: string): Promise<void>;
+    output(): string | HotComponentOutput[];
+}
+//# sourceMappingURL=admin-detail-page.d.ts.map

package/build/components/admin-detail-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-detail-page.d.ts","sourceRoot":"","sources":["../../src/components/admin-detail-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjF;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAEhD,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,OAAO,EAAE,MAAM,CAAC;IAChB,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,CAAC;IACjB,oEAAoE;IACpE,UAAU,EAAE,MAAM,CAAC;IACnB,yGAAyG;IACzG,WAAW,EAAE,MAAM,CAAC;IACpB,oCAAoC;IACpC,GAAG,EAAE,MAAM,CAAC;IACZ,gEAAgE;IAChE,QAAQ,EAAE,MAAM,CAAC;IACjB,wBAAwB;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,sCAAsC;IACtC,cAAc,EAAE,MAAM,CAAC;gBAEV,IAAI,EAAE,YAAY,GAAG,OAAO,EAAE,GAAG,EAAE,MAAM;IAmBtD,WAAW,CAAE,iBAAiB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,GAAG,WAAW;IA6BnF,SAAS,CAAC,aAAa,IAAK,MAAM;IAMlC,SAAS,CAAC,SAAS,CAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;IAM1D,SAAS,CAAC,WAAW,CAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,GAAG,IAAI;cAW5C,YAAY,CAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAoB3E,SAAS,CAAC,cAAc,CAAE,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,GAAG,IAAI;IAiB5D,SAAS,CAAC,aAAa,CAAE,IAAI,EAAE,WAAW,GAAG,GAAG;cAmBhC,UAAU,CAAE,IAAI,EAAE,WAAW,EAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;cAkCzD,YAAY,CAAE,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBxD,MAAM,IAAK,MAAM,GAAG,kBAAkB,EAAE;CA+BxC"}

package/build/components/admin-detail-page.js

@@ -0,0 +1,247 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminDetailPage = void 0;
+const hotstaq_1 = require("hotstaq");
+/**
+ * Full-page detail chrome for an entity. Replaces the modal opened by
+ * <admin-edit hot-type="edit"> with a dedicated page (e.g. /budget/:id)
+ * that has its own back link, sections, and a sticky save bar at the
+ * bottom.
+ *
+ * The page is responsible for placing <admin-form-field>s inside the
+ * `<hot-place-here name="detailBody">` slot. This component handles:
+ *   - reading ?id from the URL
+ *   - GET'ing the entity via hot-get-url and populating form fields by
+ *     matching hot-field names against the response keys
+ *   - POST'ing values to hot-save-url on Save click
+ *   - DELETE'ing via hot-delete-url on Delete click (with confirm)
+ *   - showing a back link to hot-back-url
+ *
+ * Usage:
+ *   <admin-detail-page name="budgetDetail"
+ *                      hot-title="Budget"
+ *                      hot-back-url="/budgets"
+ *                      hot-back-text="← All budgets"
+ *                      hot-get-url="/v1/budgets/get"
+ *                      hot-save-url="/v1/budgets/edit"
+ *                      hot-delete-url="/v1/budgets/delete"
+ *                      hot-payload-key="budget"
+ *                      hot-jwt="${jwtToken}">
+ *     <admin-form-field hot-field="name" hot-label="Name" hot-required="1"></admin-form-field>
+ *     ...
+ *   </admin-detail-page>
+ */
+class AdminDetailPage extends hotstaq_1.HotComponent {
+    constructor(copy, api) {
+        super(copy, api);
+        this.tag = "admin-detail-page";
+        this.title = "";
+        this.back_url = "/";
+        this.back_text = "← Back";
+        this.get_url = "";
+        this.save_url = "";
+        this.delete_url = "";
+        this.payload_key = "";
+        this.jwt = "";
+        this.id_param = "id";
+        this.save_text = "Save";
+        this.delete_text = "Delete";
+        this.delete_confirm = "Are you sure you want to delete this?";
+    }
+    onPostPlace(parentHtmlElement, htmlElement) {
+        const self = this;
+        const page = document.getElementById(this.name);
+        if (page == null)
+            return (null);
+        const id = self.readIdFromUrl();
+        if (!id) {
+            self.showError(page, "No id provided in the URL.");
+            return (null);
+        }
+        // Wire buttons.
+        const saveBtn = page.querySelector(".fl-detail-save");
+        const deleteBtn = page.querySelector(".fl-detail-delete");
+        if (saveBtn != null)
+            saveBtn.addEventListener("click", (e) => { e.preventDefault(); self.handleSave(page, id); });
+        if (deleteBtn != null)
+            deleteBtn.addEventListener("click", (e) => { e.preventDefault(); self.handleDelete(id); });
+        // Load existing record.
+        self.fetchAndFill(page, id);
+        return (null);
+    }
+    readIdFromUrl() {
+        const params = new URLSearchParams(window.location.search);
+        return params.get(this.id_param) || "";
+    }
+    showError(page, msg) {
+        const fb = page.querySelector(".fl-detail-feedback");
+        if (fb) {
+            fb.className = "fl-detail-feedback alert alert-danger";
+            fb.textContent = msg;
+        }
+    }
+    showSuccess(page, msg) {
+        const fb = page.querySelector(".fl-detail-feedback");
+        if (fb) {
+            fb.className = "fl-detail-feedback alert alert-success";
+            fb.textContent = msg;
+            setTimeout(() => { fb.className = "fl-detail-feedback d-none"; fb.textContent = ""; }, 2500);
+        }
+    }
+    fetchAndFill(page, id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const headers = { "Content-Type": "application/json" };
+                if (this.jwt)
+                    headers["Authorization"] = "Bearer " + this.jwt;
+                const res = yield fetch(this.get_url, {
+                    method: "POST", headers: headers, body: JSON.stringify({ id: id })
+                });
+                if (!res.ok) {
+                    this.showError(page, "Could not load: HTTP " + res.status);
+                    return;
+                }
+                const obj = yield res.json();
+                if (obj == null) {
+                    this.showError(page, "Record not found.");
+                    return;
+                }
+                this.populateFields(page, obj);
+            }
+            catch (ex) {
+                this.showError(page, "Could not load: " + ex.message);
+            }
+        });
+    }
+    populateFields(page, obj) {
+        const nodes = page.querySelectorAll("[hot-field]");
+        for (let i = 0; i < nodes.length; i++) {
+            const el = nodes[i];
+            const field = el.getAttribute("hot-field");
+            if (field == null || field === "")
+                continue;
+            const val = obj[field];
+            if (val == null)
+                continue;
+            if (el instanceof HTMLInputElement && el.type === "checkbox")
+                el.checked = val === true || val === "true" || val === 1;
+            else
+                el.value = String(val);
+        }
+    }
+    collectValues(page) {
+        const out = {};
+        const nodes = page.querySelectorAll("[hot-field]");
+        for (let i = 0; i < nodes.length; i++) {
+            const el = nodes[i];
+            const field = el.getAttribute("hot-field");
+            if (field == null || field === "")
+                continue;
+            if (el instanceof HTMLInputElement && el.type === "checkbox")
+                out[field] = el.checked;
+            else if (el instanceof HTMLInputElement && el.type === "number")
+                out[field] = el.value === "" ? null : Number(el.value);
+            else
+                out[field] = el.value;
+        }
+        return out;
+    }
+    handleSave(page, id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const values = this.collectValues(page);
+            values.id = id;
+            const body = this.payload_key ? { [this.payload_key]: values } : values;
+            const btn = page.querySelector(".fl-detail-save");
+            if (btn)
+                btn.disabled = true;
+            try {
+                const headers = { "Content-Type": "application/json" };
+                if (this.jwt)
+                    headers["Authorization"] = "Bearer " + this.jwt;
+                const res = yield fetch(this.save_url, {
+                    method: "POST", headers: headers, body: JSON.stringify(body)
+                });
+                if (!res.ok) {
+                    let msg = "HTTP " + res.status;
+                    try {
+                        const j = yield res.json();
+                        if (j && j.error)
+                            msg = j.error;
+                    }
+                    catch (e) { }
+                    this.showError(page, "Save failed: " + msg);
+                    return;
+                }
+                this.showSuccess(page, "Saved.");
+            }
+            catch (ex) {
+                this.showError(page, "Save failed: " + ex.message);
+            }
+            finally {
+                if (btn)
+                    btn.disabled = false;
+            }
+        });
+    }
+    handleDelete(id) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!window.confirm(this.delete_confirm))
+                return;
+            try {
+                const headers = { "Content-Type": "application/json" };
+                if (this.jwt)
+                    headers["Authorization"] = "Bearer " + this.jwt;
+                const res = yield fetch(this.delete_url, {
+                    method: "POST", headers: headers, body: JSON.stringify({ id: id })
+                });
+                if (!res.ok) {
+                    alert("Delete failed: HTTP " + res.status);
+                    return;
+                }
+                window.location.href = this.back_url;
+            }
+            catch (ex) {
+                alert("Delete failed: " + ex.message);
+            }
+        });
+    }
+    output() {
+        if (this.name === "")
+            throw new Error("admin-detail-page: id (name) is required");
+        if (this.get_url === "" || this.save_url === "")
+            throw new Error("admin-detail-page: hot-get-url and hot-save-url are required");
+        const deleteBtn = this.delete_url
+            ? `<button type="button" class="btn btn-outline-danger fl-detail-delete">${this.delete_text}</button>`
+            : "";
+        return (`
+			<div id="${this.name}" class="fl-detail-page">
+				<div class="container" style="max-width:880px;padding:1.5rem 1rem 7rem;">
+					<div class="mb-3"><a href="${this.back_url}" class="text-muted small text-decoration-none">${this.back_text}</a></div>
+					<h1 class="h3 mb-3">${this.title}</h1>
+					<div class="fl-detail-feedback d-none"></div>
+					<div class="card mb-3"><div class="card-body">
+						<div class="row g-3">
+							<hot-place-here name="detailBody"></hot-place-here>
+						</div>
+					</div></div>
+				</div>
+				<div class="fl-detail-save-bar">
+					<div class="container d-flex justify-content-between align-items-center" style="max-width:880px;">
+						${deleteBtn}
+						<button type="button" class="btn btn-primary fl-detail-save ms-auto">${this.save_text}</button>
+					</div>
+				</div>
+			</div>`);
+    }
+}
+exports.AdminDetailPage = AdminDetailPage;
+//# sourceMappingURL=admin-detail-page.js.map

package/build/components/admin-detail-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-detail-page.js","sourceRoot":"","sources":["../../src/components/admin-detail-page.ts"],"names":[],"mappings":"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"}

package/build/components/admin-disclaimer.d.ts

@@ -0,0 +1,21 @@
+import { HotStaq, HotAPI, HotComponent, HotComponentOutput } from "hotstaq";
+/**
+ * Pinned info card — short headline + body text, indigo left border.
+ * Pattern lifted from the DonorTiers "No governance influence"
+ * disclaimer on /donorTiers. Useful for "no influence", "draft only",
+ * "internal use", etc. notes that belong above the main content.
+ *
+ * Usage:
+ *   <admin-disclaimer hot-heading="Disclaimer">
+ *     The body text of the disclaimer goes here.
+ *   </admin-disclaimer>
+ */
+export declare class AdminDisclaimer extends HotComponent {
+    /** Heading (h2.h6). */
+    heading: string;
+    /** Accent color for the left border. */
+    accent: string;
+    constructor(copy: HotComponent | HotStaq, api: HotAPI);
+    output(): string | HotComponentOutput[];
+}
+//# sourceMappingURL=admin-disclaimer.d.ts.map

package/build/components/admin-disclaimer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-disclaimer.d.ts","sourceRoot":"","sources":["../../src/components/admin-disclaimer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjF;;;;;;;;;;GAUG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAEhD,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;gBAEF,IAAI,EAAE,YAAY,GAAG,OAAO,EAAE,GAAG,EAAE,MAAM;IAStD,MAAM,IAAK,MAAM,GAAG,kBAAkB,EAAE;CAaxC"}

package/build/components/admin-disclaimer.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminDisclaimer = void 0;
+const hotstaq_1 = require("hotstaq");
+/**
+ * Pinned info card — short headline + body text, indigo left border.
+ * Pattern lifted from the DonorTiers "No governance influence"
+ * disclaimer on /donorTiers. Useful for "no influence", "draft only",
+ * "internal use", etc. notes that belong above the main content.
+ *
+ * Usage:
+ *   <admin-disclaimer hot-heading="Disclaimer">
+ *     The body text of the disclaimer goes here.
+ *   </admin-disclaimer>
+ */
+class AdminDisclaimer extends hotstaq_1.HotComponent {
+    constructor(copy, api) {
+        super(copy, api);
+        this.tag = "admin-disclaimer";
+        this.heading = "";
+        this.accent = "#4f46e5";
+    }
+    output() {
+        const heading = this.heading ? `<h2 class="h6 mb-2" style="letter-spacing:0.02em;">${this.heading}</h2>` : "";
+        return `
+			<div class="card fl-disclaimer mb-3" style="border-left:4px solid ${this.accent};">
+				<div class="card-body">
+					${heading}
+					<div class="mb-0 text-muted" style="font-size:0.9rem;line-height:1.45;">
+						${this.inner || ""}
+					</div>
+				</div>
+			</div>`;
+    }
+}
+exports.AdminDisclaimer = AdminDisclaimer;
+//# sourceMappingURL=admin-disclaimer.js.map

package/build/components/admin-disclaimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-disclaimer.js","sourceRoot":"","sources":["../../src/components/admin-disclaimer.ts"],"names":[],"mappings":";;;AAAA,qCAAiF;AAEjF;;;;;;;;;;GAUG;AACH,MAAa,eAAgB,SAAQ,sBAAY;IAOhD,YAAa,IAA4B,EAAE,GAAW;QAErD,KAAK,CAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAElB,IAAI,CAAC,GAAG,GAAO,kBAAkB,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,CAAC,MAAM,GAAI,SAAS,CAAC;IAC1B,CAAC;IAED,MAAM;QAEL,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,sDAAsD,IAAI,CAAC,OAAO,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC9G,OAAO;uEAC8D,IAAI,CAAC,MAAM;;OAE3E,OAAO;;QAEN,IAAI,CAAC,KAAK,IAAI,EAAE;;;UAGd,CAAC;IACV,CAAC;CACD;AA7BD,0CA6BC"}

package/build/components/admin-eyebrow-heading.d.ts

@@ -0,0 +1,23 @@
+import { HotStaq, HotAPI, HotComponent, HotComponentOutput } from "hotstaq";
+/**
+ * A page heading with a small uppercase "eyebrow" label above it.
+ * Pattern lifted from the /live page on Freelight — the "Live Campaign
+ * Page" label above the candidate name.
+ *
+ * Usage:
+ *   <admin-eyebrow-heading hot-eyebrow="Campaign Project"
+ *                          hot-heading="Q4 Outreach Plan"></admin-eyebrow-heading>
+ */
+export declare class AdminEyebrowHeading extends HotComponent {
+    /** The small uppercase label rendered above the heading. */
+    eyebrow: string;
+    /** The h1 text. */
+    heading: string;
+    /** Optional muted subtitle rendered below the heading. */
+    subtitle: string;
+    /** "center" | "start" (default). */
+    align: string;
+    constructor(copy: HotComponent | HotStaq, api: HotAPI);
+    output(): string | HotComponentOutput[];
+}
+//# sourceMappingURL=admin-eyebrow-heading.d.ts.map

package/build/components/admin-eyebrow-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-eyebrow-heading.d.ts","sourceRoot":"","sources":["../../src/components/admin-eyebrow-heading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAO,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAEjF;;;;;;;;GAQG;AACH,qBAAa,mBAAoB,SAAQ,YAAY;IAEpD,4DAA4D;IAC5D,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,QAAQ,EAAE,MAAM,CAAC;IACjB,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;gBAED,IAAI,EAAE,YAAY,GAAG,OAAO,EAAE,GAAG,EAAE,MAAM;IAWtD,MAAM,IAAK,MAAM,GAAG,kBAAkB,EAAE;CAgBxC"}

package/build/components/admin-eyebrow-heading.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminEyebrowHeading = void 0;
+const hotstaq_1 = require("hotstaq");
+/**
+ * A page heading with a small uppercase "eyebrow" label above it.
+ * Pattern lifted from the /live page on Freelight — the "Live Campaign
+ * Page" label above the candidate name.
+ *
+ * Usage:
+ *   <admin-eyebrow-heading hot-eyebrow="Campaign Project"
+ *                          hot-heading="Q4 Outreach Plan"></admin-eyebrow-heading>
+ */
+class AdminEyebrowHeading extends hotstaq_1.HotComponent {
+    constructor(copy, api) {
+        super(copy, api);
+        this.tag = "admin-eyebrow-heading";
+        this.eyebrow = "";
+        this.heading = "";
+        this.subtitle = "";
+        this.align = "start";
+    }
+    output() {
+        const alignClass = this.align === "center" ? "text-center" : "";
+        const eyebrow = this.eyebrow
+            ? `<div class="text-uppercase text-muted small mb-2" style="letter-spacing:0.08em;">${this.eyebrow}</div>`
+            : "";
+        const subtitle = this.subtitle
+            ? `<p class="text-muted mb-0">${this.subtitle}</p>`
+            : "";
+        return `
+			<div class="fl-eyebrow-heading mb-3 ${alignClass}">
+				${eyebrow}
+				<h1 class="h3 mb-1">${this.heading || this.inner || ""}</h1>
+				${subtitle}
+			</div>`;
+    }
+}
+exports.AdminEyebrowHeading = AdminEyebrowHeading;
+//# sourceMappingURL=admin-eyebrow-heading.js.map

package/build/components/admin-eyebrow-heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin-eyebrow-heading.js","sourceRoot":"","sources":["../../src/components/admin-eyebrow-heading.ts"],"names":[],"mappings":";;;AAAA,qCAAiF;AAEjF;;;;;;;;GAQG;AACH,MAAa,mBAAoB,SAAQ,sBAAY;IAWpD,YAAa,IAA4B,EAAE,GAAW;QAErD,KAAK,CAAE,IAAI,EAAE,GAAG,CAAC,CAAC;QAElB,IAAI,CAAC,GAAG,GAAQ,uBAAuB,CAAC;QACxC,IAAI,CAAC,OAAO,GAAI,EAAE,CAAC;QACnB,IAAI,CAAC,OAAO,GAAI,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;QACnB,IAAI,CAAC,KAAK,GAAM,OAAO,CAAC;IACzB,CAAC;IAED,MAAM;QAEL,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO;YAC3B,CAAC,CAAC,oFAAoF,IAAI,CAAC,OAAO,QAAQ;YAC1G,CAAC,CAAC,EAAE,CAAC;QACN,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;YAC7B,CAAC,CAAC,8BAA8B,IAAI,CAAC,QAAQ,MAAM;YACnD,CAAC,CAAC,EAAE,CAAC;QACN,OAAO;yCACgC,UAAU;MAC7C,OAAO;0BACa,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,KAAK,IAAI,EAAE;MACpD,QAAQ;UACJ,CAAC;IACV,CAAC;CACD;AAtCD,kDAsCC"}