@session-services/web-elements 0.1.26 → 0.1.28

package/dist/collection/components/session-services-ticketing/session-services-ticketing.css

@@ -1059,10 +1059,6 @@ textarea {
 }
 
 @media (max-width: 767px) {
-  :host([data-sticky-checkout="true"]) .session-services-ticketing-container {
-    padding-bottom: calc(var(--internal-spacing-xl) * 3);
-  }
-
   :host([data-sticky-checkout="true"]) .checkout-actions > .checkout-btn,
   :host([data-sticky-checkout="true"]) .inline-external-ticket-button {
     display: none;

package/dist/collection/components/session-services-ticketing/session-services-ticketing.js

@@ -825,7 +825,6 @@ export class SessionsTicketing {
         try {
             this.checkoutLoading = true;
             this.quoteError = null;
-            this.trackCheckoutStarted(this.quote);
             const result = await this.client.order.create({
                 eventId: this.eventId,
                 items: this.getCheckoutItems(this.quote),
@@ -833,15 +832,17 @@ export class SessionsTicketing {
                 returnUrl: this.returnUrl,
                 channel: buildOrderChannel("elements"),
             });
+            this.trackCheckoutStarted(this.quote, result.order.id);
             this.handleCheckoutOrder(result.order);
         }
         catch (_err) {
             this.handleCheckoutError();
         }
     }
-    trackCheckoutStarted(quote) {
+    trackCheckoutStarted(quote, orderId) {
         const total = quoteTotal(quote) / 100;
         this.trackEvent("Checkout Started", {
+            order_id: orderId,
             value: total,
             revenue: total,
             currency: this.event?.currency,

package/dist/collection/components/session-services-ticketing/session-services-ticketing.test.js

@@ -158,6 +158,7 @@ function widget() {
     item.error = null;
     item.activePasscode = "";
     item.cartUpdate = { emit: vi.fn() };
+    item.checkoutInit = { emit: vi.fn() };
     item.errorOccurred = { emit: vi.fn() };
     item.client = {
         event: {
@@ -376,6 +377,24 @@ describe("session-services-ticketing component", () => {
             cta_surface: "sticky",
         }));
     });
+    it("tracks hosted checkout starts with the created order id", async () => {
+        const item = widget();
+        const track = vi.fn();
+        item.analytics = { track };
+        item.quote = quote();
+        item.selectedItems = new Map([[selectionKey("adm_general", null), 1]]);
+        item.client.order.create = vi.fn().mockResolvedValue({
+            order: {
+                checkoutUrl: "https://checkout.example/ord_1",
+                id: "ord_1",
+            },
+        });
+        await item.initiateCheckout();
+        expect(track).toHaveBeenCalledWith("Checkout Started", expect.objectContaining({
+            order_id: "ord_1",
+            value: 22,
+        }));
+    });
     it("scrolls to the ticket selector with a 100px top offset", () => {
         const item = widget();
         const scrollTo = vi.fn();