@ai-matrx/records-ui 0.107.0 → 0.107.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.107.1
+
+TYPEFORM-2 resume: "Email the respondent" in Notify on answer — off by default, enabled only when the form has an email question, kept as `presentation.notify.email_respondent` + `respondent_field` and sent by `custom.form_respondent_copy` through the platform notification sender, worded from the ending reached. The builder preview and its two option boxes follow the organization's knobs (`client.formKnobs`, records 0.80.4) under the form's own override.
+
+**Consumer action:** none; install records 0.80.4 with it.
+
 ## 0.107.0
 
 TYPEFORM-2, the second pass on forms against Typeform. Runner: Next/Enter refuse an empty required answer ("This field is required") or a bad email / phone / link ("Enter a valid email" …), announced in an `aria-live` alert with the caret kept in the answer, and the old "still needs an answer" line is gone; one large centred question (question ≥ 20 px, answer ≥ 16 px) filling the screen; "press Enter ↵" beside Next; a single choice moves on after a pick (`autoAdvance` prop / `FormSpec.autoAdvance`, default on — knob `forms/choice_auto_advance`); arrow keys move and pick inside the radiogroup and Back lands on the picked choice; focus lands in the first answer after Start; the count is hidden until the store has answered the route once; progress bar `aria-label`; `{{question}}` recall in question words, help and endings (`pipeAnswers`); runner sentences are labels with tooltips. Inputs: email / phone / link carry `inputmode` and `autocomplete`. `FormLookFrame showOwnerHeader` (knob `forms/show_owner_header`, per-form `FormSpec.showOwnerHeader`). Builder: questions listed in respondent order with drag-to-reorder (dnd-kit), unasked fields as "+" chips, the live preview beside the editor (the container query asked itself and never fired), "Notify on answer": Email me (the owner's email subscription, made and handed to the form) and a webhook (a `form_answered` automation, kept as `presentation.notify`); "Show our logo and name" and "Next after a choice" per form; conditions show option labels and badge a missing question. Results: category ticks wrap at words (`wrapTickWords`).

package/dist/index.cjs

@@ -37957,14 +37957,26 @@ function formPresentation(spec) {
     theme: themeDocument(spec.theme ?? null),
     ...typeof spec.showOwnerHeader === "boolean" ? { show_owner_header: spec.showOwnerHeader } : {},
     ...typeof spec.autoAdvance === "boolean" ? { auto_advance: spec.autoAdvance } : {},
-    ...spec.notify && (spec.notify.webhookUrl || spec.notify.webhookAutomationId) ? { notify: strip({ webhook_url: text(spec.notify.webhookUrl), webhook_automation_id: text(spec.notify.webhookAutomationId) }) } : {}
+    ...spec.notify && (spec.notify.webhookUrl || spec.notify.webhookAutomationId || spec.notify.emailRespondent) ? {
+      notify: strip({
+        webhook_url: text(spec.notify.webhookUrl),
+        webhook_automation_id: text(spec.notify.webhookAutomationId),
+        email_respondent: spec.notify.emailRespondent ? true : null,
+        respondent_field: spec.notify.emailRespondent ? text(spec.notify.respondentField) : null
+      })
+    } : {}
   };
 }
 function notifyFromDocument(raw) {
   if (!raw || typeof raw !== "object" || Array.isArray(raw)) return null;
   const d = raw;
-  const n = { webhookUrl: text(d["webhook_url"]), webhookAutomationId: text(d["webhook_automation_id"]) };
-  return n.webhookUrl || n.webhookAutomationId ? n : null;
+  const n = {
+    webhookUrl: text(d["webhook_url"]),
+    webhookAutomationId: text(d["webhook_automation_id"]),
+    emailRespondent: d["email_respondent"] === true ? true : null,
+    respondentField: text(d["respondent_field"])
+  };
+  return n.webhookUrl || n.webhookAutomationId || n.emailRespondent ? n : null;
 }
 var bool = (v) => typeof v === "boolean" ? v : null;
 function answerRefusal(kind, required, value) {
@@ -42545,6 +42557,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   const [shownUrl, setShownUrl] = (0, import_react232.useState)(null);
   const [lookOptions, setLookOptions] = (0, import_react232.useState)(null);
   const [lookUnread, setLookUnread] = (0, import_react232.useState)(null);
+  const [orgKnobs, setOrgKnobs] = (0, import_react232.useState)(null);
   const [restoredAt, setRestoredAt] = (0, import_react232.useState)(null);
   const [showResults, setShowResults] = (0, import_react232.useState)(false);
   const [adding, setAdding] = (0, import_react232.useState)(false);
@@ -42581,6 +42594,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   (0, import_react232.useEffect)(() => {
     void load();
   }, [load]);
+  (0, import_react232.useEffect)(() => {
+    let cancelled = false;
+    Promise.resolve().then(() => client.formKnobs()).then((r) => {
+      if (!cancelled && r.ok) setOrgKnobs(r.data);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
   (0, import_react232.useEffect)(() => {
     if (!forms || forms.length === 0) return;
     if (createOnMount && makeOnMount !== "made") return;
@@ -42881,6 +42903,11 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
               formName: draft.name,
               ruleId: draft.notifyRuleId,
               notify: draft.notify ?? null,
+              emailQuestion: (
+                // An email field first; else a question whose field is named for an email (an imported
+                // "Contact email" kept as text). The store's resolver refuses an answer that is not one.
+                (draft.questions.map((q) => byKey.get(q.field)).find((f) => f && String(editorKindFor(f)) === "email") ?? draft.questions.map((q) => byKey.get(q.field)).find((f) => f && /e-?mail/i.test(`${f.key} ${f.label ?? ""}`)))?.key ?? null
+              ),
               onRule: (ruleId) => void chooseNotify(ruleId),
               onNotify: (notify) => void chooseWebhook(notify)
             }
@@ -42890,7 +42917,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
               /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 import_design_system118.Checkbox,
                 {
-                  checked: draft.showOwnerHeader ?? true,
+                  checked: draft.showOwnerHeader ?? orgKnobs?.show_owner_header ?? true,
                   onCheckedChange: (checked) => patch({ showOwnerHeader: checked === true }),
                   "aria-label": "Show our logo and name"
                 }
@@ -42901,7 +42928,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
               /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
                 import_design_system118.Checkbox,
                 {
-                  checked: draft.autoAdvance ?? true,
+                  checked: draft.autoAdvance ?? orgKnobs?.choice_auto_advance ?? true,
                   onCheckedChange: (checked) => patch({ autoAdvance: checked === true }),
                   "aria-label": "Next after a choice"
                 }
@@ -43070,7 +43097,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
           {
             className: "w-full shrink-0 overflow-auto rounded border p-2 @3xl:sticky @3xl:top-2 @3xl:max-h-[calc(100dvh-6rem)] @3xl:w-[min(45%,520px)]",
             "data-records-form-preview": "",
-            children: showResults && stored ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormResultsPanel, { form: stored }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, showOwnerHeader: draft.showOwnerHeader ?? true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormRunner, { form: draft, preview: true }) })
+            children: showResults && stored ? /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormResultsPanel, { form: stored }) : /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, showOwnerHeader: draft.showOwnerHeader ?? orgKnobs?.show_owner_header ?? true, children: /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(FormRunner, { form: draft, preview: true, autoAdvance: draft.autoAdvance ?? orgKnobs?.choice_auto_advance ?? true }) })
           }
         )
       ) : null
@@ -43323,6 +43350,7 @@ function NotifyOnAnswer({
   formName,
   ruleId,
   notify,
+  emailQuestion,
   onRule,
   onNotify
 }) {
@@ -43388,7 +43416,7 @@ function NotifyOnAnswer({
     try {
       if (next === "") {
         if (notify?.webhookAutomationId) await client.automationArchive({ automation_id: notify.webhookAutomationId });
-        onNotify(null);
+        onNotify(notify?.emailRespondent ? { ...notify, webhookUrl: null, webhookAutomationId: null } : null);
         return;
       }
       const declared2 = await client.automationDeclare({
@@ -43401,22 +43429,43 @@ function NotifyOnAnswer({
         setSaid(Object.values(declared2.data._errors)[0] ?? "Not saved");
         return;
       }
-      onNotify({ webhookUrl: next, webhookAutomationId: declared2.data.automation_id });
+      onNotify({ ...notify ?? {}, webhookUrl: next, webhookAutomationId: declared2.data.automation_id });
     } finally {
       setBusy(false);
     }
   }
   return /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("section", { className: "flex flex-col gap-2 rounded border px-2.5 py-2 text-xs", "aria-label": "Notify on answer", "data-records-form-notify": "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "font-medium", children: "Notify on answer" }),
-    /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", title: "An email to you each time somebody answers.", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Checkbox, { checked: Boolean(ruleId), disabled: busy, onCheckedChange: (c) => void emailMe(c === true), "aria-label": "Email me" }),
-      "Email me",
-      chosen && chosen.channel !== "email" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-muted-foreground", children: [
-        "(",
-        chosen.channel === "sms" ? "text" : "in app",
-        ")"
-      ] }) : null
-    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", title: "An email to you each time somebody answers.", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_design_system118.Checkbox, { checked: Boolean(ruleId), disabled: busy, onCheckedChange: (c) => void emailMe(c === true), "aria-label": "Email me" }),
+        "Email me",
+        chosen && chosen.channel !== "email" ? /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("span", { className: "text-muted-foreground", children: [
+          "(",
+          chosen.channel === "sms" ? "text" : "in app",
+          ")"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)(
+        "label",
+        {
+          className: (0, import_design_system118.cn)("flex items-center gap-2", !emailQuestion && "text-muted-foreground"),
+          title: emailQuestion ? "An email to the person who answered, in your ending's words." : "Add an email question first.",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
+              import_design_system118.Checkbox,
+              {
+                checked: Boolean(notify?.emailRespondent) && Boolean(emailQuestion),
+                disabled: busy || !emailQuestion,
+                onCheckedChange: (c) => onNotify({ ...notify ?? {}, emailRespondent: c === true ? true : null, respondentField: c === true ? emailQuestion : null }),
+                "aria-label": "Email the respondent"
+              }
+            ),
+            "Email the respondent"
+          ]
+        }
+      )
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime133.jsxs)("label", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime133.jsx)("span", { className: "shrink-0", children: "Webhook" }),
       /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(