@wix/vibe-forms-app-plugin 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +8 -24
- package/dist/index.cjs.map +1 -1
- package/package.json +3 -3
package/dist/index.cjs
CHANGED
|
@@ -146974,7 +146974,7 @@ var import_adm_zip = __toESM(require_adm_zip());
|
|
|
146974
146974
|
// src/constants.ts
|
|
146975
146975
|
var VERTICAL_NAME = "forms-app";
|
|
146976
146976
|
var FORMS_APP_DEF_ID = "225dd912-7dea-4738-8688-4b8c6955ffc2";
|
|
146977
|
-
var PLUGIN_FILES_ZIP_URL = "https://static.parastorage.com/services/vibe-forms-plugin-files/0.
|
|
146977
|
+
var PLUGIN_FILES_ZIP_URL = "https://static.parastorage.com/services/vibe-forms-plugin-files/0.15.0/forms-plugin-files-files.zip";
|
|
146978
146978
|
|
|
146979
146979
|
// src/wix-apis.ts
|
|
146980
146980
|
var isErrorWithRequestId = (error) => {
|
|
@@ -147359,15 +147359,9 @@ import { FormAppPage, formAppPageLoader } from './forms/FormAppPage';
|
|
|
147359
147359
|
|
|
147360
147360
|
const router = createBrowserRouter([
|
|
147361
147361
|
{
|
|
147362
|
-
path: '/',
|
|
147363
|
-
element: <
|
|
147364
|
-
|
|
147365
|
-
{
|
|
147366
|
-
path: '/form',
|
|
147367
|
-
element: <FormAppPage />,
|
|
147368
|
-
loader: formAppPageLoader,
|
|
147369
|
-
},
|
|
147370
|
-
],
|
|
147362
|
+
path: '/forms/:formId',
|
|
147363
|
+
element: <FormAppPage />,
|
|
147364
|
+
loader: formAppPageLoader,
|
|
147371
147365
|
},
|
|
147372
147366
|
]);
|
|
147373
147367
|
`;
|
|
@@ -147391,9 +147385,7 @@ ${getRouterFileContent()}
|
|
|
147391
147385
|
|
|
147392
147386
|
## FormAppPage Usage
|
|
147393
147387
|
|
|
147394
|
-
The FormAppPage is ALREADY IMPLEMENTED and uses React Router's loader pattern for data fetching.
|
|
147395
|
-
|
|
147396
|
-
**Import Path:** Always use \`@/components/forms/FormAppPage\` - this is the correct path to the existing FormAppPage.
|
|
147388
|
+
The FormAppPage is ALREADY IMPLEMENTED and uses React Router's loader pattern for data fetching with slug-based routing.
|
|
147397
147389
|
|
|
147398
147390
|
**Required Imports:**
|
|
147399
147391
|
\`\`\`tsx
|
|
@@ -147402,17 +147394,13 @@ import { FormAppPage, formAppPageLoader } from '@/components/forms/FormAppPage';
|
|
|
147402
147394
|
|
|
147403
147395
|
**Router Configuration:**
|
|
147404
147396
|
\`\`\tsx
|
|
147405
|
-
// FormAppPage usage with loader
|
|
147406
147397
|
{
|
|
147407
|
-
path: '/
|
|
147398
|
+
path: '/forms/:formId',
|
|
147408
147399
|
element: <FormAppPage />,
|
|
147409
147400
|
loader: formAppPageLoader,
|
|
147410
147401
|
}
|
|
147411
147402
|
\`\`\`
|
|
147412
147403
|
|
|
147413
|
-
**DO NOT IMPLEMENT FormAppPage - IT ALREADY EXISTS!**
|
|
147414
|
-
|
|
147415
|
-
|
|
147416
147404
|
|
|
147417
147405
|
# SECOND TASK: FORMS CODE CHANGES:
|
|
147418
147406
|
|
|
@@ -147436,7 +147424,6 @@ import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '
|
|
|
147436
147424
|
- Custom form submission handlers
|
|
147437
147425
|
|
|
147438
147426
|
### What is FORBIDDEN:
|
|
147439
|
-
- **NEVER implement FormAppPage** - it already exists! Just import it from '@/components/forms/FormAppPage'
|
|
147440
147427
|
- **NEVER edit any files** in <code>src/components/forms/</code> directory
|
|
147441
147428
|
- **NEVER modify form fields code** - use all form components exactly as they are
|
|
147442
147429
|
- **NEVER change form functionality** - all form logic is already implemented
|
|
@@ -147451,14 +147438,13 @@ import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '
|
|
|
147451
147438
|
- Individual field components: \`TextInput\`, \`TextArea\`, \`NumberInput\`, \`PhoneInput\`, \`Checkbox\`, \`RadioGroup\`, \`CheckboxGroup\`, \`Dropdown\`, \`FileUpload\`, \`SubmitButton\`, \`RichText\`
|
|
147452
147439
|
|
|
147453
147440
|
### What you MUST do:
|
|
147454
|
-
- **ONLY import and use** the specific form components listed above
|
|
147455
147441
|
- **ONLY integrate** form page into site routes with proper loader configuration
|
|
147456
147442
|
- **USE EVERYTHING AS IS** from the forms components directory
|
|
147457
|
-
- **ONLY use** the exact import paths provided for form components
|
|
147458
147443
|
- **ALWAYS include the loader** when using FormAppPage in router configuration
|
|
147459
147444
|
|
|
147460
147445
|
### Form Components Handle Everything:
|
|
147461
|
-
- The FormAppPage uses Wix headless forms service for data loading
|
|
147446
|
+
- The FormAppPage uses Wix headless forms service for data loading with the formId from the URL slug
|
|
147447
|
+
- The loader receives the formId parameter from the route (e.g., \`/forms/3d2d2976-742e-447e-bbb9-9a92ac6a5376\` → formId = "3d2d2976-742e-447e-bbb9-9a92ac6a5376")
|
|
147462
147448
|
- Form components use semantic color/font system classes (text-foreground, bg-background, etc.)
|
|
147463
147449
|
- Form components handle onChange, onBlur, onFocus, onSubmit events automatically
|
|
147464
147450
|
- Form components update form data automatically with proper validation
|
|
@@ -147471,8 +147457,6 @@ import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from '
|
|
|
147471
147457
|
<strong>ALL FORMS FEATURES (submit button, validation, etc.) ARE ALREADY IMPLEMENTED BY THE FORMS COMPONENTS.</strong>
|
|
147472
147458
|
<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>
|
|
147473
147459
|
|
|
147474
|
-
<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>
|
|
147475
|
-
|
|
147476
147460
|
</important_notes>
|
|
147477
147461
|
|
|
147478
147462
|
</forms_instructions>
|