@aranova/tracking-react 1.5.0 → 1.6.0

package/dist/index.mjs

@@ -1733,7 +1733,7 @@ function outcomeOf(body) {
   if (body.status === "pending") return { status: "pending", id: body.id, mode };
   return { status: "failed", id: body.id, fallbackUrl: body.fallback_url, mode };
 }
-function formSubmitPayload(input, formId, labels) {
+function formSubmitPayload(input, formSubmit, labels) {
   const vehicle = input.vehicle ? `${input.vehicle.year} ${input.vehicle.make} ${input.vehicle.model}` : "";
   const field = (name, type, label, value) => ({
     name,
@@ -1741,32 +1741,31 @@ function formSubmitPayload(input, formId, labels) {
     label,
     value
   });
+  const fields = [
+    field("first_name", "text", "First name", input.firstName),
+    field("last_name", "text", "Last name", input.lastName),
+    // E.164 on the wire: it keys the customer and enhanced-conversion matching.
+    field("phone", "tel", "Phone", toE164(input.phone) ?? input.phone),
+    field("email", "email", "Email", input.email ?? ""),
+    field(
+      "service",
+      "select",
+      "Service",
+      input.services.map((key) => labels.get(key) ?? key).join(", ")
+    ),
+    field("vehicle", "text", "Vehicle", vehicle),
+    field(
+      "start",
+      "text",
+      "Requested time",
+      `${input.startDate} ${String(input.startHour).padStart(2, "0")}:00`
+    ),
+    field("note", "textarea", "Notes", input.notes ?? "")
+  ];
+  const reported = new Set(fields.map((item) => item.name));
+  const extra = (formSubmit.extraFields ?? []).filter((item) => !reported.has(item.name));
   return {
-    form: {
-      id: formId,
-      action: "/tracking/bookings",
-      fields: [
-        field("first_name", "text", "First name", input.firstName),
-        field("last_name", "text", "Last name", input.lastName),
-        // E.164 on the wire: it keys the customer and enhanced-conversion matching.
-        field("phone", "tel", "Phone", toE164(input.phone) ?? input.phone),
-        field("email", "email", "Email", input.email ?? ""),
-        field(
-          "service",
-          "select",
-          "Service",
-          input.services.map((key) => labels.get(key) ?? key).join(", ")
-        ),
-        field("vehicle", "text", "Vehicle", vehicle),
-        field(
-          "start",
-          "text",
-          "Requested time",
-          `${input.startDate} ${String(input.startHour).padStart(2, "0")}:00`
-        ),
-        field("note", "textarea", "Notes", input.notes ?? "")
-      ]
-    },
+    form: { id: formSubmit.formId, action: "/tracking/bookings", fields: [...fields, ...extra] },
     page: { path: typeof window === "undefined" ? "/" : window.location.pathname }
   };
 }
@@ -1854,7 +1853,7 @@ function createSalesBookingsClient(config, firing) {
     return failedBeforeSend(input);
   }
   return {
-    async submit(input, { attemptKey, formSubmit, simulate }) {
+    async submit(input, { attemptKey, formSubmit, simulate, onPending }) {
       registerCapability("booking_integration");
       const runtime = runtimeOf(firing);
       warnOnSetupMismatch(runtime);
@@ -1865,10 +1864,7 @@ function createSalesBookingsClient(config, firing) {
       if (formSubmit && !submittedForms.has(attemptKey)) {
         submittedForms.add(attemptKey);
         const labels = new Map(booking.options.map((option) => [option.key, option.label]));
-        formSubmit.tracking.trackEvent(
-          "form_submit",
-          formSubmitPayload(input, formSubmit.formId, labels)
-        );
+        formSubmit.tracking.trackEvent("form_submit", formSubmitPayload(input, formSubmit, labels));
       }
       const body = {
         idempotency_key: attemptKey,
@@ -1902,10 +1898,9 @@ function createSalesBookingsClient(config, firing) {
         return rejected(error, input, attemptKey, runtime);
       }
       const outcome = outcomeOf(response);
-      return withHandoff(
-        outcome.status === "pending" ? await poll(outcome.id, outcome.mode) : outcome,
-        input
-      );
+      if (outcome.status !== "pending") return withHandoff(outcome, input);
+      onPending?.(outcome);
+      return withHandoff(await poll(outcome.id, outcome.mode), input);
     },
     async status(id) {
       return outcomeOf(