@aranova/tracking-react 1.4.1 → 1.6.0

package/dist/index.mjs

@@ -722,7 +722,14 @@ function parseBookingOption(value) {
   if (!value || typeof value !== "object") return [];
   const o = value;
   if (typeof o.key !== "string" || !o.key || typeof o.label !== "string") return [];
-  return [{ key: o.key, label: o.label }];
+  return [
+    {
+      key: o.key,
+      label: o.label,
+      group: typeof o.group === "string" && o.group ? o.group : null,
+      description: typeof o.description === "string" && o.description ? o.description : null
+    }
+  ];
 }
 function parseIntegrations(value) {
   if (!value || typeof value !== "object") return {};
@@ -1449,7 +1456,12 @@ function getBookingIntegration(integrations) {
     timezone: booking.timezone,
     configVersion: booking.config_version,
     rules,
-    options: booking.options.map((option) => ({ key: option.key, label: option.label })),
+    options: booking.options.map((option) => ({
+      key: option.key,
+      label: option.label,
+      group: option.group,
+      description: option.description
+    })),
     mode: booking.mode ?? "live"
   };
 }
@@ -1529,6 +1541,15 @@ function nationalDigits(phone) {
   const parsed = parsePhone(phone);
   return (parsed.isValid ? parsed.national : phone).replace(/\D/g, "");
 }
+function groupBookingOptions(options) {
+  const groups = /* @__PURE__ */ new Map();
+  for (const option of options) {
+    const members = groups.get(option.group);
+    if (members) members.push(option);
+    else groups.set(option.group, [option]);
+  }
+  return [...groups].map(([group, members]) => ({ group, options: members }));
+}
 
 // ../tracking-core/src/events/semantics.ts
 var EVENT_SEMANTICS = {
@@ -1712,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,
@@ -1720,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 }
   };
 }
@@ -1833,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);
@@ -1844,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,
@@ -1881,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(
@@ -2445,6 +2461,7 @@ export {
   getConsentState,
   getEventSemantics,
   getTrackingConfigRuntime,
+  groupBookingOptions,
   newBookingAttemptKey,
   onConsentChange,
   optIn,