@btst/stack 2.12.2 → 3.0.0-rc.2

package/dist/packages/stack/src/plugins/form-builder/api/plugin.cjs

@@ -96,16 +96,16 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
         query: schemas.listFormsQuerySchema
       },
       async (ctx) => {
-        const { status, limit, offset } = ctx.query;
+        const { status, limit, offset, search } = ctx.query;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeListForms) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeListForms(context),
             ctx.error,
             "Access denied"
           );
         }
-        return getters.getAllForms(adapter, { status, limit, offset });
+        return getters.getAllForms(adapter, { status, limit, offset, search });
       }
     );
     const getFormBySlug = api.createEndpoint(
@@ -118,7 +118,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
         const { slug } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetForm) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeGetForm(slug, context),
             ctx.error,
             "Access denied"
@@ -141,7 +141,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
         const { id } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetForm) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeGetForm(id, context),
             ctx.error,
             "Access denied"
@@ -196,7 +196,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
           status: body.status
         };
         if (config.hooks?.onBeforeFormCreated) {
-          const hookResult = await utils$1.runHookWithShim(
+          const hookResult = await utils$1.runHook(
             () => config.hooks.onBeforeFormCreated(formInput, context),
             ctx.error,
             "Create operation denied"
@@ -284,7 +284,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
           status: body.status
         };
         if (config.hooks?.onBeforeFormUpdated) {
-          const hookResult = await utils$1.runHookWithShim(
+          const hookResult = await utils$1.runHook(
             () => config.hooks.onBeforeFormUpdated(id, updateInput, context),
             ctx.error,
             "Update operation denied"
@@ -342,7 +342,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
           throw ctx.error(404, { message: "Form not found" });
         }
         if (config.hooks?.onBeforeFormDeleted) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeFormDeleted(id, context),
             ctx.error,
             "Delete operation denied"
@@ -419,9 +419,6 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
               data,
               submissionContext
             );
-            if (hookResult === false) {
-              originalError = new Error("Submission rejected");
-            }
           } catch (e) {
             originalError = e instanceof Error ? e : new Error("Submission rejected");
           }
@@ -486,7 +483,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
           throw ctx.error(404, { message: "Form not found" });
         }
         if (config.hooks?.onBeforeListSubmissions) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeListSubmissions(formId, context),
             ctx.error,
             "Access denied"
@@ -505,7 +502,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
         const { formId, subId } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetSubmission) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeGetSubmission(subId, context),
             ctx.error,
             "Access denied"
@@ -539,7 +536,7 @@ const formBuilderBackendPlugin = (config = {}) => api.defineBackendPlugin({
           throw ctx.error(404, { message: "Submission not found" });
         }
         if (config.hooks?.onBeforeSubmissionDeleted) {
-          await utils$1.runHookWithShim(
+          await utils$1.runHook(
             () => config.hooks.onBeforeSubmissionDeleted(subId, context),
             ctx.error,
             "Delete operation denied"

package/dist/packages/stack/src/plugins/form-builder/api/plugin.mjs

@@ -6,7 +6,7 @@ import { listFormsQuerySchema, createFormSchema, updateFormSchema, listSubmissio
 import { extractUserAgent, extractIpAddress, slugify } from '../utils.mjs';
 import { getFormSubmissions, getFormBySlug, getFormById, getAllForms, serializeForm, serializeFormSubmission, serializeFormSubmissionWithData } from './getters.mjs';
 import { FORM_QUERY_KEYS } from './query-key-defs.mjs';
-import { runHookWithShim } from '../../utils.mjs';
+import { runHook } from '../../utils.mjs';
 
 function createFormBuilderPrefetchForRoute(adapter) {
   return async function prefetchForRoute(key, qc, params) {
@@ -94,16 +94,16 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
         query: listFormsQuerySchema
       },
       async (ctx) => {
-        const { status, limit, offset } = ctx.query;
+        const { status, limit, offset, search } = ctx.query;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeListForms) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeListForms(context),
             ctx.error,
             "Access denied"
           );
         }
-        return getAllForms(adapter, { status, limit, offset });
+        return getAllForms(adapter, { status, limit, offset, search });
       }
     );
     const getFormBySlug$1 = createEndpoint(
@@ -116,7 +116,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
         const { slug } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetForm) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeGetForm(slug, context),
             ctx.error,
             "Access denied"
@@ -139,7 +139,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
         const { id } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetForm) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeGetForm(id, context),
             ctx.error,
             "Access denied"
@@ -194,7 +194,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
           status: body.status
         };
         if (config.hooks?.onBeforeFormCreated) {
-          const hookResult = await runHookWithShim(
+          const hookResult = await runHook(
             () => config.hooks.onBeforeFormCreated(formInput, context),
             ctx.error,
             "Create operation denied"
@@ -282,7 +282,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
           status: body.status
         };
         if (config.hooks?.onBeforeFormUpdated) {
-          const hookResult = await runHookWithShim(
+          const hookResult = await runHook(
             () => config.hooks.onBeforeFormUpdated(id, updateInput, context),
             ctx.error,
             "Update operation denied"
@@ -340,7 +340,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
           throw ctx.error(404, { message: "Form not found" });
         }
         if (config.hooks?.onBeforeFormDeleted) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeFormDeleted(id, context),
             ctx.error,
             "Delete operation denied"
@@ -417,9 +417,6 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
               data,
               submissionContext
             );
-            if (hookResult === false) {
-              originalError = new Error("Submission rejected");
-            }
           } catch (e) {
             originalError = e instanceof Error ? e : new Error("Submission rejected");
           }
@@ -484,7 +481,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
           throw ctx.error(404, { message: "Form not found" });
         }
         if (config.hooks?.onBeforeListSubmissions) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeListSubmissions(formId, context),
             ctx.error,
             "Access denied"
@@ -503,7 +500,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
         const { formId, subId } = ctx.params;
         const context = createContext(ctx.headers);
         if (config.hooks?.onBeforeGetSubmission) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeGetSubmission(subId, context),
             ctx.error,
             "Access denied"
@@ -537,7 +534,7 @@ const formBuilderBackendPlugin = (config = {}) => defineBackendPlugin({
           throw ctx.error(404, { message: "Submission not found" });
         }
         if (config.hooks?.onBeforeSubmissionDeleted) {
-          await runHookWithShim(
+          await runHook(
             () => config.hooks.onBeforeSubmissionDeleted(subId, context),
             ctx.error,
             "Delete operation denied"

package/dist/packages/stack/src/plugins/form-builder/api/query-key-defs.cjs

@@ -4,7 +4,8 @@ function formsListDiscriminator(params) {
   return {
     status: params?.status,
     limit: params?.limit ?? 20,
-    offset: params?.offset ?? 0
+    offset: params?.offset ?? 0,
+    search: params?.search !== void 0 && params.search.trim() === "" ? void 0 : params?.search
   };
 }
 function submissionsListDiscriminator(params) {

package/dist/packages/stack/src/plugins/form-builder/api/query-key-defs.mjs

@@ -2,7 +2,8 @@ function formsListDiscriminator(params) {
   return {
     status: params?.status,
     limit: params?.limit ?? 20,
-    offset: params?.offset ?? 0
+    offset: params?.offset ?? 0,
+    search: params?.search !== void 0 && params.search.trim() === "" ? void 0 : params?.search
   };
 }
 function submissionsListDiscriminator(params) {

package/dist/packages/stack/src/plugins/form-builder/client/components/forms/form-renderer.cjs

@@ -10,7 +10,6 @@ const schemaConverter = require('../../../../../../../ui/src/lib/schema-converte
 const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');
 const LucideIcons = require('lucide-react');
 const formBuilderHooks = require('../../hooks/form-builder-hooks.cjs');
-const index = require('../../localization/index.cjs');
 
 function DefaultLoadingComponent() {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -21,16 +20,23 @@ function DefaultLoadingComponent() {
   ] });
 }
 function DefaultErrorComponent({ error }) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("form-builder");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-destructive/10 p-3 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.AlertCircle, { className: "h-6 w-6 text-destructive" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Failed to load form" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: error.message || "An unexpected error occurred" })
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_RENDERER_LOAD_FAILED ?? t("formBuilder.renderer.loadFailed", "Failed to load form") }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: error.message || (localization?.FORM_BUILDER_RENDERER_UNEXPECTED_ERROR ?? t(
+      "formBuilder.renderer.unexpectedError",
+      "An unexpected error occurred"
+    )) })
   ] });
 }
 function DefaultSuccessComponent({ message }) {
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("form-builder");
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-full bg-green-100 dark:bg-green-900 p-3 mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckCircle, { className: "h-6 w-6 text-green-600 dark:text-green-400" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Form Submitted" }),
+    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_RENDERER_SUBMITTED_TITLE ?? t("formBuilder.renderer.submittedTitle", "Form Submitted") }),
     /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: message })
   ] });
 }
@@ -45,10 +51,8 @@ function FormRenderer({
   ErrorComponent = DefaultErrorComponent,
   className
 }) {
-  const { fieldComponents: overrideFieldComponents, localization } = context.usePluginOverrides("form-builder", {
-    localization: index.FORM_BUILDER_LOCALIZATION
-  });
-  const loc = localization || index.FORM_BUILDER_LOCALIZATION;
+  const t = context.useTranslate();
+  const { fieldComponents: overrideFieldComponents, localization } = context.usePluginOverrides("form-builder");
   const { form, isLoading, error } = formBuilderHooks.useFormBySlug(slug);
   const submitMutation = formBuilderHooks.useSubmitForm(slug);
   const [submitted, setSubmitted] = React.useState(false);
@@ -81,7 +85,7 @@ function FormRenderer({
   const handleSubmit = async (data) => {
     try {
       const result = await submitMutation.mutateAsync({ data });
-      const message = propSuccessMessage || result.form.successMessage || "Thank you for your submission!";
+      const message = propSuccessMessage || result.form.successMessage || (localization?.FORM_BUILDER_RENDERER_THANK_YOU ?? t("formBuilder.renderer.thankYou", "Thank you for your submission!"));
       setFinalSuccessMessage(message);
       setSubmitted(true);
       onSuccess?.(result);
@@ -100,18 +104,40 @@ function FormRenderer({
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorComponent, { error }) });
   }
   if (!form) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorComponent, { error: new Error("Form not found") }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ErrorComponent,
+      {
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_NOT_FOUND ?? t("formBuilder.renderer.notFound", "Form not found")
+        )
+      }
+    ) });
   }
   if (form.status !== "active") {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
       ErrorComponent,
       {
-        error: new Error("This form is not currently accepting submissions")
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_INACTIVE ?? t(
+            "formBuilder.renderer.inactive",
+            "This form is not currently accepting submissions"
+          )
+        )
       }
     ) });
   }
   if (!zodSchema) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(ErrorComponent, { error: new Error("Failed to parse form schema") }) });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(
+      ErrorComponent,
+      {
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_SCHEMA_ERROR ?? t(
+            "formBuilder.renderer.schemaError",
+            "Failed to parse form schema"
+          )
+        )
+      }
+    ) });
   }
   if (submitted && finalSuccessMessage) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: /* @__PURE__ */ jsxRuntime.jsx(DefaultSuccessComponent, { message: finalSuccessMessage }) });
@@ -123,7 +149,7 @@ function FormRenderer({
       fieldConfig,
       onSubmit: (values) => handleSubmit(values),
       isSubmitting: submitMutation.isPending,
-      submitButtonText: submitButtonText || loc.FORM_BUILDER_BUTTON_SUBMIT
+      submitButtonText: submitButtonText || (localization?.FORM_BUILDER_BUTTON_SUBMIT ?? t("formBuilder.common.buttonSubmit", "Submit"))
     }
   ) });
 }

package/dist/packages/stack/src/plugins/form-builder/client/components/forms/form-renderer.mjs

@@ -1,14 +1,13 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useMemo } from 'react';
-import { usePluginOverrides } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides } from '@btst/stack/context';
 import SteppedAutoForm from '../../../../../../../ui/src/components/auto-form/stepped-auto-form.mjs';
 import { buildFieldConfigFromJsonSchema } from '../../../../../../../ui/src/components/auto-form/helpers.mjs';
 import { formSchemaToZod } from '../../../../../../../ui/src/lib/schema-converter.mjs';
 import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';
 import { AlertCircle, CheckCircle } from 'lucide-react';
 import { useFormBySlug, useSubmitForm } from '../../hooks/form-builder-hooks.mjs';
-import { FORM_BUILDER_LOCALIZATION } from '../../localization/index.mjs';
 
 function DefaultLoadingComponent() {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
@@ -19,16 +18,23 @@ function DefaultLoadingComponent() {
   ] });
 }
 function DefaultErrorComponent({ error }) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("form-builder");
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-destructive/10 p-3 mb-4", children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-6 w-6 text-destructive" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Failed to load form" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: error.message || "An unexpected error occurred" })
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_RENDERER_LOAD_FAILED ?? t("formBuilder.renderer.loadFailed", "Failed to load form") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: error.message || (localization?.FORM_BUILDER_RENDERER_UNEXPECTED_ERROR ?? t(
+      "formBuilder.renderer.unexpectedError",
+      "An unexpected error occurred"
+    )) })
   ] });
 }
 function DefaultSuccessComponent({ message }) {
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("form-builder");
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-8 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-green-100 dark:bg-green-900 p-3 mb-4", children: /* @__PURE__ */ jsx(CheckCircle, { className: "h-6 w-6 text-green-600 dark:text-green-400" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: "Form Submitted" }),
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_RENDERER_SUBMITTED_TITLE ?? t("formBuilder.renderer.submittedTitle", "Form Submitted") }),
     /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground max-w-sm", children: message })
   ] });
 }
@@ -43,10 +49,8 @@ function FormRenderer({
   ErrorComponent = DefaultErrorComponent,
   className
 }) {
-  const { fieldComponents: overrideFieldComponents, localization } = usePluginOverrides("form-builder", {
-    localization: FORM_BUILDER_LOCALIZATION
-  });
-  const loc = localization || FORM_BUILDER_LOCALIZATION;
+  const t = useTranslate();
+  const { fieldComponents: overrideFieldComponents, localization } = usePluginOverrides("form-builder");
   const { form, isLoading, error } = useFormBySlug(slug);
   const submitMutation = useSubmitForm(slug);
   const [submitted, setSubmitted] = useState(false);
@@ -79,7 +83,7 @@ function FormRenderer({
   const handleSubmit = async (data) => {
     try {
       const result = await submitMutation.mutateAsync({ data });
-      const message = propSuccessMessage || result.form.successMessage || "Thank you for your submission!";
+      const message = propSuccessMessage || result.form.successMessage || (localization?.FORM_BUILDER_RENDERER_THANK_YOU ?? t("formBuilder.renderer.thankYou", "Thank you for your submission!"));
       setFinalSuccessMessage(message);
       setSubmitted(true);
       onSuccess?.(result);
@@ -98,18 +102,40 @@ function FormRenderer({
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ErrorComponent, { error }) });
   }
   if (!form) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ErrorComponent, { error: new Error("Form not found") }) });
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      ErrorComponent,
+      {
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_NOT_FOUND ?? t("formBuilder.renderer.notFound", "Form not found")
+        )
+      }
+    ) });
   }
   if (form.status !== "active") {
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
       ErrorComponent,
       {
-        error: new Error("This form is not currently accepting submissions")
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_INACTIVE ?? t(
+            "formBuilder.renderer.inactive",
+            "This form is not currently accepting submissions"
+          )
+        )
       }
     ) });
   }
   if (!zodSchema) {
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(ErrorComponent, { error: new Error("Failed to parse form schema") }) });
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(
+      ErrorComponent,
+      {
+        error: new Error(
+          localization?.FORM_BUILDER_RENDERER_SCHEMA_ERROR ?? t(
+            "formBuilder.renderer.schemaError",
+            "Failed to parse form schema"
+          )
+        )
+      }
+    ) });
   }
   if (submitted && finalSuccessMessage) {
     return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(DefaultSuccessComponent, { message: finalSuccessMessage }) });
@@ -121,7 +147,7 @@ function FormRenderer({
       fieldConfig,
       onSubmit: (values) => handleSubmit(values),
       isSubmitting: submitMutation.isPending,
-      submitButtonText: submitButtonText || loc.FORM_BUILDER_BUTTON_SUBMIT
+      submitButtonText: submitButtonText || (localization?.FORM_BUILDER_BUTTON_SUBMIT ?? t("formBuilder.common.buttonSubmit", "Submit"))
     }
   ) });
 }

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/404-page.cjs

@@ -6,14 +6,19 @@ const button = require('../../../../../../../ui/src/components/button.cjs');
 const context = require('@btst/stack/context');
 
 function NotFoundPage() {
-  const { navigate, Link } = context.usePluginOverrides("form-builder");
+  const t = context.useTranslate();
+  const { localization } = context.usePluginOverrides("form-builder");
+  const { router } = context.useStack();
   const basePath = context.useBasePath();
-  const LinkComponent = Link || "a";
+  const LinkComponent = router?.Link ?? "a";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
-    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/forms`, children: "Back to Forms" }) })
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_404_TITLE ?? t("formBuilder.common.404Title", "Page not found") }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: localization?.FORM_BUILDER_404_DESCRIPTION ?? t(
+      "formBuilder.common.404Description",
+      "The page you're looking for doesn't exist or has been moved."
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(button.Button, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(LinkComponent, { href: `${basePath}/forms`, children: localization?.FORM_BUILDER_404_BACK ?? t("formBuilder.common.404Back", "Back to Forms") }) })
   ] });
 }
 

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/404-page.mjs

@@ -1,17 +1,22 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Button } from '../../../../../../../ui/src/components/button.mjs';
-import { usePluginOverrides, useBasePath } from '@btst/stack/context';
+import { useTranslate, usePluginOverrides, useStack, useBasePath } from '@btst/stack/context';
 
 function NotFoundPage() {
-  const { navigate, Link } = usePluginOverrides("form-builder");
+  const t = useTranslate();
+  const { localization } = usePluginOverrides("form-builder");
+  const { router } = useStack();
   const basePath = useBasePath();
-  const LinkComponent = Link || "a";
+  const LinkComponent = router?.Link ?? "a";
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center", children: [
     /* @__PURE__ */ jsx("h1", { className: "text-6xl font-bold text-muted-foreground mb-4", children: "404" }),
-    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: "Page not found" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: "The page you're looking for doesn't exist or has been moved." }),
-    /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: `${basePath}/forms`, children: "Back to Forms" }) })
+    /* @__PURE__ */ jsx("h2", { className: "text-xl font-medium text-foreground mb-2", children: localization?.FORM_BUILDER_404_TITLE ?? t("formBuilder.common.404Title", "Page not found") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: localization?.FORM_BUILDER_404_DESCRIPTION ?? t(
+      "formBuilder.common.404Description",
+      "The page you're looking for doesn't exist or has been moved."
+    ) }),
+    /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { href: `${basePath}/forms`, children: localization?.FORM_BUILDER_404_BACK ?? t("formBuilder.common.404Back", "Back to Forms") }) })
   ] });
 }
 

package/dist/packages/stack/src/plugins/form-builder/client/components/pages/form-builder-page.cjs

@@ -3,9 +3,11 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const formBuilderSkeleton = require('../loading/form-builder-skeleton.cjs');
-const reactErrorBoundary = require('react-error-boundary');
+const context = require('@btst/stack/context');
+const components = require('@btst/stack/client/components');
 const defaultError = require('../shared/default-error.cjs');
+const formBuilderSkeleton = require('../loading/form-builder-skeleton.cjs');
+const _404Page = require('./404-page.cjs');
 
 const FormBuilderPage = React.lazy(
   () => import('./form-builder-page.internal.cjs').then((m) => ({
@@ -13,7 +15,30 @@ const FormBuilderPage = React.lazy(
   }))
 );
 function FormBuilderPageComponent({ id }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(reactErrorBoundary.ErrorBoundary, { FallbackComponent: defaultError.DefaultError, children: /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(formBuilderSkeleton.FormBuilderSkeleton, {}), children: /* @__PURE__ */ jsxRuntime.jsx(FormBuilderPage, { id }) }) });
+  const { onRouteError } = context.usePluginOverrides("form-builder");
+  const isNew = !id;
+  const path = isNew ? "/forms/new" : `/forms/${id}/edit`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    components.ComposedRoute,
+    {
+      path,
+      PageComponent: FormBuilderPage,
+      ErrorComponent: defaultError.DefaultError,
+      LoadingComponent: formBuilderSkeleton.FormBuilderSkeleton,
+      NotFoundComponent: _404Page.NotFoundPage,
+      permission: isNew ? { resource: "form-builder:form", action: "create" } : { resource: "form-builder:form", action: "update", params: { id } },
+      props: { id },
+      onError: (error) => {
+        if (onRouteError) {
+          onRouteError("formBuilder", error, {
+            path,
+            params: id ? { id } : {},
+            isSSR: typeof window === "undefined"
+          });
+        }
+      }
+    }
+  );
 }
 
 exports.FormBuilderPageComponent = FormBuilderPageComponent;