@uappi/public-sdk 1.16.0 → 1.17.0

package/CLAUDE.md

@@ -0,0 +1,59 @@
+# Como trabalhar neste projeto
+
+## 1. Pense Antes de Programar
+
+**Não faça suposições. Não esconda dúvidas. Exponha os dilemas e escolhas (trade-offs).**
+
+Antes de implementar:
+- Declare suas suposições explicitamente. Se estiver incerto, pergunte.
+- Se houver múltiplas interpretações, apresente-as — não escolha silenciosamente.
+- Se existir uma abordagem mais simples, mencione-a. Questione quando apropriado.
+- Se algo não estiver claro, pare. Identifique o que está confuso. Pergunte.
+
+## 2. Simplicidade em Primeiro Lugar
+
+**O mínimo de código necessário para resolver o problema. Nada de especulações.**
+
+- Sem funcionalidades além do que foi solicitado.
+- Sem abstrações para código de uso único.
+- Sem "flexibilidade" ou "configurabilidade" não solicitadas.
+- Sem tratamento de erros para cenários impossíveis.
+- Se você escrever 200 linhas e o código puder ser reduzido a 50, reescreva-o.
+
+Pergunte a si mesmo: "Um engenheiro sênior diria que isso está excessivamente complexo?" Se sim, simplifique.
+
+## 3. Alterações Cirúrgicas
+
+**Mexa apenas no necessário. Limpe apenas a bagunça que você mesmo criou.**
+
+Ao editar código existente:
+- Não "melhore" código, comentários ou formatação adjacentes.
+- Não refatore o que não está quebrado.
+- Siga o estilo existente, mesmo que você o fizesse de outra forma.
+- Se notar código morto não relacionado, mencione-o — não o exclua.
+
+Quando suas alterações criarem elementos órfãos:
+- Remova importações, variáveis ​​ou funções que ficaram sem uso devido às SUAS alterações.
+- Não remova código morto pré-existente, a menos que solicitado.
+
+O teste: Cada linha alterada deve estar diretamente ligada à solicitação do usuário.
+
+## 4. Execução Orientada a Objetivos
+
+**Defina critérios de sucesso.** Repita o ciclo até a verificação.**
+
+Transforme tarefas em objetivos verificáveis:
+- "Adicionar validação" → "Escrever testes para entradas inválidas e fazê-los passar"
+- "Corrigir o bug" → "Escrever um teste que o reproduza e fazê-lo passar"
+- "Refatorar X" → "Garantir que os testes passem antes e depois"
+
+Para tarefas com várias etapas, descreva um plano breve:
+```
+1. [Etapa] → verificar: [critério]
+2. [Etapa] → verificar: [critério]
+3. [Etapa] → verificar: [critério]
+```
+
+Critérios de sucesso robustos permitem trabalhar de forma independente. Critérios vagos ("fazer funcionar") exigem esclarecimentos constantes.
+
+---

package/components/PaymentHosted/PaymentHosted.vue

@@ -2,7 +2,7 @@
 import { ref, shallowRef, computed, onMounted, onUnmounted } from 'vue';
 
 import api from '../../modules/Api';
-import { purchaseAction } from '../../modules/Tracking/events/actions/purchase';
+import { purchaseAction } from '../../modules/Tracking/gtm/events/actions/purchase';
 
 import type { Props, Emits, PaymentSuccessData, PaymentRedirectData } from './types';
 import type { CartResponse } from '../../modules/Api/types';

package/modules/Api/endpoints/ThirdPartyComposable.ts

@@ -3,6 +3,10 @@ import { usePublicApi } from '..';
 import type {
   RedirectRequest,
   OauthType,
+  FacebookViewContentRequest,
+  FacebookAddToCartRequest,
+  FacebookAddPaymentInfoRequest,
+  FacebookSearchRequest,
 } from '../types';
 
 export function oauthRedirect(type: OauthType, payload: RedirectRequest) {
@@ -11,4 +15,50 @@ export function oauthRedirect(type: OauthType, payload: RedirectRequest) {
     method: 'GET',
     params: payload,
   });
-}
+}
+
+export function facebookPageView() {
+  return usePublicApi<void>({
+    endpoint: '/third-party/facebook/event/page-view',
+    method: 'POST'
+  });
+}
+
+export function facebookViewContent(payload: FacebookViewContentRequest) {
+  return usePublicApi<void, FacebookViewContentRequest>({
+    endpoint: '/third-party/facebook/event/view-content',
+    method: 'POST',
+    payload,
+  });
+}
+
+export function facebookAddToCart(payload: FacebookAddToCartRequest) {
+  return usePublicApi<void, FacebookAddToCartRequest>({
+    endpoint: '/third-party/facebook/event/add-to-cart',
+    method: 'POST',
+    payload,
+  });
+}
+
+export function facebookInitiateCheckout() {
+  return usePublicApi<void>({
+    endpoint: '/third-party/facebook/event/initiate-checkout',
+    method: 'POST'
+  });
+}
+
+export function facebookAddPaymentInfo(payload: FacebookAddPaymentInfoRequest) {
+  return usePublicApi<void, FacebookAddPaymentInfoRequest>({
+    endpoint: '/third-party/facebook/event/add-payment-info',
+    method: 'POST',
+    payload,
+  });
+}
+
+export function facebookSearch(payload: FacebookSearchRequest) {
+  return usePublicApi<void, FacebookSearchRequest>({
+    endpoint: '/third-party/facebook/event/search',
+    method: 'POST',
+    payload,
+  });
+}

package/modules/Api/index.ts

@@ -87,7 +87,15 @@ import { listZipcode } from './endpoints/ZipcodeComposable';
 import { listTemplateSettings } from './endpoints/TemplateComposable';
 import { upsells } from './endpoints/UpsellComposable'
 import { contact } from './endpoints/PublicComposable'
-import { oauthRedirect } from './endpoints/ThirdPartyComposable';
+import {
+  oauthRedirect,
+  facebookPageView,
+  facebookViewContent,
+  facebookAddToCart,
+  facebookInitiateCheckout,
+  facebookAddPaymentInfo,
+  facebookSearch,
+} from './endpoints/ThirdPartyComposable';
 
 import { sendMfa, confirmMfa, loginMfa, deleteMFA, mfaSetup } from './endpoints/MFAComposable';
 
@@ -95,7 +103,13 @@ import { sendMfa, confirmMfa, loginMfa, deleteMFA, mfaSetup } from './endpoints/
 import { usePublicApi } from './usePublicApi';
 
 const thirdParty = {
-  oauthRedirect
+  oauthRedirect,
+  facebookPageView,
+  facebookViewContent,
+  facebookAddToCart,
+  facebookInitiateCheckout,
+  facebookAddPaymentInfo,
+  facebookSearch,
 }
 
 const customization = {

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

@@ -0,0 +1,18 @@
+export interface FacebookViewContentRequest {
+  productId: number;
+}
+
+export interface FacebookAddToCartRequest {
+  sku: string;
+  quantity: number;
+  price: number;
+}
+
+export interface FacebookAddPaymentInfoRequest {
+  totalValue: number;
+}
+
+export interface FacebookSearchRequest {
+  searchTerm: string;
+  contentIds?: Array<string>;
+}

package/modules/Api/types/index.ts

@@ -249,15 +249,21 @@ import type { UpsellResponse, Upsell } from './endpoints/upsell/upsell.interface
 import type { PriceRule } from './endpoints/price/price.interfaces';
 
 import type { RedirectRequest, OauthType } from './endpoints/third-party/oauth.interfaces';
+import type {
+  FacebookViewContentRequest,
+  FacebookAddToCartRequest,
+  FacebookAddPaymentInfoRequest,
+  FacebookSearchRequest,
+} from './endpoints/third-party/facebook.interfaces';
 
-import type { 
-  MFAOption, 
-  RequestSendMFA, 
-  RequestConfirmMFA, 
-  MFAAPPSettings, 
-  MFAEmailSettings, 
-  MFAPhoneSettings, 
-  RequestLoginMFA, 
+import type {
+  MFAOption,
+  RequestSendMFA,
+  RequestConfirmMFA,
+  MFAAPPSettings,
+  MFAEmailSettings,
+  MFAPhoneSettings,
+  RequestLoginMFA,
   CustomerMFAErrorCode,
   RequestMFASetup,
   ResponseMFASetup
@@ -309,6 +315,10 @@ export type {
   ClaimGiftCardResponse,
   RedirectRequest,
   OauthType,
+  FacebookViewContentRequest,
+  FacebookAddToCartRequest,
+  FacebookAddPaymentInfoRequest,
+  FacebookSearchRequest,
 
   // banner
   Banner,
@@ -499,8 +509,8 @@ export type {
   MFAOption,
   RequestSendMFA,
   RequestConfirmMFA,
-  MFAAPPSettings, 
-  MFAEmailSettings, 
+  MFAAPPSettings,
+  MFAEmailSettings,
   MFAPhoneSettings,
   RequestLoginMFA,
   CustomerMFAErrorCode,

package/modules/Tracking/endpoints/BannerComposable.ts

@@ -1,6 +1,6 @@
 import api from '../../Api';
 
-import { viewPromotion } from '../events/views/viewPromotion';
+import { viewPromotion } from '../gtm/events/views/viewPromotion';
 
 import type { Banners } from '../../Api/types';
 

package/modules/Tracking/endpoints/CartComposable.ts

@@ -1,11 +1,12 @@
 import api from '../../Api';
 
-import { addShippingInfoAction } from '../events/actions/addShippingInfo';
-import { addToCartAction } from '../events/actions/addToCart';
-import { purchaseAction } from '../events/actions/purchase';
-import { removeFromCartAction } from '../events/actions/removeFromCart';
-import { shippingCalculationAction } from '../events/actions/shippingCalculation';
-import { upsertToCartAction } from '../events/actions/upsertToCart';
+import { addShippingInfoAction } from '../gtm/events/actions/addShippingInfo';
+import { addToCartAction } from '../gtm/events/actions/addToCart';
+import { purchaseAction } from '../gtm/events/actions/purchase';
+import { removeFromCartAction } from '../gtm/events/actions/removeFromCart';
+import { shippingCalculationAction } from '../gtm/events/actions/shippingCalculation';
+import { upsertToCartAction } from '../gtm/events/actions/upsertToCart';
+import { addToCartAction as facebookAddToCartAction } from '../facebook/events/actions/addToCart';
 
 import type { UpsertTrackingCartRequest } from '../types';
 import type {
@@ -26,15 +27,22 @@ export function listDetail() {
 export function addProduct(payload: UpsertTrackingCartRequest) {
   return api.cart.addProduct(payload as UpsertCartRequest).then(data => {
     addToCartAction(payload, data);
+    facebookAddToCartAction(data, payload);
     return data;
   });
 }
 
-export function upsertProduct(payload: UpsertTrackingCartRequest) {
+export function upsertProduct(payload: UpsertTrackingCartRequest, customerId?: number) {
   return api.cart
     .upsertProduct(payload as UpsertCartRequest)
     .then(data => {
       upsertToCartAction(payload, data);
+
+      const isRemoval = payload.items.some(
+        item => (item.oldQuantity || 0) > item.quantity!,
+      );
+      if (!isRemoval) facebookAddToCartAction(data, payload);
+
       return data;
     });
 }

package/modules/Tracking/endpoints/CustomerComposable.ts

@@ -2,10 +2,10 @@ import publicApi from '../../Api';
 
 import type { TrackingCustomerFields } from './types';
 
-import { customerProfileAction } from '../events/actions/customerProfile';
-import { generateLead } from '../events/actions/generateLead';
-import { loginAction } from '../events/actions/login';
-import { signupAction } from '../events/actions/signup';
+import { customerProfileAction } from '../gtm/events/actions/customerProfile';
+import { generateLead } from '../gtm/events/actions/generateLead';
+import { loginAction } from '../gtm/events/actions/login';
+import { signupAction } from '../gtm/events/actions/signup';
 
 import type { CustomerLead } from '../types';
 import type {
@@ -30,7 +30,7 @@ export function detail(
 ) {
 
   let fields: Array<CustomerFields> = ['addresses', 'flags'];
-  
+
     if (options?.fields) fields = [...options.fields, ...fields];
 
   return publicApi.customer

package/modules/Tracking/endpoints/ProductQuoteShipment.ts

@@ -1,6 +1,6 @@
 import api from '../../Api';
 
-import { shippingCalculationAction } from '../events/actions/shippingCalculation';
+import { shippingCalculationAction } from '../gtm/events/actions/shippingCalculation';
 
 import type { ApiParams } from '../../Api/types';
 

package/modules/Tracking/endpoints/SearchComposable.ts

@@ -2,7 +2,9 @@ import publicApi from '../../Api';
 
 import type { TrackingProductFields } from './types';
 
-import { viewItemList } from '../events/views/viewItemList';
+import { viewItemList } from '../gtm/events/views/viewItemList';
+import { pageView as facebookPageView } from '../facebook/events/views/pageView';
+import { searchAction as facebookSearchAction } from '../facebook/events/actions/search';
 
 import type {
   ApiParams,
@@ -16,7 +18,7 @@ export function getSearch(
   options?: Pick<
     ApiParams<TrackingProductFields, ProductSortFields, ProductConditionFields>,
     'condition' | 'fields' | 'limit' | 'meta' | 'offset' | 'order'
-  >,
+  >
 ) {
   let fields: Array<ProductFields> = ['price', 'brand', 'variation'];
 
@@ -26,6 +28,11 @@ export function getSearch(
     .getSearch(term, { ...options, fields })
     .then(data => {
       viewItemList(data);
+      facebookPageView();
+      facebookSearchAction(
+        term,
+        data.content.registers.map(product => `${product.id}`)
+      );
 
       return data;
     });

package/modules/Tracking/endpoints/ShowcaseComposable.ts

@@ -2,7 +2,7 @@ import publicApi from '../../Api';
 
 import type { TrackingProductFields } from './types';
 
-import { viewItemList } from '../events/views/viewItemList';
+import { viewItemList } from '../gtm/events/views/viewItemList';
 
 import type {
   ApiParams,

package/modules/Tracking/endpoints/UrlComposable.ts

@@ -2,8 +2,10 @@ import publicApi from '../../Api';
 
 import type { TrackingProductFields } from './types';
 
-import { viewItem } from '../events/views/viewItem';
-import { viewItemList } from '../events/views/viewItemList';
+import { viewItem } from '../gtm/events/views/viewItem';
+import { viewItemList } from '../gtm/events/views/viewItemList';
+import { pageView as facebookPageView } from '../facebook/events/views/pageView';
+import { viewContent as facebookViewContent } from '../facebook/events/views/viewContent';
 
 import type {
   ApiParams,
@@ -21,7 +23,7 @@ export function getUrl<UrlType>(
   options?: Pick<
     ApiParams<TrackingProductFields, ProductSortFields, ProductConditionFields>,
     'condition' | 'fields' | 'limit' | 'offset' | 'meta' | 'order'
-  >,
+  >
 ) {
   let fields: Array<ProductFields> = ['price', 'brand', 'variation', 'mainCategory'];
 
@@ -32,7 +34,12 @@ export function getUrl<UrlType>(
     .then(data => {
       const pageData = data as UrlProduct | UrlPage | UrlBrand | UrlListing;
 
-      if (pageData.type === 'product') viewItem(pageData.content);
+      facebookPageView();
+
+      if (pageData.type === 'product') {
+        viewItem(pageData.content);
+        facebookViewContent(pageData.content);
+      }
       if (pageData.type === 'brand' || pageData.type === 'category')
         viewItemList(pageData);
 

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

@@ -0,0 +1,14 @@
+import api from '../../../../Api';
+import { totalValue } from '../../../utils/cart';
+
+import type { CartResponse } from '../../../../Api/types';
+
+export function addPaymentInfoAction(
+  cartPayload: CartResponse
+) {
+  api.thirdParty
+    .facebookAddPaymentInfo({
+      totalValue: totalValue(cartPayload),
+    })
+    .catch(() => {});
+}

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

@@ -0,0 +1,22 @@
+import api from '../../../../Api';
+import { getAddedCartItems } from '../../../utils/cart';
+
+import type { UpsertTrackingCartRequest } from '../../../types';
+import type { CartResponse } from '../../../../Api/types';
+
+export function addToCartAction(
+  cartPayload: CartResponse,
+  upsertPayload?: UpsertTrackingCartRequest
+) {
+  getAddedCartItems(cartPayload, upsertPayload).forEach(item => {
+    api.thirdParty
+      .facebookAddToCart({
+        sku: item.product.sku,
+        quantity: item.oldQuantity
+          ? item.quantity - item.oldQuantity
+          : item.quantity,
+        price: item.unitValue,
+      })
+      .catch(() => {});
+  });
+}

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

@@ -0,0 +1,7 @@
+import api from '../../../../Api';
+
+export function initiateCheckoutAction() {
+  api.thirdParty
+    .facebookInitiateCheckout()
+    .catch(() => {});
+}

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

@@ -0,0 +1,10 @@
+import api from '../../../../Api';
+
+export function searchAction(
+  searchTerm: string,
+  contentIds: Array<string>
+) {
+  api.thirdParty
+    .facebookSearch({searchTerm, contentIds })
+    .catch(() => {});
+}

package/modules/Tracking/facebook/events/views/pageView.ts

@@ -0,0 +1,5 @@
+import api from '../../../../Api';
+
+export function pageView() {
+  api.thirdParty.facebookPageView().catch(() => {});
+}

package/modules/Tracking/facebook/events/views/viewContent.ts

@@ -0,0 +1,9 @@
+import api from '../../../../Api';
+
+import type { Product } from '../../../../Api/types';
+
+export function viewContent(product: Product) {
+  api.thirdParty
+    .facebookViewContent({ productId: product.id })
+    .catch(() => {});
+}

package/modules/Tracking/{events → gtm/events}/actions/addPaymentInfo.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse } from '../../../Api/types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function addPaymentInfoAction(
   paymentMethod: string,

package/modules/Tracking/{events → gtm/events}/actions/addShippingInfo.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse } from '../../../Api/types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function addShippingInfoAction(cartPayload: CartResponse) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/addToCart.ts

@@ -1,8 +1,8 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { UpsertTrackingCartRequest } from '../../types';
-import type { CartResponse } from '../../../Api/types';
+import type { UpsertTrackingCartRequest } from '../../../types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function addToCartAction(
   upsertPayload: UpsertTrackingCartRequest,

package/modules/Tracking/{events → gtm/events}/actions/beginCheckout.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse } from '../../../Api/types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function beginCheckoutAction(cartPayload: CartResponse) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/customerProfile.ts

@@ -1,6 +1,6 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CustomerResponse } from '../../../Api/types';
+import type { CustomerResponse } from '../../../../Api/types';
 
 export function customerProfileAction(payload?: CustomerResponse) {
   if (!payload) {

package/modules/Tracking/{events → gtm/events}/actions/generateLead.ts

@@ -1,6 +1,6 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CustomerLead } from '../../types';
+import type { CustomerLead } from '../../../types';
 
 export function generateLead(customer: CustomerLead) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/login.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function loginAction() {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/purchase.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse } from '../../../Api/types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function purchaseAction(
   paymentMethod: string,

package/modules/Tracking/{events → gtm/events}/actions/removeFromCart.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse, DeleteCartRequest } from '../../../Api/types';
+import type { CartResponse, DeleteCartRequest } from '../../../../Api/types';
 
 export function removeFromCartAction(
   deletePayload: DeleteCartRequest,

package/modules/Tracking/{events → gtm/events}/actions/search.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function searchAction(term: string) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/selectItem.ts

@@ -1,12 +1,12 @@
-import { getVariant } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getVariant } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 import type {
   Search,
   Showcase,
   UrlBrand,
   UrlListing,
-} from '../../../Api/types';
+} from '../../../../Api/types';
 
 export function selectItemAction(
   page: UrlBrand | UrlListing | Showcase | Search,

package/modules/Tracking/{events → gtm/events}/actions/selectPromotion.ts

@@ -1,7 +1,7 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { BannerItem } from '../../types';
-import type { Banner } from '../../../Api/types';
+import type { BannerItem } from '../../../types';
+import type { Banner } from '../../../../Api/types';
 
 export function selectPromotionAction<AdditionalParameters>(
   banner: Banner<AdditionalParameters>,

package/modules/Tracking/{events → gtm/events}/actions/shippingCalculation.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function shippingCalculationAction() {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/signup.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function signupAction() {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/actions/upsertToCart.ts

@@ -1,8 +1,8 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { UpsertTrackingCartRequest } from '../../types';
-import type { CartResponse } from '../../../Api/types';
+import type { UpsertTrackingCartRequest } from '../../../types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function upsertToCartAction(
   upsertPayload: UpsertTrackingCartRequest,

package/modules/Tracking/{events → gtm/events}/views/viewCart.ts

@@ -1,7 +1,7 @@
-import { getAddedCartItems, getVariant, totalValue } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getAddedCartItems, getVariant, totalValue } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { CartResponse } from '../../../Api/types';
+import type { CartResponse } from '../../../../Api/types';
 
 export function viewCart(cartPayload: CartResponse) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/views/viewHome.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function viewHome() {
   pushDatalayer({ event: 'view_home' });

package/modules/Tracking/{events → gtm/events}/views/viewItem.ts

@@ -1,7 +1,7 @@
-import { getVariant } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getVariant } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { Product } from '../../../Api/types';
+import type { Product } from '../../../../Api/types';
 
 export function viewItem(product: Product) {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/views/viewItemList.ts

@@ -1,12 +1,12 @@
-import { getVariant } from '../../utils/cart';
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { getVariant } from '../../../utils/cart';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 import type {
   Showcase,
   UrlBrand,
   UrlListing,
   Search,
-} from '../../../Api/types';
+} from '../../../../Api/types';
 
 export function viewItemList(page: UrlBrand | UrlListing | Search): void;
 export function viewItemList(page: Array<Showcase>): void;

package/modules/Tracking/{events → gtm/events}/views/viewNotFound.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function viewNotFound() {
   pushDatalayer({ event: 'view_not_found' });

package/modules/Tracking/{events → gtm/events}/views/viewOther.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function viewOther() {
   pushDatalayer({ event: 'view_other' });

package/modules/Tracking/{events → gtm/events}/views/viewPayment.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function viewPayment() {
   pushDatalayer({

package/modules/Tracking/{events → gtm/events}/views/viewPromotion.ts

@@ -1,7 +1,7 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
-import type { ViewPromotion } from '../../types';
-import type { Banners } from '../../../Api/types';
+import type { ViewPromotion } from '../../../types';
+import type { Banners } from '../../../../Api/types';
 
 export function viewPromotion<AdditionalParameters>(
   bannerGroups: Array<Banners<AdditionalParameters>>,

package/modules/Tracking/{events → gtm/events}/views/viewShipping.ts

@@ -1,4 +1,4 @@
-import { pushDatalayer } from '../../utils/pushDatalayer';
+import { pushDatalayer } from '../../../utils/pushDatalayer';
 
 export function viewShipping() {
   pushDatalayer({

package/modules/Tracking/index.ts

@@ -19,18 +19,61 @@ import { listShipmentQuoteProduct } from './endpoints/ProductQuoteShipment';
 import { getSearch } from './endpoints/SearchComposable';
 import { listShowcase } from './endpoints/ShowcaseComposable';
 import { getUrl } from './endpoints/UrlComposable';
-import { addPaymentInfoAction as addPaymentInfo } from './events/actions/addPaymentInfo';
-import { beginCheckoutAction as beginCheckout } from './events/actions/beginCheckout';
-import { searchAction as search } from './events/actions/search';
-import { selectItemAction as selectItem } from './events/actions/selectItem';
-import { selectPromotionAction as selectPromotion } from './events/actions/selectPromotion';
-import { viewHome } from './events/views/viewHome';
-import { viewNotFound } from './events/views/viewNotFound';
-import { viewOther } from './events/views/viewOther';
-import { viewPayment } from './events/views/viewPayment';
-import { viewShipping } from './events/views/viewShipping';
+import { addPaymentInfoAction } from './gtm/events/actions/addPaymentInfo';
+import { beginCheckoutAction } from './gtm/events/actions/beginCheckout';
+import { searchAction as search } from './gtm/events/actions/search';
+import { selectItemAction as selectItem } from './gtm/events/actions/selectItem';
+import { selectPromotionAction as selectPromotion } from './gtm/events/actions/selectPromotion';
+import { viewHome as viewHomeAction } from './gtm/events/views/viewHome';
+import { viewNotFound as viewNotFoundAction } from './gtm/events/views/viewNotFound';
+import { viewOther as viewOtherAction } from './gtm/events/views/viewOther';
+import { viewPayment as viewPaymentAction } from './gtm/events/views/viewPayment';
+import { viewShipping as viewShippingAction } from './gtm/events/views/viewShipping';
+import { pageView as facebookPageView } from './facebook/events/views/pageView';
+import { initiateCheckoutAction as facebookInitiateCheckoutAction } from './facebook/events/actions/initiateCheckout';
+import { addPaymentInfoAction as facebookAddPaymentInfoAction } from './facebook/events/actions/addPaymentInfo';
 import publicApiTracking from './publicApiTracking';
 
+import type { CartResponse } from '../Api/types';
+
+function viewHome() {
+  viewHomeAction();
+  facebookPageView();
+}
+
+function viewShipping() {
+  viewShippingAction();
+  facebookPageView();
+}
+
+function viewPayment() {
+  viewPaymentAction();
+  facebookPageView();
+}
+
+function viewOther() {
+  viewOtherAction();
+  facebookPageView();
+}
+
+function viewNotFound() {
+  viewNotFoundAction();
+  facebookPageView();
+}
+
+function beginCheckout(cartPayload: CartResponse) {
+  beginCheckoutAction(cartPayload);
+  facebookInitiateCheckoutAction();
+}
+
+function addPaymentInfo(
+  paymentMethod: string,
+  cartPayload: CartResponse
+) {
+  addPaymentInfoAction(paymentMethod, cartPayload);
+  facebookAddPaymentInfoAction(cartPayload);
+}
+
 const view = {
   viewHome,
   viewShipping,

package/package.json

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