@fayz-ai/plugin-forms 0.1.4 → 0.2.0

package/dist/views/CustomFormsSettingsTab.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import type { PluginRegistryDef } from '@fayz-ai/core';
 import type { CustomFormsConfig } from '../config';
 import type { CustomFormsDataProvider } from '../data/types';
 import type { CustomFormsStore } from '../store';
@@ -7,8 +6,7 @@ interface CustomFormsSettingsTabProps {
     config: CustomFormsConfig;
     provider: CustomFormsDataProvider;
     store: CustomFormsStore;
-    registries?: PluginRegistryDef[];
 }
-export declare function CustomFormsSettingsTab({ config, provider, store, registries }: CustomFormsSettingsTabProps): React.JSX.Element;
+export declare function CustomFormsSettingsTab({ config, provider, store }: CustomFormsSettingsTabProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=CustomFormsSettingsTab.d.ts.map

package/dist/views/CustomFormsSettingsTab.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormsSettingsTab.d.ts","sourceRoot":"","sources":["../../src/views/CustomFormsSettingsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAGpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGhD,UAAU,2BAA2B;IACnC,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,uBAAuB,CAAA;IACjC,KAAK,EAAE,gBAAgB,CAAA;IACvB,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAA;CACjC;AAED,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,2BAA2B,qBA6D1G"}
+{"version":3,"file":"CustomFormsSettingsTab.d.ts","sourceRoot":"","sources":["../../src/views/CustomFormsSettingsTab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAEpD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAGhD,UAAU,2BAA2B;IACnC,MAAM,EAAE,iBAAiB,CAAA;IACzB,QAAQ,EAAE,uBAAuB,CAAA;IACjC,KAAK,EAAE,gBAAgB,CAAA;CACxB;AAED,wBAAgB,sBAAsB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,2BAA2B,qBA+C9F"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fayz-ai/plugin-forms",
-  "version": "0.1.4",
+  "version": "0.2.0",
   "description": "Fayz SDK — plugin-forms plugin",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -23,14 +23,15 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "lucide-react": "^0.400.0",
-    "zustand": "^4.5.0",
     "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@fayz-ai/core": "^0.5.0",
-    "@fayz-ai/ui": "^0.5.0"
+    "lucide-react": "^0.400.0",
+    "zustand": "^4.5.0",
+    "@fayz-ai/saas": "^0.6.6",
+    "@fayz-ai/ui": "^0.6.6",
+    "@fayz-ai/core": "^0.6.6"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",
@@ -45,9 +46,6 @@
     "fayz-plugin",
     "fayz-sdk"
   ],
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
     "build": "tsup && tsc --emitDeclarationOnly --declaration --declarationMap --noEmit false",
     "dev": "tsup --watch",

package/src/config.ts

@@ -1,4 +1,4 @@
-import type { PluginScope, VerticalId } from '@fayz-ai/core'
+import type { PluginRegistryDef, PluginScope, VerticalId } from '@fayz-ai/core'
 import type { CustomFormsDataProvider } from './data/types'
 
 export interface CustomFormsPluginOptions {
@@ -8,11 +8,14 @@ export interface CustomFormsPluginOptions {
   navSection?: 'main' | 'secondary' | 'settings'
   navPosition?: number
   labels?: Partial<CustomFormsLabels>
+  /** App-owned registries shown inside Forms & Documents settings. */
+  settingsRegistries?: PluginRegistryDef[]
 }
 
 export interface CustomFormsLabels {
   pageTitle: string
   settingsLabel: string
+  settingsSubtitle: string
   templates: string
   documents: string
   newTemplate: string
@@ -26,6 +29,7 @@ export interface CustomFormsConfig {
 const DEFAULT_LABELS: CustomFormsLabels = {
   pageTitle: 'Custom Forms',
   settingsLabel: 'Forms & Documents',
+  settingsSubtitle: 'Create and manage custom forms for your business',
   templates: 'Templates',
   documents: 'Documents',
   newTemplate: 'New Template',

package/src/index.ts

@@ -4,6 +4,7 @@ import type { CustomFormsDataProvider } from './data/types'
 import { createMockFormsProvider } from './data/mock'
 import { createSupabaseFormsProvider } from './data/supabase'
 import { createSafeDataProvider, registerTranslations } from '@fayz-ai/core'
+import { PluginSettingsPanel } from '@fayz-ai/saas'
 import { createCustomFormsStore } from './store'
 import { customFormsLocales } from './locales'
 import { resolveConfig } from './config'
@@ -97,9 +98,25 @@ export function createCustomFormsPlugin(options?: CustomFormsPluginOptions): Plu
     },
   ]
 
+  const registries = [...formRegistries, ...(options?.settingsRegistries ?? [])]
+
   const SettingsComponent: React.FC = () =>
-    React.createElement(CustomFormsSettingsTab, { config, provider, store, registries: formRegistries })
-  SettingsComponent.displayName = 'CustomFormsSettingsTab'
+    React.createElement(PluginSettingsPanel, {
+      title: config.labels.settingsLabel,
+      subtitle: config.labels.settingsSubtitle,
+      customTabs: [
+        {
+          id: 'forms',
+          label: config.labels.pageTitle,
+          icon: 'FileText',
+          content: React.createElement(CustomFormsSettingsTab, { config, provider, store }),
+        },
+      ],
+      registries,
+      routeBase: '/settings/custom_forms',
+      hostPluginId: 'custom_forms',
+    })
+  SettingsComponent.displayName = 'CustomFormsSettingsPanel'
 
   const PersonDocumentsWidget: React.FC<any> = (props: any) =>
     React.createElement(PersonDocumentsWidgetImpl, { ...props, config, provider, store })
@@ -141,7 +158,7 @@ export function createCustomFormsPlugin(options?: CustomFormsPluginOptions): Plu
       },
     ],
 
-    registries: formRegistries,
+    registries,
 
     aiTools: [
       {

package/src/views/CustomFormsSettingsTab.tsx

@@ -1,7 +1,5 @@
 import React, { useState, useCallback } from 'react'
 import { TemplateListView } from './TemplateListView'
-import { useTranslation } from '@fayz-ai/core'
-import type { PluginRegistryDef } from '@fayz-ai/core'
 import type { CustomFormsConfig } from '../config'
 import type { CustomFormsDataProvider } from '../data/types'
 import type { CustomFormsStore } from '../store'
@@ -11,11 +9,9 @@ interface CustomFormsSettingsTabProps {
   config: CustomFormsConfig
   provider: CustomFormsDataProvider
   store: CustomFormsStore
-  registries?: PluginRegistryDef[]
 }
 
-export function CustomFormsSettingsTab({ config, provider, store, registries }: CustomFormsSettingsTabProps) {
-  const t = useTranslation()
+export function CustomFormsSettingsTab({ config, provider, store }: CustomFormsSettingsTabProps) {
   const [builderTemplateId, setBuilderTemplateId] = useState<string | null>(null)
 
   const handleNew = useCallback(() => {
@@ -46,8 +42,7 @@ export function CustomFormsSettingsTab({ config, provider, store, registries }:
     checkHash()
   }, [])
 
-  // Templates tab content — either list or builder
-  const templatesContent = builderTemplateId ? (
+  return builderTemplateId ? (
     <BuilderWrapper
       templateId={builderTemplateId === '__new__' ? undefined : builderTemplateId}
       store={store}
@@ -63,18 +58,6 @@ export function CustomFormsSettingsTab({ config, provider, store, registries }:
       onNew={handleNew}
     />
   )
-
-  return (
-    <div style={{ padding: '24px' }}>
-      <div style={{ marginBottom: '16px' }}>
-        <h1 style={{ fontSize: '20px', fontWeight: 600, margin: 0 }}>{t('customForms.settingsTitle')}</h1>
-        <p style={{ color: 'var(--muted-foreground, #6b7280)', margin: '4px 0 0', fontSize: '14px' }}>
-          {t('customForms.settingsSubtitle')}
-        </p>
-      </div>
-      {templatesContent}
-    </div>
-  )
 }
 
 /** Lazy-loads the FormBuilder to avoid pulling @dnd-kit into the initial bundle */