@replohq/sdk 2.18.1 → 2.18.2

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

@@ -1,9 +1,9 @@
-import type { AnalyticsSink, CartLineEventPayload, CartViewedPayload, CheckoutStartedPayload, ClickPayload, CollectionViewedPayload, LegacyCheckoutStartedPayload, ProductViewedPayload, 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";
 export declare class GA4Sink implements AnalyticsSink {
     private send;
     constructor();
-    customEvent(): Promise<void>;
+    customEvent({ event, properties }: CustomEventPayload): Promise<void>;
     pageView(metadata?: PageMetadata): Promise<void>;
     purchase({ amount, currency, data }: PurchasePayload): Promise<void>;
     click({ data }: ClickPayload): Promise<void>;
@@ -13,4 +13,5 @@ export declare class GA4Sink implements AnalyticsSink {
     viewCart({ data }: CartViewedPayload): Promise<void>;
     startCheckout(payload: CheckoutStartedPayload | LegacyCheckoutStartedPayload): Promise<void>;
     viewCollection({ data }: CollectionViewedPayload): Promise<void>;
+    private sendCartLine;
 }

package/analytics/sinks/ga4-sink.js

@@ -2,6 +2,22 @@ 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";
+function toGa4Item({
+  product,
+  index
+}) {
+  return filterUndefined({
+    item_id: legacyResourceId(product.productId),
+    item_name: product.productTitle,
+    item_variant: product.variantTitle,
+    price: product.price,
+    quantity: product.quantity,
+    index
+  });
+}
+function toMoney(amount) {
+  return Number(amount.toPrecision(12));
+}
 class GA4Sink {
   send;
   constructor() {
@@ -14,7 +30,8 @@ class GA4Sink {
       "GA4"
     );
   }
-  async customEvent() {
+  async customEvent({ event, properties }) {
+    this.send(event, properties);
   }
   async pageView(metadata) {
     const params = metadata ? {
@@ -24,34 +41,60 @@ class GA4Sink {
     this.send("page_view", params);
   }
   async purchase({ amount, currency, data }) {
-    this.send("purchase", { value: amount, currency, ...data });
+    this.send(
+      "purchase",
+      filterUndefined({
+        transaction_id: data.orderId,
+        value: toMoney(
+          amount - (data.totalTax ?? 0) - (data.totalShipping ?? 0)
+        ),
+        currency,
+        tax: data.totalTax,
+        shipping: data.totalShipping,
+        coupon: data.discountCodes?.join(","),
+        items: data.lineItems?.map((line) => toGa4Item({ product: line }))
+      })
+    );
   }
   async click({ data }) {
     this.send("select_content", data);
   }
   async productViewed({ data }) {
-    this.send("view_item", {
-      value: data.price,
-      currency: data.currency,
-      ...data
-    });
+    this.send(
+      "view_item",
+      filterUndefined({
+        currency: data.currency,
+        value: data.price,
+        items: [toGa4Item({ product: data })]
+      })
+    );
   }
   async addToCart({ data }) {
-    this.send("add_to_cart", {
-      value: data.price,
-      currency: data.currency,
-      ...data
-    });
+    this.sendCartLine({ event: "add_to_cart", line: data });
   }
   async removeFromCart({ data }) {
-    this.send("remove_from_cart", data);
+    this.sendCartLine({ event: "remove_from_cart", line: data });
   }
   async viewCart({ data }) {
-    this.send("view_cart", data);
+    this.send(
+      "view_cart",
+      filterUndefined({
+        currency: data.currency,
+        value: data.subtotal,
+        items: data.lineItems.map((line) => toGa4Item({ product: line }))
+      })
+    );
   }
   async startCheckout(payload) {
     const data = toCheckoutStartedData(payload.data);
-    this.send("begin_checkout", data);
+    this.send(
+      "begin_checkout",
+      filterUndefined({
+        currency: data.currency,
+        value: data.subtotal,
+        items: data.lineItems.map((line) => toGa4Item({ product: line }))
+      })
+    );
   }
   async viewCollection({ data }) {
     const { products, ...rest } = data;
@@ -61,18 +104,22 @@ class GA4Sink {
       currency: data.currency,
       ...products.length > 0 ? {
         items: products.map((product, index) => {
-          return filterUndefined({
-            item_id: legacyResourceId(product.productId),
-            item_name: product.productTitle,
-            item_variant: product.variantTitle,
-            price: product.price,
-            index
-          });
+          return toGa4Item({ product, index });
         })
       } : {},
       ...rest
     });
   }
+  sendCartLine({ event, line }) {
+    this.send(
+      event,
+      filterUndefined({
+        currency: line.currency,
+        value: line.price === void 0 ? void 0 : toMoney(line.price * line.quantity),
+        items: [toGa4Item({ product: line })]
+      })
+    );
+  }
 }
 export {
   GA4Sink

package/lib/buildMetadata.js

@@ -1,7 +1,7 @@
 export const BUILD_METADATA = {
   "packageName": "@replohq/sdk",
-  "version": "2.18.1",
+  "version": "2.18.2",
   "branch": "HEAD",
-  "commit": "31098580021d6a05449acd44d0850054eec6e0ec",
-  "builtAt": "2026-11-02T23:35:33.205Z"
+  "commit": "b67d568983a09c8048085ad6e81a8d5a8195658e",
+  "builtAt": "2026-11-03T21:12:47.031Z"
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@replohq/sdk",
-  "version": "2.18.1",
+  "version": "2.18.2",
   "reploBuild": {
     "packageName": "@replohq/sdk",
-    "version": "2.18.1",
+    "version": "2.18.2",
     "branch": "HEAD",
-    "commit": "31098580021d6a05449acd44d0850054eec6e0ec",
-    "builtAt": "2026-11-02T23:35:33.205Z"
+    "commit": "b67d568983a09c8048085ad6e81a8d5a8195658e",
+    "builtAt": "2026-11-03T21:12:47.031Z"
   },
   "description": "Replo SDK — cart, analytics, and data loaders for agent-built Next.js sites.",
   "license": "SEE LICENSE IN LICENSE",