@fayz-ai/plugin-marketing 0.9.0 → 0.10.0

package/src/views/SettingsView.tsx

@@ -1,72 +0,0 @@
-import React from 'react'
-import { useTranslation } from '@fayz-ai/core'
-import { SettingsGroup, ToggleRow, SelectRow } from '@fayz-ai/saas'
-import { useMarketingConfig } from '../MarketingContext'
-
-const SOURCE_OPTIONS = [
-  { value: 'crm', label: 'CRM' },
-  { value: 'agenda', label: 'Agenda' },
-  { value: 'orders', label: 'Orders' },
-  { value: 'custom', label: 'Custom' },
-]
-
-export function SettingsView() {
-  const t = useTranslation()
-  const { conversion, channels } = useMarketingConfig()
-
-  // Local UI state — mock toggles (no backend yet), mirrors other plugins' settings.
-  const [source, setSource] = React.useState(conversion.source)
-  const [trackValue, setTrackValue] = React.useState(true)
-  const [autoSync, setAutoSync] = React.useState(true)
-  const [assisted, setAssisted] = React.useState(false)
-  const [tracked, setTracked] = React.useState<Record<string, boolean>>(
-    () => Object.fromEntries(channels.map((c) => [c.id, true])),
-  )
-
-  return (
-    <div className="space-y-4">
-      <SettingsGroup title={t('marketing.settings.conversionModel')} description={t('marketing.settings.conversionModelDesc')}>
-        <SelectRow
-          label={t('marketing.settings.attributedFrom')}
-          description={conversion.label}
-          value={source}
-          options={SOURCE_OPTIONS}
-          onChange={(v) => setSource(v as typeof source)}
-        />
-        <ToggleRow
-          label={t('marketing.settings.trackValue')}
-          description={t('marketing.settings.trackValueDesc')}
-          checked={trackValue}
-          onChange={setTrackValue}
-        />
-      </SettingsGroup>
-
-      <SettingsGroup title={t('marketing.settings.channels')} description={t('marketing.settings.channelsDesc')}>
-        {channels.map((c) => (
-          <ToggleRow
-            key={c.id}
-            label={c.label}
-            description={t('marketing.settings.channelTrackDesc')}
-            checked={tracked[c.id] ?? true}
-            onChange={(v) => setTracked((prev) => ({ ...prev, [c.id]: v }))}
-          />
-        ))}
-      </SettingsGroup>
-
-      <SettingsGroup title={t('marketing.settings.attribution')} description={t('marketing.settings.attributionDesc')}>
-        <ToggleRow
-          label={t('marketing.settings.autoSync')}
-          description={t('marketing.settings.autoSyncDesc')}
-          checked={autoSync}
-          onChange={setAutoSync}
-        />
-        <ToggleRow
-          label={t('marketing.settings.assisted')}
-          description={t('marketing.settings.assistedDesc')}
-          checked={assisted}
-          onChange={setAssisted}
-        />
-      </SettingsGroup>
-    </div>
-  )
-}

package/src/views/blog/BlogAdminView.tsx

@@ -1,99 +0,0 @@
-import React, { useEffect, useMemo, useState } from 'react'
-import { CrudListView } from '@fayz-ai/saas'
-import { SegmentedControl } from '@fayz-ai/ui'
-import { useMarketingConfig } from '../../MarketingContext'
-import { buildBlogPostEntity, buildBlogCategoryEntity } from '../../data/blogEntities'
-import { useEntityCrud } from './useEntityCrud'
-
-// ---------------------------------------------------------------------------
-// Blog backoffice — an in-page marketing tab with two lenses (Posts /
-// Categories), each a generic CrudListView backed by the blog tables. Follows
-// the content-planner pattern: this plugin owns the data + routing; create/edit
-// deep-link through the marketing module nav (navigate('blog-post:id') etc.).
-// ---------------------------------------------------------------------------
-
-function PostsList({ navigate }: { navigate: (view: string) => void }) {
-  const entity = useMemo(() => buildBlogPostEntity(), [])
-  const { items, total, fetch } = useEntityCrud(entity)
-  const [search, setSearch] = useState('')
-  const [statusFilter, setStatusFilter] = useState<string | undefined>()
-  const [loadedOnce, setLoadedOnce] = useState(false)
-
-  useEffect(() => {
-    let active = true
-    Promise.resolve(
-      fetch({ search: search || undefined, filters: statusFilter ? { status: statusFilter } : undefined }),
-    ).finally(() => { if (active) setLoadedOnce(true) })
-    return () => { active = false }
-  }, [search, statusFilter, fetch])
-
-  const facets = useMemo(() => [{
-    field: 'status',
-    allLabel: 'All',
-    options: [{ value: 'draft', label: 'Draft' }, { value: 'published', label: 'Published' }],
-  }], [])
-
-  return (
-    <CrudListView
-      entityDef={entity}
-      items={loadedOnce ? items : null}
-      total={total}
-      search={search}
-      onSearchChange={setSearch}
-      searchPlaceholder="Search posts…"
-      facets={facets}
-      activeFilters={{ status: statusFilter }}
-      onFacetChange={(_field, value) => setStatusFilter(value)}
-      onNew={() => navigate('blog-new')}
-      addLabel="New post"
-      onRowClick={(row) => navigate(`blog-post:${(row as { id: string }).id}`)}
-    />
-  )
-}
-
-function CategoriesList({ navigate }: { navigate: (view: string) => void }) {
-  const entity = useMemo(() => buildBlogCategoryEntity(), [])
-  const { items, total, fetch } = useEntityCrud(entity)
-  const [search, setSearch] = useState('')
-  const [loadedOnce, setLoadedOnce] = useState(false)
-
-  useEffect(() => {
-    let active = true
-    Promise.resolve(fetch({ search: search || undefined })).finally(() => { if (active) setLoadedOnce(true) })
-    return () => { active = false }
-  }, [search, fetch])
-
-  return (
-    <CrudListView
-      entityDef={entity}
-      items={loadedOnce ? items : null}
-      total={total}
-      search={search}
-      onSearchChange={setSearch}
-      searchPlaceholder="Search categories…"
-      onNew={() => navigate('blog-cat-new')}
-      addLabel="New category"
-      onRowClick={(row) => navigate(`blog-cat:${(row as { id: string }).id}`)}
-    />
-  )
-}
-
-export function BlogAdminView({ navigate }: { navigate: (view: string) => void }) {
-  const { labels } = useMarketingConfig()
-  const [lens, setLens] = useState<'posts' | 'categories'>('posts')
-
-  return (
-    <div className="space-y-4">
-      <SegmentedControl
-        aria-label="Blog section"
-        options={[
-          { value: 'posts', label: labels.blog },
-          { value: 'categories', label: labels.blogCategories },
-        ]}
-        value={lens}
-        onChange={(v) => setLens(v as 'posts' | 'categories')}
-      />
-      {lens === 'posts' ? <PostsList navigate={navigate} /> : <CategoriesList navigate={navigate} />}
-    </div>
-  )
-}

package/src/views/blog/BlogEntityForm.tsx

@@ -1,101 +0,0 @@
-import React from 'react'
-import { SubpageHeader, Button, toast } from '@fayz-ai/ui'
-import { CrudFormPage, useLimitGuard, invalidateLimit } from '@fayz-ai/saas'
-import type { EntityDef } from '@fayz-ai/core'
-import { useEntityCrud } from './useEntityCrud'
-import { BLOG_POSTS_TABLE } from '../../data/blogEntities'
-
-// ---------------------------------------------------------------------------
-// Generic create/edit for a blog entity (post or category), rendered through
-// the shared CrudFormPage (declarative EntityDef → fields, incl. the markdown
-// body + category relation). Persistence flows through the generic Supabase
-// provider; this only wires load / save / delete + the back link.
-// ---------------------------------------------------------------------------
-
-export function BlogEntityForm<T extends { id: string }>({
-  entity,
-  editId,
-  parentLabel,
-  onDone,
-}: {
-  entity: EntityDef<T>
-  editId?: string
-  parentLabel: string
-  onDone: () => void
-}) {
-  const { getById, create, update, remove } = useEntityCrud(entity)
-  const isEdit = !!editId
-  // Plan quantity guard applies to blog POSTS only (categories are unbounded).
-  const isPost = (entity as { data?: { table?: string } }).data?.table === BLOG_POSTS_TABLE
-  const guardBlogPosts = useLimitGuard('blog_posts')
-  const namePlural = entity.namePlural ?? entity.name + 's'
-  const [initialData, setInitialData] = React.useState<Record<string, any> | null>(isEdit ? null : {})
-
-  React.useEffect(() => {
-    if (!editId) return
-    let cancelled = false
-    ;(async () => {
-      const item = await getById(editId)
-      if (!cancelled) setInitialData((item as Record<string, any>) ?? {})
-    })()
-    return () => { cancelled = true }
-  }, [editId, getById])
-
-  async function save(values: Record<string, any>) {
-    // Client-side plan guard before the provider create — posts only, on create.
-    if (!isEdit && isPost && (await guardBlogPosts()) === 'blocked') return
-    try {
-      if (isEdit) await update(editId!, values)
-      else {
-        await create(values)
-        if (isPost) invalidateLimit('blog_posts')
-      }
-      toast.success(isEdit ? `${entity.name} updated` : `${entity.name} created`)
-      onDone()
-    } catch (err) {
-      toast.error(`Failed to save ${entity.name.toLowerCase()}`)
-      throw err
-    }
-  }
-
-  async function del() {
-    if (!editId) return
-    try {
-      await remove(editId)
-      toast.success(`${entity.name} deleted`)
-      onDone()
-    } catch {
-      toast.error(`Failed to delete ${entity.name.toLowerCase()}`)
-    }
-  }
-
-  const title = isEdit
-    ? (initialData?.[entity.displayField ?? 'name'] ?? entity.name)
-    : `New ${entity.name.toLowerCase()}`
-
-  return (
-    <div className="space-y-4">
-      <SubpageHeader
-        title={String(title)}
-        onBack={onDone}
-        parentLabel={parentLabel}
-        actions={isEdit ? (
-          <Button variant="ghost" className="text-destructive hover:text-destructive" onClick={del}>
-            Delete
-          </Button>
-        ) : undefined}
-      />
-      {initialData !== null && (
-        <CrudFormPage
-          entityDef={entity}
-          mode={isEdit ? 'edit' : 'create'}
-          initialData={initialData}
-          namePlural={namePlural}
-          onCancel={onDone}
-          onSubmit={save}
-          hideBreadcrumb
-        />
-      )}
-    </div>
-  )
-}

package/src/views/blog/useEntityCrud.ts

@@ -1,50 +0,0 @@
-import { useMemo, useState, useCallback } from 'react'
-import { resolveDataProvider } from '@fayz-ai/core'
-import type { EntityDef } from '@fayz-ai/core'
-
-interface ListQuery {
-  search?: string
-  filters?: Record<string, unknown>
-  page?: number
-  pageSize?: number
-  sortBy?: string
-  sortDir?: 'asc' | 'desc'
-}
-
-/**
- * Minimal store-less CRUD wiring for a plugin that owns its data + routing.
- * Resolves the generic Supabase provider from the EntityDef's `data.table`
- * (mock fallback when Supabase is not configured) and exposes list/get/save/
- * remove. Used by the blog backoffice list + form views — the heavy list/form
- * rendering stays in the shared CrudListView / CrudFormPage.
- */
-export function useEntityCrud<T extends { id: string }>(entity: EntityDef<T>) {
-  const provider = useMemo(() => resolveDataProvider<T>(entity), [entity])
-  const [items, setItems] = useState<T[] | null>(null)
-  const [total, setTotal] = useState(0)
-
-  const fetch = useCallback(async (query: ListQuery = {}) => {
-    try {
-      const res = await provider.list(query as any)
-      setItems(res.data)
-      setTotal(res.total)
-    } catch (err) {
-      // Table not provisioned yet (migration not applied to this pool) or a
-      // transient error — surface an empty list instead of a perpetual skeleton.
-      console.warn('[blog] list failed; showing empty. Apply the plugin-blog migration to this pool.', err)
-      setItems([])
-      setTotal(0)
-    }
-  }, [provider])
-
-  const getById = useCallback(async (id: string): Promise<T | null> => {
-    const res = await provider.list({ filters: { id }, page: 1, pageSize: 1 } as any)
-    return res.data[0] ?? null
-  }, [provider])
-
-  const create = useCallback((data: Record<string, unknown>) => provider.create(data as any), [provider])
-  const update = useCallback((id: string, data: Record<string, unknown>) => provider.update(id, data as any), [provider])
-  const remove = useCallback((id: string) => provider.remove(id), [provider])
-
-  return { items, total, fetch, getById, create, update, remove }
-}

package/src/views/content/ContentPlannerContext.tsx

@@ -1,13 +0,0 @@
-import { createPluginContext } from '@fayz-ai/saas'
-import type { ResolvedMarketingConfig } from '../../MarketingContext'
-import type { ContentPlannerProvider } from '../../data/contentTypes'
-import type { ContentPlannerUIState } from './contentStore'
-
-// Separate context trio for the content planner — MarketingContext's generics
-// are fixed to the analytics provider/store, so the planner mounts its own.
-const ctx = createPluginContext<ResolvedMarketingConfig, ContentPlannerProvider, ContentPlannerUIState>('ContentPlanner')
-
-export const ContentPlannerContextProvider = ctx.ContextProvider
-export const useContentPlannerConfig = ctx.useConfig
-export const useContentPlannerProvider = ctx.useProvider
-export const useContentPlannerStore = ctx.useStore