@wral/report-it 0.1.0 → 0.1.2

package/dist/{wral-code-input-CS9ASu8g.js → wral-code-input-CC2ZCxcs.js}

@@ -1,6 +1,6 @@
 import { css as p, html as l, nothing as c, LitElement as I } from "lit";
-import { getAuthContext as O, createStorage as V, verifyCode as W, extractTokens as S, saveTokens as A, decodeJwtPayload as R, refreshTokenSimple as N, sendCode as H, createUserPool as Y, signUpIfNeeded as K, createCognitoUser as Q, getAuthHeaders as G, STORAGE_KEYS as _, isAuthenticatedSimple as J } from "@wral/sdk-auth-audience";
-const X = p`
+import { getAuthContext as W, createStorage as V, verifyCode as N, extractTokens as S, saveTokens as A, decodeJwtPayload as R, refreshTokenSimple as H, sendCode as Y, createUserPool as K, signUpIfNeeded as Q, createCognitoUser as G, getAuthHeaders as J, STORAGE_KEYS as _, isAuthenticatedSimple as X } from "@wral/sdk-auth-audience";
+const Z = p`
 	:host {
 		display: block;
 		box-sizing: border-box;
@@ -17,13 +17,14 @@ const X = p`
 		display: flex;
 		flex-direction: column;
 		gap: 10px;
+		min-height: 70vh;
 	}
 	.chat > * { scroll-margin-bottom: 84px; }
 	.sr-only {
 		position: absolute; width: 1px; height: 1px; overflow: hidden;
 		clip: rect(0 0 0 0); white-space: nowrap;
 	}
-`, Z = p`
+`, ee = p`
 	@keyframes pop-in {
 		0%   { opacity: 0; transform: translateY(16px) scale(0.95); }
 		100% { opacity: 1; transform: translateY(0) scale(1); }
@@ -54,7 +55,7 @@ const X = p`
 			animation: none !important;
 		}
 	}
-`, ee = p`
+`, te = p`
 	.msg { max-width: 85%; padding: 12px 16px; border-radius: 14px; font-size: 15px; }
 	.msg.bot {
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -76,7 +77,7 @@ const X = p`
 	.msg .sub { display: block; font-size: 13px; color: var(--wral-semantic-fg-muted, #64748B); margin-top: 4px; }
 	.msg.user .sub { color: rgba(255, 255, 255, 0.75); }
 	.msg.error { border-left: 3px solid var(--wral-base-red-on-light, #D1232A); }
-`, te = p`
+`, re = p`
 	.options { display: flex; flex-wrap: wrap; gap: 8px; align-self: flex-start; max-width: 92%; padding: 2px 0 6px; }
 	.chip {
 		font-family: var(--wral-base-font-ui, 'IBM Plex Sans Condensed', sans-serif);
@@ -90,7 +91,7 @@ const X = p`
 	.chip:hover { background: var(--wral-base-secondary-1, #2594E3); color: #FFFFFF; }
 	.chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
 	.chip:active { transform: scale(0.97); }
-`, re = p`
+`, se = p`
 	.form-card {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -155,7 +156,7 @@ const X = p`
 	.btn-ghost:hover { border-color: var(--wral-base-secondary-1, #2594E3); }
 	.btn-ghost:active { transform: scale(0.97); }
 	.btn-ghost:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, se = p`
+`, ie = p`
 	.login-card { padding: 28px 26px; }
 	.login-card h2 {
 		font-family: var(--wral-base-font-display, 'IBM Plex Sans Condensed', sans-serif);
@@ -200,7 +201,14 @@ const X = p`
 	}
 	.login-why ul { margin: 0; padding-left: 20px; font-size: 14px; color: var(--color-gray-6, #565454); }
 	.login-why li { margin-bottom: 4px; line-height: 1.5; }
-`, ie = p`
+	.login-why a { color: var(--color-secondary, #2594E3); font-weight: 600; text-decoration: underline; }
+	.login-anon {
+		border-top: 1px solid var(--color-gray-2, #E7E5E4); margin: 16px 0 0; padding-top: 14px;
+		font-size: 14px; color: var(--color-gray-6, #565454); line-height: 1.5;
+	}
+	.login-anon a { color: var(--color-primary-dark, #00144A); font-weight: 600; text-decoration: none; white-space: nowrap; }
+	.login-anon a:hover { text-decoration: underline; }
+`, ae = p`
 	.review-list { margin: 0; padding: 0; list-style: none; font-size: 14px; }
 	.review-list li {
 		display: grid; grid-template-columns: 130px 1fr; gap: 10px;
@@ -232,7 +240,7 @@ const X = p`
 		color: var(--wral-base-primary-1, #001D68);
 	}
 	@media (max-width: 540px) { .review-list li { grid-template-columns: 1fr; gap: 2px; } }
-`, ae = p`
+`, ne = p`
 	.upload-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; font-size: 13.5px; }
 	.upload-row .name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 	.upload-row .state { font-size: 12px; color: var(--wral-semantic-fg-subtle, #64748B); }
@@ -248,7 +256,7 @@ const X = p`
 		border-radius: 999px; padding: 3px 12px; cursor: pointer;
 	}
 	.retry-chip:focus-visible { outline: 2px solid var(--wral-base-secondary-1, #2594E3); outline-offset: 2px; }
-`, ne = p`
+`, oe = p`
 	.confirm-card {
 		align-self: stretch;
 		background: var(--wral-base-primary-1, #001D68);
@@ -298,7 +306,7 @@ const X = p`
 	.c-again:hover { background: rgba(255, 255, 255, 0.12); }
 	.c-again:focus-visible { outline: 2px solid var(--wral-base-secondary-2, #50A9E8); outline-offset: 2px; }
 	.c-again:active { transform: scale(0.97); }
-`, oe = p`
+`, le = p`
 	.journey {
 		align-self: stretch;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -339,7 +347,7 @@ const X = p`
 		color: var(--wral-base-primary-1, #001D68); margin-bottom: 2px;
 	}
 	.j-body .j-d { font-size: 13.5px; color: var(--wral-semantic-fg-muted, #475569); line-height: 1.55; }
-`, le = p`
+`, de = p`
 	.bottom-bar {
 		position: sticky; bottom: 0; z-index: 20;
 		background: var(--wral-semantic-surface-default, #FFFFFF);
@@ -352,7 +360,7 @@ const X = p`
 	}
 	.bottom-bar .note { margin-left: auto; font-size: 12px; color: var(--wral-semantic-fg-subtle, #64748B); }
 	@media (max-width: 540px) { .bottom-bar .note { display: none; } }
-`, de = [X, Z, ee, te, re, se, ie, ae, ne, oe, le];
+`, ce = [Z, ee, te, re, se, ie, ae, ne, oe, le, de];
 function h(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
   return l`
 		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
@@ -367,10 +375,10 @@ function v(r, { noAnim: e = !1 } = {}) {
 function $() {
   return l`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
-function ce(r) {
+function ue(r) {
   return r ? l`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : c;
 }
-function ue() {
+function pe() {
   return l`
 		<svg viewBox="0 0 24 24" fill="none" stroke="#FFFFFF" stroke-width="3"
 			stroke-linecap="round" stroke-linejoin="round" width="20" height="20"
@@ -382,7 +390,7 @@ class w extends Error {
     super(`api-forms request failed with status ${e}`), this.status = e, this.body = t;
   }
 }
-function pe({
+function he({
   baseUrl: r,
   fetchFn: e = (...i) => fetch(...i),
   xhrFactory: t = () => new XMLHttpRequest(),
@@ -442,25 +450,25 @@ function pe({
     putRequest: async (n, o) => await a(`/v1/requests/${n}`, { method: "PUT", body: o, auth: !0 })
   };
 }
-function he() {
-  const { config: r, storage: e } = O();
+function fe() {
+  const { config: r, storage: e } = W();
   let t = null;
   return {
-    isAuthenticated: () => J(),
+    isAuthenticated: () => X(),
     signedInEmail: () => e.get(_.userEmail) || null,
-    getAuthHeaders: () => G(r, e),
+    getAuthHeaders: () => J(r, e),
     /**
      * Email step. Keeps the challenge user in memory for verifyCode.
      * @returns {{challengeRequired?: boolean, authenticated?: boolean}}
      */
     sendCode: async (s) => {
-      const i = await H(
+      const i = await Y(
         r,
         s,
         e,
-        Y,
         K,
         Q,
+        G,
         S,
         A,
         R
@@ -478,7 +486,7 @@ function he() {
       if (!t)
         throw new Error("Please enter your email again to get a new code.");
       try {
-        await W(
+        await N(
           t,
           s,
           e,
@@ -489,7 +497,7 @@ function he() {
       } catch {
         throw new Error("Invalid or expired code. Please request a new one and try again.");
       }
-      return await N(), { success: !0 };
+      return await H(), { success: !0 };
     },
     /** Local sign-out only ("use a different email"). */
     signOut: () => {
@@ -507,14 +515,14 @@ function he() {
     }
   };
 }
-function fe({ baseUrl: r }) {
-  const e = he();
-  return { ...pe({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
+function ge({ baseUrl: r }) {
+  const e = fe();
+  return { ...he({ baseUrl: r, getAuthHeaders: e.getAuthHeaders }), ...e };
 }
 function g(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function M(r, e = []) {
+function U(r, e = []) {
   const t = [];
   let s = r?.start;
   for (const a of e) {
@@ -535,9 +543,9 @@ function M(r, e = []) {
     s = n.next;
   }
   const i = g(r, s);
-  return i ? { nodeId: s, node: i, flags: j(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
+  return i ? { nodeId: s, node: i, flags: L(t), error: null } : { nodeId: null, node: null, flags: t, error: { step: null, reason: `unknown node: ${s}` } };
 }
-function ge(r, e = []) {
+function me(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "collect") continue;
@@ -546,37 +554,37 @@ function ge(r, e = []) {
   }
   return t;
 }
-function me(r = []) {
+function be(r = []) {
   const e = {};
   for (const t of r)
     t.kind === "collect" && Object.assign(e, t.values || {});
   return e;
 }
-function be(r = []) {
+function ye(r = []) {
   return r.filter((e) => e.kind === "choice").map((e) => `${e.nodeId}:${e.optionId}`);
 }
-function U(r, e = []) {
+function j(r, e = []) {
   const t = [];
   for (const s of e) {
     if (s.kind !== "choice") continue;
     const a = (g(r, s.nodeId)?.options || []).find((n) => n.id === s.optionId);
     t.push(...a?.flags || []);
   }
-  return j(t);
+  return L(t);
 }
-function ye(r = []) {
+function we(r = []) {
   return r.includes("urgent") ? "urgent" : r.includes("moderate") ? "moderate" : null;
 }
-function j(r) {
+function L(r) {
   return [...new Set(r)];
 }
-const we = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, D = {
+const xe = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}(:\d{2})?(\.\d+)?(Z|[+-]\d{2}:\d{2})?$/, D = {
   text: 500,
   textarea: 5e3,
   url: 2048
 };
-function xe(r, e) {
-  if (e == null || e === "" || r.kind === "location" && ve(e))
+function ve(r, e) {
+  if (e == null || e === "" || r.kind === "location" && ke(e))
     return r.required ? `Please fill in: ${r.label.toLowerCase()}.` : null;
   switch (r.kind) {
     case "text":
@@ -594,30 +602,30 @@ function xe(r, e) {
       }
     }
     case "datetime":
-      return we.test(String(e)) ? null : "Please pick a date and time.";
+      return xe.test(String(e)) ? null : "Please pick a date and time.";
     case "select":
       return (r.options || []).map((i) => i.id).includes(e) ? null : `Please choose one of the options for ${r.label.toLowerCase()}.`;
     case "consent":
       return e === !0 ? null : "Please confirm the rights statement so we can use what you send.";
     case "location":
-      return ke(r, e);
+      return _e(r, e);
     case "media":
       return null;
     default:
       return `Unsupported field: ${r.kind}`;
   }
 }
-function ve(r) {
+function ke(r) {
   return r == null ? !0 : typeof r != "object" ? !1 : !r.county && !r.where && !(Array.isArray(r.gps) && r.gps.length);
 }
-function ke(r, e) {
+function _e(r, e) {
   return typeof e != "object" || Array.isArray(e) ? "Please tell us where this was." : e.county !== void 0 && (typeof e.county != "string" || e.county.length > 100) ? "Please choose a county." : e.where !== void 0 && (typeof e.where != "string" || e.where.length > 500) ? "Please shorten the location description." : e.gps !== void 0 && !(Array.isArray(e.gps) && e.gps.length === 2 && e.gps.every((s) => typeof s == "number" && Number.isFinite(s))) ? "Location coordinates look wrong; try re-sharing your location." : r.required && !e.county && !e.where ? `Please fill in: ${r.label.toLowerCase()}.` : null;
 }
 function T(r, e = {}) {
   const t = {};
   for (const s of r) {
     if (s.kind === "media") continue;
-    const i = xe(s, e[s.key]);
+    const i = ve(s, e[s.key]);
     i && (t[s.key] = i);
   }
   return { ok: Object.keys(t).length === 0, errors: t };
@@ -650,8 +658,8 @@ function z({ formId: r, requestId: e, files: t }) {
     files: t.map((s) => ({ contentType: s.type, size: s.size }))
   };
 }
-function _e({ form: r, steps: e, media: t = [] }) {
-  const s = ge(r, e), i = me(e), a = {};
+function $e({ form: r, steps: e, media: t = [] }) {
+  const s = me(r, e), i = be(e), a = {};
   for (const n of s) {
     if (n.kind === "media") continue;
     const o = i[n.key];
@@ -667,12 +675,12 @@ function _e({ form: r, steps: e, media: t = [] }) {
   return {
     formId: r.formId,
     flowVersion: r.flowVersion,
-    path: be(e),
+    path: ye(e),
     answers: a,
     media: t.map(({ assetId: n, type: o }) => ({ assetId: n, type: o }))
   };
 }
-function $e(r, e) {
+function Fe(r, e) {
   if (r === 429)
     return {
       kind: "throttled",
@@ -710,15 +718,15 @@ function $e(r, e) {
     message: "Something went wrong on our end; please try again."
   };
 }
-const Fe = 34, Ie = 44;
+const Ie = 34, Ee = 44;
 function P(r, e) {
   const t = String(r);
   return t.length > e ? `${t.slice(0, e)}…` : t;
 }
-function Ee(r) {
+function Ce(r) {
   return !r || typeof r != "object" ? "" : [r.county, r.where].filter(Boolean).join(", ");
 }
-function Ce(r, e = {}, t = []) {
+function Se(r, e = {}, t = []) {
   const s = [];
   for (const i of r) {
     if (i.kind === "consent") continue;
@@ -726,21 +734,21 @@ function Ce(r, e = {}, t = []) {
       t.length && s.push(`${t.length} ${t.length === 1 ? "file" : "files"}`);
       continue;
     }
-    const a = i.kind === "location" ? Ee(e[i.key]) : e[i.key];
-    a == null || a === "" || (i.kind === "textarea" ? s.push(`"${P(a, Ie)}"`) : s.push(P(a, Fe)));
+    const a = i.kind === "location" ? Ce(e[i.key]) : e[i.key];
+    a == null || a === "" || (i.kind === "textarea" ? s.push(`"${P(a, Ee)}"`) : s.push(P(a, Ie)));
   }
   return s.join(" · ") || "Details provided";
 }
-function Se(r, e = [], t = null) {
+function Ae(r, e = [], t = null) {
   const s = [];
   for (const a of e) {
     const n = g(r, a.nodeId);
     a.kind === "choice" && n && s.push({ k: (n.prompt || "").replace(/\?$/, ""), v: a.label || a.optionId }), a.kind === "collect" && s.push({ k: "Details", v: a.summary || "Details provided" }), a.kind === "gate" && (a.email || t) && s.push({ k: "Verified email", v: a.email || t });
   }
-  const i = ye(U(r, e));
+  const i = we(j(r, e));
   return i && s.push({ k: "Priority", v: i === "urgent" ? "Urgent" : "Moderate", pill: i }), s;
 }
-function Ae(r, e = []) {
+function Re(r, e = []) {
   const t = r?.confirmation || {};
   return {
     title: t.title || "Report received.",
@@ -748,11 +756,11 @@ function Ae(r, e = []) {
     urgentNote: e.includes("urgent") ? t.urgentNote : void 0
   };
 }
-function Re(r, e) {
+function De(r, e) {
   const t = e === "failed" ? " The notification is queued for a delivery retry." : "";
   return r?.startsWith("studio+email:") ? `Sent to the Studio review queue; the desk is emailed.${t}` : r?.startsWith("studio:") ? "Sent to the Studio review queue." : r?.startsWith("jsm:") ? `A ticket is opened for tech support with your details as fields, not prose.${t}` : r?.startsWith("email:") ? `Emailed to the owning desk with a link to your report.${t}` : "Routed to the right team.";
 }
-function De({ routing: r = {}, flags: e = [], reference: t = "" }) {
+function Te({ routing: r = {}, flags: e = [], reference: t = "" }) {
   const s = e.includes("urgent");
   return [
     {
@@ -761,7 +769,7 @@ function De({ routing: r = {}, flags: e = [], reference: t = "" }) {
     },
     {
       title: "Routed",
-      body: Re(r.destination, r.state),
+      body: De(r.destination, r.state),
       pill: s ? "Urgent · pinned first" : void 0
     },
     {
@@ -778,19 +786,19 @@ function De({ routing: r = {}, flags: e = [], reference: t = "" }) {
     }
   ];
 }
-const E = "wral-report-it:draft:v1", L = 1;
-function Te(r, e) {
+const E = "wral-report-it:draft:v1", O = 1;
+function ze(r, e) {
   try {
-    r.setItem(E, JSON.stringify({ ...e, v: L, savedAt: Date.now() }));
+    r.setItem(E, JSON.stringify({ ...e, v: O, savedAt: Date.now() }));
   } catch {
   }
 }
-function ze(r) {
+function Pe(r) {
   try {
     const e = r.getItem(E);
     if (!e) return null;
     const t = JSON.parse(e);
-    return t?.v !== L ? null : t;
+    return t?.v !== O ? null : t;
   } catch {
     return null;
   }
@@ -801,7 +809,7 @@ function B(r) {
   } catch {
   }
 }
-function Pe({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
+function Be({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i = {} }) {
   return {
     apiOrigin: r,
     formId: e.formId,
@@ -811,13 +819,13 @@ function Pe({ apiOrigin: r, form: e, steps: t, requestId: s = null, mediaMeta: i
     media: i
   };
 }
-function Be(r, e, { apiOrigin: t } = {}) {
+function qe(r, e, { apiOrigin: t } = {}) {
   if (!r) return { status: "discarded" };
   if (t && r.apiOrigin && r.apiOrigin !== t)
     return { status: "discarded" };
   const s = (e || []).find((n) => n.formId === r.formId);
   if (!s) return { status: "discarded" };
-  const { error: i } = M(s, r.steps || []);
+  const { error: i } = U(s, r.steps || []);
   if (i) return { status: "discarded" };
   const a = {};
   for (const [n, o] of Object.entries(r.media || {}))
@@ -850,7 +858,7 @@ function k(r = []) {
     error: null
   };
 }
-function qe(r, e) {
+function Me(r, e) {
   switch (e.type) {
     case "START":
       return { ...r, stage: r.files.length ? "minting" : "requesting", error: null };
@@ -877,7 +885,7 @@ function qe(r, e) {
       }));
     case "FILE_DONE": {
       const t = x(r, e.i, (s) => ({ ...s, status: "done", progress: 1 }));
-      return Me(t);
+      return Ue(t);
     }
     case "FILE_FAIL":
       return { ...x(r, e.i, (s) => ({
@@ -918,14 +926,14 @@ function x(r, e, t) {
   const s = r.files.map((i, a) => a === e ? t(i) : i);
   return { ...r, files: s };
 }
-function Me(r) {
+function Ue(r) {
   const e = r.files.every((s) => s.status === "done"), t = r.files.some((s) => s.status === "failed");
   return e ? { ...r, stage: "requesting" } : t ? { ...r, stage: "uploading-error" } : r;
 }
 function q(r) {
   return r.files.map((e, t) => ({ ...e, i: t })).filter((e) => e.status === "failed");
 }
-const Ue = [
+const je = [
   "Wake",
   "Durham",
   "Orange",
@@ -942,9 +950,14 @@ const Ue = [
   "Moore",
   "Sampson",
   "Other / outside the area"
-], je = "https://api.wral.com/forms", Le = 480, Oe = 2;
-class Qe extends I {
-  static styles = de;
+], M = "(919) 821-8600", Le = "https://www.wral.com/my-wral/";
+function Oe(r) {
+  const e = String(r).replace(/\D/g, "");
+  return `tel:+1${e.length === 11 && e.startsWith("1") ? e.slice(1) : e}`;
+}
+const We = "https://api.wral.com/forms", Ve = 480, Ne = 2;
+class Xe extends I {
+  static styles = ce;
   static properties = {
     api: { type: String },
     _phase: { state: !0 },
@@ -971,10 +984,10 @@ class Qe extends I {
   #m = !1;
   #l = null;
   constructor() {
-    super(), this.api = je, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = k([]), this._banner = null, this._notice = null, this._result = null;
+    super(), this.api = We, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._typing = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = k([]), this._banner = null, this._notice = null, this._result = null;
   }
   get client() {
-    return this.#o ? this.#o : ((!this.#a || this.#u !== this.api) && (this.#a = fe({ baseUrl: this.api }), this.#u = this.api), this.#a);
+    return this.#o ? this.#o : ((!this.#a || this.#u !== this.api) && (this.#a = ge({ baseUrl: this.api }), this.#u = this.api), this.#a);
   }
   set client(e) {
     this.#o = e || null, this.isConnected && this.#b();
@@ -1012,7 +1025,7 @@ class Qe extends I {
       this._phase = "load-error";
       return;
     }
-    const e = Be(ze(this.#p), this._forms, { apiOrigin: this.api });
+    const e = qe(Pe(this.#p), this._forms, { apiOrigin: this.api });
     if (e.status === "ok" || e.status === "review-required") {
       this._form = e.form, this._steps = e.steps, this.#t = e.requestId, this.#s = e.lostMedia || {}, e.status === "review-required" ? this._notice = "This form changed since your last visit — please review your answers." : Object.keys(this.#s).length && (this._notice = "Welcome back — your answers were saved, but attachments need to be re-attached."), this.#n({ animate: !1 });
       return;
@@ -1024,7 +1037,7 @@ class Qe extends I {
     const e = {};
     for (const [t, s] of Object.entries(this.#r))
       s.length && (e[t] = s.map(({ name: i, type: a, size: n }) => ({ name: i, type: a, size: n })));
-    Te(this.#p, Pe({
+    ze(this.#p, Be({
       apiOrigin: this.api,
       form: this._form,
       steps: this._steps,
@@ -1036,10 +1049,10 @@ class Qe extends I {
   #n({ animate: e = !0 } = {}) {
     this._phase = "walk", this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, e && !this.#A ? (this._typing = !0, clearTimeout(this.#g), this.#g = setTimeout(() => {
       this._typing = !1;
-    }, Le)) : this._typing = !1;
+    }, Ve)) : this._typing = !1;
   }
   get #_() {
-    return this._form ? M(this._form, this._steps) : { node: null };
+    return this._form ? U(this._form, this._steps) : { node: null };
   }
   #R(e) {
     this._form = e, this._steps = [], this.#t = null, this.#r = {}, this.#s = {}, this._notice = null, this.#d(), this.#n();
@@ -1085,7 +1098,7 @@ class Qe extends I {
       nodeId: e.id,
       kind: "collect",
       values: { ...this._cardValues },
-      summary: Ce(t, this._cardValues, o)
+      summary: Se(t, this._cardValues, o)
     });
   }
   // ── Gate ────────────────────────────────────────────────────────
@@ -1154,7 +1167,7 @@ class Qe extends I {
     return e;
   }
   #e(e) {
-    this._submit = qe(this._submit, e);
+    this._submit = Me(this._submit, e);
   }
   async #P() {
     this._banner = null;
@@ -1201,7 +1214,7 @@ class Qe extends I {
   #E() {
     const e = this._submit.files, t = this.#i.size;
     let s = 0;
-    for (let i = 0; i < e.length && t + s < Oe; i++)
+    for (let i = 0; i < e.length && t + s < Ne; i++)
       e[i].status !== "uploading" || this.#i.has(i) || (s += 1, this.#q(i));
   }
   #q(e) {
@@ -1242,7 +1255,7 @@ class Qe extends I {
   }
   async #U() {
     try {
-      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, _e({
+      const e = this._submit.files.map(({ assetId: s, type: i }) => ({ assetId: s, type: i })), t = await this.client.putRequest(this.#t, $e({
         form: this._form,
         steps: this._steps,
         media: e
@@ -1253,7 +1266,7 @@ class Qe extends I {
     }
   }
   #k(e) {
-    const t = $e(e?.status ?? 0, e?.body ?? null);
+    const t = Fe(e?.status ?? 0, e?.body ?? null);
     if (t.kind === "auth") {
       this.#e({ type: "AUTH_REQUIRED" }), this._gate = { stage: "email", email: "", error: "", loading: !1 };
       return;
@@ -1296,9 +1309,9 @@ class Qe extends I {
 				</div>
 			`;
       case "pick":
-        return this.#V();
+        return this.#W();
       case "walk":
-        return l`${this.#f()}${this._typing ? $() : this.#W()}`;
+        return l`${this.#f()}${this._typing ? $() : this.#V()}`;
       case "review":
         return l`${this.#f()}${this.#S()}`;
       case "submitting":
@@ -1309,7 +1322,7 @@ class Qe extends I {
         return c;
     }
   }
-  #V() {
+  #W() {
     const e = this._forms;
     return l`
 			${h(
@@ -1341,7 +1354,7 @@ class Qe extends I {
     }
     return e;
   }
-  #W() {
+  #V() {
     const { node: e, error: t } = this.#_;
     return t || !e ? h("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#N(e) : e.type === "collect" ? this.#H(e) : e.type === "gate" ? this.#C(e) : e.type === "redirect" ? this.#G(e) : e.type === "terminal" ? this.#S() : c;
   }
@@ -1439,7 +1452,7 @@ class Qe extends I {
     }
   }
   #Q(e, t) {
-    const s = e.counties || Ue, i = (a) => this.#x(e.key, { ...t, ...a });
+    const s = e.counties || je, i = (a) => this.#x(e.key, { ...t, ...a });
     return l`
 			<select id="f-${e.key}" aria-label="County"
 				@change=${(a) => i({ county: a.target.value || void 0 })}>
@@ -1501,8 +1514,13 @@ class Qe extends I {
 							<li>We can follow up on your report</li>
 							<li>Your contact information fills in automatically next time</li>
 							<li>You are credited by name when we use your photos or video</li>
+							<li><a href=${Le} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
+					<p class="login-anon">
+						Want to remain anonymous? Call us at
+						<a href=${Oe(M)}>${M}</a>.
+					</p>
 				</div>
 			` : l`
 			${s}
@@ -1556,7 +1574,7 @@ class Qe extends I {
 		`;
   }
   #S() {
-    const e = Se(this._form, this._steps);
+    const e = Ae(this._form, this._steps);
     return l`
 			${h("Here is what you are sending.", "Check it over, then submit.")}
 			<div class="form-card">
@@ -1564,7 +1582,7 @@ class Qe extends I {
 					${e.map((t) => l`
 						<li>
 							<span class="k">${t.k}</span>
-							<span>${t.pill ? ce(t.pill) : t.v}</span>
+							<span>${t.pill ? ue(t.pill) : t.v}</span>
 						</li>
 					`)}
 				</ul>
@@ -1624,7 +1642,7 @@ class Qe extends I {
 		`;
   }
   #X() {
-    const e = U(this._form, this._steps), t = Ae(this._result, e), s = De({
+    const e = j(this._form, this._steps), t = Re(this._result, e), s = Te({
       routing: this._result?.routing || {},
       flags: e,
       reference: this._result?.reference || ""
@@ -1632,7 +1650,7 @@ class Qe extends I {
     return l`
 			<div class="confirm-card">
 				<div class="c-head">
-					<div class="c-check">${ue()}</div>
+					<div class="c-check">${pe()}</div>
 					<div>
 						<div class="eyebrow">Report received</div>
 						<h2>${t.title}</h2>
@@ -1682,7 +1700,7 @@ class Qe extends I {
     this.renderRoot?.querySelector(".chat")?.lastElementChild?.scrollIntoView?.({ block: "nearest" });
   }
 }
-class Ge extends I {
+class Ze extends I {
   static properties = {
     files: { attribute: !1 },
     lostMeta: { attribute: !1 },
@@ -1742,7 +1760,7 @@ class Ge extends I {
 					${e.map((s, i) => l`
 						<li>
 							<span>${s.name}</span>
-							<span class="size">${Ve(s.size)}</span>
+							<span class="size">${He(s.size)}</span>
 							<button type="button" class="remove"
 								aria-label="Remove ${s.name}"
 								@click=${() => this.#t(i)}>✕</button>
@@ -1761,15 +1779,15 @@ class Ge extends I {
 		`;
   }
 }
-function Ve(r) {
+function He(r) {
   return Number.isFinite(r) ? r >= 1024 * 1024 ? `${(r / (1024 * 1024)).toFixed(1)} MB` : r >= 1024 ? `${Math.round(r / 1024)} KB` : `${r} B` : "";
 }
-const We = (r, e, t, s) => {
+const Ye = (r, e, t, s) => {
   const i = e.target.value.replace(/\D/g, "").slice(-1), a = [...t];
   a[r] = i;
   const n = a.join(""), o = a.every((d) => d !== "");
   return s("code-change", { value: n, complete: o }), i && o && s("code-complete", { value: n }), a;
-}, Ne = (r, e, t, s) => {
+}, Ke = (r, e, t, s) => {
   if (e.key === "Backspace") {
     const i = [...t];
     !i[r] && r > 0 ? i[r - 1] = "" : i[r] && (i[r] = "");
@@ -1777,7 +1795,7 @@ const We = (r, e, t, s) => {
     return s("code-change", { value: a, complete: !1 }), i;
   }
   return t;
-}, He = (r, e, t) => {
+}, Qe = (r, e, t) => {
   r.preventDefault();
   const s = r.clipboardData.getData("text").replace(/\D/g, "").slice(0, 6);
   if (s.length === 0) return e;
@@ -1787,7 +1805,7 @@ const We = (r, e, t, s) => {
   const a = i.join(""), n = i.every((o) => o !== "");
   return t("code-change", { value: a, complete: n }), s.length === 6 && t("code-complete", { value: a }), i;
 };
-class Je extends I {
+class et extends I {
   static formAssociated = !0;
   static properties = {
     _values: { type: Array, state: !0 },
@@ -1892,7 +1910,7 @@ class Je extends I {
     this.getInputs()[e]?.focus();
   }
   inputHandler(e, t) {
-    this._values = We(
+    this._values = Ye(
       e,
       t,
       this._values,
@@ -1902,7 +1920,7 @@ class Je extends I {
   keydownHandler(e, t) {
     if (t.key === "Backspace") {
       const s = !this._values[e];
-      this._values = Ne(
+      this._values = Ke(
         e,
         t,
         this._values,
@@ -1911,7 +1929,7 @@ class Je extends I {
     }
   }
   pasteHandler(e) {
-    this._values = He(e, this._values, this.dispatchCustomEvent.bind(this));
+    this._values = Qe(e, this._values, this.dispatchCustomEvent.bind(this));
   }
   render() {
     return l`
@@ -1936,10 +1954,10 @@ class Je extends I {
   }
 }
 export {
-  Je as W,
-  Ge as a,
-  Qe as b,
-  he as c,
-  pe as d,
-  fe as e
+  et as W,
+  Ze as a,
+  Xe as b,
+  fe as c,
+  he as d,
+  ge as e
 };