@wix/vibe-forms-app-plugin 0.10.0 → 0.12.0

package/dist/index.cjs

@@ -146974,7 +146974,7 @@ var import_adm_zip = __toESM(require_adm_zip());
 // src/constants.ts
 var VERTICAL_NAME = "forms-app";
 var FORMS_APP_DEF_ID = "225dd912-7dea-4738-8688-4b8c6955ffc2";
-var PLUGIN_FILES_ZIP_URL = "https://static.parastorage.com/services/forms-plugin-files/0.7.0/forms-plugin-files.zip";
+var PLUGIN_FILES_ZIP_URL = "https://static.parastorage.com/services/vibe-forms-plugin-files/0.9.0/forms-plugin-files-files.zip";
 
 // src/wix-apis.ts
 var isErrorWithRequestId = (error) => {
@@ -147351,65 +147351,108 @@ var unzipAndMergePluginFiles = async (env, zipUrl) => {
 };
 
 // src/forms-app-instructions.ts
-var getFormsCodingInstructions = ({
-  formId,
-  purpose,
-  formSchema
-}) => dedent_default`
+var getRouterFileContent = () => {
+  return dedent_default`
+import { MemberProvider } from '@/integrations';
+import {
+  createBrowserRouter,
+  RouterProvider,
+  Navigate,
+} from 'react-router-dom';
+import { FormAppPage } from './forms/FormAppPage';
+
+const router = createBrowserRouter([
+  {
+    path: '/',
+    element: <Navigate to="/form" />,
+    children: [
+      {
+        path: '/form',
+        element: <FormAppPage />,
+      },
+    ],
+  },
+]);
+  `;
+};
+var getFormsCodingInstructions = () => dedent_default`
 <forms_instructions>
 
 Your tasks for implementing and integrating the Forms features of the site are:
 
-# FIRST TASK: ADD FORMS COMPONENT ON A SITE PAGE
+# FIRST TASK: INTEGRATE THE FORMS ROUTES INTO THE SITE ROUTER
 
-Add the form component on a site page.
+Integrate the forms routes into the existing router of the app.
 
-**🚨 CRITICAL: FormComponent is ALREADY IMPLEMENTED! DO NOT create/implement it - just import and use it!**
+**🚨 CRITICAL: FormAppPage is ALREADY IMPLEMENTED! DO NOT create/implement it - just import and use it!**
 
-## Usage Examples
-
-### Form component
+## Example Forms Router File
+You should not use it as is, but rather use the content of the file as reference for how to implement the router in the app.
 \`\`\`tsx
-// Import the existing FormComponent (DO NOT implement it!)
-import { FormComponent } from '@/components/forms/Form';
-
-<div>
-  <h1>${purpose}</h1>
-  <FormComponent formServiceConfig={{ formId: "${formId}" }} />
-</div>
+${getRouterFileContent()}
 \`\`\`
 
-## Form Service Configuration
+## FormAppPage Usage
 
-Forms are configured using a \`formServiceConfig\` object. The FormComponent is ALREADY IMPLEMENTED - just import and use it!
+The FormAppPage is ALREADY IMPLEMENTED and does not accept any props - just import and use it!
 
-**Import Path:** Always use \`@/components/forms/Form\` - this is the correct path to the existing FormComponent.
+**Import Path:** Always use \`@/components/forms/FormAppPage\` - this is the correct path to the existing FormAppPage.
 
 \`\`\`tsx
-// Example usage with formId
-<FormComponent formServiceConfig={{ formId: "${formId}" }} />
-
-// Or with pre-loaded form data
-<FormComponent formServiceConfig={{ form: formData }} />
+// FormAppPage usage - no props needed
+<FormAppPage />
 \`\`\`
 
-**DO NOT IMPLEMENT FormComponent - IT ALREADY EXISTS!**
+**DO NOT IMPLEMENT FormAppPage - IT ALREADY EXISTS!**
 
 
 
 # SECOND TASK: FORMS CODE CHANGES:
-- **NEVER implement FormComponent - it already exists!** Just import it from '@/components/forms/Form'
-- The general instruction is to NOT CHANGE THE FORMS COMPONENTS CODE and only integrate the forms components into a site page.
-- The FormComponent handles the onChange, onBlur, onFocus, onSubmit, etc. events and updates the form data. It also handles validation & showing errors.
-- i.e DO NOT EDIT or READ ANY FILE in <code>src/components/forms/</code> USE EVERYTHING AS IS!!
-<code-changes-exceptions>
-- **ONLY** make changes to forms components when the user explicitly requests language translation
-- **ONLY** edit these specific files for language changes:
-  - \`src/components/forms/Form.tsx\` - for form-level text
-  - \`src/components/forms/fields.tsx\` - for field-level text
-- **DO NOT** edit any other forms component files
-- **DO NOT** change functionality, only translate static text strings
-</code-changes-exceptions>
+
+## 🚨 CRITICAL RULE: FORMS APP WORKS ONLY WITH SPECIFIC COMPONENTS
+
+**ABSOLUTE PROHIBITION: DO NOT EDIT, MODIFY, OR IMPLEMENT ANY FORM COMPONENTS OR FORM FIELDS CODE!**
+
+### 🚫 FORBIDDEN: Custom Form Components
+**DO NOT implement custom form components or use generic form UI components!**
+
+**NEVER use these imports:**
+\`\`\`tsx
+// ❌ FORBIDDEN - Do not use these generic form components
+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form';
+\`\`\`
+
+**NEVER implement custom form components like:**
+- Custom form wrappers
+- Custom form fields
+- Custom form validation components
+- Custom form submission handlers
+
+### What is FORBIDDEN:
+- **NEVER implement FormAppPage** - it already exists! Just import it from '@/components/forms/FormAppPage'
+- **NEVER edit any files** in <code>src/components/forms/</code> directory
+- **NEVER modify form fields code** - use all form components exactly as they are
+- **NEVER change form functionality** - all form logic is already implemented
+- **NEVER read form component files** for implementation purposes
+
+### ✅ ALLOWED: Only Use These Specific Components
+**ONLY use these pre-built form components:**
+- \`FormAppPage\` - Main form page component
+- \`FormAppFields\` - Form fields component  
+- \`FormAppForm\` - Form wrapper component
+
+### What you MUST do:
+- **ONLY import and use** the specific form components listed above
+- **ONLY integrate** form components into site routes
+- **USE EVERYTHING AS IS** from the forms components directory
+- **ONLY use** the exact import paths provided for form components
+
+### Form Components Handle Everything:
+- The FormAppPage handles onChange, onBlur, onFocus, onSubmit events
+- Form components update form data automatically
+- Form components handle validation and error display
+- Form components manage all form state and behavior
+
 
 # THIRD TASK: CODE THE REST OF THE SITE PAGES
 
@@ -147417,6 +147460,8 @@ Forms are configured using a \`formServiceConfig\` object. The FormComponent is
 <strong>ALL FORMS FEATURES (submit button, validation, etc.) ARE ALREADY IMPLEMENTED BY THE FORMS COMPONENTS.</strong>
 <strong>THE REST OF THE SITE PAGES SHOULD BE IMPLEMENTED AS USUAL ACCORDING TO THE PLAN AND USER REQUESTS, FOLLOWING THE OTHER INSTRUCTIONS IN THE CONTEXT.</strong>
 
+<strong>🚨 REMEMBER: Forms app works ONLY with FormAppPage, FormAppFields, and FormAppForm components. Do NOT use generic form UI components or implement custom form components!</strong>
+
 </important_notes>
 
 </forms_instructions>
@@ -147456,7 +147501,7 @@ var generateData = async (env) => {
   return generatedData;
 };
 var getInstructions = async (params) => {
-  const actualInstructions = getFormsCodingInstructions(params.result);
+  const actualInstructions = getFormsCodingInstructions();
   console.log(
     `[${VERTICAL_NAME}-plugin-getInstructions] Getting instructions`,
     {