@fayz-ai/plugin-forms 0.1.4 → 0.2.0

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,MAAM,eAAe,CAAA;AAQnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAyCxD,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,4BAA4B,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEnH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,cAAc,CA6I1F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AASnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,UAAU,CAAA;AAyCxD,YAAY,EAAE,wBAAwB,EAAE,CAAA;AACxC,OAAO,EAAE,4BAA4B,EAAE,KAAK,kBAAkB,EAAE,KAAK,oBAAoB,EAAE,MAAM,kBAAkB,CAAA;AAEnH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,cAAc,CA6J1F"}

package/dist/index.js

@@ -1,10 +1,11 @@
 import { FormRenderer } from './chunk-32I43T37.js';
 import React2, { useState, useCallback, useRef, useEffect } from 'react';
 import { registerTranslations, createSafeDataProvider, useTranslation, getSupabaseClientOptional, getActiveTenantId } from '@fayz-ai/core';
+import { PluginSettingsPanel } from '@fayz-ai/saas';
 import { create } from 'zustand';
-import { FileText, Image, Paperclip, ArrowLeft, Loader2, Save, Pencil, Plus, ChevronDown, Upload, Eye, Trash2, Search } from 'lucide-react';
-import { useSaveBar, Button, Badge, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, DropdownItem, Input, Card, CardContent } from '@fayz-ai/ui';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { FileText, Image, Paperclip, Search, Plus, Pencil, Trash2, ArrowLeft, Loader2, Save, ChevronDown, Upload, Eye } from 'lucide-react';
+import { Input, Button, Card, CardContent, Badge, useSaveBar, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownLabel, DropdownItem } from '@fayz-ai/ui';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/data/mock.ts
 function uuid() {
@@ -694,6 +695,7 @@ var customFormsLocales = {
 var DEFAULT_LABELS = {
   pageTitle: "Custom Forms",
   settingsLabel: "Forms & Documents",
+  settingsSubtitle: "Create and manage custom forms for your business",
   templates: "Templates",
   documents: "Documents",
   newTemplate: "New Template",
@@ -815,8 +817,7 @@ function TemplateListView({ store, config, onEdit, onNew }) {
     ] }) }, i)) })
   ] });
 }
-function CustomFormsSettingsTab({ config, provider, store, registries }) {
-  const t = useTranslation();
+function CustomFormsSettingsTab({ config, provider, store }) {
   const [builderTemplateId, setBuilderTemplateId] = useState(null);
   const handleNew = useCallback(() => {
     setBuilderTemplateId("__new__");
@@ -840,7 +841,7 @@ function CustomFormsSettingsTab({ config, provider, store, registries }) {
     }
     checkHash();
   }, []);
-  const templatesContent = builderTemplateId ? /* @__PURE__ */ jsx(
+  return builderTemplateId ? /* @__PURE__ */ jsx(
     BuilderWrapper,
     {
       templateId: builderTemplateId === "__new__" ? void 0 : builderTemplateId,
@@ -858,13 +859,6 @@ function CustomFormsSettingsTab({ config, provider, store, registries }) {
       onNew: handleNew
     }
   );
-  return /* @__PURE__ */ jsxs("div", { style: { padding: "24px" }, children: [
-    /* @__PURE__ */ jsxs("div", { style: { marginBottom: "16px" }, children: [
-      /* @__PURE__ */ jsx("h1", { style: { fontSize: "20px", fontWeight: 600, margin: 0 }, children: t("customForms.settingsTitle") }),
-      /* @__PURE__ */ jsx("p", { style: { color: "var(--muted-foreground, #6b7280)", margin: "4px 0 0", fontSize: "14px" }, children: t("customForms.settingsSubtitle") })
-    ] }),
-    templatesContent
-  ] });
 }
 function BuilderWrapper({
   templateId,
@@ -1514,8 +1508,23 @@ function createCustomFormsPlugin(options) {
       ]
     }
   ];
-  const SettingsComponent = () => React2.createElement(CustomFormsSettingsTab, { config, provider, store, registries: formRegistries });
-  SettingsComponent.displayName = "CustomFormsSettingsTab";
+  const registries = [...formRegistries, ...options?.settingsRegistries ?? []];
+  const SettingsComponent = () => React2.createElement(PluginSettingsPanel, {
+    title: config.labels.settingsLabel,
+    subtitle: config.labels.settingsSubtitle,
+    customTabs: [
+      {
+        id: "forms",
+        label: config.labels.pageTitle,
+        icon: "FileText",
+        content: React2.createElement(CustomFormsSettingsTab, { config, provider, store })
+      }
+    ],
+    registries,
+    routeBase: "/settings/custom_forms",
+    hostPluginId: "custom_forms"
+  });
+  SettingsComponent.displayName = "CustomFormsSettingsPanel";
   const PersonDocumentsWidget2 = (props) => React2.createElement(PersonDocumentsWidget, { ...props, config, provider, store });
   PersonDocumentsWidget2.displayName = "PersonDocumentsWidget";
   return {
@@ -1549,7 +1558,7 @@ function createCustomFormsPlugin(options) {
         order: 0
       }
     ],
-    registries: formRegistries,
+    registries,
     aiTools: [
       {
         id: "custom_forms.list-templates",