@fayz-ai/plugin-marketing 0.13.1 → 0.13.4

package/dist/index.js

@@ -1,7 +1,7 @@
 import React9, { useState, useEffect, useMemo, useCallback } from 'react';
 import { connectionSettings, connectionStatus, settingsStatus, createConnectionStore, getActiveTenantId, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, countByTenant, useTranslation, useDataChanged, resolveDataProvider } from '@fayz-ai/core';
 import { createPluginContext, fayzConnectorOAuth, PluginSettingsPanel, useModuleNavigation, createViewRouter, ModuleActionBar, SettingsGroup, SelectRow, ToggleRow, askAI, PageActions, useLimitGuard, useOrganizationStore, CrudFormPage, RightRailPage, invalidateLimit, CrudListView } from '@fayz-ai/admin';
-import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, PageToolbar, DataTable, SubpageHeader, RowActions, PageHeaderActions, Button, Skeleton, ConfirmDialog, ContentSplit, ContentSplitTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MarkdownEditor, DashboardCanvas, RangeControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, SegmentedControl, ModalFooter, SheetBody, Badge, SheetFooter, SelectSeparator, Checkbox, toast, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
+import { defineKpiWidget, defineCustomWidget, defineTableWidget, ModulePage, PageToolbar, DataTable, SubpageHeader, RowActions, PageHeaderActions, Button, Skeleton, ConfirmDialog, ContentSplit, ContentSplitTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, MarkdownEditor, ComingSoon, DashboardCanvas, RangeControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, SegmentedControl, ModalFooter, SheetBody, Badge, SheetFooter, SelectSeparator, Checkbox, toast, KpiCard as KpiCard$1, Card, CardHeader, CardTitle, CardContent, TableWidget } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { History, CheckCircle2, AlertCircle, ChevronRight, Users, Target, Percent, DollarSign, Trash2, WandSparkles, SlidersHorizontal, Workflow, ExternalLink, Sparkles, Pencil, Plus, Layers, MousePointerClick, NotebookPen, ArrowUpRight, ArrowDownRight, Send, Megaphone, Settings2, Columns3, CalendarDays, List, ChevronLeft, Loader2, ImagePlus, X, Bike, Utensils, DoorOpen, MessageCircle, Instagram, Mail, Globe, Search, Link2, AtSign, Pin, Twitter, Linkedin, Facebook, Youtube, Music2, Repeat2, Heart, BarChart2, Share2, ThumbsUp, MoreHorizontal, Bookmark, GripVertical, Image, Trophy } from 'lucide-react';
 import { createStore } from 'zustand/vanilla';
@@ -30,6 +30,97 @@ function OverviewView() {
     }
   );
 }
+function SegmentsView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Segmentos",
+      summary: "Recortes salvos da base \u2014 \xABquem comprou nos \xFAltimos 90 dias\xBB, \xABquem nunca voltou\xBB, \xABquem gasta acima de X\xBB \u2014 para a campanha falar com um grupo e n\xE3o com todo mundo.",
+      v1Path: "Marketing \u2192 Segmenta\xE7\xE3o \u2192 Segmentos de Clientes",
+      measured: "65 segmentos no V1 e 8 da Artorius. \xC9 o que ela mais tem de marketing \u2014 e o que mais falta aqui.",
+      missing: [
+        "O construtor de recorte: campo, operador, valor \u2014 e a contagem ao vivo de quantos caem nele",
+        "O segmento tem de ser DIN\xC2MICO (recalcula ao usar) ou congelado por escolha, e a diferen\xE7a precisa ficar clara na tela",
+        "Ligar o segmento \xE0 campanha \xE9 o que d\xE1 sentido aos dois"
+      ]
+    }
+  );
+}
+function MessageTemplatesView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Modelos de mensagem",
+      summary: "O texto pronto que a campanha usa, com os campos que se trocam por nome, data ou valor na hora do envio.",
+      v1Path: "Marketing \u2192 Campanhas \u2192 Modelos de Mensagem",
+      measured: "43 modelos no V1, nenhum da Artorius. Existe tamb\xE9m `whatsapp_templates`, que \xE9 outra coisa: o modelo APROVADO pela Meta.",
+      missing: [
+        "As vari\xE1veis e a pr\xE9-visualiza\xE7\xE3o com dado real \u2014 modelo sem pr\xE9via erra em produ\xE7\xE3o",
+        "Separar o modelo livre (e-mail, SMS) do modelo aprovado pela Meta (WhatsApp): as regras s\xE3o outras"
+      ]
+    }
+  );
+}
+function SendHistoryView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Hist\xF3rico de envios",
+      summary: "O que saiu, para quem, quando, e o que aconteceu depois \u2014 entregue, lido, respondido, recusado.",
+      v1Path: "Marketing \u2192 Hist\xF3rico de Envios",
+      measured: "Vista de leitura no V1 sobre a fila de mensagens.",
+      missing: [
+        "O evento por destinat\xE1rio, e n\xE3o s\xF3 o total da campanha \u2014 \xE9 onde se descobre que metade da lista tem n\xFAmero errado",
+        "O recusado tem de virar regra: quem pediu para n\xE3o receber n\xE3o pode entrar na pr\xF3xima"
+      ]
+    }
+  );
+}
+function QuickTriggersView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Gatilhos r\xE1pidos",
+      summary: "O disparo de uma mensagem quando algo acontece \u2014 anivers\xE1rio, primeira compra, sumi\xE7o \u2014 sem montar uma campanha inteira para isso.",
+      v1Path: "Marketing \u2192 Gatilhos R\xE1pidos",
+      measured: "No V1 \xE9 um atalho para automa\xE7\xF5es j\xE1 prontas, e n\xE3o um cadastro pr\xF3prio.",
+      missing: [
+        "As Cad\xEAncias daqui j\xE1 fazem a parte dif\xEDcil; falta a porta de um clique",
+        "Os aniversariantes do CRM s\xE3o o primeiro gatilho \xF3bvio, e os dois agora est\xE3o no mesmo menu"
+      ]
+    }
+  );
+}
+function BrandView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Marca",
+      summary: "As cores, as fontes e o logotipo da casa num lugar s\xF3 \u2014 para a pe\xE7a sair com a cara certa sem ningu\xE9m procurar o arquivo.",
+      v1Path: "Marketing \u2192 Marca",
+      measured: "6 kits de marca no V1 e UM da Artorius. Ela j\xE1 tem a identidade cadastrada l\xE1.",
+      missing: [
+        "O kit tem cores, gradientes, fontes e arquivos: s\xE3o quatro tabelas no V1, n\xE3o um formul\xE1rio",
+        "As Configura\xE7\xF5es daqui j\xE1 guardam a cor e o logotipo do tenant \u2014 decidir se este \xE9 o mesmo lugar antes de criar o segundo"
+      ]
+    }
+  );
+}
+function AuthorizedImagesView() {
+  return /* @__PURE__ */ jsx(
+    ComingSoon,
+    {
+      title: "Imagens autorizadas",
+      summary: "As fotos que a casa PODE usar: quem aparece nelas assinou a autoriza\xE7\xE3o, e o prazo dela ainda n\xE3o venceu.",
+      v1Path: "Marketing \u2192 Imagens autorizadas",
+      measured: "No V1 vive junto do cadastro do cliente, onde a autoriza\xE7\xE3o \xE9 dada.",
+      missing: [
+        "A autoriza\xE7\xE3o \xE9 jur\xEDdica e tem prazo \u2014 o que falta n\xE3o \xE9 a galeria, \xE9 a data de validade e o pedido",
+        "Usar foto de cliente sem isso \xE9 risco real, e \xE9 por isso que a tela existe"
+      ]
+    }
+  );
+}
 
 // src/lib/format.ts
 var DEFAULT_CURRENCY = { code: "USD", locale: "en-US", symbol: "$" };
@@ -2888,13 +2979,34 @@ function buildNav(config, view, navigate, hasCadenceSurface, t) {
     });
   }
   if (config.modules.campaigns) {
-    items.push({ id: "campaigns", label: config.labels.campaigns ?? t("marketing.nav.campaigns"), icon: "Megaphone", active: view === "campaigns", onClick: () => navigate("campaigns") });
+    items.push({
+      id: "campaigns",
+      label: config.labels.campaigns ?? t("marketing.nav.campaigns"),
+      icon: "Megaphone",
+      active: ["campaigns", "message-templates", "send-history"].includes(view),
+      children: [
+        { id: "campaigns", label: config.labels.campaigns ?? t("marketing.nav.campaigns"), defaultChild: true, active: view === "campaigns", onClick: () => navigate("campaigns") },
+        { id: "message-templates", label: t("marketing.nav.messageTemplates"), active: view === "message-templates", onClick: () => navigate("message-templates") },
+        { id: "send-history", label: t("marketing.nav.sendHistory"), active: view === "send-history", onClick: () => navigate("send-history") }
+      ]
+    });
+    items.push({ id: "segments", label: t("marketing.nav.segments"), icon: "Users", active: view === "segments", onClick: () => navigate("segments") });
   }
   if (config.modules.funnel) {
     items.push({ id: "funnel", label: config.labels.funnel ?? t("marketing.nav.funnel"), icon: "Filter", active: view === "funnel", onClick: () => navigate("funnel") });
   }
   if (config.modules.cadences && hasCadenceSurface) {
-    items.push({ id: "cadences", label: config.labels.cadences ?? t("marketing.cadences.title"), icon: "Workflow", active: view === "cadences", onClick: () => navigate("cadences") });
+    items.push({
+      id: "cadences",
+      label: config.labels.cadences ?? t("marketing.cadences.title"),
+      icon: "Workflow",
+      active: view === "cadences" || view === "quick-triggers",
+      children: [
+        { id: "cadences", label: config.labels.cadences ?? t("marketing.cadences.title"), defaultChild: true, active: view === "cadences", onClick: () => navigate("cadences") },
+        // O gatilho é a cadência de um passo só, com a porta de um clique.
+        { id: "quick-triggers", label: t("marketing.nav.quickTriggers"), active: view === "quick-triggers", onClick: () => navigate("quick-triggers") }
+      ]
+    });
   }
   if (config.modules.landingPages) {
     items.push({ id: "landing-pages", label: config.labels.landingPages ?? t("marketing.nav.landingPages"), icon: "LayoutTemplate", active: view === "landing-pages", onClick: () => navigate("landing-pages") });
@@ -2917,6 +3029,18 @@ function buildNav(config, view, navigate, hasCadenceSurface, t) {
       onClick: () => navigate("blog")
     });
   }
+  {
+    items.push({
+      id: "brand",
+      label: t("marketing.nav.brand"),
+      icon: "Palette",
+      active: view === "brand" || view === "authorized-images",
+      children: [
+        { id: "brand", label: t("marketing.nav.brand"), defaultChild: true, active: view === "brand", onClick: () => navigate("brand") },
+        { id: "authorized-images", label: t("marketing.nav.authorizedImages"), active: view === "authorized-images", onClick: () => navigate("authorized-images") }
+      ]
+    });
+  }
   return items;
 }
 function MarketingPage({ config, provider: provider2, store: store3, contentProvider, contentStore, cadenceSurface }) {
@@ -2966,6 +3090,13 @@ function MarketingPage({ config, provider: provider2, store: store3, contentProv
     { id: "blog-post", render: ({ id }) => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogPostEntity, editId: id, parentLabel: config.labels.blog ?? t("marketing.nav.blog"), onDone: () => navigate("blog") }) },
     { id: "blog-cat-new", render: () => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogCategoryEntity, parentLabel: config.labels.blogCategories ?? t("marketing.nav.blogCategories"), onDone: () => navigate("blog") }) },
     { id: "blog-cat", render: ({ id }) => /* @__PURE__ */ jsx(BlogEntityForm, { entity: blogCategoryEntity, editId: id, parentLabel: config.labels.blogCategories ?? t("marketing.nav.blogCategories"), onDone: () => navigate("blog") }) },
+    // As telas que ainda não existem — ver ./GapScreens.
+    { id: "segments", render: () => /* @__PURE__ */ jsx(SegmentsView, {}) },
+    { id: "message-templates", render: () => /* @__PURE__ */ jsx(MessageTemplatesView, {}) },
+    { id: "send-history", render: () => /* @__PURE__ */ jsx(SendHistoryView, {}) },
+    { id: "quick-triggers", render: () => /* @__PURE__ */ jsx(QuickTriggersView, {}) },
+    { id: "brand", render: () => /* @__PURE__ */ jsx(BrandView, {}) },
+    { id: "authorized-images", render: () => /* @__PURE__ */ jsx(AuthorizedImagesView, {}) },
     { id: "overview", render: () => /* @__PURE__ */ jsx(OverviewView, {}) }
   ], "overview");
   return /* @__PURE__ */ jsx(MarketingContextProvider, { config, provider: provider2, store: store3, children: /* @__PURE__ */ jsx(ContentPlannerContextProvider, { config, provider: contentProvider, store: contentStore, children: /* @__PURE__ */ jsx(
@@ -6629,6 +6760,12 @@ var en = {
   "marketing.purpose.survey.hint": "Only reaches people who opted in to surveys.",
   "marketing.purpose.transactional.hint": "Reaches everyone: talking about something they bought is not marketing. Still respects the channel block.",
   "marketing.nav.blogCategories": "Categories",
+  "marketing.nav.segments": "Segments",
+  "marketing.nav.messageTemplates": "Message Templates",
+  "marketing.nav.sendHistory": "Send History",
+  "marketing.nav.quickTriggers": "Quick Triggers",
+  "marketing.nav.brand": "Brand",
+  "marketing.nav.authorizedImages": "Authorized Images",
   "marketing.nav.overview": "Overview",
   "marketing.nav.channels": "Channels",
   "marketing.nav.campaigns": "Campaigns",
@@ -6905,6 +7042,12 @@ var ptBR = {
   "marketing.purpose.survey.hint": "S\xF3 alcan\xE7a quem aceitou responder pesquisas.",
   "marketing.purpose.transactional.hint": "Alcan\xE7a todo mundo: falar de algo que a pessoa j\xE1 comprou n\xE3o \xE9 marketing. Ainda respeita o bloqueio do canal.",
   "marketing.nav.blogCategories": "Categorias",
+  "marketing.nav.segments": "Segmentos",
+  "marketing.nav.messageTemplates": "Modelos de Mensagem",
+  "marketing.nav.sendHistory": "Hist\xF3rico de Envios",
+  "marketing.nav.quickTriggers": "Gatilhos R\xE1pidos",
+  "marketing.nav.brand": "Marca",
+  "marketing.nav.authorizedImages": "Imagens Autorizadas",
   "marketing.nav.overview": "Vis\xE3o geral",
   "marketing.nav.channels": "Canais",
   "marketing.nav.campaigns": "Campanhas",