@teamnovu/nuxt-statamic-formbuilder 1.2.0 → 1.3.0

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=3.16.0"
   },
-  "version": "1.2.0",
+  "version": "1.3.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/app/composables/useFormBuilder.js

@@ -2,6 +2,7 @@ import { useRuntimeConfig } from "#imports";
 import { useI18n } from "vue-i18n";
 import { computed, ref, toValue } from "vue";
 import { isDisplayOrSpacerField, isMultiValueField } from "../../types.js";
+import { pushFormSubmissionDataLayer } from "../../utils/pushFormSubmissionDataLayer.js";
 import { submitStatamicForm } from "../../utils/submitStatamicForm.js";
 function flattenFields(form) {
   if ("fields" in form) {
@@ -52,6 +53,7 @@ export function useFormBuilder(formBuilderConfiguration, serverUrlOrOptions) {
         locale: locale.value
       });
       requestState.value = "success";
+      pushFormSubmissionDataLayer(formBuilderConfiguration);
       return result;
     } catch (error) {
       requestState.value = "error";

package/dist/runtime/types.d.ts

@@ -93,6 +93,8 @@ export type DefaultInputField = {
 export type defaultInputField = DefaultInputField;
 export type FormBuilderConfiguration = {
     handle: string;
+    /** CMS form title (Statamic GraphQL `title`). Used for analytics. */
+    title?: string | null;
     honeypot: string | null;
     rules: {
         [key: string]: string;

package/dist/runtime/utils/pushFormSubmissionDataLayer.d.ts

@@ -0,0 +1,11 @@
+import type { FormBuilderConfiguration } from '../types.js';
+export type FormSubmissionDataLayerEvent = {
+    event: 'form_submission';
+    form_id: string;
+    form_name: string;
+};
+/**
+ * Push a GTM-compatible form_submission event after a successful submit.
+ * No-op on the server and when `window` is unavailable.
+ */
+export declare function pushFormSubmissionDataLayer(form: FormBuilderConfiguration): void;

package/dist/runtime/utils/pushFormSubmissionDataLayer.js

@@ -0,0 +1,16 @@
+function getDataLayer() {
+  const win = window;
+  win.dataLayer ??= [];
+  return win.dataLayer;
+}
+export function pushFormSubmissionDataLayer(form) {
+  if (typeof window === "undefined") {
+    return;
+  }
+  const event = {
+    event: "form_submission",
+    form_id: form.handle,
+    form_name: form.title ?? ""
+  };
+  getDataLayer().push(event);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnovu/nuxt-statamic-formbuilder",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Headless Nuxt form builder with Statamic submit adapter",
   "license": "MIT",
   "homepage": "https://github.com/teamnovu/nuxt-statamic-formbuilder#readme",