formanitor 0.0.12 → 0.0.14

package/dist/index.cjs

@@ -16,6 +16,9 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var reactTable = require('@tanstack/react-table');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var DialogPrimitive = require('@radix-ui/react-dialog');
+var nlp = require('compromise');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -42,6 +45,7 @@ var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimit
 var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var nlp__default = /*#__PURE__*/_interopDefault(nlp);
 
 // src/core/validate.ts
 var EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -54,6 +58,11 @@ function validateField(value, field) {
     if (Array.isArray(value) && value.length === 0) {
       return "This field is required";
     }
+    if (field.type === "smart_textarea" && typeof value === "object" && !Array.isArray(value)) {
+      if (!value.text || value.text.trim() === "") {
+        return "This field is required";
+      }
+    }
   }
   if (value === null || value === void 0 || value === "") {
     return null;
@@ -241,6 +250,7 @@ var FormStore = class {
       } else {
         if (field.type === "repeatable") values[field.id] = [];
         else if (field.type === "checkbox") values[field.id] = [];
+        else if (field.type === "smart_textarea") values[field.id] = { text: "", extractedKeywords: [] };
         else values[field.id] = null;
       }
     });
@@ -388,6 +398,15 @@ var FormStore = class {
   getSerializedValuesForSubmission() {
     return this.serializeValuesForSubmission(this.state.values);
   }
+  /**
+   * Raw form values as stored internally, without any serialization or
+   * transformation. Useful when consumers need access to richer structures
+   * (e.g. smart_textarea keyword metadata) alongside the flattened values
+   * returned by getSerializedValuesForSubmission.
+   */
+  getRawValues() {
+    return { ...this.state.values };
+  }
   serializeValuesForSubmission(values) {
     const result = { ...values };
     this.schema.fields.forEach((field) => {
@@ -395,6 +414,11 @@ var FormStore = class {
         delete result[field.id];
         return;
       }
+      if (field.type === "smart_textarea") {
+        const raw = values[field.id];
+        result[field.id] = raw?.text ?? null;
+        return;
+      }
       if (field.type === "image_upload" || field.type === "signature") {
         const raw = values[field.id];
         if (raw !== void 0 && raw !== null && raw !== "") {
@@ -685,6 +709,7 @@ function useForm() {
     availableTransitions: store.getAvailableTransitions(),
     hasPersistence: store.hasPersistence(),
     getSerializedValues: store.getSerializedValuesForSubmission.bind(store),
+    getRawValues: store.getRawValues.bind(store),
     markSubmitAttempted: store.markSubmitAttempted.bind(store),
     flushPendingUploads: store.flushPendingUploads.bind(store)
   };
@@ -4019,6 +4044,206 @@ var FollowupWidget = ({ fieldId }) => {
     error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive", children: error })
   ] }) });
 };
+function useSmartKeywords(text, onSearch, debounceDelay = 1e3) {
+  console.log("[useSmartKeywords] render", {
+    textLength: text?.length ?? 0,
+    hasOnSearch: typeof onSearch === "function",
+    debounceDelay
+  });
+  const [extractedNouns, setExtractedNouns] = React11.useState([]);
+  const [matchedConditions, setMatchedConditions] = React11.useState([]);
+  const [isProcessing, setIsProcessing] = React11.useState(false);
+  const [error, setError] = React11.useState(null);
+  const timerRef = React11.useRef(null);
+  const abortRef = React11.useRef(0);
+  const processText = React11.useCallback(
+    async (input, runId) => {
+      if (!input || input.trim().length === 0) {
+        console.log("[useSmartKeywords] skip empty input", {
+          runId,
+          inputLength: input?.length ?? 0
+        });
+        setExtractedNouns([]);
+        setMatchedConditions([]);
+        setIsProcessing(false);
+        return;
+      }
+      console.log("[useSmartKeywords] processText start", {
+        runId,
+        inputLength: input.length
+      });
+      setIsProcessing(true);
+      setError(null);
+      try {
+        const nouns = extractNouns(input);
+        const uniqueNouns = Array.from(new Set(nouns));
+        console.log("[useSmartKeywords] extracted nouns", {
+          runId,
+          nouns,
+          uniqueNouns
+        });
+        if (runId !== abortRef.current) return;
+        setExtractedNouns(uniqueNouns);
+        if (uniqueNouns.length === 0) {
+          console.log("[useSmartKeywords] no nouns, skipping search", { runId });
+          setMatchedConditions([]);
+          setIsProcessing(false);
+          return;
+        }
+        const searchResults = await Promise.all(
+          uniqueNouns.map(async (noun) => {
+            const normalised = noun.replace(/\s+/g, " ").replace(/^[\s-]+/, "").trim();
+            try {
+              console.log("[useSmartKeywords] onSearch call", { runId, noun, normalised });
+              const results = await onSearch(normalised);
+              console.log("[useSmartKeywords] onSearch result", {
+                runId,
+                noun,
+                normalised,
+                count: Array.isArray(results) ? results.length : 0
+              });
+              const first = Array.isArray(results) && results.length > 0 ? [results[0]] : [];
+              return { keyword: normalised, matches: first };
+            } catch (err) {
+              console.error("[useSmartKeywords] onSearch error", { runId, noun, err });
+              return { keyword: normalised || noun, matches: [] };
+            }
+          })
+        );
+        if (runId !== abortRef.current) return;
+        const allMatches = searchResults.flatMap(
+          ({ keyword, matches }) => matches.map((record) => ({
+            extractedKeyword: keyword,
+            matchedCondition: {
+              id: record.id,
+              name: record.name,
+              created_at: record.created_at,
+              updated_at: record.updated_at
+            }
+          }))
+        );
+        console.log("[useSmartKeywords] allMatches computed", {
+          runId,
+          matchesCount: allMatches.length
+        });
+        setMatchedConditions(allMatches);
+      } catch (err) {
+        if (runId !== abortRef.current) return;
+        console.error("[useSmartKeywords] processText error", { runId, err });
+        setError(err instanceof Error ? err.message : "Keyword extraction failed");
+      } finally {
+        if (runId === abortRef.current) {
+          console.log("[useSmartKeywords] processText end", { runId });
+          setIsProcessing(false);
+        }
+      }
+    },
+    [onSearch]
+  );
+  React11.useEffect(() => {
+    if (timerRef.current) clearTimeout(timerRef.current);
+    const runId = ++abortRef.current;
+    console.log("[useSmartKeywords] schedule debounce", {
+      runId,
+      debounceDelay,
+      textLength: text?.length ?? 0
+    });
+    timerRef.current = setTimeout(() => {
+      console.log("[useSmartKeywords] debounce fired", { runId });
+      processText(text, runId);
+    }, debounceDelay);
+    return () => {
+      if (timerRef.current) clearTimeout(timerRef.current);
+    };
+  }, [text, debounceDelay, processText]);
+  return { extractedNouns, matchedConditions, isProcessing, error };
+}
+function extractNouns(text) {
+  const doc = nlp__default.default(text);
+  const rawNouns = doc.nouns().out("array");
+  const cleaned = rawNouns.map((n) => n.replace(/[^\w\s-]/g, "").trim().toLowerCase()).filter((n) => n.length > 2);
+  console.log("[useSmartKeywords] extractNouns", {
+    inputLength: text?.length ?? 0,
+    rawNouns,
+    cleaned
+  });
+  return cleaned;
+}
+var SmartTextareaWidget = ({ fieldId }) => {
+  const { fieldDef, value, setValue, setTouched, error, disabled, touched } = useField(fieldId);
+  const { state } = useForm();
+  const handler = useFieldHandlers(fieldId);
+  const def = fieldDef;
+  const structured = value;
+  const textValue = structured?.text ?? "";
+  const showError = !!error && (touched || state.submitAttempted);
+  const onSearch = React11.useCallback(
+    (query) => handler.onSearch(query),
+    [handler]
+  );
+  const { matchedConditions, isProcessing } = useSmartKeywords(
+    textValue,
+    onSearch,
+    def?.debounceDelay ?? 1e3
+  );
+  const currentKeywords = structured?.extractedKeywords ?? [];
+  const nextKeywords = React11.useMemo(() => {
+    if (matchedConditions.length === 0 && currentKeywords.length === 0) return currentKeywords;
+    if (matchedConditions.length === currentKeywords.length && matchedConditions.every(
+      (m, i) => m.matchedCondition.id === currentKeywords[i]?.matchedCondition.id && m.extractedKeyword === currentKeywords[i]?.extractedKeyword
+    )) {
+      return currentKeywords;
+    }
+    return matchedConditions;
+  }, [matchedConditions, currentKeywords]);
+  const writeValue = React11.useCallback(
+    (text, keywords) => {
+      const next = { text, extractedKeywords: keywords };
+      setValue(next);
+    },
+    [setValue]
+  );
+  React11__namespace.default.useEffect(() => {
+    if (nextKeywords !== currentKeywords) {
+      writeValue(textValue, nextKeywords);
+    }
+  }, [nextKeywords]);
+  const handleTextChange = React11.useCallback(
+    (e) => {
+      writeValue(e.target.value, currentKeywords);
+    },
+    [writeValue, currentKeywords]
+  );
+  if (!def) return null;
+  const height = def.height;
+  const theme = getThemeConfig("textarea", def.theme);
+  const wrapperClass = theme?.wrapperClassName ?? "space-y-2";
+  const labelClass = theme?.labelClassName;
+  const inputClass = cn(theme?.inputClassName, showError && "border-red-500");
+  const labelContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    def.label,
+    " ",
+    def.required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-red-500", children: "*" }),
+    isProcessing && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "inline-block ml-1.5 h-3 w-3 animate-spin text-muted-foreground" })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapperClass, children: [
+    theme ? /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: fieldId, className: labelClass, children: labelContent }) : /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: fieldId, children: labelContent }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Textarea,
+      {
+        id: fieldId,
+        value: textValue,
+        onChange: handleTextChange,
+        onBlur: setTouched,
+        disabled,
+        placeholder: def.placeholder,
+        className: inputClass,
+        ...height != null ? { height } : {}
+      }
+    ),
+    showError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-red-500", children: error })
+  ] });
+};
 var FieldRenderer = ({ fieldId }) => {
   const { fieldDef, visible } = useField(fieldId);
   if (!visible || !fieldDef) {
@@ -4065,6 +4290,8 @@ var FieldRenderer = ({ fieldId }) => {
       return /* @__PURE__ */ jsxRuntime.jsx(ReferralWidget, { fieldId });
     case "followup":
       return /* @__PURE__ */ jsxRuntime.jsx(FollowupWidget, { fieldId });
+    case "smart_textarea":
+      return /* @__PURE__ */ jsxRuntime.jsx(SmartTextareaWidget, { fieldId });
     case "static_text": {
       const def = fieldDef;
       const size = def.size ?? "regular";
@@ -4829,12 +5056,14 @@ exports.ReadOnlySignature = ReadOnlySignature;
 exports.ReadOnlyTable = ReadOnlyTable;
 exports.SignatureUploadWidget = SignatureUploadWidget;
 exports.SmartForm = SmartForm;
+exports.SmartTextareaWidget = SmartTextareaWidget;
 exports.createUploadHandler = createUploadHandler;
 exports.evaluateRules = evaluateRules;
 exports.useField = useField;
 exports.useFieldHandlers = useFieldHandlers;
 exports.useForm = useForm;
 exports.useFormStore = useFormStore;
+exports.useSmartKeywords = useSmartKeywords;
 exports.validateField = validateField;
 exports.validateForm = validateForm;
 //# sourceMappingURL=index.cjs.map