@fayz-ai/plugin-marketing 0.13.18 → 0.13.19

package/dist/index.js

@@ -1,7 +1,7 @@
 import React12, { useState, useEffect, useMemo, useCallback } from 'react';
 import { connectionSettings, connectionStatus, settingsStatus, createConnectionStore, getActiveTenantId, registerTranslations, createSafeDataProvider, getSupabaseClientOptional, countByTenant, useTranslation, useDataChanged, getCurrentLocale, 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, ComingSoon, DashboardCanvas, RangeControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, SegmentedControl, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, ModalFooter, SheetBody, Badge, SheetFooter, SelectSeparator, Checkbox, MarkdownEditor, 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, ComingSoon, DashboardCanvas, RangeControl, cn, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, SegmentedControl, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, ModalFooter, SheetBody, Textarea, Badge, SheetFooter, SelectSeparator, Checkbox, MarkdownEditor, 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, X, Bike, Utensils, DoorOpen, MessageCircle, Instagram, Mail, Globe, Search, Link2, AtSign, Pin, Twitter, Linkedin, Facebook, Youtube, Music2, GripVertical, Loader2, ImagePlus, Repeat2, Heart, BarChart2, Share2, ThumbsUp, MoreHorizontal, Bookmark, Image, Trophy } from 'lucide-react';
 import { createStore } from 'zustand/vanilla';
@@ -731,8 +731,10 @@ function LandingPageComposer({
               /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground", children: t("marketing.landing.prompt") }),
                 site?.editorUrl ? /* @__PURE__ */ jsxs(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => window.open(site.editorUrl, "_blank", "noopener,noreferrer"),
                     className: "inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
@@ -745,13 +747,13 @@ function LandingPageComposer({
                 ) : null
               ] }),
               /* @__PURE__ */ jsx(
-                "textarea",
+                Textarea,
                 {
                   value: prompt,
                   onChange: (e) => setPrompt(e.target.value),
                   rows: 3,
                   placeholder: t("marketing.landing.promptPlaceholder"),
-                  className: "w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground outline-none focus:ring-2 focus:ring-ring"
+                  className: "rounded-md border-border bg-background shadow-none focus-visible:ring-offset-0"
                 }
               )
             ] }) : null,
@@ -771,8 +773,8 @@ function LandingPageComposer({
                     opt.slug
                   );
                 }),
-                /* @__PURE__ */ jsx(
-                  "input",
+                /* @__PURE__ */ jsx("div", { className: "min-w-[8rem] flex-1", children: /* @__PURE__ */ jsx(
+                  Input,
                   {
                     value: newTag,
                     onChange: (e) => setNewTag(e.target.value),
@@ -784,9 +786,9 @@ function LandingPageComposer({
                     },
                     onBlur: addTag,
                     placeholder: t("marketing.landing.leadTagPlaceholder"),
-                    className: "min-w-[8rem] flex-1 border-0 bg-transparent px-1 text-xs text-foreground outline-none placeholder:text-muted-foreground"
+                    className: "h-auto rounded-none border-0 bg-transparent px-1 py-0 text-xs shadow-none focus-visible:ring-0 focus-visible:ring-offset-0"
                   }
-                )
+                ) })
               ] }),
               /* @__PURE__ */ jsx("span", { className: "block text-xs text-muted-foreground", children: t("marketing.landing.leadTagHint") })
             ] }),
@@ -812,10 +814,12 @@ function LandingPageComposer({
                 /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-wrap gap-1.5", children: CAPTURE_FIELDS.map((f) => {
                   const on = required.includes(f);
                   return /* @__PURE__ */ jsx(
-                    "button",
+                    Button,
                     {
+                      variant: "bare",
+                      size: "bare",
                       type: "button",
-                      className: `rounded-full border px-2.5 py-1 text-xs ${on ? "border-primary bg-primary/10 text-primary" : "text-muted-foreground"}`,
+                      className: `font-normal rounded-full border px-2.5 py-1 text-xs ${on ? "border-primary bg-primary/10 text-primary" : "text-muted-foreground"}`,
                       onClick: () => setRequired((prev) => on ? prev.filter((x) => x !== f) : [...prev, f]),
                       children: t(`marketing.landing.field.${f}`)
                     },
@@ -1059,8 +1063,10 @@ function PlatformPicker({ value, onChange }) {
   return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-1.5", children: PLATFORMS.map((platform) => {
     const selected = value.includes(platform);
     return /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         "aria-pressed": selected,
         onClick: () => onChange(selected ? value.filter((p) => p !== platform) : [...value, platform]),
@@ -1190,8 +1196,10 @@ function BriefFields({ draft, patch }) {
           children: [
             pillar,
             /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "bare",
                 type: "button",
                 onClick: () => patch({ pillars: draft.pillars.filter((p) => p !== pillar) }),
                 className: "text-muted-foreground hover:text-foreground",
@@ -1333,8 +1341,10 @@ function RecordingChecklist({ post }) {
           items.length
         ] }),
         hasTakes && /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: generateFromScript,
             className: "flex items-center gap-1 font-medium text-muted-foreground transition-colors hover:text-foreground",
@@ -1375,8 +1385,10 @@ function RecordingChecklist({ post }) {
         )
       ] }),
       /* @__PURE__ */ jsx(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           "aria-label": t("marketing.content.cancel"),
           onClick: () => remove(item.id),
@@ -1547,8 +1559,10 @@ function PostSocialPreview(props) {
   const Frame = FRAMES[active] ?? InstagramFrame;
   return /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-md border border-border bg-muted/20 p-4", children: [
     platforms.length > 1 && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center gap-1", children: platforms.map((platform) => /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: () => setSelected(platform),
         "aria-pressed": active === platform,
@@ -1770,12 +1784,14 @@ function MediaAsset({ post, onChanged }) {
         ] })
       ] })
     ] }) : /* @__PURE__ */ jsxs(
-      "button",
+      Button,
       {
+        variant: "bare",
+        size: "bare",
         type: "button",
         onClick: pick,
         disabled: busy,
-        className: "flex w-full flex-col items-center justify-center gap-2 rounded-card border border-dashed border-border p-6 text-muted-foreground transition-colors hover:bg-muted/30 hover:text-foreground",
+        className: "flex w-full flex-col items-center justify-center gap-2 rounded-card border border-dashed border-border p-6 text-muted-foreground transition-colors hover:bg-muted/30 hover:text-foreground font-normal disabled:opacity-100",
         children: [
           busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ jsx(ImagePlus, { className: "h-5 w-5" }),
           /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: t("marketing.content.mediaUpload") }),
@@ -2023,8 +2039,10 @@ function PostCard({ post, onOpen, onDelete }) {
           }
         ),
         onDelete && /* @__PURE__ */ jsx(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             "aria-label": t("marketing.content.deletePost"),
             onClick: (e) => {
@@ -2089,8 +2107,10 @@ function WeekColumn({ week, rangeLabel, posts, onOpenPost, onNewPost, onDeletePo
           post.id
         )),
         /* @__PURE__ */ jsxs(
-          "button",
+          Button,
           {
+            variant: "bare",
+            size: "bare",
             type: "button",
             onClick: () => onNewPost(week),
             disabled,
@@ -2251,8 +2271,10 @@ function AccountSelector() {
                   /* @__PURE__ */ jsx(PlatformBadges, { platforms: acc.platforms })
                 ] }) }),
                 /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     "aria-label": t("marketing.content.accountSettings"),
                     onPointerDown: (e) => {
@@ -2430,8 +2452,10 @@ function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
     unscheduled.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2 rounded-card border border-dashed border-border bg-muted/20 p-2.5", children: [
       /* @__PURE__ */ jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("marketing.content.unscheduled") }),
       unscheduled.map((post) => /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           type: "button",
           onClick: () => onOpenPost(post.id),
           className: "inline-flex items-center gap-1.5 rounded-full border border-border bg-card px-2.5 py-1 text-xs font-medium text-foreground transition-colors hover:bg-muted/40",
@@ -2470,8 +2494,10 @@ function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
                   }
                 ),
                 !disabled && /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => onNewPostAt(iso),
                     className: "rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted/60 hover:text-foreground group-hover:opacity-100",
@@ -2482,18 +2508,22 @@ function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-1", children: [
                 (expandedDay === iso ? dayPosts : dayPosts.slice(0, MAX_VISIBLE)).map((post) => /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => onOpenPost(post.id),
-                    className: "block w-full truncate rounded border border-border bg-card px-1.5 py-1 text-left text-xs text-foreground transition-colors hover:bg-muted/40",
+                    className: "block w-full truncate rounded border border-border bg-card px-1.5 py-1 text-left text-xs text-foreground transition-colors hover:bg-muted/40 font-normal",
                     children: post.title || t("marketing.content.untitled")
                   },
                   post.id
                 )),
                 dayPosts.length > MAX_VISIBLE && /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     type: "button",
                     onClick: () => setExpandedDay(expandedDay === iso ? null : iso),
                     className: "block w-full px-1.5 py-0.5 text-left text-xs font-medium text-muted-foreground transition-colors hover:text-foreground",
@@ -2511,36 +2541,27 @@ function CalendarView({ posts, onOpenPost, onNewPostAt, disabled }) {
 }
 function ListView({ posts, onOpenPost }) {
   const t = useTranslation();
+  const columns = React12.useMemo(() => {
+    const head = (key) => () => /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide", children: t(key) });
+    return [
+      { id: "week", header: head("marketing.content.listWeek"), cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: row.original.weekNumber }) },
+      {
+        id: "title",
+        header: head("marketing.content.listTitle"),
+        cell: ({ row: { original: post } }) => /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2 font-medium text-foreground", children: [
+          post.title || t("marketing.content.untitled"),
+          /* @__PURE__ */ jsx(PlatformBadges, { platforms: post.platforms })
+        ] })
+      },
+      { id: "format", header: head("marketing.content.listFormat"), cell: ({ row }) => /* @__PURE__ */ jsx(FormatBadge, { format: row.original.format }) },
+      { id: "status", header: head("marketing.content.listStatus"), cell: ({ row }) => /* @__PURE__ */ jsx(PostStatusBadge, { status: row.original.status }) },
+      { id: "date", header: head("marketing.content.listDate"), cell: ({ row }) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: row.original.scheduledDate ?? "\u2014" }) }
+    ];
+  }, [t]);
   if (posts.length === 0) {
     return /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("marketing.content.noPosts") });
   }
-  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-card border border-border", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/30 text-left text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2", children: t("marketing.content.listWeek") }),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2", children: t("marketing.content.listTitle") }),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2", children: t("marketing.content.listFormat") }),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2", children: t("marketing.content.listStatus") }),
-      /* @__PURE__ */ jsx("th", { className: "px-3 py-2", children: t("marketing.content.listDate") })
-    ] }) }),
-    /* @__PURE__ */ jsx("tbody", { children: posts.map((post) => /* @__PURE__ */ jsxs(
-      "tr",
-      {
-        onClick: () => onOpenPost(post.id),
-        className: "cursor-pointer border-b border-border last:border-b-0 transition-colors hover:bg-muted/30",
-        children: [
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-muted-foreground", children: post.weekNumber }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 font-medium text-foreground", children: /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-2", children: [
-            post.title || t("marketing.content.untitled"),
-            /* @__PURE__ */ jsx(PlatformBadges, { platforms: post.platforms })
-          ] }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(FormatBadge, { format: post.format }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2", children: /* @__PURE__ */ jsx(PostStatusBadge, { status: post.status }) }),
-          /* @__PURE__ */ jsx("td", { className: "px-3 py-2 text-muted-foreground", children: post.scheduledDate ? shortDay(/* @__PURE__ */ new Date(`${post.scheduledDate}T00:00:00`)) : "\u2014" })
-        ]
-      },
-      post.id
-    )) })
-  ] }) });
+  return /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-card border border-border", children: /* @__PURE__ */ jsx(DataTable, { variant: "bare", columns, data: posts, onRowClick: (post) => onOpenPost(post.id) }) });
 }
 function ContentView({ initialPostId = null }) {
   const t = useTranslation();