LaLeV/wacrm
1
0
Fork 0
mirror of https://github.com/Luchexx/wacrm.git synced 2026-11-02 09:19:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #237 from ArnasDon/fix/flow-keyword-comma-input

Browse Source 
fix(flows): allow multiple comma-separated keywords in trigger (#234)
This commit is contained in:
Arnas Donauskas 2026-06-11 11:18:57 +03:00 committed by GitHub
commit c569426c8a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 55 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/components/flows/flow-builder.tsx
View File

@ -202,6 +202,55 @@ export function FlowBuilder() {
}
// ============================================================
// Keyword trigger input
// ============================================================
/**
* Comma-separated keyword entry. Keeps a local draft string so the
* comma (and trailing space) the user types survive until they're done
* — parsing into the keywords array on every keystroke stripped the
* trailing comma the instant it was typed, making it impossible to
* start a second keyword (issue #234). We commit on blur / Enter, then
* re-display the cleaned, rejoined form. Seeded once on mount; the
* component unmounts/remounts when the trigger type changes, so the
* seed stays in sync. Mirrors the automations builder's KeywordMatchConfig.
*/
function KeywordsInput({
keywords,
onChange,
}: {
keywords: string[];
onChange: (keywords: string[]) => void;
}) {
const [draft, setDraft] = useState(keywords.join(", "));
function commit() {
const parsed = draft
.split(",")
.map((k) => k.trim())
.filter(Boolean);
setDraft(parsed.join(", "));
onChange(parsed);
}
return (
<Input
value={draft}
onChange={(e) => setDraft(e.target.value)}
onBlur={commit}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
commit();
}
}}
placeholder="support, help, hi"
className="bg-slate-800"
/>
);
}
// ============================================================
// Trigger panel
// ============================================================
@ -253,26 +302,18 @@ function TriggerPanel({
<label className="mb-1 block text-xs text-slate-400">
Keywords (comma-separated)
</label>
<Input
value={
<KeywordsInput
keywords={
Array.isArray(state.trigger_config.keywords)
? (state.trigger_config.keywords as string[]).join(", ")
: ""
? (state.trigger_config.keywords as string[])
: []
}
onChange={(e) =>
onChange={(keywords) =>
setState((s) => ({
...s,
trigger_config: {
...s.trigger_config,
keywords: e.target.value
.split(",")
.map((k) => k.trim())
.filter(Boolean),
},
trigger_config: { ...s.trigger_config, keywords },
}))
}
placeholder="support, help, hi"
className="bg-slate-800"
/>
</div>
)}