@fayz-ai/plugin-automations 0.13.0 → 0.13.2

package/dist/index.d.ts

@@ -25,4 +25,5 @@ export { createFayzTemplateStore } from './data/fayz';
 export type { MessageTemplateStore };
 export { loadProviderTemplates, providerTemplateFor, PROVIDER_TEMPLATES_TABLE, type ProviderTemplateRow, type ProviderTemplateStatus, } from './data/provider-templates';
 export { providerApprovalFor, type ProviderApproval } from './views/ProviderTemplateStatus';
+export { FlowsPage as CadenceFlowsSurface } from './views/FlowsPage';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK5E,OAAO,EAAE,2BAA2B,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAsBzF,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B;AAED,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,cAAc,CAgJ1F;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,CAAA;AAIpC,OAAO,EACL,qBAAqB,EAAE,mBAAmB,EAAE,wBAAwB,EACpE,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAK5E,OAAO,EAAE,2BAA2B,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAsBzF,MAAM,WAAW,wBAAwB;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,UAAU,CAAA;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,UAAU,CAAA;IAC9B,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,oBAAoB,CAAA;CAC7B;AAED,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,cAAc,CAgJ1F;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAA;AACtC,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AACrD,YAAY,EAAE,oBAAoB,EAAE,CAAA;AAIpC,OAAO,EACL,qBAAqB,EAAE,mBAAmB,EAAE,wBAAwB,EACpE,KAAK,mBAAmB,EAAE,KAAK,sBAAsB,GACtD,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,gCAAgC,CAAA;AAY3F,OAAO,EAAE,SAAS,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/index.js

@@ -1,12 +1,12 @@
 import * as React4 from 'react';
 import React4__default, { useState, useCallback, useRef, useEffect, useMemo } from 'react';
-import { getSupabaseClientOptional, startEventLog, getMessageDefaults, normalizeMessageActions, useTranslation, errorMessage, usePluginRuntimeOptional, resolveMessages, resolveMessage, renderMessageTemplate, loadEventRuns, getActiveTenantId } from '@fayz-ai/core';
-import { resolveFayzAgentConnection, registerRailPage, getFayzSupabaseClientOptional, PageActions, useConnectors, useAgentSurface, askAI, SettingsTabs, adminNavigateTo, RightRailPage, AskAIButton, useOrganizationStore, connectorRoute, ConnectorMark, ConnectorDeliveries } from '@fayz-ai/admin';
+import { getSupabaseClientOptional, useTranslation, errorMessage, startEventLog, getMessageDefaults, normalizeMessageActions, usePluginRuntimeOptional, resolveMessages, resolveMessage, renderMessageTemplate, loadEventRuns, getActiveTenantId } from '@fayz-ai/core';
+import { PageActions, resolveFayzAgentConnection, registerRailPage, getFayzSupabaseClientOptional, useConnectors, useAgentSurface, askAI, SettingsTabs, adminNavigateTo, RightRailPage, AskAIButton, useOrganizationStore, connectorRoute, ConnectorMark, ConnectorDeliveries } from '@fayz-ai/admin';
 import * as LucideIcons from 'lucide-react';
-import { Loader2, Plus, ChevronRight, WandSparkles, Zap, Receipt, Megaphone, MessageSquare, Smartphone, Mail, RotateCcw, Check, Clock, Monitor, ListChecks, Trash2, RefreshCw, History, Send, AlertTriangle, CircleCheck, CircleSlash } from 'lucide-react';
-import { toast, PageHeaderActions, Card, Switch, DataTable, PageTabs, WhatsAppIcon, SubpageHeader, Button, Badge, Hint, HeaderTabs, PhoneField } from '@fayz-ai/ui';
+import { Plus, ChevronRight, ListChecks, MessageSquare, Clock, Trash2, Workflow, WandSparkles, Zap, Receipt, Megaphone, Smartphone, Mail, RotateCcw, Check, Monitor, RefreshCw, History, Send, AlertTriangle, CircleCheck, CircleSlash } from 'lucide-react';
+import { toast, Card, PageHeaderActions, Switch, DataTable, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, ModalFooter, Button, PageTabs, WhatsAppIcon, SubpageHeader, Badge, Hint, HeaderTabs, PhoneField } from '@fayz-ai/ui';
 import { createFayzAutomationsClient, FayzAutomationsError } from '@fayz-ai/sdk/automations';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 // src/index.ts
 var PREFLIGHT_FUNCTION = "tyxter-payment-preflight";
@@ -1527,6 +1527,78 @@ function createSupabaseTemplateStore() {
     }
   };
 }
+function CadenceComposer({ open, onClose, onCreate }) {
+  const t = useTranslation();
+  const runtime = usePluginRuntimeOptional();
+  const events = runtime?.events ?? [];
+  const [name, setName] = React4__default.useState("");
+  const [entryEvent, setEntryEvent] = React4__default.useState("");
+  const [exitEvent, setExitEvent] = React4__default.useState("");
+  const [saving, setSaving] = React4__default.useState(false);
+  React4__default.useEffect(() => {
+    if (!open) return;
+    setName("");
+    setExitEvent("");
+    setEntryEvent(events.find((e) => e.name === "crm.lead_created")?.name ?? events[0]?.name ?? "");
+  }, [open]);
+  const entry = events.find((e) => e.name === entryEvent);
+  async function submit() {
+    if (!name.trim() || !entryEvent || saving) return;
+    setSaving(true);
+    try {
+      await onCreate({
+        name: name.trim(),
+        entryEvent,
+        exitEvents: exitEvent ? [exitEvent] : []
+      });
+      onClose();
+    } catch (e) {
+      toast.error(errorMessage(e));
+    } finally {
+      setSaving(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(Modal, { open, onOpenChange: (o) => {
+    if (!o) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { size: "md", children: [
+    /* @__PURE__ */ jsx(ModalHeader, { children: /* @__PURE__ */ jsx(ModalTitle, { children: t("automations.flow.newTitle") }) }),
+    /* @__PURE__ */ jsxs(ModalBody, { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("automations.flow.nameLabel") }),
+        /* @__PURE__ */ jsx(Input, { value: name, onChange: (e) => setName(e.target.value), placeholder: t("automations.flow.namePlaceholder") })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("automations.flow.entryLabel") }),
+        events.length > 0 ? /* @__PURE__ */ jsxs(Select, { value: entryEvent, onValueChange: setEntryEvent, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: t("automations.flow.entryPlaceholder") }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: events.map((e) => /* @__PURE__ */ jsx(SelectItem, { value: e.name, children: e.title ?? e.name }, e.name)) })
+        ] }) : /* @__PURE__ */ jsx("p", { className: "rounded-lg border border-dashed px-3 py-2 text-xs text-muted-foreground", children: t("automations.flow.noEvents") }),
+        entry?.trigger && /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: entry.trigger })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "block space-y-1.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("automations.flow.exitLabel") }),
+        /* @__PURE__ */ jsxs(Select, { value: exitEvent || "__none__", onValueChange: (v) => setExitEvent(v === "__none__" ? "" : v), children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: "__none__", children: t("automations.flow.exitNone") }),
+            events.filter((e) => e.name !== entryEvent).map((e) => /* @__PURE__ */ jsx(SelectItem, { value: e.name, children: e.title ?? e.name }, e.name))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: "text-[11px] text-muted-foreground", children: t("automations.flow.exitHint") })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "flex items-start gap-2 rounded-lg bg-muted/40 px-3 py-2 text-[11px] text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(Workflow, { className: "mt-0.5 h-3.5 w-3.5 shrink-0" }),
+        t("automations.flow.bornOffHint")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onClose, children: t("common.cancel") }),
+      /* @__PURE__ */ jsx(Button, { onClick: () => {
+        void submit();
+      }, disabled: saving || !name.trim() || !entryEvent, children: t("automations.flow.create") })
+    ] })
+  ] }) });
+}
 var FLOWS = "plg_automations_flows";
 var STEPS = "plg_automations_flow_steps";
 var ENROLLMENTS = "plg_automations_enrollments";
@@ -1803,6 +1875,7 @@ function FlowsPage() {
   const [selectedId, setSelectedId] = useState(null);
   const [steps, setSteps] = useState([]);
   const [counts, setCounts] = useState(null);
+  const [composerOpen, setComposerOpen] = useState(false);
   const load = useCallback(async () => {
     setLoading(true);
     try {
@@ -1845,19 +1918,11 @@ function FlowsPage() {
     if (selectedId) void loadDetail(selectedId);
   }, [selectedId, loadDetail]);
   flows.find((f) => f.id === selectedId) ?? null;
-  async function createFlow() {
-    const name = window.prompt(t("automations.flow.namePrompt"));
-    if (!name?.trim()) return;
-    const entryEvent = window.prompt(t("automations.flow.entryPrompt"), "crm.lead_created");
-    if (!entryEvent?.trim()) return;
-    try {
-      const flow = await store.saveFlow({ name: name.trim(), entryEvent: entryEvent.trim() });
-      await load();
-      setSelectedId(flow.id);
-      toast.success(t("automations.flow.created"));
-    } catch (e) {
-      toast.error(errorMessage(e));
-    }
+  async function createFlow(input) {
+    const flow = await store.saveFlow(input);
+    await load();
+    setSelectedId(flow.id);
+    toast.success(t("automations.flow.created"));
   }
   async function toggleActive(flow) {
     if (!flow.isActive) {
@@ -1875,10 +1940,12 @@ function FlowsPage() {
     }
   }
   if (loading) {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-6 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-      t("automations.flow.loading")
-    ] });
+    return /* @__PURE__ */ jsx("div", { className: "space-y-2", "aria-busy": "true", "aria-label": t("automations.flow.loading"), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx(Card, { className: "p-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-4 shrink-0 animate-pulse rounded bg-muted/40" }),
+      /* @__PURE__ */ jsx("div", { className: "h-3.5 animate-pulse rounded bg-muted/40", style: { width: `${34 - i * 6}%` } }),
+      /* @__PURE__ */ jsx("div", { className: "h-4 w-28 animate-pulse rounded-full bg-muted/30" }),
+      /* @__PURE__ */ jsx("div", { className: "ml-auto h-5 w-9 animate-pulse rounded-full bg-muted/30" })
+    ] }) }, i)) });
   }
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx(PageHeaderActions, { children: /* @__PURE__ */ jsx(
@@ -1890,12 +1957,18 @@ function FlowsPage() {
           icon: Plus,
           intent: "primary",
           creates: true,
-          onSelect: () => {
-            void createFlow();
-          }
+          onSelect: () => setComposerOpen(true)
         }]
       }
     ) }),
+    /* @__PURE__ */ jsx(
+      CadenceComposer,
+      {
+        open: composerOpen,
+        onClose: () => setComposerOpen(false),
+        onCreate: createFlow
+      }
+    ),
     flows.length === 0 ? /* @__PURE__ */ jsxs(Card, { className: "flex flex-col items-center gap-1 border-dashed py-12 text-center", children: [
       /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t("automations.flow.emptyTitle") }),
       /* @__PURE__ */ jsx("p", { className: "max-w-md text-xs text-muted-foreground", children: t("automations.flow.emptyHint") })
@@ -1966,6 +2039,17 @@ function FlowsPage() {
 
 // src/locales/en.ts
 var en = {
+  "automations.flow.newTitle": "New cadence",
+  "automations.flow.nameLabel": "Name",
+  "automations.flow.namePlaceholder": "e.g. New lead sequence",
+  "automations.flow.entryLabel": "Who enters",
+  "automations.flow.entryPlaceholder": "Pick the fact that puts somebody in",
+  "automations.flow.exitLabel": "Who leaves",
+  "automations.flow.exitNone": "Only leaves when the steps run out",
+  "automations.flow.exitHint": "The fact that stops the sequence. Without it, someone who already replied still gets the day-5 message.",
+  "automations.flow.bornOffHint": "A cadence is born off and empty. Add the steps below and switch it on when it is ready.",
+  "automations.flow.noEvents": "No active module announces facts in this app \u2014 no trigger, no cadence.",
+  "automations.flow.create": "Create cadence",
   "automations.flow.new": "New flow",
   "automations.flow.loading": "Loading flows\u2026",
   "automations.flow.emptyTitle": "No cadence flows yet",
@@ -1999,6 +2083,17 @@ var en = {
 
 // src/locales/pt-BR.ts
 var ptBR = {
+  "automations.flow.newTitle": "Nova cad\xEAncia",
+  "automations.flow.nameLabel": "Nome",
+  "automations.flow.namePlaceholder": "ex.: R\xE9gua do lead novo",
+  "automations.flow.entryLabel": "Quem entra",
+  "automations.flow.entryPlaceholder": "Escolha o fato que coloca algu\xE9m na r\xE9gua",
+  "automations.flow.exitLabel": "Quem sai",
+  "automations.flow.exitNone": "S\xF3 sai quando os passos acabam",
+  "automations.flow.exitHint": "O fato que faz a pessoa parar de receber. Sem ele, quem j\xE1 respondeu continua recebendo a mensagem do dia 5.",
+  "automations.flow.bornOffHint": "A cad\xEAncia nasce desligada e sem passos. Monte os passos abaixo e ligue quando estiver pronta.",
+  "automations.flow.noEvents": "Nenhum m\xF3dulo ativo anuncia fatos neste app \u2014 sem gatilho n\xE3o h\xE1 cad\xEAncia.",
+  "automations.flow.create": "Criar cad\xEAncia",
   "automations.flow.new": "Novo fluxo",
   "automations.flow.loading": "Carregando fluxos\u2026",
   "automations.flow.emptyTitle": "Nenhum fluxo de cad\xEAncia ainda",
@@ -3120,6 +3215,6 @@ function createAutomationsPlugin(options) {
   };
 }
 
-export { PROVIDER_TEMPLATES_TABLE, createAutomationsPlugin, createFayzTemplateStore, createSupabaseTemplateStore, loadProviderTemplates, providerApprovalFor, providerTemplateFor };
+export { FlowsPage as CadenceFlowsSurface, PROVIDER_TEMPLATES_TABLE, createAutomationsPlugin, createFayzTemplateStore, createSupabaseTemplateStore, loadProviderTemplates, providerApprovalFor, providerTemplateFor };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map