@wral/report-it 0.2.2 → 0.2.3

package/dist/define.mjs

@@ -1,5 +1,5 @@
 import * as n from "amazon-cognito-identity-js";
-import { W as i, a as r, b as a } from "./wral-code-input-BA1oCHMu.js";
+import { W as i, a as r, b as a } from "./wral-code-input-ykUMYxPb.js";
 typeof window < "u" && !window.AmazonCognitoIdentity && (window.AmazonCognitoIdentity = n);
 const d = {
   "wral-report-it": a,

package/dist/define.standalone.js

@@ -40,7 +40,7 @@ function $t(n) {
     });
   }), t;
 }
-var tt = {}, be = {}, Gt;
+var rt = {}, be = {}, Gt;
 function An() {
   if (Gt) return be;
   Gt = 1, be.byteLength = u, be.toByteArray = d, be.fromByteArray = y;
@@ -114,14 +114,14 @@ function Cn() {
     n[t + v - b] |= _ * 128;
   }), Ve;
 }
-var rt, Zt;
+var nt, Zt;
 function xn() {
-  if (Zt) return rt;
+  if (Zt) return nt;
   Zt = 1;
   var n = {}.toString;
-  return rt = Array.isArray || function(e) {
+  return nt = Array.isArray || function(e) {
     return n.call(e) == "[object Array]";
-  }, rt;
+  }, nt;
 }
 var Xt;
 function En() {
@@ -550,10 +550,10 @@ function En() {
         }
         S === null ? (S = 65533, I = 1) : S > 65535 && (S -= 65536, f.push(S >>> 10 & 1023 | 55296), S = 56320 | S & 1023), f.push(S), g += I;
       }
-      return et(f);
+      return tt(f);
     }
     var re = 4096;
-    function et(h) {
+    function tt(h) {
       var a = h.length;
       if (a <= re)
         return String.fromCharCode.apply(String, h);
@@ -886,7 +886,7 @@ function En() {
     function Sn(h) {
       return h !== h;
     }
-  })(tt)), tt;
+  })(rt)), rt;
 }
 var k = En(), z;
 typeof window < "u" && window.crypto && (z = window.crypto);
@@ -931,7 +931,7 @@ var Mr = /* @__PURE__ */ (function() {
   }, e.toString = function() {
     return Tn(this);
   }, n;
-})(), nt = {};
+})(), it = {};
 var ft = function(n, e) {
   return ft = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t, r) {
     t.__proto__ = r;
@@ -1358,7 +1358,7 @@ function Gn() {
   );
   return _e.RawSha256 = e, _e;
 }
-var it = {}, Ae = {};
+var st = {}, Ae = {};
 const Jn = (n) => {
   const e = [];
   for (let t = 0, r = n.length; t < r; t++) {
@@ -1471,7 +1471,7 @@ function ui() {
     Object.defineProperty(n, "uint32ArrayFrom", { enumerable: !0, get: function() {
       return i.uint32ArrayFrom;
     } });
-  })(it)), it;
+  })(st)), st;
 }
 var or;
 function li() {
@@ -1530,7 +1530,7 @@ function ci() {
     Object.defineProperty(n, "__esModule", { value: !0 });
     var e = Lr;
     (0, e.__exportStar)(li(), n);
-  })(nt)), nt;
+  })(it)), it;
 }
 var De = ci();
 function C(n, e) {
@@ -1570,18 +1570,18 @@ var Rt = 52;
 C.prototype.FV = Math.pow(2, Rt);
 C.prototype.F1 = Rt - Q;
 C.prototype.F2 = 2 * Q - Rt;
-var gi = "0123456789abcdefghijklmnopqrstuvwxyz", Ge = new Array(), ge, W;
+var gi = "0123456789abcdefghijklmnopqrstuvwxyz", Je = new Array(), ge, W;
 ge = 48;
-for (W = 0; W <= 9; ++W) Ge[ge++] = W;
+for (W = 0; W <= 9; ++W) Je[ge++] = W;
 ge = 97;
-for (W = 10; W < 36; ++W) Ge[ge++] = W;
+for (W = 10; W < 36; ++W) Je[ge++] = W;
 ge = 65;
-for (W = 10; W < 36; ++W) Ge[ge++] = W;
+for (W = 10; W < 36; ++W) Je[ge++] = W;
 function cr(n) {
   return gi.charAt(n);
 }
 function mi(n, e) {
-  var t = Ge[n.charCodeAt(e)];
+  var t = Je[n.charCodeAt(e)];
   return t ?? -1;
 }
 function yi(n) {
@@ -1867,7 +1867,7 @@ C.prototype.divide = qi;
 C.prototype.modPow = Wi;
 C.ZERO = Pt(0);
 C.ONE = Pt(1);
-function st(n) {
+function ot(n) {
   return k.Buffer.from(new Mr().random(n).toString(), "hex");
 }
 var Yi = /^[89a-f]/i, Gi = "FFFFFFFFFFFFFFFFC90FDAA22168C234C4C6628B80DC1CD129024E088A67CC74020BBEA63B139B22514A08798E3404DDEF9519B3CD3A431B302B0A6DF25F14374FE1356D6D51C245E485B576625E7EC6F44C42E9A637ED6B0BFF5CB6F406B7EDEE386BFB5A899FA5AE9F24117C4B1FE649286651ECE45B3DC2007CB8A163BF0598DA48361C55D39A69163FA8FD24CF5F83655D23DCA3AD961C62F356208552BB9ED529077096966D670C354E4ABC9804F1746C08CA18217C32905E462E36CE3BE39E772C180E86039B2783A2EC07A28FB5C55DF06F4C52C9DE2BCBF6955817183995497CEA956AE515D2261898FA051015728E5A8AAAC42DAD33170D04507A33A85521ABDF1CBA64ECFB850458DBEF0A8AEA71575D060C7DB3970F85A6E1E4C7ABF5AE8CDB0933D71E8C94E04A25619DCEE3D2261AD2EE6BF12FFA06D98A0864D87602733EC86A64521F2B18177B200CBBE117577A615D6C770988C0BAD946E208E24FA074E5AB3143DB5BFCE0FD108E4B82D120A93AD2CAFFFFFFFFFFFFFFFF", Ji = "userAttributes.", se = /* @__PURE__ */ (function() {
@@ -1884,10 +1884,10 @@ var Yi = /^[89a-f]/i, Gi = "FFFFFFFFFFFFFFFFC90FDAA22168C234C4C6628B80DC1CD12902
       s && r(s, null), i.largeAValue = o, r(null, i.largeAValue);
     });
   }, e.generateRandomSmallA = function() {
-    var r = st(128).toString("hex"), i = new C(r, 16);
+    var r = ot(128).toString("hex"), i = new C(r, 16);
     return i;
   }, e.generateRandomString = function() {
-    return st(40).toString("base64");
+    return ot(40).toString("base64");
   }, e.getRandomPassword = function() {
     return this.randomPassword;
   }, e.getSaltDevices = function() {
@@ -1897,7 +1897,7 @@ var Yi = /^[89a-f]/i, Gi = "FFFFFFFFFFFFFFFFC90FDAA22168C234C4C6628B80DC1CD12902
   }, e.generateHashDevice = function(r, i, s) {
     var o = this;
     this.randomPassword = this.generateRandomString();
-    var u = "" + r + i + ":" + this.randomPassword, c = this.hash(u), d = st(16).toString("hex");
+    var u = "" + r + i + ":" + this.randomPassword, c = this.hash(u), d = ot(16).toString("hex");
     this.SaltToHashDevices = this.padHex(new C(d, 16)), this.g.modPow(new C(this.hexHash(this.SaltToHashDevices + c), 16), this.N, function(p, m) {
       p && s(p, null), o.verifierDevices = o.padHex(m), s(null, null);
     });
@@ -2169,8 +2169,8 @@ var ss = typeof navigator < "u", hr = ss ? Vr.isReactNative ? "react-native" : n
           var ye = ee.digestSync(), G = k.Buffer.from(ye).toString("base64"), V = {};
           V.USERNAME = s.username, V.PASSWORD_CLAIM_SECRET_BLOCK = U.SECRET_BLOCK, V.TIMESTAMP = B, V.PASSWORD_CLAIM_SIGNATURE = G, s.deviceKey != null && (V.DEVICE_KEY = s.deviceKey);
           var te = function(ce, we) {
-            return s.client.request("RespondToAuthChallenge", ce, function(re, et) {
-              return re && re.code === "ResourceNotFoundException" && re.message.toLowerCase().indexOf("device") !== -1 ? (V.DEVICE_KEY = null, s.deviceKey = null, s.randomPassword = null, s.deviceGroupKey = null, s.clearCachedDeviceKeyAndPassword(), te(ce, we)) : we(re, et);
+            return s.client.request("RespondToAuthChallenge", ce, function(re, tt) {
+              return re && re.code === "ResourceNotFoundException" && re.message.toLowerCase().indexOf("device") !== -1 ? (V.DEVICE_KEY = null, s.deviceKey = null, s.randomPassword = null, s.deviceGroupKey = null, s.clearCachedDeviceKeyAndPassword(), te(ce, we)) : we(re, tt);
             });
           }, le = {
             ChallengeName: "PASSWORD_VERIFIER",
@@ -2856,9 +2856,9 @@ const as = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: os
 }, Symbol.toStringTag, { value: "Module" })), fr = /* @__PURE__ */ $t(as);
-var ot, dr;
+var at, dr;
 function us() {
-  return dr || (dr = 1, ot = self.fetch || (self.fetch = fr.default || fr)), ot;
+  return dr || (dr = 1, at = self.fetch || (self.fetch = fr.default || fr)), at;
 }
 us();
 function j() {
@@ -3216,7 +3216,7 @@ const As = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   WordArray: Mr,
   appendToCognitoUserAgent: ls
 }, Symbol.toStringTag, { value: "Module" }));
-const ze = globalThis, Bt = ze.ShadowRoot && (ze.ShadyCSS === void 0 || ze.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ot = /* @__PURE__ */ Symbol(), pr = /* @__PURE__ */ new WeakMap();
+const We = globalThis, Bt = We.ShadowRoot && (We.ShadyCSS === void 0 || We.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ot = /* @__PURE__ */ Symbol(), pr = /* @__PURE__ */ new WeakMap();
 let Yr = class {
   constructor(e, t, r) {
     if (this._$cssResult$ = !0, r !== Ot) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -3245,7 +3245,7 @@ const Cs = (n) => new Yr(typeof n == "string" ? n : n + "", void 0, Ot), Y = (n,
 }, xs = (n, e) => {
   if (Bt) n.adoptedStyleSheets = e.map((t) => t instanceof CSSStyleSheet ? t : t.styleSheet);
   else for (const t of e) {
-    const r = document.createElement("style"), i = ze.litNonce;
+    const r = document.createElement("style"), i = We.litNonce;
     i !== void 0 && r.setAttribute("nonce", i), r.textContent = t.cssText, n.appendChild(r);
   }
 }, gr = Bt ? (n) => n : (n) => n instanceof CSSStyleSheet ? ((e) => {
@@ -3253,7 +3253,7 @@ const Cs = (n) => new Yr(typeof n == "string" ? n : n + "", void 0, Ot), Y = (n,
   for (const r of e.cssRules) t += r.cssText;
   return Cs(t);
 })(n) : n;
-const { is: Es, defineProperty: Us, getOwnPropertyDescriptor: Ts, getOwnPropertyNames: Is, getOwnPropertySymbols: Ds, getPrototypeOf: ks } = Object, Je = globalThis, mr = Je.trustedTypes, $s = mr ? mr.emptyScript : "", Rs = Je.reactiveElementPolyfillSupport, ke = (n, e) => n, Et = { toAttribute(n, e) {
+const { is: Es, defineProperty: Us, getOwnPropertyDescriptor: Ts, getOwnPropertyNames: Is, getOwnPropertySymbols: Ds, getPrototypeOf: ks } = Object, Ze = globalThis, mr = Ze.trustedTypes, $s = mr ? mr.emptyScript : "", Rs = Ze.reactiveElementPolyfillSupport, ke = (n, e) => n, Et = { toAttribute(n, e) {
   switch (e) {
     case Boolean:
       n = n ? $s : null;
@@ -3282,7 +3282,7 @@ const { is: Es, defineProperty: Us, getOwnPropertyDescriptor: Ts, getOwnProperty
   }
   return t;
 } }, Gr = (n, e) => !Es(n, e), yr = { attribute: !0, type: String, converter: Et, reflect: !1, useDefault: !1, hasChanged: Gr };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Je.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), Ze.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let fe = class extends HTMLElement {
   static addInitializer(e) {
     this._$Ei(), (this.l ??= []).push(e);
@@ -3464,9 +3464,9 @@ let fe = class extends HTMLElement {
   firstUpdated(e) {
   }
 };
-fe.elementStyles = [], fe.shadowRootOptions = { mode: "open" }, fe[ke("elementProperties")] = /* @__PURE__ */ new Map(), fe[ke("finalized")] = /* @__PURE__ */ new Map(), Rs?.({ ReactiveElement: fe }), (Je.reactiveElementVersions ??= []).push("2.1.2");
-const Mt = globalThis, vr = (n) => n, Ye = Mt.trustedTypes, wr = Ye ? Ye.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Jr = "$lit$", X = `lit$${Math.random().toFixed(9).slice(2)}$`, Zr = "?" + X, Ps = `<${Zr}>`, ue = document, Pe = () => ue.createComment(""), Fe = (n) => n === null || typeof n != "object" && typeof n != "function", Nt = Array.isArray, Fs = (n) => Nt(n) || typeof n?.[Symbol.iterator] == "function", at = `[ 	
-\f\r]`, Te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, br = /-->/g, Sr = />/g, ie = RegExp(`>|${at}(?:([^\\s"'>=/]+)(${at}*=${at}*(?:[^ 	
+fe.elementStyles = [], fe.shadowRootOptions = { mode: "open" }, fe[ke("elementProperties")] = /* @__PURE__ */ new Map(), fe[ke("finalized")] = /* @__PURE__ */ new Map(), Rs?.({ ReactiveElement: fe }), (Ze.reactiveElementVersions ??= []).push("2.1.2");
+const Mt = globalThis, vr = (n) => n, Ge = Mt.trustedTypes, wr = Ge ? Ge.createPolicy("lit-html", { createHTML: (n) => n }) : void 0, Jr = "$lit$", X = `lit$${Math.random().toFixed(9).slice(2)}$`, Zr = "?" + X, Ps = `<${Zr}>`, ue = document, Pe = () => ue.createComment(""), Fe = (n) => n === null || typeof n != "object" && typeof n != "function", Nt = Array.isArray, Fs = (n) => Nt(n) || typeof n?.[Symbol.iterator] == "function", ut = `[ 	
+\f\r]`, Te = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, br = /-->/g, Sr = />/g, ie = RegExp(`>|${ut}(?:([^\\s"'>=/]+)(${ut}*=${ut}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), _r = /'/g, Ar = /"/g, Xr = /^(?:script|style|textarea|title)$/i, Bs = (n) => (e, ...t) => ({ _$litType$: n, strings: e, values: t }), A = Bs(1), de = /* @__PURE__ */ Symbol.for("lit-noChange"), E = /* @__PURE__ */ Symbol.for("lit-nothing"), Cr = /* @__PURE__ */ new WeakMap(), oe = ue.createTreeWalker(ue, 129);
 function Qr(n, e) {
   if (!Nt(n) || !n.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -3498,12 +3498,12 @@ class Be {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const m of i.getAttributeNames()) if (m.endsWith(Jr)) {
           const y = p[o++], v = i.getAttribute(m).split(X), b = /([.?@])?(.*)/.exec(y);
-          c.push({ type: 1, index: s, name: b[2], strings: v, ctor: b[1] === "." ? Ns : b[1] === "?" ? Ls : b[1] === "@" ? qs : Ze }), i.removeAttribute(m);
+          c.push({ type: 1, index: s, name: b[2], strings: v, ctor: b[1] === "." ? Ns : b[1] === "?" ? Ls : b[1] === "@" ? qs : Xe }), i.removeAttribute(m);
         } else m.startsWith(X) && (c.push({ type: 6, index: s }), i.removeAttribute(m));
         if (Xr.test(i.tagName)) {
           const m = i.textContent.split(X), y = m.length - 1;
           if (y > 0) {
-            i.textContent = Ye ? Ye.emptyScript : "";
+            i.textContent = Ge ? Ge.emptyScript : "";
             for (let v = 0; v < y; v++) i.append(m[v], Pe()), oe.nextNode(), c.push({ type: 2, index: ++s });
             i.append(m[y], Pe());
           }
@@ -3614,7 +3614,7 @@ class Oe {
     this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class Ze {
+class Xe {
   get tagName() {
     return this.element.tagName;
   }
@@ -3639,7 +3639,7 @@ class Ze {
     e === E ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Ns extends Ze {
+class Ns extends Xe {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -3647,7 +3647,7 @@ class Ns extends Ze {
     this.element[this.name] = e === E ? void 0 : e;
   }
 }
-class Ls extends Ze {
+class Ls extends Xe {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -3655,7 +3655,7 @@ class Ls extends Ze {
     this.element.toggleAttribute(this.name, !!e && e !== E);
   }
 }
-class qs extends Ze {
+class qs extends Xe {
   constructor(e, t, r, i, s) {
     super(e, t, r, i, s), this.type = 5;
   }
@@ -4099,7 +4099,7 @@ function M(n, e, { noAnim: t = !1, error: r = !1 } = {}) {
 function Z(n, { noAnim: e = !1 } = {}) {
   return A`<div class="msg user ${e ? "no-anim" : ""}">${n}</div>`;
 }
-function ut() {
+function ze() {
   return A`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
 function no(n) {
@@ -4525,10 +4525,10 @@ function Eo({ baseUrl: n, factsBaseUrl: e }) {
 function J(n, e) {
   return (n?.nodes || []).find((t) => t.id === e);
 }
-function Xe(n) {
+function Qe(n) {
   return n?.form ? { formId: n.form, path: [...n.path || []] } : null;
 }
-function Qe(n, e = []) {
+function et(n, e = []) {
   const t = [];
   let r = n?.start;
   for (const s of e) {
@@ -4543,7 +4543,7 @@ function Qe(n, e = []) {
       const u = (o.options || []).find((c) => c.id === s.optionId);
       if (!u)
         return { nodeId: null, node: null, flags: t, error: { step: s, reason: `unknown option: ${s.optionId}` } };
-      if (Xe(u))
+      if (Qe(u))
         return { nodeId: null, node: null, flags: t, error: { step: s, reason: `steps continue past a hand-off: ${s.optionId}` } };
       t.push(...u.flags || []), r = u.next;
       continue;
@@ -4594,11 +4594,11 @@ function Io(n, e = []) {
       return { steps: [], error: `unknown preset step: ${i}` };
     t.push({ nodeId: s, kind: "choice", optionId: o, label: c.label, preset: !0 });
   }
-  const { error: r } = Qe(n, t);
+  const { error: r } = et(n, t);
   return r ? { steps: [], error: r.reason } : { steps: t, error: null };
 }
 function Do(n, e) {
-  const t = Xe(e);
+  const t = Qe(e);
   if (!t) return { form: null, steps: [], error: "not a hand-off" };
   const r = (n || []).find((o) => o.formId === t.formId);
   if (!r) return { form: null, steps: [], error: `unknown form: ${t.formId}` };
@@ -4621,10 +4621,10 @@ function Ro(n, e, t) {
   for (let i = 0; i < n.length; i++) {
     const s = n[i], o = (e || []).find((m) => m.formId === s?.formId);
     if (!o) return [];
-    const { node: u, error: c } = Qe(o, s.steps || []);
+    const { node: u, error: c } = et(o, s.steps || []);
     if (c || u?.id !== s.option?.nodeId) return [];
     const d = (u.options || []).find((m) => m.id === s.option.optionId), p = i + 1 < n.length ? n[i + 1].formId : t;
-    if (Xe(d)?.formId !== p) return [];
+    if (Qe(d)?.formId !== p) return [];
     r.push({ form: o, steps: s.steps || [], option: s.option });
   }
   return r;
@@ -4891,7 +4891,7 @@ function ta(n, e, { apiOrigin: t } = {}) {
     return { status: "discarded" };
   const r = (e || []).find((o) => o.formId === n.formId);
   if (!r) return { status: "discarded" };
-  const { error: i } = Qe(r, n.steps || []);
+  const { error: i } = et(r, n.steps || []);
   if (i) return { status: "discarded" };
   const s = {};
   for (const [o, u] of Object.entries(n.media || {}))
@@ -4905,7 +4905,7 @@ function ta(n, e, { apiOrigin: t } = {}) {
     origins: Ro(n.origins, e, r.formId)
   };
 }
-function We(n = []) {
+function Ye(n = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -4984,7 +4984,7 @@ function ra(n, e) {
     case "REQUEST_FAIL":
       return { ...n, stage: "requesting-error", error: e.error };
     case "RESET":
-      return We([]);
+      return Ye([]);
     default:
       return n;
   }
@@ -5065,7 +5065,7 @@ class da extends ae {
   /* The gate was passed with an account created on this page load; offered once. */
   #d = !1;
   constructor() {
-    super(), this.api = ua, this.factsApi = null, this.flow = null, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = We([]), this._banner = null, this._notice = null, this._result = null, this._factsOffer = null;
+    super(), this.api = ua, this.factsApi = null, this.flow = null, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = Ye([]), this._banner = null, this._notice = null, this._result = null, this._factsOffer = null;
   }
   get client() {
     if (this.#l) return this.#l;
@@ -5163,7 +5163,7 @@ ${this.factsApi || ""}`;
     }, la)) : this._typing = !1;
   }
   get #_() {
-    return this._form ? Qe(this._form, this._steps) : { node: null };
+    return this._form ? et(this._form, this._steps) : { node: null };
   }
   #T(e) {
     this._form = e, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#r = {}, this.#n = {}, this._notice = null, this.#o(), this.#i();
@@ -5172,7 +5172,7 @@ ${this.factsApi || ""}`;
     this._steps = [...this._steps, e], this.#o(), this.#i();
   }
   #K(e, t) {
-    if (Xe(t)) {
+    if (Qe(t)) {
       this.#V(e, t);
       return;
     }
@@ -5225,7 +5225,7 @@ ${this.factsApi || ""}`;
     this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#o(), this.#i({ animate: !1 });
   }
   #A() {
-    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#r = {}, this.#n = {}, this._result = null, this._banner = null, this._notice = null, this._submit = We([]), this._factsOffer = null, Fr(this.#p), this._phase = "pick";
+    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#r = {}, this.#n = {}, this._result = null, this._banner = null, this._notice = null, this._submit = Ye([]), this._factsOffer = null, Fr(this.#p), this._phase = "pick";
   }
   // ── Collect card ────────────────────────────────────────────────
   #C(e, t) {
@@ -5391,7 +5391,7 @@ ${this.factsApi || ""}`;
       if (!await this.#P()) return;
     } else
       this.client.endAnonSession?.();
-    if (this._submit = We(this.#y), this._phase = "submitting", this.#g) {
+    if (this._submit = Ye(this.#y), this._phase = "submitting", this.#g) {
       this.#e({ type: "START" }), this.#a();
       return;
     }
@@ -5531,7 +5531,7 @@ ${this.factsApi || ""}`;
     switch (this._phase) {
       case "loading":
         return A`${M(ct, this._loadingSlow ? "Loading the form list…" : ht)}
-				${ut()}`;
+				${ze()}`;
       case "load-error":
         return A`
 				${M("We could not load the forms.", "Check your connection and try again.", { error: !0 })}
@@ -5542,7 +5542,7 @@ ${this.factsApi || ""}`;
       case "pick":
         return this.#ue();
       case "walk":
-        return A`${this.#v()}${this._typing ? ut() : this.#le()}`;
+        return A`${this.#v()}${this._typing ? ze() : this.#le()}`;
       case "review":
         return A`${this.#v()}${this.#M()}`;
       case "submitting":
@@ -5806,7 +5806,7 @@ ${this.factsApi || ""}`;
 					<button type="button" @click=${() => this.#x()}>resend a new code</button>.
 				</p>
 			</div>
-		` : A`${r}${ut()}`;
+		` : A`${r}${ze()}`;
   }
   /* Collapsed by default: findable for whoever needs it, never the
    * first thing a viewer reaches for. */
@@ -5904,23 +5904,23 @@ ${this.factsApi || ""}`;
       "uploading-error": "One of your files did not upload.",
       requesting: "Sending your report…",
       "requesting-error": this._banner?.message || "We could not send your report."
-    }[e.stage] || "Working…";
+    }[e.stage] || "Working…", r = e.stage.endsWith("-error");
     return A`
 			${M("Submitting your report.", t)}
-			<div class="form-card">
-				${e.files.map((r, i) => A`
+			${e.files.length || r ? A`<div class="form-card">
+				${e.files.map((i, s) => A`
 					<div class="upload-row">
-						<span class="name">${r.name}</span>
+						<span class="name">${i.name}</span>
 						<div class="upload-bar" role="progressbar"
 							aria-valuemin="0" aria-valuemax="100"
-							aria-valuenow=${Math.round((r.status === "done" ? 1 : r.progress) * 100)}>
-							<div class="fill" style="width: ${(r.status === "done" ? 1 : r.progress) * 100}%"></div>
+							aria-valuenow=${Math.round((i.status === "done" ? 1 : i.progress) * 100)}>
+							<div class="fill" style="width: ${(i.status === "done" ? 1 : i.progress) * 100}%"></div>
 						</div>
-						<span class="state ${r.status === "failed" ? "failed" : ""}">
-							${r.status === "done" ? "Done" : r.status === "failed" ? "Failed" : "Uploading"}
+						<span class="state ${i.status === "failed" ? "failed" : ""}">
+							${i.status === "done" ? "Done" : i.status === "failed" ? "Failed" : "Uploading"}
 						</span>
-						${r.status === "failed" ? A`
-							<button type="button" class="retry-chip" @click=${() => this.#te(i)}>
+						${i.status === "failed" ? A`
+							<button type="button" class="retry-chip" @click=${() => this.#te(s)}>
 								Retry
 							</button>
 						` : E}
@@ -5939,7 +5939,8 @@ ${this.factsApi || ""}`;
 					<div class="err" role="alert">Retry the failed
 						${Br(e).length === 1 ? "file" : "files"} to continue.</div>
 				` : E}
-			</div>
+			</div>` : E}
+			${r ? E : ze()}
 		`;
   }
   #we() {

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { W as Oe, b as Be, a as Ce, c as De, d as je, e as Me } from "./wral-code-input-BA1oCHMu.js";
+import { W as Oe, b as Be, a as Ce, c as De, d as je, e as Me } from "./wral-code-input-ykUMYxPb.js";
 const v = "news", _ = "News tip or story idea", I = "News tips and story ideas routed to the news desk queue; assignment editors are emailed. Breaking reports flag urgent. The 5 On Your Side and Investigates options hand off to those forms.", L = "2026-09-25.1", $ = 0, W = !0, A = "news_type", S = { maxFiles: 5, maxFileBytes: 524288e3, allowedTypes: ["image/jpeg", "image/png", "image/heic", "image/webp", "video/mp4", "video/quicktime", "application/pdf"] }, R = [{ id: "news_type", type: "choice", prompt: "What kind of news?", options: [{ id: "breaking", label: "Breaking or happening now", flags: ["urgent"], next: "news_detail" }, { id: "idea", label: "Story idea", next: "news_detail" }, { id: "fiveoys", label: "5 On Your Side or consumer complaint", form: "consumer", path: ["consumer_kind:fiveoys"] }, { id: "investigates", label: "Something for WRAL Investigates", form: "investigates" }] }, { id: "news_detail", type: "collect", prompt: "Tell us what happened.", next: "verify", fields: [{ key: "description", kind: "textarea", label: "What happened? Include when and where.", required: !0, maxLength: 5e3 }, { key: "name", kind: "text", label: "Your name", autocomplete: "name", maxLength: 200 }, { key: "phone", kind: "text", label: "Phone number", inputMode: "tel", autocomplete: "tel", maxLength: 40 }, { key: "address", kind: "text", label: "Address", autocomplete: "street-address", maxLength: 500 }, { key: "zip", kind: "text", label: "Zip code", inputMode: "numeric", autocomplete: "postal-code", pattern: "^\\d{5}(-\\d{4})?$", maxLength: 10 }, { key: "willing", kind: "select", label: "Are you willing to talk with a reporter?", options: [{ id: "yes", label: "Yes" }, { id: "no", label: "No" }] }, { key: "media", kind: "media", label: "Do you have video, photos or files to upload?" }, { key: "rights", kind: "consent", label: "Rights confirmation", requiredIf: "media", text: "I have obtained the attached materials in a lawful manner and have the necessary rights to submit them here. I give WRAL permission to use, copy, modify, and distribute the attached materials as WRAL sees fit, and to use my name in connection with the materials." }] }, { id: "verify", type: "gate", next: "submit" }, { id: "submit", type: "terminal", route: "studio+email:news", confirmation: { title: "Your tip is on its way to the newsroom.", body: "It goes to the news desk queue and the assignment editors are emailed.", urgentNote: "Breaking reports are pinned to the top of the queue." } }], T = {
   formId: v,
   title: _,

package/dist/{wral-code-input-BA1oCHMu.js → wral-code-input-ykUMYxPb.js}

@@ -1,7 +1,7 @@
-import { css as b, html as c, nothing as f, LitElement as G } from "lit";
+import { css as b, html as c, nothing as p, LitElement as G } from "lit";
 import { getAuthContext as Re, createStorage as Oe, verifyCode as Me, extractTokens as J, saveTokens as X, decodeJwtPayload as ee, refreshTokenSimple as te, sendCode as Ne, createUserPool as De, createCognitoUser as Pe, STORAGE_KEYS as S, isAuthenticatedSimple as Ue, signUpIfNeeded as ze } from "@wral/sdk-auth-audience";
-const K = globalThis, se = (r) => r, P = K.trustedTypes, re = P ? P.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ve = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + _, Be = `<${_e}>`, F = document, U = () => F.createComment(""), R = (r) => r === null || typeof r != "object" && typeof r != "function", Q = Array.isArray, Le = (r) => Q(r) || typeof r?.[Symbol.iterator] == "function", q = `[ 	
-\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, ie = />/g, k = RegExp(`>|${q}(?:([^\\s"'>=/]+)(${q}*=${q}*(?:[^ 	
+const K = globalThis, se = (r) => r, U = K.trustedTypes, re = U ? U.createPolicy("lit-html", { createHTML: (r) => r }) : void 0, ve = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, _e = "?" + _, Be = `<${_e}>`, F = document, z = () => F.createComment(""), R = (r) => r === null || typeof r != "object" && typeof r != "function", Q = Array.isArray, Le = (r) => Q(r) || typeof r?.[Symbol.iterator] == "function", W = `[ 	
+\f\r]`, C = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, ie = />/g, k = RegExp(`>|${W}(?:([^\\s"'>=/]+)(${W}*=${W}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), oe = /'/g, ae = /"/g, $e = /^(?:script|style|textarea|title)$/i, O = /* @__PURE__ */ Symbol.for("lit-noChange"), g = /* @__PURE__ */ Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), A = F.createTreeWalker(F, 129);
 function ke(r, e) {
   if (!Q(r) || !r.hasOwnProperty("raw")) throw Error("invalid template strings array");
@@ -12,8 +12,8 @@ const He = (r, e) => {
   let n, i = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", o = C;
   for (let a = 0; a < t; a++) {
     const l = r[a];
-    let d, h, u = -1, p = 0;
-    for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); ) p = o.lastIndex, o === C ? h[1] === "!--" ? o = ne : h[1] !== void 0 ? o = ie : h[2] !== void 0 ? ($e.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = k) : h[3] !== void 0 && (o = k) : o === k ? h[0] === ">" ? (o = n ?? C, u = -1) : h[1] === void 0 ? u = -2 : (u = o.lastIndex - h[2].length, d = h[1], o = h[3] === void 0 ? k : h[3] === '"' ? ae : oe) : o === ae || o === oe ? o = k : o === ne || o === ie ? o = C : (o = k, n = void 0);
+    let d, h, u = -1, f = 0;
+    for (; f < l.length && (o.lastIndex = f, h = o.exec(l), h !== null); ) f = o.lastIndex, o === C ? h[1] === "!--" ? o = ne : h[1] !== void 0 ? o = ie : h[2] !== void 0 ? ($e.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = k) : h[3] !== void 0 && (o = k) : o === k ? h[0] === ">" ? (o = n ?? C, u = -1) : h[1] === void 0 ? u = -2 : (u = o.lastIndex - h[2].length, d = h[1], o = h[3] === void 0 ? k : h[3] === '"' ? ae : oe) : o === ae || o === oe ? o = k : o === ne || o === ie ? o = C : (o = k, n = void 0);
     const y = o === k && r[a + 1].startsWith("/>") ? " " : "";
     i += o === C ? l + Be : u >= 0 ? (s.push(d), l.slice(0, u) + ve + l.slice(u) + _ + y) : l + _ + (u === -2 ? a : y);
   }
@@ -32,15 +32,15 @@ class M {
     for (; (n = A.nextNode()) !== null && l.length < a; ) {
       if (n.nodeType === 1) {
         if (n.hasAttributes()) for (const u of n.getAttributeNames()) if (u.endsWith(ve)) {
-          const p = h[o++], y = n.getAttribute(u).split(_), w = /([.?@])?(.*)/.exec(p);
-          l.push({ type: 1, index: i, name: w[2], strings: y, ctor: w[1] === "." ? We : w[1] === "?" ? Ve : w[1] === "@" ? je : B }), n.removeAttribute(u);
+          const f = h[o++], y = n.getAttribute(u).split(_), w = /([.?@])?(.*)/.exec(f);
+          l.push({ type: 1, index: i, name: w[2], strings: y, ctor: w[1] === "." ? We : w[1] === "?" ? Ve : w[1] === "@" ? je : L }), n.removeAttribute(u);
         } else u.startsWith(_) && (l.push({ type: 6, index: i }), n.removeAttribute(u));
         if ($e.test(n.tagName)) {
-          const u = n.textContent.split(_), p = u.length - 1;
-          if (p > 0) {
-            n.textContent = P ? P.emptyScript : "";
-            for (let y = 0; y < p; y++) n.append(u[y], U()), A.nextNode(), l.push({ type: 2, index: ++i });
-            n.append(u[p], U());
+          const u = n.textContent.split(_), f = u.length - 1;
+          if (f > 0) {
+            n.textContent = U ? U.emptyScript : "";
+            for (let y = 0; y < f; y++) n.append(u[y], z()), A.nextNode(), l.push({ type: 2, index: ++i });
+            n.append(u[f], z());
           }
         }
       } else if (n.nodeType === 8) if (n.data === _e) l.push({ type: 2, index: i });
@@ -79,7 +79,7 @@ class qe {
     for (; l !== void 0; ) {
       if (o === l.index) {
         let d;
-        l.type === 2 ? d = new z(i, i.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(i, l.name, l.strings, this, e) : l.type === 6 && (d = new Ye(i, this, e)), this._$AV.push(d), l = s[++a];
+        l.type === 2 ? d = new B(i, i.nextSibling, this, e) : l.type === 1 ? d = new l.ctor(i, l.name, l.strings, this, e) : l.type === 6 && (d = new Ye(i, this, e)), this._$AV.push(d), l = s[++a];
       }
       o !== l?.index && (i = A.nextNode(), o++);
     }
@@ -90,7 +90,7 @@ class qe {
     for (const s of this._$AV) s !== void 0 && (s.strings !== void 0 ? (s._$AI(e, s, t), t += s.strings.length - 2) : s._$AI(e[t])), t++;
   }
 }
-class z {
+class B {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
@@ -136,7 +136,7 @@ class z {
     Q(this._$AH) || (this._$AH = [], this._$AR());
     const t = this._$AH;
     let s, n = 0;
-    for (const i of e) n === t.length ? t.push(s = new z(this.O(U()), this.O(U()), this, this.options)) : s = t[n], s._$AI(i), n++;
+    for (const i of e) n === t.length ? t.push(s = new B(this.O(z()), this.O(z()), this, this.options)) : s = t[n], s._$AI(i), n++;
     n < t.length && (this._$AR(s && s._$AB.nextSibling, n), t.length = n);
   }
   _$AR(e = this._$AA.nextSibling, t) {
@@ -149,7 +149,7 @@ class z {
     this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
-class B {
+class L {
   get tagName() {
     return this.element.tagName;
   }
@@ -174,7 +174,7 @@ class B {
     e === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class We extends B {
+class We extends L {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -182,7 +182,7 @@ class We extends B {
     this.element[this.name] = e === g ? void 0 : e;
   }
 }
-class Ve extends B {
+class Ve extends L {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -190,7 +190,7 @@ class Ve extends B {
     this.element.toggleAttribute(this.name, !!e && e !== g);
   }
 }
-class je extends B {
+class je extends L {
   constructor(e, t, s, n, i) {
     super(e, t, s, n, i), this.type = 5;
   }
@@ -215,7 +215,7 @@ class Ye {
   }
 }
 const Ge = K.litHtmlPolyfillSupport;
-Ge?.(M, z), (K.litHtmlVersions ??= []).push("3.3.3");
+Ge?.(M, B), (K.litHtmlVersions ??= []).push("3.3.3");
 const ce = (r) => r ?? g, Ke = b`
 	:host {
 		display: block;
@@ -591,18 +591,18 @@ function m(r, e, { noAnim: t = !1, error: s = !1 } = {}) {
   return c`
 		<div class="msg bot ${t ? "no-anim" : ""} ${s ? "error" : ""}">
 			<span class="lead">${r}</span>
-			${e ? c`<span class="sub">${e}</span>` : f}
+			${e ? c`<span class="sub">${e}</span>` : p}
 		</div>
 	`;
 }
 function v(r, { noAnim: e = !1 } = {}) {
   return c`<div class="msg user ${e ? "no-anim" : ""}">${r}</div>`;
 }
-function W() {
+function D() {
   return c`<div class="msg bot typing"><span></span><span></span><span></span></div>`;
 }
 function ot(r) {
-  return r ? c`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : f;
+  return r ? c`<span class="flag-pill ${r}">${r === "urgent" ? "Urgent" : "Moderate"}</span>` : p;
 }
 function at() {
   return c`
@@ -637,7 +637,7 @@ function dt({
 }) {
   const n = String(r || "").replace(/\/+$/, "");
   let i = de, o = null;
-  async function a(l, { method: d = "GET", body: h, auth: u = !1, timeoutMs: p } = {}) {
+  async function a(l, { method: d = "GET", body: h, auth: u = !1, timeoutMs: f } = {}) {
     const y = { Accept: "application/json" };
     u && Object.assign(y, o ? { Authorization: `Bearer ${o}` } : await s()), h !== void 0 && (y["Content-Type"] = "application/json");
     let w;
@@ -645,7 +645,7 @@ function dt({
       w = await e(`${n}${l}`, {
         method: d,
         headers: y,
-        ...p ? { signal: AbortSignal.timeout(p) } : {},
+        ...f ? { signal: AbortSignal.timeout(f) } : {},
         ...h !== void 0 ? { body: JSON.stringify(h) } : {}
       });
     } catch (N) {
@@ -701,14 +701,14 @@ function dt({
      */
     uploadFile: ({ url: l, file: d, contentType: h, onProgress: u = () => {
     } }) => {
-      const p = t();
+      const f = t();
       return { promise: new Promise((w, $) => {
-        p.open("PUT", l), p.setRequestHeader("Content-Type", h || d.type), p.upload && (p.upload.onprogress = (N) => {
+        f.open("PUT", l), f.setRequestHeader("Content-Type", h || d.type), f.upload && (f.upload.onprogress = (N) => {
           u({ loaded: N.loaded, total: N.total || d.size });
-        }), p.onload = () => {
-          p.status >= 200 && p.status < 300 ? w({ status: p.status }) : $(new I(p.status, null));
-        }, p.onerror = () => $(new I(0, null)), p.onabort = () => $(new I(0, { aborted: !0 })), p.send(d);
-      }), abort: () => p.abort() };
+        }), f.onload = () => {
+          f.status >= 200 && f.status < 300 ? w({ status: f.status }) : $(new I(f.status, null));
+        }, f.onerror = () => $(new I(0, null)), f.onabort = () => $(new I(0, { aborted: !0 })), f.send(d);
+      }), abort: () => f.abort() };
     },
     /** @returns {Promise<{requestId,reference,confirmation,routing}>} */
     putRequest: async (l, d) => await a(`/v1/requests/${l}`, { method: "PUT", body: d, auth: !0 })
@@ -903,10 +903,10 @@ function vt({ baseUrl: r, factsBaseUrl: e }) {
 function x(r, e) {
   return (r?.nodes || []).find((t) => t.id === e);
 }
-function L(r) {
+function H(r) {
   return r?.form ? { formId: r.form, path: [...r.path || []] } : null;
 }
-function H(r, e = []) {
+function q(r, e = []) {
   const t = [];
   let s = r?.start;
   for (const i of e) {
@@ -921,7 +921,7 @@ function H(r, e = []) {
       const a = (o.options || []).find((l) => l.id === i.optionId);
       if (!a)
         return { nodeId: null, node: null, flags: t, error: { step: i, reason: `unknown option: ${i.optionId}` } };
-      if (L(a))
+      if (H(a))
         return { nodeId: null, node: null, flags: t, error: { step: i, reason: `steps continue past a hand-off: ${i.optionId}` } };
       t.push(...a.flags || []), s = a.next;
       continue;
@@ -972,11 +972,11 @@ function kt(r, e = []) {
       return { steps: [], error: `unknown preset step: ${n}` };
     t.push({ nodeId: i, kind: "choice", optionId: o, label: l.label, preset: !0 });
   }
-  const { error: s } = H(r, t);
+  const { error: s } = q(r, t);
   return s ? { steps: [], error: s.reason } : { steps: t, error: null };
 }
 function At(r, e) {
-  const t = L(e);
+  const t = H(e);
   if (!t) return { form: null, steps: [], error: "not a hand-off" };
   const s = (r || []).find((o) => o.formId === t.formId);
   if (!s) return { form: null, steps: [], error: `unknown form: ${t.formId}` };
@@ -999,10 +999,10 @@ function Et(r, e, t) {
   for (let n = 0; n < r.length; n++) {
     const i = r[n], o = (e || []).find((u) => u.formId === i?.formId);
     if (!o) return [];
-    const { node: a, error: l } = H(o, i.steps || []);
+    const { node: a, error: l } = q(o, i.steps || []);
     if (l || a?.id !== i.option?.nodeId) return [];
     const d = (a.options || []).find((u) => u.id === i.option.optionId), h = n + 1 < r.length ? r[n + 1].formId : t;
-    if (L(d)?.formId !== h) return [];
+    if (H(d)?.formId !== h) return [];
     s.push({ form: o, steps: i.steps || [], option: i.option });
   }
   return s;
@@ -1269,7 +1269,7 @@ function Qt(r, e, { apiOrigin: t } = {}) {
     return { status: "discarded" };
   const s = (e || []).find((o) => o.formId === r.formId);
   if (!s) return { status: "discarded" };
-  const { error: n } = H(s, r.steps || []);
+  const { error: n } = q(s, r.steps || []);
   if (n) return { status: "discarded" };
   const i = {};
   for (const [o, a] of Object.entries(r.media || {}))
@@ -1283,7 +1283,7 @@ function Qt(r, e, { apiOrigin: t } = {}) {
     origins: Et(r.origins, e, s.formId)
   };
 }
-function D(r = []) {
+function P(r = []) {
   return {
     stage: "idle",
     resumeStage: null,
@@ -1362,7 +1362,7 @@ function Zt(r, e) {
     case "REQUEST_FAIL":
       return { ...r, stage: "requesting-error", error: e.error };
     case "RESET":
-      return D([]);
+      return P([]);
     default:
       return r;
   }
@@ -1443,7 +1443,7 @@ class fs extends G {
   /* The gate was passed with an account created on this page load; offered once. */
   #p = !1;
   constructor() {
-    super(), this.api = rs, this.factsApi = null, this.flow = null, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = D([]), this._banner = null, this._notice = null, this._result = null, this._factsOffer = null;
+    super(), this.api = rs, this.factsApi = null, this.flow = null, this._phase = "loading", this._forms = [], this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this._typing = !1, this._loadingSlow = !1, this._cardValues = {}, this._fieldErrors = {}, this._gate = { stage: null, email: "", error: "", loading: !1 }, this._submit = P([]), this._banner = null, this._notice = null, this._result = null, this._factsOffer = null;
   }
   get client() {
     if (this.#c) return this.#c;
@@ -1541,7 +1541,7 @@ ${this.factsApi || ""}`;
     }, ns)) : this._typing = !1;
   }
   get #_() {
-    return this._form ? H(this._form, this._steps) : { node: null };
+    return this._form ? q(this._form, this._steps) : { node: null };
   }
   #E(e) {
     this._form = e, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#s = {}, this.#r = {}, this._notice = null, this.#o(), this.#n();
@@ -1550,7 +1550,7 @@ ${this.factsApi || ""}`;
     this._steps = [...this._steps, e], this.#o(), this.#n();
   }
   #H(e, t) {
-    if (L(t)) {
+    if (H(t)) {
       this.#q(e, t);
       return;
     }
@@ -1603,7 +1603,7 @@ ${this.factsApi || ""}`;
     this._steps = this._steps.slice(0, -1), e.kind === "collect" && (this._cardValues = { ...e.values }), this.#o(), this.#n({ animate: !1 });
   }
   #$() {
-    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#s = {}, this.#r = {}, this._result = null, this._banner = null, this._notice = null, this._submit = D([]), this._factsOffer = null, be(this.#f), this._phase = "pick";
+    this.client.endAnonSession?.(), this._form = null, this._steps = [], this._origins = [], this._handoffError = !1, this.#t = null, this.#s = {}, this.#r = {}, this._result = null, this._banner = null, this._notice = null, this._submit = P([]), this._factsOffer = null, be(this.#f), this._phase = "pick";
   }
   // ── Collect card ────────────────────────────────────────────────
   #k(e, t) {
@@ -1769,7 +1769,7 @@ ${this.factsApi || ""}`;
       if (!await this.#M()) return;
     } else
       this.client.endAnonSession?.();
-    if (this._submit = D(this.#y), this._phase = "submitting", this.#g) {
+    if (this._submit = P(this.#y), this._phase = "submitting", this.#g) {
       this.#e({ type: "START" }), this.#a();
       return;
     }
@@ -1909,7 +1909,7 @@ ${this.factsApi || ""}`;
     switch (this._phase) {
       case "loading":
         return c`${m(V, this._loadingSlow ? "Loading the form list…" : j)}
-				${W()}`;
+				${D()}`;
       case "load-error":
         return c`
 				${m("We could not load the forms.", "Check your connection and try again.", { error: !0 })}
@@ -1920,7 +1920,7 @@ ${this.factsApi || ""}`;
       case "pick":
         return this.#le();
       case "walk":
-        return c`${this.#b()}${this._typing ? W() : this.#ce()}`;
+        return c`${this.#b()}${this._typing ? D() : this.#ce()}`;
       case "review":
         return c`${this.#b()}${this.#U()}`;
       case "submitting":
@@ -1928,7 +1928,7 @@ ${this.factsApi || ""}`;
       case "done":
         return c`${this.#b()}${this.#xe ? this.#_e() : c`${this.#ve()}${this.#we()}`}`;
       default:
-        return f;
+        return p;
     }
   }
   #le() {
@@ -1985,12 +1985,12 @@ ${this.factsApi || ""}`;
   }
   #ce() {
     const { node: e, error: t } = this.#_;
-    return t || !e ? m("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#de(e) : e.type === "collect" ? this.#ue(e) : e.type === "gate" ? this.#P(e) : e.type === "redirect" ? this.#ye(e) : e.type === "terminal" ? this.#U() : f;
+    return t || !e ? m("Something went sideways with this form.", "Please start over.", { error: !0 }) : e.type === "choice" ? this.#de(e) : e.type === "collect" ? this.#ue(e) : e.type === "gate" ? this.#P(e) : e.type === "redirect" ? this.#ye(e) : e.type === "terminal" ? this.#U() : p;
   }
   #de(e) {
     return c`
 			${m(e.prompt, e.help)}
-			${this._handoffError ? m("We could not load the forms.", "Check your connection and try again.", { error: !0 }) : f}
+			${this._handoffError ? m("We could not load the forms.", "Check your connection and try again.", { error: !0 }) : p}
 			<div class="options" role="group" aria-label=${e.prompt || "Choose one"}>
 				${(e.options || []).map((t, s) => c`
 					<button type="button" class="chip" style="animation-delay: ${60 + s * 50}ms"
@@ -2021,15 +2021,15 @@ ${this.factsApi || ""}`;
   #he(e, t) {
     const s = this.#C(e.id);
     if (t.kind === "consent" && t.requiredIf === "media" && s === 0)
-      return f;
-    const n = this._cardValues[t.key], i = this._fieldErrors[t.key], o = !Se(t, { mediaCount: s }) && t.kind !== "consent" ? c` <span class="opt">optional</span>` : f, a = t.kind === "consent" ? f : c`
+      return p;
+    const n = this._cardValues[t.key], i = this._fieldErrors[t.key], o = !Se(t, { mediaCount: s }) && t.kind !== "consent" ? c` <span class="opt">optional</span>` : p, a = t.kind === "consent" ? p : c`
 			<label for="f-${t.key}">${t.label}${o}</label>
 		`;
     return c`
 			<div class="field">
 				${a}
 				${this.#pe(e, t, n)}
-				${i ? c`<div class="err" role="alert">${i}</div>` : f}
+				${i ? c`<div class="err" role="alert">${i}</div>` : p}
 			</div>
 		`;
   }
@@ -2083,7 +2083,7 @@ ${this.factsApi || ""}`;
         }}></wral-report-media>
 			`;
       default:
-        return f;
+        return p;
     }
   }
   #fe(e, t) {
@@ -2138,7 +2138,7 @@ ${this.factsApi || ""}`;
       n.key === "Enter" && this.#A();
     }}>
 					</div>
-					${t.error ? c`<div class="err" role="alert">${t.error}</div>` : f}
+					${t.error ? c`<div class="err" role="alert">${t.error}</div>` : p}
 					<button type="button" class="login-btn" ?disabled=${t.loading}
 						@click=${() => this.#A()}>
 						${t.loading ? "Sending…" : "Continue with email"}
@@ -2152,7 +2152,7 @@ ${this.factsApi || ""}`;
 							<li><a href=${es} target="_blank" rel="noopener">All other My WRAL account benefits</a></li>
 						</ul>
 					</div>
-					${this._submit.stage === "auth" ? f : this.#ge()}
+					${this._submit.stage === "auth" ? p : this.#ge()}
 				</div>
 			` : t.stage === "anon-confirm" ? this.#me(s) : c`
 			${s}
@@ -2171,7 +2171,7 @@ ${this.factsApi || ""}`;
 						@code-complete=${(n) => this.#R(n.detail?.code ?? n.detail?.value ?? n.target.value)}>
 					</wral-code-input>
 				</div>
-				${t.error ? c`<div class="err" role="alert">${t.error}</div>` : f}
+				${t.error ? c`<div class="err" role="alert">${t.error}</div>` : p}
 				<button type="button" class="login-btn" ?disabled=${t.loading}
 					@click=${() => {
       const n = this.renderRoot.querySelector("wral-code-input");
@@ -2184,7 +2184,7 @@ ${this.factsApi || ""}`;
 					<button type="button" @click=${() => this.#A()}>resend a new code</button>.
 				</p>
 			</div>
-		` : c`${s}${W()}`;
+		` : c`${s}${D()}`;
   }
   /* Collapsed by default: findable for whoever needs it, never the
    * first thing a viewer reaches for. */
@@ -2203,7 +2203,7 @@ ${this.factsApi || ""}`;
 								@click=${() => this.#G()}>Send this anonymously</button>
 							— no follow-up, and no credit if we use your photos or video.
 						</p>
-					` : f}
+					` : p}
 				</div>
 			</details>
 		`;
@@ -2264,7 +2264,7 @@ ${this.factsApi || ""}`;
 				</ul>
 				${this._banner ? c`
 					<div class="err" role="alert" style="margin-top: 12px;">${this._banner.message}</div>
-				` : f}
+				` : p}
 				<div style="margin-top: 16px;">
 					<button type="button" class="btn-primary" @click=${() => this.#J()}>
 						Submit report
@@ -2282,26 +2282,26 @@ ${this.factsApi || ""}`;
       "uploading-error": "One of your files did not upload.",
       requesting: "Sending your report…",
       "requesting-error": this._banner?.message || "We could not send your report."
-    }[e.stage] || "Working…";
+    }[e.stage] || "Working…", s = e.stage.endsWith("-error");
     return c`
 			${m("Submitting your report.", t)}
-			<div class="form-card">
-				${e.files.map((s, n) => c`
+			${e.files.length || s ? c`<div class="form-card">
+				${e.files.map((n, i) => c`
 					<div class="upload-row">
-						<span class="name">${s.name}</span>
+						<span class="name">${n.name}</span>
 						<div class="upload-bar" role="progressbar"
 							aria-valuemin="0" aria-valuemax="100"
-							aria-valuenow=${Math.round((s.status === "done" ? 1 : s.progress) * 100)}>
-							<div class="fill" style="width: ${(s.status === "done" ? 1 : s.progress) * 100}%"></div>
+							aria-valuenow=${Math.round((n.status === "done" ? 1 : n.progress) * 100)}>
+							<div class="fill" style="width: ${(n.status === "done" ? 1 : n.progress) * 100}%"></div>
 						</div>
-						<span class="state ${s.status === "failed" ? "failed" : ""}">
-							${s.status === "done" ? "Done" : s.status === "failed" ? "Failed" : "Uploading"}
+						<span class="state ${n.status === "failed" ? "failed" : ""}">
+							${n.status === "done" ? "Done" : n.status === "failed" ? "Failed" : "Uploading"}
 						</span>
-						${s.status === "failed" ? c`
-							<button type="button" class="retry-chip" @click=${() => this.#te(n)}>
+						${n.status === "failed" ? c`
+							<button type="button" class="retry-chip" @click=${() => this.#te(i)}>
 								Retry
 							</button>
-						` : f}
+						` : p}
 					</div>
 				`)}
 				${e.stage === "requesting-error" ? c`
@@ -2309,15 +2309,16 @@ ${this.factsApi || ""}`;
 					${this._banner?.retryAfter ? c`
 						<div class="file-note">You can try again in about
 							${Math.ceil(this._banner.retryAfter / 60)} minutes.</div>
-					` : f}
+					` : p}
 					<button type="button" class="btn-primary" style="margin-top: 8px;"
 						@click=${() => this.#oe()}>Try again</button>
-				` : f}
+				` : p}
 				${we(e).length && e.stage === "uploading-error" ? c`
 					<div class="err" role="alert">Retry the failed
 						${we(e).length === 1 ? "file" : "files"} to continue.</div>
-				` : f}
-			</div>
+				` : p}
+			</div>` : p}
+			${s ? p : D()}
 		`;
   }
   #we() {
@@ -2332,11 +2333,11 @@ ${this.factsApi || ""}`;
 					</div>
 				</div>
 				<p>${t.body}</p>
-				${t.urgentNote ? c`<p>${t.urgentNote}</p>` : f}
+				${t.urgentNote ? c`<p>${t.urgentNote}</p>` : p}
 				${this._factsOffer?.stage === "saved" ? c`
 					<p role="status">Your ${this.#z} ${this._factsOffer.facts.length === 1 ? "is" : "are"}
 						saved to your My WRAL account.</p>
-				` : f}
+				` : p}
 				<div class="refs">
 					<span class="ref"><span class="rk">Reference</span>${this._result?.reference || ""}</span>
 				</div>
@@ -2355,7 +2356,7 @@ ${this.factsApi || ""}`;
   }
   #ve() {
     const e = this._factsOffer?.stage;
-    return e === "saved" ? v("Save to my account", { noAnim: !0 }) : e === "dismissed" ? v("No thanks", { noAnim: !0 }) : f;
+    return e === "saved" ? v("Save to my account", { noAnim: !0 }) : e === "dismissed" ? v("No thanks", { noAnim: !0 }) : p;
   }
   #_e() {
     const e = this._factsOffer, t = e.stage === "saving";
@@ -2374,7 +2375,7 @@ ${this.factsApi || ""}`;
 				</p>
 				${e.stage === "error" ? c`
 					<div class="err" role="alert">We couldn't save these. Please try again.</div>
-				` : f}
+				` : p}
 				<div class="actions">
 					<button type="button" class="btn-primary" ?disabled=${t}
 						@click=${() => this.#ne()}>
@@ -2460,7 +2461,7 @@ class gs extends G {
     const e = this.files || [], { errors: t } = Y(e, this.budget, { required: !1 });
     return c`
 			<input type="file" multiple
-				accept=${this.#c || f}
+				accept=${this.#c || p}
 				aria-label=${this.label}
 				@change=${this.#u}>
 			${e.length ? c`
@@ -2475,14 +2476,14 @@ class gs extends G {
 						</li>
 					`)}
 				</ul>
-			` : f}
+			` : p}
 			${(this.lostMeta || []).length ? c`
 				<div class="lost">
 					Please re-attach your ${this.lostMeta.length === 1 ? "file" : "files"}
 					(${this.lostMeta.map((s) => s.name).join(", ")}) —
 					attachments can't be saved between visits.
 				</div>
-			` : f}
+			` : p}
 			${t.map((s) => c`<div class="err">${s.message}</div>`)}
 		`;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wral/report-it",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "type": "module",
   "description": "Lit web component for the Report It guided viewer-submission flow on WRAL.com: chat-style form walking, embedded My WRAL sign-in, submit-time media uploads, rendered against api-forms.",
   "author": "Dominick Jones <djones@wral.com>",