ublo-lib 1.19.21 → 1.19.23

package/es/common/components/plausible/hooks/use-plausible.d.ts

@@ -0,0 +1,12 @@
+type Revenue = {
+    currency: string;
+    amount: number;
+};
+export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, overridenDomain?: string): void;
+declare global {
+    interface Window {
+        plausible: any;
+    }
+}
+export {};
+//# sourceMappingURL=use-plausible.d.ts.map

package/es/common/components/plausible/hooks/use-plausible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-plausible.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/hooks/use-plausible.ts"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,EACjB,eAAe,CAAC,EAAE,MAAM,QAQzB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}

package/es/common/components/plausible/hooks/use-plausible.js

@@ -2,28 +2,24 @@ import * as React from "react";
 import getConfig from "next/config";
 import load from "../services/load";
 import sendGoal from "../services/send-goal";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  plausibleDomain
-} = publicRuntimeConfig;
-export default function useGoal(goal, props, overridenDomain) {
-  const [loaded] = usePlausible(overridenDomain);
-  React.useEffect(() => {
-    if (!loaded || !window.plausible) return;
-    const defaultProps = {
-      path: document.location.pathname
-    };
-    sendGoal(goal, props || defaultProps);
-  }, [goal, loaded, props]);
+const { publicRuntimeConfig } = getConfig();
+const { plausibleDomain } = publicRuntimeConfig;
+export default function useGoal(goal, props, revenue, overridenDomain) {
+    const [loaded] = usePlausible(overridenDomain);
+    React.useEffect(() => {
+        if (!loaded || !window.plausible)
+            return;
+        const defaultProps = { path: document.location.pathname };
+        sendGoal(goal, props || defaultProps, revenue);
+    }, [goal, loaded, props]);
 }
 function usePlausible(overridenDomain) {
-  const [loaded, setLoaded] = React.useState(false);
-  React.useEffect(() => {
-    if (!overridenDomain && !plausibleDomain) return;
-    load();
-    setLoaded(true);
-  }, [overridenDomain]);
-  return [loaded, setLoaded];
-}
+    const [loaded, setLoaded] = React.useState(false);
+    React.useEffect(() => {
+        if (!overridenDomain && !plausibleDomain)
+            return;
+        load();
+        setLoaded(true);
+    }, [overridenDomain]);
+    return [loaded, setLoaded];
+}

package/es/common/components/plausible/index.d.ts

@@ -0,0 +1,8 @@
+import Script from "./plausible";
+import * as Callback from "./services/callback";
+declare const callback: typeof Callback.MseM;
+export { default as load } from "./services/load";
+export { default as sendGoal } from "./services/send-goal";
+export { default as useGoal } from "./hooks/use-plausible";
+export { callback, Script };
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/plausible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/plausible/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,KAAK,QAAQ,MAAM,qBAAqB,CAAC;AAEhD,QAAA,MAAM,QAAQ,sBAAgB,CAAC;AAE/B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC"}

package/es/common/components/plausible/index.js

@@ -4,4 +4,4 @@ const callback = Callback.MseM;
 export { default as load } from "./services/load";
 export { default as sendGoal } from "./services/send-goal";
 export { default as useGoal } from "./hooks/use-plausible";
-export { callback, Script };
+export { callback, Script };

package/es/common/components/plausible/plausible.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    lang?: string;
+    source?: string;
+};
+export default function PlausibleScript({ lang, source, }: Props): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=plausible.d.ts.map

package/es/common/components/plausible/plausible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plausible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/plausible/plausible.tsx"],"names":[],"mappings":"AAOA,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,MAAuB,GACxB,EAAE,KAAK,kDAeP"}

package/es/common/components/plausible/plausible.js

@@ -1,26 +1,17 @@
-import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import Script from "next/script";
 import getConfig from "next/config";
-import { jsx as _jsx } from "react/jsx-runtime";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  plausibleDomain
-} = publicRuntimeConfig;
+const { publicRuntimeConfig } = getConfig();
+const { plausibleDomain } = publicRuntimeConfig;
 const DEFAULT_SOURCE = "https://plausible.io/js/script.file-downloads.outbound-links.js";
-export default function PlausibleScript({
-  lang,
-  source = DEFAULT_SOURCE
-}) {
-  const hasI18n = typeof plausibleDomain === "object";
-  if (hasI18n && !lang) {
-    console.warn("PlausibleScript: the lang props is mandatory if you want to use a specific domain for each lang");
-  }
-  const domain = hasI18n ? plausibleDomain[lang] : plausibleDomain;
-  if (!domain) return null;
-  return _jsx(Script, {
-    "data-domain": domain,
-    src: source
-  });
-}
+export default function PlausibleScript({ lang, source = DEFAULT_SOURCE, }) {
+    const hasI18n = typeof plausibleDomain === "object";
+    if (hasI18n && !lang) {
+        // eslint-disable-next-line no-console
+        console.warn("PlausibleScript: the lang props is mandatory if you want to use a specific domain for each lang");
+    }
+    const domain = hasI18n && lang ? plausibleDomain[lang] : plausibleDomain;
+    if (!domain)
+        return null;
+    return _jsx(Script, { "data-domain": domain, src: source });
+}

package/es/common/components/plausible/services/callback.d.ts

@@ -0,0 +1,24 @@
+type Item = {
+    gtmData: {
+        item_name: string;
+        item_brand: string;
+        item_category: string;
+        item_category2: string;
+        item_category3: string;
+        item_variant: string;
+        price: number;
+        quantity: number;
+    };
+};
+type Props = {
+    event: string;
+    payment_type?: string;
+    execcode?: string;
+    items?: Item[];
+    orderId?: string;
+    cartId?: string;
+    currency?: string;
+};
+export declare function MseM({ event, payment_type: paymentType, execcode, items, orderId, cartId, currency, }: Props): void;
+export {};
+//# sourceMappingURL=callback.d.ts.map

package/es/common/components/plausible/services/callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callback.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/callback.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAiBF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,WAAW,EACzB,QAAQ,EACR,KAAU,EACV,OAAO,EACP,MAAM,EACN,QAAgB,GACjB,EAAE,KAAK,QA8EP"}

package/es/common/components/plausible/services/callback.js

@@ -1,158 +1,121 @@
 import sendGoal from "./send-goal";
+// TODO lors de la mise en prod de la nouvelle version PeekPerformances
+// rename events "MseM:" > "PeekPerformances:"
+// Retirer les anciennes props :
+// Name, Brand, Kind, Activity, Code, Product, cartId,
+// orderId, Code, Payment type
 const EVENT_NAMES = {
-  view_item: "MseM: View item",
-  add_to_cart: "MseM: Add to cart",
-  checkout: "MseM: Begin checkout",
-  add_payment_info: "MseM: Checkout process",
-  purchase: "MseM: Payment success",
-  payment_failure: "MseM: Payment failure"
+    view_item: "MseM: View item",
+    add_to_cart: "MseM: Add to cart",
+    checkout: "MseM: Begin checkout",
+    add_payment_info: "MseM: Checkout process",
+    purchase: "MseM: Payment success",
+    payment_failure: "MseM: Payment failure",
 };
-export const MseM = ({
-  event,
-  payment_type,
-  execcode,
-  items = [],
-  orderId,
-  cartId
-}) => {
-  const hoteId = getBusinessProvider();
-  let name = EVENT_NAMES[event];
-  switch (event) {
-    case "view_item":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId
-        });
-        sendGoal(name, {
-          Name: items[0]?.gtmData.item_name,
-          Brand: items[0]?.gtmData.item_brand,
-          Kind: items[0]?.gtmData.item_category,
-          Activity: items[0]?.gtmData.item_category2,
-          Code: items[0]?.gtmData.item_category3,
-          Product: items[0]?.gtmData.item_variant,
-          rawData
-        });
-        break;
-      }
-    case "add_to_cart":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId
-        });
-        sendGoal(name, {
-          Name: items[0]?.gtmData.item_name,
-          Brand: items[0]?.gtmData.item_brand,
-          Kind: items[0]?.gtmData.item_category,
-          Activity: items[0]?.gtmData.item_category2,
-          Code: items[0]?.gtmData.item_category3,
-          Product: items[0]?.gtmData.item_variant,
-          rawData
-        });
-        break;
-      }
-    case "checkout":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId
-        });
-        sendGoal(name, {
-          cartId,
-          rawData
-        });
-        break;
-      }
-    case "add_payment_info":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          paymentMethod: payment_type
-        });
-        sendGoal(name, {
-          cartId,
-          "Payment type": payment_type,
-          rawData
-        });
-        break;
-      }
-    case "purchase":
-      {
-        const isFailure = execcode !== "0000";
-        const formatedItems = formatPeekPerformancesItem(items);
-        const attempts = getPurchaseAttempts()[cartId] || 0;
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          attempts,
-          paymentMethod: payment_type,
-          execCode: execcode
-        });
-        if (isFailure) {
-          name = EVENT_NAMES.payment_failure;
-          sendGoal(name, {
-            cartId,
-            orderId,
-            Code: execcode,
-            rawData
-          });
-          setPurchaseAttempts(cartId, attempts + 1);
-        } else {
-          sendGoal(name, {
-            cartId,
-            orderId,
-            Code: execcode,
-            rawData
-          });
+export function MseM({ event, payment_type: paymentType, execcode, items = [], orderId, cartId, currency = "EUR", }) {
+    const hoteId = getBusinessProvider();
+    const amount = items.reduce((acc, item) => {
+        return acc + item.gtmData.price * item.gtmData.quantity;
+    }, 0);
+    const revenue = { currency, amount };
+    let name = EVENT_NAMES[event];
+    const firstProductProps = {
+        Name: items[0]?.gtmData.item_name,
+        Brand: items[0]?.gtmData.item_brand,
+        Kind: items[0]?.gtmData.item_category,
+        Activity: items[0]?.gtmData.item_category2,
+        Code: items[0]?.gtmData.item_category3,
+        Product: items[0]?.gtmData.item_variant,
+    };
+    switch (event) {
+        case "view_item": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            sendGoal(name, { ...firstProductProps, rawData });
+            break;
         }
-        break;
-      }
-  }
-};
+        case "add_to_cart": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            sendGoal(name, { ...firstProductProps, rawData }, revenue);
+            break;
+        }
+        case "checkout": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            sendGoal(name, { cartId, rawData }, revenue);
+            break;
+        }
+        case "add_payment_info": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({
+                products: formatedItems,
+                hoteId,
+                paymentMethod: paymentType,
+            });
+            sendGoal(name, { cartId, "Payment type": paymentType, rawData }, revenue);
+            break;
+        }
+        case "purchase": {
+            const isFailure = execcode !== "0000";
+            const formatedItems = formatPeekPerformancesItem(items);
+            const attempts = (cartId && getPurchaseAttempts()[cartId]) || 0;
+            const rawData = JSON.stringify({
+                products: formatedItems,
+                hoteId,
+                attempts,
+                paymentMethod: paymentType,
+                execCode: execcode,
+            });
+            if (isFailure) {
+                name = EVENT_NAMES.payment_failure;
+                sendGoal(name, { cartId, orderId, Code: execcode, rawData }, revenue);
+                if (cartId) {
+                    setPurchaseAttempts(cartId, attempts + 1);
+                }
+            }
+            else {
+                sendGoal(name, { cartId, orderId, Code: execcode, rawData }, revenue);
+            }
+            break;
+        }
+    }
+}
 const PURCHASE_ATTEMPTS_STORAGE_KEY = "purchase_attempts";
 function getPurchaseAttempts() {
-  try {
-    return JSON.parse(window.localStorage.getItem(PURCHASE_ATTEMPTS_STORAGE_KEY)) || {};
-  } catch (e) {
-    return {};
-  }
+    try {
+        const storedAttempts = window.localStorage.getItem(PURCHASE_ATTEMPTS_STORAGE_KEY);
+        return storedAttempts !== null ? JSON.parse(storedAttempts) : {};
+    }
+    catch (e) {
+        return {};
+    }
 }
 function setPurchaseAttempts(cartId, attempts) {
-  const purchaseAttempts = getPurchaseAttempts();
-  window.localStorage.setItem(PURCHASE_ATTEMPTS_STORAGE_KEY, JSON.stringify({
-    ...purchaseAttempts,
-    [cartId]: attempts
-  }));
+    const purchaseAttempts = getPurchaseAttempts();
+    window.localStorage.setItem(PURCHASE_ATTEMPTS_STORAGE_KEY, JSON.stringify({ ...purchaseAttempts, [cartId]: attempts }));
 }
 function formatPeekPerformancesItem(items) {
-  if (!items || !items.length) return;
-  return items.map(({
-    gtmData
-  }) => {
-    return {
-      category: gtmData.item_category,
-      subCategory: gtmData.item_category2,
-      merchant: gtmData.item_brand,
-      price: gtmData.price
-    };
-  });
+    if (!items || !items.length)
+        return;
+    return items.map(({ gtmData }) => {
+        return {
+            category: gtmData.item_category,
+            subCategory: gtmData.item_category2,
+            merchant: gtmData.item_brand,
+            price: gtmData.price,
+        };
+    });
 }
 function getBusinessProvider() {
-  const businessProvider = window.localStorage.getItem("businessProvider");
-  if (businessProvider) {
-    try {
-      const {
-        id
-      } = JSON.parse(businessProvider);
-      if (id !== -1) {
-        return id;
-      }
-    } catch (e) {}
-  }
-}
+    const businessProvider = window.localStorage.getItem("businessProvider");
+    if (businessProvider) {
+        try {
+            const { id } = JSON.parse(businessProvider);
+            if (id !== -1) {
+                return id;
+            }
+        }
+        catch (e) { }
+    }
+}

package/es/common/components/plausible/services/load.d.ts

@@ -0,0 +1,2 @@
+export default function load(): void;
+//# sourceMappingURL=load.d.ts.map

package/es/common/components/plausible/services/load.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"load.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/load.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,IAAI,SAM3B"}

package/es/common/components/plausible/services/load.js

@@ -1,6 +1,7 @@
-const load = () => {
-  window.plausible = window.plausible || function () {
-    (window.plausible.q = window.plausible.q || []).push(arguments);
-  };
-};
-export default load;
+export default function load() {
+    window.plausible =
+        window.plausible ||
+            function () {
+                (window.plausible.q = window.plausible.q || []).push(arguments);
+            };
+}

package/es/common/components/plausible/services/send-goal.d.ts

@@ -0,0 +1,7 @@
+type Revenue = {
+    currency: string;
+    amount: number;
+};
+export default function sendGoal(goal: string, props: Record<string, any>, revenue?: Revenue): void;
+export {};
+//# sourceMappingURL=send-goal.d.ts.map

package/es/common/components/plausible/services/send-goal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"send-goal.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/send-goal.ts"],"names":[],"mappings":"AAEA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,QAIlB"}

package/es/common/components/plausible/services/send-goal.js

@@ -1,8 +1,5 @@
 import load from "./load";
-const sendGoal = (goal, props) => {
-  load();
-  window.plausible(goal, {
-    props
-  });
-};
-export default sendGoal;
+export default function sendGoal(goal, props, revenue) {
+    load();
+    window.plausible(goal, { props, revenue });
+}

package/es/esf/hooks/use-booking-links.js

@@ -27,7 +27,8 @@ const useBookingLinks = (cart, multipleVillages, setupCallback, channel = "ESF")
   const {
     breadcrumb,
     config,
-    lang
+    lang,
+    path
   } = useUbloContext();
   const hasLangPrefix = config.langPrefix.links;
   const bookingLang = lang === "fr" ? "fr" : "en";
@@ -39,6 +40,6 @@ const useBookingLinks = (cart, multipleVillages, setupCallback, channel = "ESF")
       setupCallback?.();
     };
     run();
-  }, [bookingLang, breadcrumb, cart, channel, hasLangPrefix, multipleVillages, setupCallback]);
+  }, [bookingLang, breadcrumb, cart, channel, hasLangPrefix, multipleVillages, path, setupCallback]);
 };
 export default useBookingLinks;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.19.21",
+  "version": "1.19.23",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",