@ai-matrx/records-ui 0.107.0 → 0.107.3

package/dist/index.d.cts

@@ -4677,6 +4677,13 @@ interface FormNotify {
     webhookUrl?: string | null;
     /** The `custom.automation_declare` row that posts to `webhookUrl` (trigger form_answered). */
     webhookAutomationId?: Uuid | null;
+    /**
+     * EMAIL THE RESPONDENT (TYPEFORM-2), off unless set: one email to the address the person typed
+     * in `respondentField` (an email question), worded from the ending reached — sent by
+     * `custom.form_respondent_copy` through the platform's notification sender.
+     */
+    emailRespondent?: boolean | null;
+    respondentField?: string | null;
 }
 /**
  * A form as `custom.forms` reports it — the spec a screen renders, plus the

package/dist/index.d.ts

@@ -4677,6 +4677,13 @@ interface FormNotify {
     webhookUrl?: string | null;
     /** The `custom.automation_declare` row that posts to `webhookUrl` (trigger form_answered). */
     webhookAutomationId?: Uuid | null;
+    /**
+     * EMAIL THE RESPONDENT (TYPEFORM-2), off unless set: one email to the address the person typed
+     * in `respondentField` (an email question), worded from the ending reached — sent by
+     * `custom.form_respondent_copy` through the platform's notification sender.
+     */
+    emailRespondent?: boolean | null;
+    respondentField?: string | null;
 }
 /**
  * A form as `custom.forms` reports it — the spec a screen renders, plus the

package/dist/index.js

@@ -37759,14 +37759,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) {
@@ -42390,6 +42402,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   const [shownUrl, setShownUrl] = useState110(null);
   const [lookOptions, setLookOptions] = useState110(null);
   const [lookUnread, setLookUnread] = useState110(null);
+  const [orgKnobs, setOrgKnobs] = useState110(null);
   const [restoredAt, setRestoredAt] = useState110(null);
   const [showResults, setShowResults] = useState110(false);
   const [adding, setAdding] = useState110(false);
@@ -42426,6 +42439,15 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
   useEffect96(() => {
     void load();
   }, [load]);
+  useEffect96(() => {
+    let cancelled = false;
+    Promise.resolve().then(() => client.formKnobs()).then((r) => {
+      if (!cancelled && r.ok) setOrgKnobs(r.data);
+    }).catch(() => void 0);
+    return () => {
+      cancelled = true;
+    };
+  }, [client]);
   useEffect96(() => {
     if (!forms || forms.length === 0) return;
     if (createOnMount && makeOnMount !== "made") return;
@@ -42726,6 +42748,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)
             }
@@ -42735,7 +42762,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
               /* @__PURE__ */ jsx133(
                 Checkbox15,
                 {
-                  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"
                 }
@@ -42746,7 +42773,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, startWithOne,
               /* @__PURE__ */ jsx133(
                 Checkbox15,
                 {
-                  checked: draft.autoAdvance ?? true,
+                  checked: draft.autoAdvance ?? orgKnobs?.choice_auto_advance ?? true,
                   onCheckedChange: (checked) => patch({ autoAdvance: checked === true }),
                   "aria-label": "Next after a choice"
                 }
@@ -42915,7 +42942,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__ */ jsx133(FormResultsPanel, { form: stored }) : /* @__PURE__ */ jsx133(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, showOwnerHeader: draft.showOwnerHeader ?? true, children: /* @__PURE__ */ jsx133(FormRunner, { form: draft, preview: true }) })
+            children: showResults && stored ? /* @__PURE__ */ jsx133(FormResultsPanel, { form: stored }) : /* @__PURE__ */ jsx133(FormLookFrame, { look: lookOptions?.look ?? null, title: draft.name, contained: true, showOwnerHeader: draft.showOwnerHeader ?? orgKnobs?.show_owner_header ?? true, children: /* @__PURE__ */ jsx133(FormRunner, { form: draft, preview: true, autoAdvance: draft.autoAdvance ?? orgKnobs?.choice_auto_advance ?? true }) })
           }
         )
       ) : null
@@ -43035,6 +43062,7 @@ function QuestionList({
         field: byKey.get(question.field) ?? null,
         draft,
         conditionFields: asked3.filter((f) => f.key !== question.field),
+        jumpFields: asked3,
         label,
         onChange: (change) => onQuestion(index, change),
         onRemove: () => onQuestions(draft.questions.filter((q) => q.field !== question.field))
@@ -43074,6 +43102,7 @@ function QuestionRow({
   field: field2,
   draft,
   conditionFields,
+  jumpFields,
   label,
   onChange,
   onRemove
@@ -43152,7 +43181,7 @@ function QuestionRow({
               questions: draft.questions,
               endings: draft.endings ?? [],
               field: field2,
-              fieldKeys: conditionFields,
+              fieldKeys: jumpFields,
               label,
               onChange
             }
@@ -43168,6 +43197,7 @@ function NotifyOnAnswer({
   formName,
   ruleId,
   notify,
+  emailQuestion,
   onRule,
   onNotify
 }) {
@@ -43233,7 +43263,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({
@@ -43246,22 +43276,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__ */ jsxs123("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__ */ jsx133("span", { className: "font-medium", children: "Notify on answer" }),
-    /* @__PURE__ */ jsx133("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: /* @__PURE__ */ jsxs123("label", { className: "flex items-center gap-2", title: "An email to you each time somebody answers.", children: [
-      /* @__PURE__ */ jsx133(Checkbox15, { checked: Boolean(ruleId), disabled: busy, onCheckedChange: (c) => void emailMe(c === true), "aria-label": "Email me" }),
-      "Email me",
-      chosen && chosen.channel !== "email" ? /* @__PURE__ */ jsxs123("span", { className: "text-muted-foreground", children: [
-        "(",
-        chosen.channel === "sms" ? "text" : "in app",
-        ")"
-      ] }) : null
-    ] }) }),
+    /* @__PURE__ */ jsxs123("div", { className: "flex flex-wrap items-center gap-x-4 gap-y-1", children: [
+      /* @__PURE__ */ jsxs123("label", { className: "flex items-center gap-2", title: "An email to you each time somebody answers.", children: [
+        /* @__PURE__ */ jsx133(Checkbox15, { checked: Boolean(ruleId), disabled: busy, onCheckedChange: (c) => void emailMe(c === true), "aria-label": "Email me" }),
+        "Email me",
+        chosen && chosen.channel !== "email" ? /* @__PURE__ */ jsxs123("span", { className: "text-muted-foreground", children: [
+          "(",
+          chosen.channel === "sms" ? "text" : "in app",
+          ")"
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsxs123(
+        "label",
+        {
+          className: cn78("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__ */ jsx133(
+              Checkbox15,
+              {
+                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__ */ jsxs123("label", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx133("span", { className: "shrink-0", children: "Webhook" }),
       /* @__PURE__ */ jsx133(