@uappi/public-sdk 1.4.3 → 1.6.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/modules/Api/endpoints/PromotionalForecastComposable.ts

@@ -0,0 +1,11 @@
+import { usePublicApi } from '..';
+
+import type { PromotionalForecastResponse } from '../types';
+
+export function getPromotionalForecast(productId: number) {
+  return usePublicApi<PromotionalForecastResponse>({
+    endpoint: '/publics/products/promotional-forecast',
+    method: 'GET',
+    params: { productId },
+  });
+}

package/modules/Api/index.ts

@@ -56,6 +56,7 @@ import { createInterest } from './endpoints/InterestComposable';
 import { loggout } from './endpoints/LoggoutComposable';
 import { listMenu } from './endpoints/MenuComposable';
 import { listPairOffers } from './endpoints/PairOfferComposable';
+import { getPromotionalForecast } from './endpoints/PromotionalForecastComposable';
 import { paymentConditions } from './endpoints/PaymentComposable';
 import {
   deleteProductComment,
@@ -190,6 +191,7 @@ const promotional = {
   deleteWallet,
   applyPoint,
   deletePoint,
+  getPromotionalForecast,
 };
 
 const notify = {

package/modules/Api/types/context/api-params.types.ts

@@ -17,6 +17,9 @@ export interface ApiParams<
   targetCountryCode?: string;
   items?: Array<{ productId: number; quantity: number }>;
 
+  // for promotional forecast
+  productId?: number;
+
   variationMap?: Record<string, number>;
 
   loginUrl?: string;

package/modules/Api/types/endpoints/promotional-forecast/promotional-forecast.interfaces.ts

@@ -0,0 +1,11 @@
+export interface PromotionalForecastPointSystem {
+  name: string;
+  pointValue: number;
+  finalAmount: number;
+  finalValue: number;
+}
+
+export interface PromotionalForecastResponse {
+  pointSystem: PromotionalForecastPointSystem | null;
+  promotions: Array<Record<string, unknown>>;
+}

package/modules/Api/types/index.ts

@@ -143,6 +143,10 @@ import type {
   PairOffer,
   PairOfferResponse,
 } from './endpoints/pair-offer/pair-offer.interfaces';
+import type {
+  PromotionalForecastPointSystem,
+  PromotionalForecastResponse,
+} from './endpoints/promotional-forecast/promotional-forecast.interfaces';
 import type {
   Payment,
   PaymentConfiguration,
@@ -354,6 +358,10 @@ export type {
   PairOffer,
   PairOfferResponse,
 
+  // Previsão de promocional/pontos por produto
+  PromotionalForecastPointSystem,
+  PromotionalForecastResponse,
+
   // Avaliaçoes
   ProductReviewRequest,
   CreateProductReviewResponse,

package/package.json

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