@uappi/public-sdk 1.4.3 → 1.5.0

package/components/PaymentHosted/PaymentHosted.vue

@@ -2,8 +2,10 @@
 import { ref, computed, onMounted, onUnmounted } from 'vue';
 
 import api from '../../modules/Api';
+import { purchaseAction } from '../../modules/Tracking/events/actions/purchase';
 
 import type { Props, Emits, PaymentSuccessData, PaymentRedirectData } from './types';
+import type { CartResponse } from '../../modules/Api/types';
 
 // `PaymentHosted` renderiza o formulário de pagamento via iframe isolado,
 // servido pelo serviço `render.uappi`. Todos os dados sensíveis (número do cartão,
@@ -19,6 +21,13 @@ const loadingToken = ref(true);
 const tokenError = ref<string | null>(null);
 const iframeHeight = ref<number | null>(null);
 
+// Snapshot do carrinho anterior à compra, usado apenas para disparar o evento
+// `purchase` do GTM quando o `UAPPI_PAYMENT_SUCCESS` chegar. É necessário buscar
+// esse dado antes do pagamento porque, após o sucesso, o carrinho já foi
+// consumido pelo `/cart/buy` (chamado internamente pelo iframe) e não reflete
+// mais os itens/frete/descontos da compra que acabou de ser feita.
+const cartSnapshot = ref<CartResponse | null>(null);
+
 const iframeSrc = computed(() => {
   if (!paymentToken.value) return '';
 
@@ -59,6 +68,14 @@ async function fetchPaymentToken(): Promise<void> {
   }
 }
 
+async function fetchCartSnapshot(): Promise<void> {
+  try {
+    cartSnapshot.value = await api.cart.listDetail();
+  } catch (err) {
+    console.error('[PaymentHosted] Erro ao buscar carrinho para tracking de compra:', err);
+  }
+}
+
 /**
  * Só processa mensagens cuja origem seja a própria janela do iframe renderizado
  * por este componente, evitando que outra janela/frame na página finja ser o
@@ -82,6 +99,11 @@ function handleIframeMessage(event: MessageEvent): void {
       break;
 
     case 'UAPPI_PAYMENT_SUCCESS':
+      if (cartSnapshot.value) {
+        purchaseAction(props.option.paymentType.code, cartSnapshot.value);
+      } else {
+        console.error('[PaymentHosted] Carrinho indisponível: evento de tracking de compra (purchase) não foi disparado.');
+      }
       emit('payment-success', data);
       break;
 
@@ -101,7 +123,7 @@ function handleIframeMessage(event: MessageEvent): void {
 
 onMounted(async () => {
   window.addEventListener('message', handleIframeMessage);
-  await fetchPaymentToken();
+  await Promise.all([fetchPaymentToken(), fetchCartSnapshot()]);
 });
 
 onUnmounted(() => {

package/package.json

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