@ai-matrx/records-ui 0.58.0 → 0.59.0

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # Changelog — @ai-matrx/records-ui
 
+## 0.59.0
+
+**Three things the browser walks found by using the builders on real businesses.**
+
+* **A booking page's day rows lied about what it would offer.** Every day started
+  unticked and read "not taking bookings", while `custom._booking_availability`
+  substitutes Monday-to-Friday nine-to-five for an empty window list — so a
+  person who saved without touching the days was told the page offered nothing
+  and got a page offering the whole working week. `BookingBuilder` now opens on
+  the working week, and once the store has answered, the rows are ITS answer.
+* **Both builders offered questions a stranger could never answer.** Ironclad
+  Mobile Mechanic ticked "Customer" on his booking page — a relation Field — a
+  visitor typed her name, and the store refused at the last step with *"Customer
+  points at something that is not there"*, after her slot was already held. A
+  relation holds the identity of a record in a Table she cannot open. The new
+  `publiclyAnswerable` / `askableFields` / `whyNotAskable` decide what a public
+  page may ask for (out: relation, member, attachment, formula, lookup, rollup)
+  and both `FormBuilder` and `BookingBuilder` use them — the Fields left out are
+  NAMED with the reason, in the place somebody would have ticked them.
+* The Booking and Portal builders and the Digest scheduler carry the container
+  queries 0.57.0 gave the form builder, so all four are one column in a rail.
+
+**Consumer action:** none.
+
 ## 0.58.0
 
 **A word pasted into a choice column becomes that option — and a paste is no

package/dist/index.cjs

@@ -156,6 +156,7 @@ __export(src_exports, {
   actorBadge: () => actorBadge,
   actorWords: () => actorWords,
   addFields: () => addFields,
+  askableFields: () => askableFields,
   blockFromSpec: () => blockFromSpec,
   bodyForReading: () => bodyForReading,
   bodyFromKeys: () => bodyFromKeys,
@@ -208,6 +209,7 @@ __export(src_exports, {
   presentationDocument: () => presentationDocument,
   presentationIsEmpty: () => presentationIsEmpty,
   previewLine: () => previewLine,
+  publiclyAnswerable: () => publiclyAnswerable,
   recordName: () => recordName,
   recordsDataSource: () => recordsDataSource,
   refusalForAPerson: () => refusalForAPerson,
@@ -244,7 +246,8 @@ __export(src_exports, {
   whatIsMissing: () => whatIsMissing,
   whatYouMayDo: () => whatYouMayDo,
   whatYouMayDoWithTable: () => whatYouMayDoWithTable,
-  whenWords: () => whenWords
+  whenWords: () => whenWords,
+  whyNotAskable: () => whyNotAskable
 });
 module.exports = __toCommonJS(src_exports);
 
@@ -10604,6 +10607,28 @@ function Question({
   ] });
 }
 
+// src/publicQuestions.ts
+var CANNOT_ASK = {
+  relation: "points at a record in another table, and somebody with no account cannot see that table to pick from it",
+  member: "is a person in this organization, and somebody outside it has no way to choose one",
+  attachment: "holds a file in your own store, and a public page has nowhere to put one yet",
+  formula: "is worked out by the store, so there is nothing for anybody to answer",
+  lookup: "is read through a relation, so the store fills it in",
+  rollup: "is added up by the store, so there is nothing for anybody to answer"
+};
+function publiclyAnswerable(field) {
+  return !(field.type in CANNOT_ASK);
+}
+function askableFields(fields, hidden = []) {
+  return fields.filter((f) => publiclyAnswerable(f) && !hidden.includes(f.key));
+}
+function whyNotAskable(fields, hidden = []) {
+  const left = fields.filter((f) => !publiclyAnswerable(f) && !hidden.includes(f.key));
+  if (left.length === 0) return null;
+  const said = left.map((f) => `${f.label || f.key} ${CANNOT_ASK[f.type]}`);
+  return said.length === 1 ? `${said[0]}, so it is not offered here.` : `These are not offered here: ${said.join("; ")}.`;
+}
+
 // src/FormBuilder.tsx
 var import_jsx_runtime39 = require("react/jsx-runtime");
 function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
@@ -10836,7 +10861,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
               " fields"
             ] })
           ] }),
-          (fields.data ?? []).map((field) => {
+          askableFields(fields.data ?? []).map((field) => {
             const index = draft.questions.findIndex((q) => q.field === field.key);
             const asked = index >= 0;
             const question = asked ? draft.questions[index] : null;
@@ -10888,6 +10913,7 @@ function FormBuilder({ tableId, seed, activeFormId, onActiveForm, className }) {
               ] }) : null
             ] }, field.id);
           }),
+          whyNotAskable(fields.data ?? []) ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "text-xs text-muted-foreground", children: whyNotAskable(fields.data ?? []) }) : null,
           draft.questions.filter((q) => !byKey.has(q.field)).map((q) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("p", { className: "text-xs text-destructive", children: [
             'This form asks for "',
             q.field,
@@ -12543,6 +12569,7 @@ var DAYS = [
   { weekday: 0, label: "Sun" }
 ];
 var LENGTHS = [15, 20, 30, 45, 60, 90, 120];
+var WORKING_WEEK = /* @__PURE__ */ new Set([1, 2, 3, 4, 5]);
 function draftWindows(availability) {
   return DAYS.map((day) => {
     const found = availability?.windows.find((w) => w.weekday === day.weekday);
@@ -12550,7 +12577,7 @@ function draftWindows(availability) {
       weekday: day.weekday,
       from: found?.from ?? "09:00",
       to: found?.to ?? "17:00",
-      on: Boolean(found)
+      on: availability ? Boolean(found) : WORKING_WEEK.has(day.weekday)
     };
   });
 }
@@ -12579,9 +12606,11 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
   const [formId, setFormId] = (0, import_react90.useState)(bookingId ?? null);
   const publicOrigin = host.publicOrigin ?? (typeof window === "undefined" ? "" : window.location.origin);
   const askable = (0, import_react90.useMemo)(
-    () => (fields.data ?? []).filter(
-      (f) => !STORE_ANSWERS_THESE.includes(f.key)
-    ),
+    () => askableFields(fields.data ?? [], STORE_ANSWERS_THESE),
+    [fields.data]
+  );
+  const leftOut = (0, import_react90.useMemo)(
+    () => whyNotAskable(fields.data ?? [], STORE_ANSWERS_THESE),
     [fields.data]
   );
   const load = (0, import_react90.useCallback)(async () => {
@@ -12607,6 +12636,15 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
     if (!existing) return;
     setMinutes(existing.slot_minutes);
   }, [existing]);
+  (0, import_react90.useEffect)(() => {
+    if (!offer) return;
+    setWindows(draftWindows(offer));
+    setMinutes(offer.slot_minutes);
+    setBuffer(offer.buffer_minutes);
+    setLead(offer.lead_minutes);
+    setPerDay(offer.max_per_day);
+    setDays(offer.days);
+  }, [offer]);
   const availability = (0, import_react90.useCallback)(
     () => ({
       slot_minutes: minutes,
@@ -12794,7 +12832,8 @@ function BookingBuilder({ tableId, bookingId, onSaved, onClose, className }) {
           ),
           fieldName(f)
         ] }, f.key)) }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground", children: "The time, whether it is booked or cancelled, and who it is with are filled in by the store \u2014 a booking page cannot ask a visitor for any of the three." })
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground", children: "The time, whether it is booked or cancelled, and who it is with are filled in by the store \u2014 a booking page cannot ask a visitor for any of the three." }),
+        leftOut ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground", children: leftOut }) : null
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_design_system45.Label, { className: "text-xs font-medium", children: "What they see after booking" }),