@acms-subir/core 0.3.41 → 0.3.43

package/src/pages/forms/[id].astro

@@ -4,6 +4,7 @@ import { getRepo } from '../../lib/repo';
 import { renderForm } from '../../lib/forms/render';
 import { collectResponse } from '../../lib/forms/service';
 import { readForm, readAnswers, submissionGuard } from '../../lib/forms/http';
+import { saveResponse } from '../../lib/forms/alerts';
 import { ApiError } from '../../lib/api';
 const repo = await getRepo(Astro.locals);
 const form = await repo.forms.get(Astro.params.id || '');
@@ -18,7 +19,7 @@ if (Astro.request.method === 'POST') {
     requestId = await submissionGuard(repo, data, Astro.clientAddress, `form:${form.id}`);
     values = readAnswers(data, form.definition);
     const response = await collectResponse(form.definition, values, String(data.get('formVersion') || ''));
-    await repo.forms.submit(form.id, response, requestId);
+    await saveResponse(repo, form, response, requestId, { via: 'web', locals: Astro.locals });
     success = true;
   } catch (e) { error = e instanceof ApiError ? e.message : 'Could not save your response. Please try again.'; Astro.response.status = e instanceof ApiError ? e.status : 500; }
 }

package/src/styles/forms-admin.css

@@ -153,6 +153,14 @@ input.mono { font-family: ui-monospace, 'SF Mono', monospace; font-size: 12.5px;
 .fs-used small { color: var(--muted); font-size: 12px; }
 .fs-used .status { font-size: 12px; }
 .fs-none { margin-top: 0; }
+.fs-alerts { max-width: 560px; }
+.fs-alerts .check-row { margin: 0 0 12px; }
+.fs-alerts .check-row small { display: block; margin-top: 2px; }
+.fs-alerts .notice { margin: 0 0 12px; }
+/* the list and its options only matter while emails are on */
+.fs-alerts:not(:has(input[name="enabled"]:checked)) .fs-alerts-more { display: none; }
+.fs-alerts-more { padding-left: 23px; }
+.fs-alerts-more > .hint { margin: 0 0 12px; }
 
 @media (max-width: 767px) {
   .fh-row { gap: 8px 10px; }

package/src/styles/test-phones.css

@@ -0,0 +1,30 @@
+/* Test phones panel and "Send test to my phone" (Admin → Announcements and
+   Admin → Mobile app). Scoped under .tp; admin.css tokens only. */
+.tp { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; scroll-margin-top: 72px; }
+.tp > * { align-self: stretch; }
+.tp > .btn { align-self: flex-start; }
+.tp-head h2 { font-size: 14.5px; margin: 0; letter-spacing: -0.01em; }
+.tp-head p { margin: 2px 0 0; color: var(--muted); font-size: 13px; max-width: 64ch; }
+.tp-note { margin: 0; max-width: 64ch; }
+.tp-intro { margin: 0 0 14px; max-width: 64ch; }
+.tp-empty { margin: 0; color: var(--text-2); font-size: 13px; }
+.tp-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
+.tp-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid var(--line); }
+.tp-phone { display: flex; flex-direction: column; min-width: 0; }
+.tp-phone b { font-size: 13.5px; }
+.tp-phone small { color: var(--muted); font-size: 12px; }
+.tp-code { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 16px; background: var(--panel-2); border-radius: var(--r-md); padding: 12px 14px; }
+.tp-code p { margin: 0; color: var(--text-2); font-size: 13px; max-width: 52ch; }
+.tp-code .btn { grid-column: 2; justify-self: start; margin-top: 4px; }
+.tp-digits { grid-row: span 2; font: 700 30px/1.1 ui-monospace, 'SF Mono', Menlo, monospace; letter-spacing: 0.18em; font-variant-numeric: tabular-nums; }
+.tp-flash .flash { margin: 0; }
+/* an always-present live region; no gap while empty */
+.tp > .tp-flash:empty { margin-top: -12px; }
+.tp-send > .tp-flash:empty { margin-top: -8px; }
+.tp-send { display: flex; flex-direction: column; align-items: center; gap: 8px; align-self: stretch; }
+.tp-send .tp-flash { align-self: stretch; text-align: center; }
+@media (max-width: 560px) {
+  .tp-code { grid-template-columns: minmax(0, 1fr); }
+  .tp-digits { grid-row: auto; }
+  .tp-code .btn { grid-column: 1; }
+}