cloudcommerce 0.34.0 → 0.35.1

package/packages/storefront/src/lib/components/Drawer.vue

@@ -8,17 +8,25 @@ import {
 
 export interface Props {
   modelValue?: boolean;
+  isHidden?: boolean;
   placement?: 'start' | 'end' | 'top' | 'bottom';
   position?: 'fixed' | 'absolute';
+  animation?: 'slide' | 'scale' | null;
   hasCloseButton?: boolean;
-  backdropTarget?: string;
+  anchorEl?: HTMLElement | null;
+  backdropTarget?: string | null;
+  maxWidth?: string;
+  class?: string | string[] | Record<string, string | null> | null;
 }
 
 const props = withDefaults(defineProps<Props>(), {
   modelValue: false,
+  isHidden: false,
   placement: 'start',
   position: 'fixed',
+  animation: 'slide',
   hasCloseButton: true,
+  hasBackdrop: true,
   backdropTarget: '#teleported-top',
 });
 const emit = defineEmits<{
@@ -28,6 +36,7 @@ const close = () => emit('update:modelValue', false);
 const drawer = ref<HTMLElement | null>(null);
 const outsideClickListener = (ev: MouseEvent) => {
   if (!drawer.value?.contains(ev.target as Node)) {
+    if (props.anchorEl?.contains(ev.target as Node)) return;
     close();
   }
 };
@@ -54,6 +63,7 @@ watch(toRef(props, 'modelValue'), async (isOpen) => {
   }
 });
 const slideTo = computed(() => {
+  if (props.animation !== 'slide') return null;
   switch (props.placement) {
     case 'start': return 'left';
     case 'end': return 'right';
@@ -61,6 +71,27 @@ const slideTo = computed(() => {
     default: return 'up';
   }
 });
+const animationClassName = ref<string | null>(null);
+if (props.animation === 'scale') {
+  watch(toRef(props, 'modelValue'), (isShown) => {
+    if (!isShown) {
+      animationClassName.value = 'transition scale-90';
+    } else {
+      nextTick(() => {
+        setTimeout(() => {
+          animationClassName.value = 'transition';
+          setTimeout(() => {
+            if (props.modelValue) animationClassName.value = '';
+          }, 300);
+        }, 50);
+      });
+    }
+  }, { immediate: true });
+}
+const customClassList = computed(() => {
+  if (Array.isArray(props.class)) return props.class;
+  return [props.class];
+});
 const isFixed = computed(() => {
   return props.position === 'fixed';
 });
@@ -73,17 +104,24 @@ const isPlacementX = computed(() => {
   <Fade :slide="slideTo" speed="slow" is-floating>
     <dialog
       v-if="modelValue"
+      v-show="!isHidden"
       ref="drawer"
-      class="z-50 m-0 w-screen p-0 shadow"
+      class="z-40 w-screen p-0"
       :class="[
         position,
+        isPlacementX ? 'm-0' : 'mx-auto',
+        isPlacementX && !maxWidth ? 'max-w-sm' : null,
         isFixed ? `top-0 ${(isPlacementX ? 'h-screen' : 'max-h-screen')}` : null,
         isFixed && placement !== 'end' ? 'left-0' : null,
         isFixed && placement === 'end' ? 'left-auto right-0' : null,
-        isPlacementX ? 'max-w-sm' : null,
+        animationClassName,
+        ...customClassList,
       ]"
       :style="{
-        maxWidth: !isPlacementX ? `calc(100vw - ${scrollbarWidth}px)` : undefined,
+        maxWidth: maxWidth
+          ? `min(${maxWidth}, calc(100vw - ${scrollbarWidth}px))`
+          : !isPlacementX
+            ? `calc(100vw - ${scrollbarWidth}px)` : undefined,
       }"
       :open="modelValue"
       :data-drawer="placement"
@@ -104,11 +142,11 @@ const isPlacementX = computed(() => {
         </button>
         <slot />
       </div>
-      <Teleport :to="backdropTarget">
+      <Teleport v-if="backdropTarget" :to="backdropTarget">
         <Fade>
           <div
-            v-if="modelValue"
-            class="fixed left-0 top-0 z-40 h-screen w-screen bg-black/50"
+            v-if="modelValue && !isHidden"
+            class="fixed left-0 top-0 z-30 h-screen w-screen bg-black/50"
             data-drawer-backdrop
           ></div>
         </Fade>

package/packages/storefront/src/lib/components/globals/Fade.vue

@@ -3,7 +3,7 @@ import { computed } from 'vue';
 
 export interface Props {
   speed?: 'default' | 'slow' | 'slower',
-  slide?: 'down' | 'left' | 'right' | 'up',
+  slide?: 'down' | 'left' | 'right' | 'up' | null,
   isFloating?: boolean,
   isLeaveTo?: boolean,
   isEnterFrom?: boolean,

package/packages/storefront/src/lib/composables/use-product-shelf.ts

@@ -4,7 +4,7 @@ import api from '@cloudcommerce/api';
 import { inStock as checkInStock } from '@ecomplus/utils';
 
 export interface Props {
-  collectionId: ResourceId | null;
+  collectionId?: ResourceId | null;
   searchQuery?: `&${string}` | '';
   sort?: '-sales' | '-created_at' | 'price' | '-price' | '-price_discount' | string;
   title?: string | null;

package/packages/storefront/src/lib/scripts/vbeta-app.ts

@@ -33,8 +33,8 @@ const watchAppRoutes = () => {
       emittedCheckoutSteps.push(evName);
       if (!params) {
         params = {
-          value: fixMoneyValue(shoppingCart.value.subtotal),
-          items: shoppingCart.value.items.map(getGtagItem),
+          value: fixMoneyValue(shoppingCart.subtotal || 0),
+          items: shoppingCart.items.map(getGtagItem),
         };
       }
       if (evName !== 'view_cart') {
@@ -63,8 +63,8 @@ const watchAppRoutes = () => {
           };
           const params: Gtag.EventParams = {
             transaction_id: orderId,
-            value: fixMoneyValue(amount?.total || shoppingCart.value.subtotal),
-            items: shoppingCart.value.items.map(getGtagItem),
+            value: fixMoneyValue(amount?.total || shoppingCart.subtotal || 0),
+            items: shoppingCart.items.map(getGtagItem),
             coupon: order
               ? order.extra_discount?.discount_coupon
               : getCouponApplied(),
@@ -182,19 +182,29 @@ if (!import.meta.env.SSR) {
   if (Object.keys(utm).length) {
     sessionStorage.setItem('ecomUtm', JSON.stringify(utm));
   }
+  let querystring = window.location.search;
+  if (!querystring && window.location.hash) {
+    querystring = '?' + window.location.hash.split('?')[1];
+  }
+  const searchParams = new URLSearchParams(querystring);
+  if (searchParams.get('product_id') && searchParams.get('quantity') === '1') {
+    localStorage.setItem('ecomShoppingCart__tmp', JSON.stringify({
+      items: [{
+        product_id: searchParams.get('product_id'),
+        variation_id: searchParams.get('variation_id') || undefined,
+        quantity: 1,
+      }],
+    }));
+    (window as any).ECOM_CART_STORAGE_KEY = 'ecomShoppingCart__tmp';
+  }
   const { hostname } = window.location;
   const { domain } = globalThis.$storefront.settings;
   const apiBaseUri = `https://ecomplus.io/v2/:${window.ECOM_STORE_ID}/`;
-  // @ts-ignore
-  window.ECOMCLIENT_API_STORE = apiBaseUri;
-  // @ts-ignore
-  window.ECOMCLIENT_API_STORE_CACHE = apiBaseUri;
-  // @ts-ignore
-  window.ECOMCLIENT_API_PASSPORT = apiBaseUri;
-  // @ts-ignore
-  window.ECOMCLIENT_API_SEARCH = `${apiBaseUri}/search/_els/`;
-  // @ts-ignore
-  window.ECOMCLIENT_API_MODULES = hostname !== 'localhost' && hostname !== '127.0.0.1'
+  (window as any).ECOMCLIENT_API_STORE = apiBaseUri;
+  (window as any).ECOMCLIENT_API_STORE_CACHE = apiBaseUri;
+  (window as any).ECOMCLIENT_API_PASSPORT = apiBaseUri;
+  (window as any).ECOMCLIENT_API_SEARCH = `${apiBaseUri}/search/_els/`;
+  (window as any).ECOMCLIENT_API_MODULES = ['localhost', '127.0.0.1'].includes(hostname)
     ? `https://${domain}/_api/modules/`
     : '/_api/modules/';
 
@@ -227,7 +237,7 @@ if (!import.meta.env.SSR) {
   };
 
   const appScript = document.createElement('script');
-  appScript.src = 'https://cdn.jsdelivr.net/npm/@ecomplus/storefront-app@2.0.0-beta.188/dist/lib/js/app.js';
+  appScript.src = 'https://cdn.jsdelivr.net/npm/@ecomplus/storefront-app@2.0.0-beta.190/dist/lib/js/app.js';
   appScript.onload = onLoad;
   document.body.appendChild(appScript);
 }

package/packages/storefront/src/lib/ssr-context.ts

@@ -70,13 +70,16 @@ const setResponseCache = (Astro: AstroGlobal, maxAge: number, sMaxAge?: number)
 
 export type ApiPrefetchEndpoints = Array<ApiEndpoint | ':slug'>;
 
-const loadRouteContext = async (Astro: Readonly<AstroGlobal>, {
-  contentCollection,
-  apiPrefetchEndpoints = globalThis.$apiPrefetchEndpoints,
-}: {
-  contentCollection?: string;
-  apiPrefetchEndpoints?: ApiPrefetchEndpoints;
-} = {}) => {
+const loadRouteContext = async (
+  Astro: AstroGlobal | Readonly<AstroGlobal<any, any, any>>,
+  {
+    contentCollection,
+    apiPrefetchEndpoints = globalThis.$apiPrefetchEndpoints,
+  }: {
+    contentCollection?: string;
+    apiPrefetchEndpoints?: ApiPrefetchEndpoints;
+  } = {},
+) => {
   const startedAt = Date.now();
   let urlPath = Astro.url.pathname;
   const isPreview = urlPath.startsWith('/~preview');
@@ -114,7 +117,7 @@ const loadRouteContext = async (Astro: Readonly<AstroGlobal>, {
   const { slug } = Astro.params;
   if (isHomepage) {
     cmsContent = await config.getContent('pages/home');
-  } else if (slug) {
+  } else if (slug && typeof slug === 'string') {
     if (contentCollection) {
       cmsContent = await config.getContent(`${contentCollection}/${slug}`);
     } else if (slug.startsWith('_api/') || slug === '_analytics') {

package/packages/storefront/src/lib/state/search-engine.ts

@@ -0,0 +1,101 @@
+import type { SearchItem } from '@cloudcommerce/types';
+import { ref, watch, shallowReactive } from 'vue';
+import { useDebounceFn } from '@vueuse/core';
+import api from '@cloudcommerce/api';
+import useStorage from '@@sf/state/use-storage';
+
+const storageKey = 'ecomSeachHistory';
+
+export const searchHistory = useStorage<string[]>(storageKey, []);
+
+export const search = async ({
+  term,
+  params,
+  fields,
+  url = 'search/v1',
+}: {
+  term: string,
+  params?: Record<string, any>,
+  fields?: readonly string[],
+  url?: 'search/v1' | `search/v1?${string}`,
+}) => {
+  term = term.trim();
+  if (term.length < 2) {
+    return { data: { result: [], meta: null } };
+  }
+  const response = await api.get(url, {
+    fields,
+    params: {
+      ...params,
+      term,
+    },
+  });
+  if (response.data.result.length && !searchHistory.includes(term)) {
+    const termIndex = searchHistory.findIndex((_term) => term.startsWith(_term));
+    if (termIndex > -1) {
+      searchHistory[termIndex] = term;
+    } else {
+      searchHistory.unshift(term);
+    }
+    while (searchHistory.length > 20) {
+      searchHistory.pop();
+    }
+  }
+  return response;
+};
+
+export class SearchEngine {
+  url: 'search/v1' | `search/v1?${string}`;
+  fields?: readonly string[];
+  term = ref('');
+  params = shallowReactive<Record<string, any>>({});
+  pageSize = ref(24);
+  pageNumber = ref(1);
+  products = shallowReactive<SearchItem[]>([]);
+  #search: ReturnType<typeof useDebounceFn<typeof search>>;
+  constructor({
+    fields,
+    url = 'search/v1',
+    debounce = 150,
+  }: {
+    fields?: readonly string[],
+    url?: 'search/v1' | `search/v1?${string}`,
+    debounce?: number,
+  } = {}) {
+    this.fields = fields;
+    this.url = url;
+    this.products = shallowReactive([]);
+    this.#search = useDebounceFn(search, debounce);
+    watch([this.term, this.params], () => {
+      this.pageNumber.value = 1;
+    });
+  }
+
+  async fetch(term?: string) {
+    if (term && term !== this.term.value) {
+      this.term.value = term;
+      this.pageNumber.value = 1;
+    }
+    const limit = this.pageSize.value;
+    const offset = limit * (this.pageNumber.value - 1);
+    const response = await this.#search({
+      term: this.term.value,
+      params: {
+        limit,
+        offset,
+        ...this.params,
+      },
+      url: this.url,
+      fields: this.fields,
+    });
+    if (response) {
+      const { data } = response;
+      if (data.meta) {
+        this.products.splice(0);
+      }
+      data.result.forEach((item) => this.products.push(item));
+    }
+  }
+}
+
+export default SearchEngine;

package/packages/storefront/src/lib/state/shopping-cart.ts

@@ -1,6 +1,6 @@
 import type { Products, CartSet, SearchItem } from '@cloudcommerce/api/types';
-import { computed } from 'vue';
-import { watchDebounced } from '@vueuse/core';
+import { computed, watch } from 'vue';
+import { useDebounceFn } from '@vueuse/core';
 import mitt from 'mitt';
 import useStorage from '@@sf/state/use-storage';
 import addItem from '@@sf/state/shopping-cart/add-cart-item';
@@ -11,79 +11,31 @@ const storageKey = 'ecomShoppingCart';
 const emptyCart = {
   items: [],
 };
-const cart = useStorage<CartSet>(storageKey, emptyCart);
-
-const cartItems = computed(() => {
-  return cart.items.map((item) => {
-    let finalPrice = item.kit_product?.price && item.kit_product.pack_quantity
-      ? item.kit_product.price / item.kit_product.pack_quantity
-      : item.price;
-    if (Array.isArray(item.customizations)) {
-      item.customizations.forEach((customization) => {
-        if (customization.add_to_price) {
-          const { type, addition } = customization.add_to_price;
-          finalPrice += type === 'fixed'
-            ? addition
-            : item.price * (addition / 100);
-        }
-      });
-    }
-    item.final_price = finalPrice;
-    const min = item.min_quantity || 1;
-    const max = item.max_quantity;
-    if (
-      typeof item.quantity !== 'number'
-      || Number.isNaN(item.quantity)
-      || item.quantity < min
-    ) {
-      item.quantity = min;
-    } else if (max && item.quantity > max) {
-      item.quantity = max;
-    }
-    return item;
-  });
-});
-const subtotal = computed(() => {
-  return cartItems.value.reduce((acc, item) => {
-    return acc + (item.quantity * (item.final_price || item.price));
-  }, 0);
-});
+const shoppingCart = useStorage<CartSet>(storageKey, emptyCart);
 const totalItems = computed(() => {
-  return cartItems.value.reduce((acc, item) => {
+  return shoppingCart.items.reduce((acc, item) => {
     return acc + item.quantity;
   }, 0);
 });
-const shoppingCart = computed({
-  get() {
-    return {
-      ...cart,
-      subtotal: subtotal.value,
-    };
-  },
-  set(newCart) {
-    Object.assign(cart, newCart, {
-      subtotal: subtotal.value,
-    });
-  },
-});
 
 const addCartItem = (newItem: CartItem) => {
-  const cartObj = shoppingCart.value;
-  const upsertedItem = addItem(cartObj, newItem);
-  if (upsertedItem) {
-    // Force reactivity
-    shoppingCart.value.items = cartObj.items;
-  }
+  addItem(shoppingCart, newItem);
 };
 const removeCartItem = (itemId: string) => {
-  for (let i = 0; i < shoppingCart.value.items.length; i++) {
-    const item = shoppingCart.value.items[i];
+  for (let i = 0; i < shoppingCart.items.length; i++) {
+    const item = shoppingCart.items[i];
     if (item._id === itemId) {
-      shoppingCart.value.items.splice(i, 1);
+      shoppingCart.items.splice(i, 1);
       break;
     }
   }
 };
+const resetCartItems = (items?: CartItem[]) => {
+  while (shoppingCart.items.length) {
+    shoppingCart.items.pop();
+  }
+  items?.forEach(addCartItem);
+};
 const addProductToCart = (
   product: (Partial<Products> | Partial<SearchItem>) & { _id: Products['_id'] },
   variationId?: Products['_id'],
@@ -97,6 +49,7 @@ export {
   shoppingCart,
   addCartItem,
   removeCartItem,
+  resetCartItems,
   parseProduct,
   addProductToCart,
 };
@@ -106,9 +59,9 @@ type CartEvent = {
   removeCartItem: CartItem,
 };
 const cartEmitter = mitt<CartEvent>();
-const cloneItems = () => shoppingCart.value.items.map((item) => ({ ...item }));
+const cloneItems = () => shoppingCart.items.map((item) => ({ ...item }));
 let oldItems = cloneItems();
-watchDebounced(shoppingCart, ({ items }) => {
+const emitCartEvents = useDebounceFn((items: CartItem[]) => {
   ['addCartItem' as const, 'removeCartItem' as const].forEach((evName) => {
     const isAdd = evName === 'addCartItem';
     const baseItems = isAdd ? items : oldItems;
@@ -126,7 +79,41 @@ watchDebounced(shoppingCart, ({ items }) => {
     });
   });
   oldItems = cloneItems();
-}, { debounce: 200 });
+}, 200);
+
+watch(shoppingCart.items, (items) => {
+  items.forEach((item) => {
+    let finalPrice = item.kit_product?.price && item.kit_product.pack_quantity
+      ? item.kit_product.price / item.kit_product.pack_quantity
+      : item.price;
+    if (Array.isArray(item.customizations)) {
+      item.customizations.forEach((customization) => {
+        if (customization.add_to_price) {
+          const { type, addition } = customization.add_to_price;
+          finalPrice += type === 'fixed'
+            ? addition
+            : item.price * (addition / 100);
+        }
+      });
+    }
+    item.final_price = finalPrice;
+    const min = item.min_quantity || 1;
+    const max = item.max_quantity;
+    if (
+      typeof item.quantity !== 'number'
+      || Number.isNaN(item.quantity)
+      || item.quantity < min
+    ) {
+      item.quantity = min;
+    } else if (max && item.quantity > max) {
+      item.quantity = max;
+    }
+  });
+  shoppingCart.subtotal = items.reduce((acc, item) => {
+    return acc + (item.quantity * (item.final_price || item.price));
+  }, 0);
+  emitCartEvents(items);
+});
 
 export const cartEvents = {
   on: cartEmitter.on,

package/packages/storefront/src/lib/state/use-analytics.ts

@@ -11,6 +11,7 @@ export const trackingIds: {
   g_session_id?: string,
   fbclid?: string,
   fbp?: string,
+  ttclid?: string,
   client_id?: string,
   session_id?: string,
 } = {};
@@ -242,7 +243,7 @@ export const useAnalytics = () => {
     });
   }
   const url = new URL(window.location.toString());
-  ['gclid', 'fbclid'].forEach((key) => {
+  ['gclid', 'fbclid', 'ttclid'].forEach((key) => {
     const id = trackingIds[key] || url.searchParams.get(key);
     if (id) {
       trackingIds[key] = id;

package/packages/storefront/src/lib/state/use-storage.ts

@@ -1,4 +1,5 @@
-import { reactive, watch } from 'vue';
+import { reactive } from 'vue';
+import { watchDebounced } from '@vueuse/core';
 
 const useStorage = <T extends {}>(
   key: string,
@@ -19,8 +20,10 @@ const useStorage = <T extends {}>(
     }
   }
   const state = reactive<T>(persistedValue || initialValue);
-  watch(state, () => {
+  watchDebounced(state, () => {
     storage.setItem(key, JSON.stringify(state));
+  }, {
+    debounce: 50,
   });
   return state;
 };

package/packages/test-base/package.json

@@ -2,7 +2,7 @@
   "name": "@cloudcommerce/test-base",
   "private": true,
   "type": "module",
-  "version": "0.34.0",
+  "version": "0.35.1",
   "description": "E-Com Plus Cloud Commerce basic setup for testing",
   "main": "lib/index.js",
   "repository": {

package/packages/types/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudcommerce/types",
   "type": "module",
-  "version": "0.34.0",
+  "version": "0.35.1",
   "description": "E-Com Plus Cloud Commerce reusable type definitions",
   "main": "index.ts",
   "repository": {

package/packages/ssr/lib/analytics-providers/google-analytics.js

@@ -1,48 +0,0 @@
-import axios from 'axios';
-
-const ga4Axios = axios.create({
-  baseURL: 'https://www.google-analytics.com',
-  headers: {
-    'Content-Type': 'application/json',
-  },
-});
-const url = `/mp/collect?api_secret=${process.env.GA_API_TOKEN}`
-    + `&measurement_id=${process.env.GA_MEASUREMENT_ID}`;
-const sendEvent = (analyticsEvents, clientId, sessionId, utm) => {
-  if (process.env.GA_API_TOKEN && process.env.GA_MEASUREMENT_ID) {
-    const requests = [];
-    let events = [];
-    analyticsEvents.forEach((event, index) => {
-      if (event.params) {
-        Object.assign(event.params, { session_id: sessionId });
-      }
-      const body = event;
-      if (body.name === 'page_view') {
-        body.name = 'campaign_details';
-        body.params = {
-          source: utm?.source,
-          medium: utm?.medium,
-          campaign: utm?.campaign,
-          term: utm?.term,
-          content: utm?.content,
-          session_id: sessionId,
-        };
-      }
-      events.push(body);
-      if (events.length === 25 || index === analyticsEvents.length - 1) {
-        events.push(body);
-        requests.push(ga4Axios.post(url, {
-          client_id: clientId,
-          events,
-        }));
-        events = [];
-      }
-    });
-    return requests;
-  }
-  // throw new Error('Google Analytics credentials not found');
-  return null;
-};
-
-export default sendEvent;
-// # sourceMappingURL=google-analytics.js.map

package/packages/ssr/lib/analytics-providers/google-analytics.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"google-analytics.js","sourceRoot":"","sources":["../../src/analytics-providers/google-analytics.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,OAAO,EAAE,kCAAkC;IAC3C,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;KACnC;CACF,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,0BAA0B,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;MAC5D,mBAAmB,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;AAEvD,MAAM,SAAS,GAAG,CAChB,eAAiC,EACjC,QAAgB,EAChB,SAAiB,EACjB,GAMC,EACD,EAAE;IACF,IAAI,OAAO,CAAC,GAAG,CAAC,YAAY,IAAI,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE;QAC7D,MAAM,QAAQ,GAAuC,EAAE,CAAC;QACxD,IAAI,MAAM,GAAqB,EAAE,CAAC;QAElC,eAAe,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACvC,IAAI,KAAK,CAAC,MAAM,EAAE;gBAChB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,CAAC;aACxD;YAED,MAAM,IAAI,GAAG,KAAK,CAAC;YACnB,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC7B,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC;gBAC/B,IAAI,CAAC,MAAM,GAAG;oBACZ,MAAM,EAAE,GAAG,EAAE,MAAM;oBACnB,MAAM,EAAE,GAAG,EAAE,MAAM;oBACnB,QAAQ,EAAE,GAAG,EAAE,QAAQ;oBACvB,IAAI,EAAE,GAAG,EAAE,IAAI;oBACf,OAAO,EAAE,GAAG,EAAE,OAAO;oBACrB,UAAU,EAAE,SAAS;iBACtB,CAAC;aACH;YAED,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAClB,IAAI,MAAM,CAAC,MAAM,KAAK,EAAE,IAAI,KAAK,KAAK,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAClB,QAAQ,CAAC,IAAI,CACX,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE;oBACjB,SAAS,EAAE,QAAQ;oBACnB,MAAM;iBACP,CAAC,CACH,CAAC;gBACF,MAAM,GAAG,EAAE,CAAC;aACb;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;KACjB;IACD,6DAA6D;IAC7D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/packages/ssr/lib/analytics-providers/meta-conversions-api.js

@@ -1,44 +0,0 @@
-import axios from 'axios';
-
-const version = 'v18.0';
-const metaAxios = axios.create({
-  baseURL: `https://graph.facebook.com/${version}`,
-  headers: {
-    'Content-Type': 'application/json',
-  },
-});
-const url = `/${process.env.FB_PIXEL_ID}/events?access_token=${process.env.FB_GRAPH_TOKEN}`;
-const sendEvent = (metaEvents, pageLocation, userData) => {
-  if (process.env.FB_PIXEL_ID && process.env.FB_GRAPH_TOKEN) {
-    const requests = [];
-    let data = [];
-    metaEvents.forEach((event, index) => {
-      const body = event;
-      if (body.name === 'PageView') {
-        body.name = 'Lead';
-        body.params = {
-          content_name: event.params?.page_title,
-        };
-      }
-      data.push({
-        event_name: body.name,
-        event_time: Date.now(),
-        event_source_url: pageLocation,
-        action_source: 'website',
-        user_data: userData,
-        custom_data: body.params,
-      });
-      if (data.length === 1000 || index === metaEvents.length - 1) {
-        requests.push(metaAxios.post(url, { data }));
-        data = [];
-      }
-    });
-    return requests;
-  }
-  // throw new Error('Meta credentials not found');
-  return null;
-};
-
-// https://developers.facebook.com/docs/meta-pixel/reference#standard-events
-export default sendEvent;
-// # sourceMappingURL=meta-conversions-api.js.map

package/packages/ssr/lib/analytics-providers/meta-conversions-api.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta-conversions-api.js","sourceRoot":"","sources":["../../src/analytics-providers/meta-conversions-api.ts"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,MAAM,OAAO,GAAG,OAAO,CAAC;AACxB,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC;IAC7B,OAAO,EAAE,8BAA8B,OAAO,EAAE;IAChD,OAAO,EAAE;QACP,cAAc,EAAE,kBAAkB;KACnC;CACF,CAAC,CAAC;AAEH,MAAM,GAAG,GAAG,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,wBAAwB,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,CAAC;AAE5F,MAAM,SAAS,GAAG,CAChB,UAA4B,EAC5B,YAAoB,EACpB,QAA6C,EAE7C,EAAE;IACF,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,IAAI,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE;QACzD,MAAM,QAAQ,GAAuC,EAAE,CAAC;QACxD,IAAI,IAAI,GAA2B,EAAE,CAAC;QAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAClC,MAAM,IAAI,GAAG,KAAK,CAAC;YACnB,IAAI,IAAI,CAAC,IAAI,KAAK,UAAU,EAAE;gBAC5B,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC;gBACnB,IAAI,CAAC,MAAM,GAAG;oBACZ,YAAY,EAAE,KAAK,CAAC,MAAM,EAAE,UAAU;iBACvC,CAAC;aACH;YAED,IAAI,CAAC,IAAI,CAAC;gBACR,UAAU,EAAE,IAAI,CAAC,IAAI;gBACrB,UAAU,EAAE,IAAI,CAAC,GAAG,EAAE;gBACtB,gBAAgB,EAAE,YAAY;gBAC9B,aAAa,EAAE,SAAS;gBACxB,SAAS,EAAE,QAAQ;gBACnB,WAAW,EAAE,IAAI,CAAC,MAAM;aACzB,CAAC,CAAC;YAEH,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC3D,QAAQ,CAAC,IAAI,CACX,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,CAAC,CAC9B,CAAC;gBACF,IAAI,GAAG,EAAE,CAAC;aACX;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;KACjB;IACD,iDAAiD;IACjD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,4EAA4E;AAC5E,eAAe,SAAS,CAAC"}