@uappi/public-sdk 2.1.0 → 2.1.1

package/components/PaymentHosted/PaymentHosted.vue

@@ -143,7 +143,7 @@ function handleIframeMessage(event: MessageEvent): void {
     case 'UAPPI_PAYMENT_SUCCESS':
       if (props.orderGroup) {
         purchaseOrderAction(props.option.paymentType.code, props.orderGroup);
-        facebookPurchaseOrderAction(props.orderGroup.id, props.orderGroup.values?.totalValue ?? 0);
+        facebookPurchaseOrderAction(props.orderGroup);
       } else if (cartSnapshot.value) {
         purchaseAction(props.option.paymentType.code, cartSnapshot.value, data.code);
         facebookPurchaseAction(data.id, cartSnapshot.value);

package/modules/Api/types/endpoints/third-party/facebook.interfaces.ts

@@ -3,6 +3,7 @@ export interface FacebookViewContentRequest {
 }
 
 export interface FacebookAddToCartRequest {
+  productId?: number;
   sku: string;
   quantity: number;
   price: number;

package/modules/Tracking/facebook/events/actions/addToCart.ts

@@ -16,8 +16,11 @@ export function addToCartAction(
       ? item.quantity - item.oldQuantity
       : item.quantity;
 
+    if (quantity <= 0) return;
+
     api.thirdParty
       .facebookAddToCart({
+        productId: item.product.productId,
         sku: item.product.sku,
         quantity,
         price: item.unitValue,
@@ -27,7 +30,7 @@ export function addToCartAction(
           'track',
           'AddToCart',
           {
-            content_ids: [item.product.sku],
+            content_ids: [`${item.product.productId}`],
             content_type: 'product',
             value: item.unitValue * quantity,
             currency: 'BRL',

package/modules/Tracking/facebook/events/actions/purchase.ts

@@ -1,21 +1,43 @@
 import api from '../../../../Api';
-import { totalValue } from '../../../utils/cart';
+import { getAllOrderItems } from '../../../utils/cart';
 import { pushFbq } from '../../../utils/pushFbq';
 
 import type { CartResponse } from '../../../../Api/types';
 
+/**
+ * O valor sai do pedido criado: o desconto à vista (ex: Pix) só é aplicado na
+ * criação do pedido e não aparece no carrinho
+ */
+function orderTotalValue(orderGroupId: number, cartPayload: CartResponse) {
+  return api.customer
+    .detailOrderGroup(orderGroupId, { fields: ['values'] })
+    .then(order => order.values?.totalValue ?? cartPayload.totalValue)
+    .catch(() => cartPayload.totalValue);
+}
+
 export function purchaseAction(orderGroupId: number, cartPayload: CartResponse) {
   if (!window.fbq) return;
 
-  const value = totalValue(cartPayload);
+  const contentIds = [
+    ...new Set(
+      getAllOrderItems(cartPayload.orders).map(item => `${item.product.productId}`),
+    ),
+  ];
 
-  api.thirdParty
-    .facebookPurchase({ orderGroupId })
-    .then(eventId =>
+  Promise.all([
+    api.thirdParty.facebookPurchase({ orderGroupId }),
+    orderTotalValue(orderGroupId, cartPayload),
+  ])
+    .then(([eventId, value]) =>
       pushFbq(
         'track',
         'Purchase',
-        { value, currency: 'BRL' },
+        {
+          value,
+          currency: 'BRL',
+          content_ids: contentIds,
+          content_type: 'product',
+        },
         { eventID: eventId },
       ),
     )

package/modules/Tracking/facebook/events/actions/purchaseOrder.ts

@@ -1,16 +1,29 @@
 import api from '../../../../Api';
 import { pushFbq } from '../../../utils/pushFbq';
 
-export function purchaseOrderAction(orderGroupId: number, value: number) {
+import type { CustomerOrderResponse } from '../../../../Api/types';
+
+export function purchaseOrderAction(orderGroup: CustomerOrderResponse) {
   if (!window.fbq) return;
 
+  const contentIds = [
+    ...new Set(
+      orderGroup.orders.flatMap(order => order.items).map(item => `${item.productId}`),
+    ),
+  ];
+
   api.thirdParty
-    .facebookPurchase({ orderGroupId })
+    .facebookPurchase({ orderGroupId: orderGroup.id })
     .then(eventId =>
       pushFbq(
         'track',
         'Purchase',
-        { value, currency: 'BRL' },
+        {
+          value: orderGroup.values?.totalValue ?? 0,
+          currency: 'BRL',
+          content_ids: contentIds,
+          content_type: 'product',
+        },
         { eventID: eventId },
       ),
     )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uappi/public-sdk",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Pacotes públicos para desenvolvimento do ecossistema Uappi",
   "main": "main.ts",
   "scripts": {