ublo-lib 1.47.3 → 1.47.4

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

@@ -5,7 +5,8 @@ type Props = {
     gradientColor: string;
     path: string;
     children: React.ReactNode;
+    customMessage?: string;
 };
-export default function Collapsible({ gradientColor, height, lang, path, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Collapsible({ gradientColor, height, lang, path, customMessage, children, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=collapsible.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAqBF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,IAAI,EACJ,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,2CAsEP"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAqBF,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,aAAsB,EACtB,MAAY,EACZ,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,QAAQ,GACT,EAAE,KAAK,2CA2EP"}

package/es/common/components/collapsible/collapsible.js

@@ -24,7 +24,7 @@ const i18n = {
         close: "Amagar",
     },
 };
-export default function Collapsible({ gradientColor = "#fff", height = 150, lang, path, children, }) {
+export default function Collapsible({ gradientColor = "#fff", height = 150, lang, path, customMessage, children, }) {
     const [opened, setOpened] = React.useState(false);
     const [hasOverflow, setHasOverflow] = React.useState(false);
     const [isConnected, setIsConnected] = React.useState(false);
@@ -38,8 +38,14 @@ export default function Collapsible({ gradientColor = "#fff", height = 150, lang
     const toggleOpen = () => {
         setOpened(!opened);
     };
-    const messages = i18n[lang] || i18n.en;
-    const message = opened ? messages.close : messages.open;
+    let message = "";
+    if (!customMessage) {
+        const messages = i18n[lang] || i18n.en;
+        message = opened ? messages.close : messages.open;
+    }
+    else {
+        message = customMessage;
+    }
     const Icon = opened ? ChevronUpIcon : ChevronDownIcon;
     React.useEffect(() => {
         const parentHeight = parentRef.current?.offsetHeight;

package/es/common/components/cross-selling-editor/cross-selling-editor.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import classNames from "classnames";
 import Zone from "ublo/zone";
 import { useUbloContext } from "ublo/with-ublo";
-import * as Plausible from "../plausible";
+import * as Plausible from "../../../future/components/plausible";
 import Editor from "./editor";
 import styles from "./cross-selling-editor.module.css";
 export default function CrossSellingEditor({ titleZoneProps = {}, contentZoneProps = {}, durations, className, tunnelOffersOrder, displayedTunnelOffers, children, }) {

package/es/common/components/custom-contact-form/custom-contact-form.js

@@ -8,7 +8,7 @@ import Button from "dt-design-system/es/button";
 import * as Messages from "./messages";
 import * as Icons from "./icons";
 import MailIcon from "dt-design-system/es/icons/mail";
-import * as Plausible from "../plausible";
+import * as Plausible from "../../../future/components/plausible";
 import { getInitialFormState, getSettings, send } from "./utils";
 import css from "./custom-contact-form.module.css";
 export default React.memo(CustomContactFormWithSnackbar);

package/es/common/components/gesco-contact-form/services/plausible.js

@@ -1,4 +1,4 @@
-import * as Plausible from "../../plausible";
+import * as Plausible from "../../../../future/components/plausible";
 export function sendEvent(values, params) {
     if (!params)
         return;

package/es/common/hooks/use-account.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import getConfig from "next/config";
 import { useUbloContext } from "ublo/with-ublo";
-import * as Plausible from "../components/plausible";
+import * as Plausible from "../../future/components/plausible";
 import { loadJS } from "../utils/load-js";
 const { publicRuntimeConfig } = getConfig();
 const { langPrefix, resort, merchant } = publicRuntimeConfig;

package/es/common/hooks/use-tunnel.js

@@ -1,7 +1,7 @@
 import * as React from "react";
 import getConfig from "next/config";
 import { useUbloContext } from "ublo/with-ublo";
-import * as Plausible from "../components/plausible";
+import * as Plausible from "../../future/components/plausible";
 import { loadJS } from "../utils/load-js";
 const { publicRuntimeConfig } = getConfig();
 const { langPrefix, resort } = publicRuntimeConfig;

package/es/esf/components/instant-search/instant-search.js

@@ -9,7 +9,7 @@ import PeriodPicker from "../period-picker";
 import Input from "./input";
 import Results from "./results";
 import useSearch from "./hooks/use-search";
-import * as Plausible from "../../../common/components/plausible";
+import * as Plausible from "../../../future/components/plausible";
 import css from "./instant-search.module.css";
 export default function InstantSearch({ lang, suggestions, className, ubloContext, options = {}, resultsOptions, productImage, }) {
     const [opened, setOpened] = React.useState(false);

package/es/lbm/components/instant-search/instant-search.js

@@ -7,7 +7,7 @@ import Dialog from "dt-design-system/es/dialog";
 import SearchInput from "./search-input";
 import Results from "./results";
 import useSearch from "./hooks/use-search";
-import * as Plausible from "../../../common/components/plausible";
+import * as Plausible from "../../../future/components/plausible";
 import css from "./instant-search.module.css";
 export default function InstantSearch({ lang, suggestions, className, options = {}, }) {
     const [opened, setOpened] = React.useState(false);

package/es/market-place/components/instant-search/instant-search.js

@@ -7,7 +7,7 @@ import Dialog from "dt-design-system/es/dialog";
 import SearchInput from "./search-input";
 import Results from "./results";
 import useSearch from "./hooks/use-search";
-import * as Plausible from "../../../common/components/plausible";
+import * as Plausible from "../../../future/components/plausible";
 import message from "./services/messages";
 import css from "./instant-search.module.css";
 export default function InstantSearch({ lang, suggestions, className, options = {}, weekNumber, }) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.47.3",
+  "version": "1.47.4",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",

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

@@ -1,12 +0,0 @@
-type Revenue = {
-    currency: string;
-    amount: number;
-};
-export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, domainOverride?: 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

@@ -1 +0,0 @@
-{"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,cAAc,CAAC,EAAE,MAAM,QAQxB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}

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

@@ -1,25 +0,0 @@
-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, revenue, domainOverride) {
-    const [loaded] = usePlausible(domainOverride);
-    React.useEffect(() => {
-        if (!loaded || !window.plausible)
-            return;
-        const defaultProps = { path: document.location.pathname };
-        sendGoal(goal, props || defaultProps, revenue);
-    }, [goal, loaded, props, revenue]);
-}
-function usePlausible(domainOverride) {
-    const [loaded, setLoaded] = React.useState(false);
-    React.useEffect(() => {
-        if (!domainOverride && !plausibleDomain)
-            return;
-        load();
-        setLoaded(true);
-    }, [domainOverride]);
-    return [loaded, setLoaded];
-}

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

@@ -1,8 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,7 +0,0 @@
-import Script from "./plausible";
-import * as Callback from "./services/callback";
-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 };

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"plausible.d.ts","sourceRoot":"","sources":["../../../../src/common/components/plausible/plausible.tsx"],"names":[],"mappings":"AAMA,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,2CAeP"}

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import Script from "next/script";
-import getConfig from "next/config";
-const { publicRuntimeConfig } = getConfig();
-const { plausibleDomain } = publicRuntimeConfig;
-const DEFAULT_SOURCE = "https://plausible.io/js/script.revenue.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 && 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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;AAYF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,WAAW,EACzB,QAAQ,EACR,KAAU,EACV,OAAO,EACP,MAAM,EACN,QAAgB,GACjB,EAAE,KAAK,QAgIP"}

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

@@ -1,157 +0,0 @@
-import sendGoal from "./send-goal";
-const EVENT_NAMES = {
-    view_item: "MseM: View item",
-    add_to_cart: "MseM: Add to cart",
-    remove_from_cart: "MseM: Remove from cart",
-    checkout: "MseM: Begin checkout",
-    add_payment_info: "MseM: Checkout process",
-    purchase: "MseM: Payment success",
-    payment_failure: "MseM: Payment failure",
-};
-export function MseM({ event, payment_type: paymentType, execcode, items = [], orderId, cartId, currency = "EUR", }) {
-    const hoteId = getBusinessProvider();
-    const stay = getStay();
-    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 formattedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-            });
-            sendGoal(name, { ...firstProductProps, stayFrom: stay?.from, rawData });
-            break;
-        }
-        case "add_to_cart": {
-            const formattedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-            });
-            sendGoal(name, { ...firstProductProps, stayFrom: stay?.from, rawData }, revenue);
-            break;
-        }
-        case "remove_from_cart": {
-            const formattedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-            });
-            sendGoal(name, { ...firstProductProps, stayFrom: stay?.from, rawData }, revenue);
-            break;
-        }
-        case "checkout": {
-            const formattedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-            });
-            sendGoal(name, { cartId, stayFrom: stay?.from, rawData }, revenue);
-            break;
-        }
-        case "add_payment_info": {
-            const formattedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-                paymentMethod: paymentType,
-            });
-            sendGoal(name, { cartId, "Payment type": paymentType, stayFrom: stay?.from, rawData }, revenue);
-            break;
-        }
-        case "purchase": {
-            const isFailure = execcode !== "0000";
-            const formattedItems = formatPeekPerformancesItem(items);
-            const attempts = (cartId && getPurchaseAttempts()[cartId]) || 0;
-            const rawData = JSON.stringify({
-                products: formattedItems,
-                hoteId,
-                stay,
-                attempts,
-                paymentMethod: paymentType,
-                execCode: execcode,
-            });
-            if (isFailure) {
-                name = EVENT_NAMES.payment_failure;
-                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay?.from, rawData }, revenue);
-                if (cartId) {
-                    setPurchaseAttempts(cartId, attempts + 1);
-                }
-            }
-            else {
-                const isQuotation = checkQuotation(amount);
-                if (isQuotation)
-                    return;
-                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay?.from, rawData }, revenue);
-            }
-            break;
-        }
-    }
-}
-const PURCHASE_ATTEMPTS_STORAGE_KEY = "purchase_attempts";
-function getPurchaseAttempts() {
-    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 }));
-}
-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,
-        };
-    });
-}
-function checkQuotation(amount) {
-    const search = window.location.search;
-    const hasQuotation = new URLSearchParams(search).has("hasQuotation");
-    return hasQuotation && amount === 0;
-}
-function getStay() {
-    const stay = window.sessionStorage.getItem("stay");
-    if (stay) {
-        return JSON.parse(stay);
-    }
-}
-function getBusinessProvider() {
-    const businessProvider = window.localStorage.getItem("businessProvider");
-    if (businessProvider) {
-        try {
-            const { id, exp } = JSON.parse(businessProvider);
-            const isExpired = exp < Date.now();
-            if (!isExpired && id !== -1) {
-                return id;
-            }
-        }
-        catch (e) { }
-    }
-}

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

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

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

@@ -1 +0,0 @@
-{"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,7 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,CAAC,EAAE,OAAO,QAIlB"}

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

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