@replohq/sdk 1.22.0 → 2.1.0

package/analytics/sinks/intelligems-sink.d.ts

@@ -1,5 +1,6 @@
-import type { AnalyticsSink, CustomEventPayload, DataPayload, PurchasePayload } from "../analytics-sink";
+import type { AnalyticsSink, CartLineEventPayload, CartViewedPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, CustomEventPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
 import type { PageMetadata } from "../utils/navigation-tracker";
+/** Each mapping receives the event's typed payload. */
 export type IntelligemsEventMappings = {
     [Method in Exclude<keyof AnalyticsSink, "customEvent">]?: (...args: Parameters<AnalyticsSink[Method]>) => CustomEventPayload | null;
 };
@@ -19,11 +20,11 @@ export declare class IntelligemsSink implements AnalyticsSink {
     private send;
     pageView(metadata?: PageMetadata): Promise<void>;
     purchase(payload: PurchasePayload): Promise<void>;
-    click(payload: DataPayload): Promise<void>;
-    productViewed(payload: DataPayload): Promise<void>;
-    addToCart(payload: DataPayload): Promise<void>;
-    removeFromCart(payload: DataPayload): Promise<void>;
-    viewCart(payload: DataPayload): Promise<void>;
-    startCheckout(payload: DataPayload): Promise<void>;
-    viewCollection(payload: DataPayload): Promise<void>;
+    click(payload: ClickPayload): Promise<void>;
+    productViewed(payload: ProductViewedPayload): Promise<void>;
+    addToCart(payload: CartLineEventPayload): Promise<void>;
+    removeFromCart(payload: CartLineEventPayload): Promise<void>;
+    viewCart(payload: CartViewedPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
+    viewCollection(payload: CollectionViewedPayload): Promise<void>;
 }

package/analytics/sinks/intelligems-sink.js

@@ -1,5 +1,6 @@
 "use client";
 import { consentStore, isConsentAllowed } from "../../consent/consent-store";
+import { toCheckoutStartedData } from "../legacy-checkout";
 class IntelligemsSink {
   constructor(options) {
     this.options = options;
@@ -55,7 +56,8 @@ class IntelligemsSink {
     await this.send(this.options.events?.viewCart?.(payload));
   }
   async startCheckout(payload) {
-    await this.send(this.options.events?.startCheckout?.(payload));
+    const data = toCheckoutStartedData(payload.data);
+    await this.send(this.options.events?.startCheckout?.({ data }));
   }
   async viewCollection(payload) {
     await this.send(this.options.events?.viewCollection?.(payload));

package/analytics/sinks/meta-sink.d.ts

@@ -1,14 +1,15 @@
-import type { AnalyticsSink, DataPayload, PurchasePayload } from "../analytics-sink";
+import type { AnalyticsSink, CartLineEventPayload, CheckoutStartedPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
 export declare class MetaSink implements AnalyticsSink {
     private track;
     constructor();
+    customEvent(): Promise<void>;
     pageView(): Promise<void>;
     purchase({ amount, currency, data }: PurchasePayload): Promise<void>;
     click(): Promise<void>;
-    productViewed({ data }: DataPayload): Promise<void>;
-    addToCart({ data }: DataPayload): Promise<void>;
+    productViewed({ data }: ProductViewedPayload): Promise<void>;
+    addToCart({ data }: CartLineEventPayload): Promise<void>;
     removeFromCart(): Promise<void>;
     viewCart(): Promise<void>;
-    startCheckout({ data }: DataPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
     viewCollection(): Promise<void>;
 }

package/analytics/sinks/meta-sink.js

@@ -1,3 +1,4 @@
+import { toCheckoutStartedData } from "../legacy-checkout";
 import { createEventQueue } from "../utils/analytics-utils";
 class MetaSink {
   track;
@@ -11,6 +12,8 @@ class MetaSink {
       "Meta"
     );
   }
+  async customEvent() {
+  }
   async pageView() {
     this.track("PageView");
   }
@@ -37,10 +40,11 @@ class MetaSink {
   }
   async viewCart() {
   }
-  async startCheckout({ data }) {
+  async startCheckout(payload) {
+    const data = toCheckoutStartedData(payload.data);
     this.track("InitiateCheckout", {
-      value: data.totalPrice?.amount,
-      currency: data.currencyCode,
+      value: data.total,
+      currency: data.currency,
       ...data
     });
   }

package/analytics/sinks/northbeam-sink.d.ts

@@ -6,6 +6,7 @@ import type { PageMetadata } from "../utils/navigation-tracker";
  */
 export declare class NorthbeamSink implements AnalyticsSink {
     private call;
+    customEvent(): Promise<void>;
     pageView(metadata?: PageMetadata): Promise<void>;
     purchase(): Promise<void>;
     click(): Promise<void>;

package/analytics/sinks/northbeam-sink.js

@@ -9,6 +9,8 @@ class NorthbeamSink {
   call = createMethodQueue(northbeamPixel, {
     queueName: "Northbeam"
   });
+  async customEvent() {
+  }
   async pageView(metadata) {
     if (metadata?.navigationType === "initial") {
       return;

package/analytics/sinks/pinterest-sink.d.ts

@@ -1,14 +1,15 @@
-import type { AnalyticsSink, DataPayload, PurchasePayload } from "../analytics-sink";
+import type { AnalyticsSink, CartLineEventPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
 export declare class PinterestSink implements AnalyticsSink {
     private track;
     constructor();
+    customEvent(): Promise<void>;
     pageView(): Promise<void>;
     purchase({ amount, currency, data }: PurchasePayload): Promise<void>;
-    click({ data }: DataPayload): Promise<void>;
-    productViewed({ data }: DataPayload): Promise<void>;
-    addToCart({ data }: DataPayload): Promise<void>;
+    click({ data }: ClickPayload): Promise<void>;
+    productViewed({ data }: ProductViewedPayload): Promise<void>;
+    addToCart({ data }: CartLineEventPayload): Promise<void>;
     removeFromCart(): Promise<void>;
     viewCart(): Promise<void>;
-    startCheckout({ data }: DataPayload): Promise<void>;
-    viewCollection({ data }: DataPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
+    viewCollection({ data }: CollectionViewedPayload): Promise<void>;
 }

package/analytics/sinks/pinterest-sink.js

@@ -1,8 +1,6 @@
-import {
-  legacyResourceId,
-  splitCollectionProducts,
-  withoutUndefined
-} from "../utils/analytics-products";
+import { filterUndefined } from "../../_vendor/replo-utils/lib/object.mjs";
+import { toCheckoutStartedData } from "../legacy-checkout";
+import { legacyResourceId } from "../utils/analytics-products";
 import { createEventQueue } from "../utils/analytics-utils";
 class PinterestSink {
   track;
@@ -16,6 +14,8 @@ class PinterestSink {
       "Pinterest"
     );
   }
+  async customEvent() {
+  }
   async pageView() {
     this.track("pagevisit");
   }
@@ -23,8 +23,8 @@ class PinterestSink {
     this.track("checkout", {
       value: amount,
       currency,
-      order_quantity: data.quantity ?? 1,
-      order_id: data.order_id,
+      order_quantity: data.itemCount ?? data.lineItems?.reduce((sum, line) => sum + line.quantity, 0) ?? 1,
+      order_id: data.orderId,
       ...data
     });
   }
@@ -33,9 +33,6 @@ class PinterestSink {
   }
   async productViewed({ data }) {
     this.track("pagevisit", {
-      product_id: data.product_id,
-      product_category: data.category,
-      product_name: data.name,
       product_price: data.price,
       currency: data.currency,
       ...data
@@ -45,10 +42,7 @@ class PinterestSink {
     this.track("addtocart", {
       value: data.price,
       currency: data.currency,
-      order_quantity: data.quantity ?? 1,
-      product_id: data.product_id,
-      product_category: data.category,
-      product_name: data.name,
+      order_quantity: data.quantity,
       ...data
     });
   }
@@ -57,22 +51,22 @@ class PinterestSink {
   async viewCart() {
     this.track("pagevisit");
   }
-  async startCheckout({ data }) {
+  async startCheckout(payload) {
+    const data = toCheckoutStartedData(payload.data);
     this.track("checkout", {
-      value: data.price,
+      value: data.total,
       currency: data.currency,
-      order_quantity: data.quantity,
+      order_quantity: data.itemCount,
       ...data
     });
   }
   async viewCollection({ data }) {
-    const { products, rest } = splitCollectionProducts(data);
+    const { products, ...rest } = data;
     this.track("viewcategory", {
-      product_category: data.category,
       currency: data.currency,
       ...products.length > 0 ? {
         line_items: products.map((product) => {
-          return withoutUndefined({
+          return filterUndefined({
             product_id: legacyResourceId(product.productId),
             product_name: product.productTitle,
             product_price: product.price,

package/analytics/sinks/reddit-sink.d.ts

@@ -1,14 +1,15 @@
-import type { AnalyticsSink, DataPayload, PurchasePayload } from "../analytics-sink";
+import type { AnalyticsSink, CartLineEventPayload, CartViewedPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
 export declare class RedditSink implements AnalyticsSink {
     private track;
     constructor();
+    customEvent(): Promise<void>;
     pageView(): Promise<void>;
     purchase({ amount, currency, data }: PurchasePayload): Promise<void>;
-    click({ data }: DataPayload): Promise<void>;
-    productViewed({ data }: DataPayload): Promise<void>;
-    addToCart({ data }: DataPayload): Promise<void>;
+    click({ data }: ClickPayload): Promise<void>;
+    productViewed({ data }: ProductViewedPayload): Promise<void>;
+    addToCart({ data }: CartLineEventPayload): Promise<void>;
     removeFromCart(): Promise<void>;
-    viewCart({ data }: DataPayload): Promise<void>;
-    startCheckout({ data }: DataPayload): Promise<void>;
-    viewCollection({ data }: DataPayload): Promise<void>;
+    viewCart({ data }: CartViewedPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
+    viewCollection({ data }: CollectionViewedPayload): Promise<void>;
 }

package/analytics/sinks/reddit-sink.js

@@ -1,8 +1,6 @@
-import {
-  legacyResourceId,
-  splitCollectionProducts,
-  withoutUndefined
-} from "../utils/analytics-products";
+import { filterUndefined } from "../../_vendor/replo-utils/lib/object.mjs";
+import { toCheckoutStartedData } from "../legacy-checkout";
+import { legacyResourceId } from "../utils/analytics-products";
 import { createEventQueue } from "../utils/analytics-utils";
 class RedditSink {
   track;
@@ -16,6 +14,8 @@ class RedditSink {
       "Reddit"
     );
   }
+  async customEvent() {
+  }
   async pageView() {
     this.track("PageVisit");
   }
@@ -23,8 +23,8 @@ class RedditSink {
     this.track("Purchase", {
       value: amount,
       currency,
-      itemCount: data.quantity ?? 1,
-      transactionId: data.order_id,
+      itemCount: data.itemCount ?? data.lineItems?.reduce((sum, line) => sum + line.quantity, 0) ?? 1,
+      transactionId: data.orderId,
       ...data
     });
   }
@@ -35,9 +35,6 @@ class RedditSink {
     this.track("ViewContent", {
       value: data.price,
       currency: data.currency,
-      content_category: data.category,
-      content_name: data.name,
-      content_ids: data.product_id ? [data.product_id] : void 0,
       ...data
     });
   }
@@ -45,10 +42,7 @@ class RedditSink {
     this.track("AddToCart", {
       value: data.price,
       currency: data.currency,
-      itemCount: data.quantity ?? 1,
-      content_category: data.category,
-      content_name: data.name,
-      content_ids: data.product_id ? [data.product_id] : void 0,
+      itemCount: data.quantity,
       ...data
     });
   }
@@ -60,23 +54,22 @@ class RedditSink {
       ...data
     });
   }
-  async startCheckout({ data }) {
+  async startCheckout(payload) {
+    const data = toCheckoutStartedData(payload.data);
     this.track("Lead", {
-      value: data.price,
+      value: data.total,
       currency: data.currency,
-      itemCount: data.quantity,
       ...data
     });
   }
   async viewCollection({ data }) {
-    const { products, rest } = splitCollectionProducts(data);
+    const { products, ...rest } = data;
     this.track("ViewContent", {
-      content_category: data.category,
       content_type: "category",
       currency: data.currency,
       ...products.length > 0 ? {
         products: products.map((product) => {
-          return withoutUndefined({
+          return filterUndefined({
             id: legacyResourceId(product.productId),
             name: product.productTitle
           });

package/analytics/sinks/replo-sink.d.ts

@@ -1,14 +1,26 @@
-import type { AnalyticsSink, DataPayload, PurchasePayload } from "../analytics-sink";
+import type { AnalyticsSink, CartLineEventPayload, CartViewedPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
+/** The first-party pixel's client (`analytics-client`), which stores `data` as-is. */
+type ReploPixelAnalytics = Omit<AnalyticsSink, "customEvent" | "pageView"> & {
+    pageView(): Promise<void>;
+};
+declare global {
+    interface Window {
+        ReploPixel?: {
+            analyticsInstance: ReploPixelAnalytics | null;
+        };
+    }
+}
 export declare class ReploSink implements AnalyticsSink {
     private forward;
-    constructor();
+    customEvent(): Promise<void>;
     pageView(): Promise<void>;
     purchase(payload: PurchasePayload): Promise<void>;
-    click(payload: DataPayload): Promise<void>;
-    productViewed(payload: DataPayload): Promise<void>;
-    addToCart(payload: DataPayload): Promise<void>;
-    removeFromCart(payload: DataPayload): Promise<void>;
-    viewCart(payload: DataPayload): Promise<void>;
-    startCheckout(payload: DataPayload): Promise<void>;
-    viewCollection(payload: DataPayload): Promise<void>;
+    click(payload: ClickPayload): Promise<void>;
+    productViewed(payload: ProductViewedPayload): Promise<void>;
+    addToCart(payload: CartLineEventPayload): Promise<void>;
+    removeFromCart(payload: CartLineEventPayload): Promise<void>;
+    viewCart(payload: CartViewedPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
+    viewCollection(payload: CollectionViewedPayload): Promise<void>;
 }
+export {};

package/analytics/sinks/replo-sink.js

@@ -1,53 +1,51 @@
-import { createMethodQueue } from "../utils/analytics-utils";
+import { toCheckoutStartedData } from "../legacy-checkout";
+import { createAnalyticsQueue } from "../utils/analytics-utils";
+function findPixelAnalytics() {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  return window.ReploPixel?.analyticsInstance ?? null;
+}
 class ReploSink {
-  forward;
-  constructor() {
-    this.forward = createMethodQueue(
-      () => {
-        if (typeof window === "undefined") {
-          return null;
-        }
-        const pixel = window.ReploPixel;
-        return pixel?.analyticsInstance ?? null;
-      },
-      { queueName: "Replo analytics sink" }
-    );
+  forward = createAnalyticsQueue({
+    isReady: () => Boolean(findPixelAnalytics()),
+    send: (call) => {
+      const pixel = findPixelAnalytics();
+      if (pixel) {
+        void call(pixel);
+      }
+    },
+    queueName: "Replo analytics sink"
+  });
+  async customEvent() {
   }
   async pageView() {
-    this.forward("pageView");
-    return Promise.resolve();
+    this.forward((pixel) => pixel.pageView());
   }
-  purchase(payload) {
-    this.forward("purchase", payload);
-    return Promise.resolve();
+  async purchase(payload) {
+    this.forward((pixel) => pixel.purchase(payload));
   }
-  click(payload) {
-    this.forward("click", payload);
-    return Promise.resolve();
+  async click(payload) {
+    this.forward((pixel) => pixel.click(payload));
   }
-  productViewed(payload) {
-    this.forward("productViewed", payload);
-    return Promise.resolve();
+  async productViewed(payload) {
+    this.forward((pixel) => pixel.productViewed(payload));
   }
-  addToCart(payload) {
-    this.forward("addToCart", payload);
-    return Promise.resolve();
+  async addToCart(payload) {
+    this.forward((pixel) => pixel.addToCart(payload));
   }
-  removeFromCart(payload) {
-    this.forward("removeFromCart", payload);
-    return Promise.resolve();
+  async removeFromCart(payload) {
+    this.forward((pixel) => pixel.removeFromCart(payload));
   }
-  viewCart(payload) {
-    this.forward("viewCart", payload);
-    return Promise.resolve();
+  async viewCart(payload) {
+    this.forward((pixel) => pixel.viewCart(payload));
   }
-  startCheckout(payload) {
-    this.forward("startCheckout", payload);
-    return Promise.resolve();
+  async startCheckout(payload) {
+    const data = toCheckoutStartedData(payload.data);
+    this.forward((pixel) => pixel.startCheckout({ data }));
   }
-  viewCollection(payload) {
-    this.forward("viewCollection", payload);
-    return Promise.resolve();
+  async viewCollection(payload) {
+    this.forward((pixel) => pixel.viewCollection(payload));
   }
 }
 export {

package/analytics/sinks/segment-event-mapper.d.ts

@@ -0,0 +1,86 @@
+import type { AnalyticsProductLine, CartLineData, CartViewedData, CheckoutStartedData, CollectionViewedData, PurchasePayload } from "../analytics-sink";
+export declare function mapSegmentProduct(line: AnalyticsProductLine, currency: string | undefined): {
+    name?: string | undefined;
+    variant?: string | undefined;
+    variant_id?: string | undefined;
+    sku?: string | undefined;
+    price?: number | undefined;
+    quantity?: number | undefined;
+    currency?: string | undefined;
+    product_id: string;
+};
+export declare function mapSegmentCartLine(line: CartLineData): {
+    name?: string | undefined;
+    variant?: string | undefined;
+    variant_id?: string | undefined;
+    sku?: string | undefined;
+    price?: number | undefined;
+    quantity?: number | undefined;
+    currency?: string | undefined;
+    product_id: string;
+};
+export declare function mapSegmentCartViewed(data: CartViewedData): {
+    currency?: string | undefined;
+    value: number;
+    products: {
+        name?: string | undefined;
+        variant?: string | undefined;
+        variant_id?: string | undefined;
+        sku?: string | undefined;
+        price?: number | undefined;
+        quantity?: number | undefined;
+        currency?: string | undefined;
+        product_id: string;
+    }[];
+};
+export declare function mapSegmentCheckoutStarted(data: CheckoutStartedData): {
+    currency?: string | undefined;
+    value: number;
+    total: number;
+    revenue: number;
+    products: {
+        name?: string | undefined;
+        variant?: string | undefined;
+        variant_id?: string | undefined;
+        sku?: string | undefined;
+        price?: number | undefined;
+        quantity?: number | undefined;
+        currency?: string | undefined;
+        product_id: string;
+    }[];
+};
+export declare function mapSegmentProductList(data: CollectionViewedData): {
+    category?: string | undefined;
+    list_id: string;
+    products: {
+        name?: string | undefined;
+        variant?: string | undefined;
+        variant_id?: string | undefined;
+        sku?: string | undefined;
+        price?: number | undefined;
+        quantity?: number | undefined;
+        currency?: string | undefined;
+        product_id: string;
+    }[];
+};
+export declare function mapSegmentOrder({ amount, currency, data }: PurchasePayload): {
+    tax?: number | undefined;
+    shipping?: number | undefined;
+    order_id?: string | undefined;
+    discount?: number | undefined;
+    coupon?: string | undefined;
+    value: number;
+    total: number;
+    revenue: number;
+    currency: string;
+    products: {
+        name?: string | undefined;
+        variant?: string | undefined;
+        variant_id?: string | undefined;
+        sku?: string | undefined;
+        price?: number | undefined;
+        quantity?: number | undefined;
+        currency?: string | undefined;
+        product_id: string;
+    }[];
+};

package/analytics/sinks/segment-event-mapper.js

@@ -0,0 +1,71 @@
+import { filterUndefined } from "../../_vendor/replo-utils/lib/object.mjs";
+import { legacyResourceId } from "../utils/analytics-products";
+function mapSegmentProduct(line, currency) {
+  return {
+    product_id: legacyResourceId(line.productId),
+    ...filterUndefined({
+      name: line.productTitle,
+      variant: line.variantTitle || void 0,
+      variant_id: line.variantId ? legacyResourceId(line.variantId) : void 0,
+      sku: line.variantSku || void 0,
+      price: line.price,
+      quantity: line.quantity,
+      currency: line.currency ?? currency
+    })
+  };
+}
+function mapProducts(lines, currency) {
+  return lines.map((line) => mapSegmentProduct(line, currency));
+}
+function mapSegmentCartLine(line) {
+  return mapSegmentProduct(line, void 0);
+}
+function mapSegmentCartViewed(data) {
+  return {
+    value: data.subtotal,
+    products: mapProducts(data.lineItems, data.currency),
+    ...filterUndefined({ currency: data.currency })
+  };
+}
+function mapSegmentCheckoutStarted(data) {
+  return {
+    value: data.total,
+    total: data.total,
+    revenue: data.subtotal,
+    products: mapProducts(data.lineItems, data.currency),
+    ...filterUndefined({ currency: data.currency })
+  };
+}
+function mapSegmentProductList(data) {
+  return {
+    list_id: legacyResourceId(data.collectionId),
+    products: mapProducts(data.products, data.currency),
+    ...filterUndefined({ category: data.collectionTitle })
+  };
+}
+function mapSegmentOrder({ amount, currency, data }) {
+  const tax = data.totalTax ?? 0;
+  const shipping = data.totalShipping ?? 0;
+  return {
+    value: amount,
+    total: amount,
+    revenue: Math.round((amount - tax - shipping) * 100) / 100,
+    currency,
+    products: mapProducts(data.lineItems ?? [], currency),
+    ...filterUndefined({
+      tax: data.totalTax,
+      shipping: data.totalShipping,
+      order_id: data.orderId,
+      discount: data.totalDiscount,
+      coupon: data.discountCodes?.join(",")
+    })
+  };
+}
+export {
+  mapSegmentCartLine,
+  mapSegmentCartViewed,
+  mapSegmentCheckoutStarted,
+  mapSegmentOrder,
+  mapSegmentProduct,
+  mapSegmentProductList
+};

package/analytics/sinks/segment-sink.d.ts

@@ -0,0 +1,23 @@
+import type { AnalyticsSink, CartLineEventPayload, CartViewedPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, CustomEventPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, PurchasePayload } from "../analytics-sink";
+import type { PageMetadata } from "../utils/navigation-tracker";
+/**
+ * Sends Replo's analytics events to Segment as V2 E-Commerce spec `track`
+ * events, so a tracking plan written against the spec ("Product Added",
+ * "Order Completed") is met without page-level code. The consent-gated
+ * snippet sends the landing pageview; this sink adds a `page` call for each
+ * in-site navigation.
+ */
+export declare class SegmentSink implements AnalyticsSink {
+    private send;
+    private track;
+    customEvent({ event, properties }: CustomEventPayload): Promise<void>;
+    pageView(metadata?: PageMetadata): Promise<void>;
+    purchase(payload: PurchasePayload): Promise<void>;
+    click({ data }: ClickPayload): Promise<void>;
+    productViewed({ data }: ProductViewedPayload): Promise<void>;
+    addToCart({ data }: CartLineEventPayload): Promise<void>;
+    removeFromCart({ data }: CartLineEventPayload): Promise<void>;
+    viewCart({ data }: CartViewedPayload): Promise<void>;
+    startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
+    viewCollection({ data }: CollectionViewedPayload): Promise<void>;
+}