ublo-lib 1.31.42 → 1.31.44

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

@@ -1,201 +1,138 @@
 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",
-  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"
+    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 formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        });
-        break;
-      }
-    case "add_to_cart":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "remove_from_cart":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          ...firstProductProps,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "checkout":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay
-        });
-        sendGoal(name, {
-          cartId,
-          stayFrom: stay?.from,
-          rawData
-        }, revenue);
-        break;
-      }
-    case "add_payment_info":
-      {
-        const formatedItems = formatPeekPerformancesItem(items);
-        const rawData = JSON.stringify({
-          products: formatedItems,
-          hoteId,
-          stay,
-          paymentMethod: paymentType
-        });
-        sendGoal(name, {
-          cartId,
-          "Payment type": paymentType,
-          stayFrom: stay?.from,
-          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,
-          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 {
-          sendGoal(name, {
-            cartId,
-            orderId,
-            Code: execcode,
-            stayFrom: stay?.from,
-            rawData
-          }, revenue);
+export function MseM({ event, payment_type: paymentType, execcode, items = [], orderId, cartId, currency = "EUR", }) {
+    var _a, _b, _c, _d, _e, _f;
+    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: (_a = items[0]) === null || _a === void 0 ? void 0 : _a.gtmData.item_name,
+        Brand: (_b = items[0]) === null || _b === void 0 ? void 0 : _b.gtmData.item_brand,
+        Kind: (_c = items[0]) === null || _c === void 0 ? void 0 : _c.gtmData.item_category,
+        Activity: (_d = items[0]) === null || _d === void 0 ? void 0 : _d.gtmData.item_category2,
+        Code: (_e = items[0]) === null || _e === void 0 ? void 0 : _e.gtmData.item_category3,
+        Product: (_f = items[0]) === null || _f === void 0 ? void 0 : _f.gtmData.item_variant,
+    };
+    switch (event) {
+        case "view_item": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }));
+            break;
+        }
+        case "add_to_cart": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }), revenue);
+            break;
+        }
+        case "remove_from_cart": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, Object.assign(Object.assign({}, firstProductProps), { stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }), revenue);
+            break;
+        }
+        case "checkout": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
+            sendGoal(name, { cartId, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+            break;
+        }
+        case "add_payment_info": {
+            const formatedItems = formatPeekPerformancesItem(items);
+            const rawData = JSON.stringify({
+                products: formatedItems,
+                hoteId,
+                stay,
+                paymentMethod: paymentType,
+            });
+            sendGoal(name, { cartId, "Payment type": paymentType, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, 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,
+                stay,
+                attempts,
+                paymentMethod: paymentType,
+                execCode: execcode,
+            });
+            if (isFailure) {
+                name = EVENT_NAMES.payment_failure;
+                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+                if (cartId) {
+                    setPurchaseAttempts(cartId, attempts + 1);
+                }
+            }
+            else {
+                sendGoal(name, { cartId, orderId, Code: execcode, stayFrom: stay === null || stay === void 0 ? void 0 : stay.from, rawData }, revenue);
+            }
+            break;
         }
-        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 {};
-  }
+    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(Object.assign(Object.assign({}, 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 getStay() {
-  const stay = window.sessionStorage.getItem("stay");
-  if (stay) {
-    return JSON.parse(stay);
-  }
+    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
-      } = 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/future/components/plausible/services/load.d.ts

@@ -0,0 +1 @@
+export default function load(): void;

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

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

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

@@ -0,0 +1,6 @@
+type Revenue = {
+    currency: string;
+    amount: number;
+};
+export default function sendGoal(goal: string, props?: Record<string, any>, revenue?: Revenue): void;
+export {};

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

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

package/es/lbm/components/lumiplan/api.d.ts

@@ -0,0 +1,8 @@
+export declare function getResortOpening(resort: number): Promise<any>;
+export declare function getWeather(resort: number): Promise<any>;
+export declare function getSnow(resort: number): Promise<any>;
+export declare function getResortAccess(resort: number): Promise<any>;
+export declare function getSlopes(resort: number): Promise<any>;
+export declare function getLifts(resort: number): Promise<any>;
+export declare function getPois(resort: number): Promise<any>;
+export declare function getSignature(resort: number): Promise<any>;

package/es/lbm/components/lumiplan/api.js

@@ -1,56 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import getConfig from "next/config";
 import * as Fetcher from "../../../common/utils/fetcher";
-const {
-  publicRuntimeConfig
-} = getConfig();
-const {
-  lumiplanApi
-} = publicRuntimeConfig;
-export async function getResortOpening(resort) {
-  const endpoint = `${lumiplanApi}/resort-opening`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getWeather(resort) {
-  const endpoint = `${lumiplanApi}/weather`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getSnow(resort) {
-  const endpoint = `${lumiplanApi}/snow`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getResortAccess(resort) {
-  const endpoint = `${lumiplanApi}/resort-access`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getSlopes(resort) {
-  const endpoint = `${lumiplanApi}/slopes`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getLifts(resort) {
-  const endpoint = `${lumiplanApi}/lifts`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getPois(resort) {
-  const endpoint = `${lumiplanApi}/pois`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
-export async function getSignature(resort) {
-  const endpoint = `${lumiplanApi}/signature`;
-  return Fetcher.get(endpoint, {
-    resort
-  });
-}
+// import * as Fetcher from "ublo-lib/es/common/utils/fetcher";
+const { publicRuntimeConfig } = getConfig();
+const { lumiplanApi } = publicRuntimeConfig;
+export function getResortOpening(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/resort-opening`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getWeather(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/weather`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getSnow(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/snow`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getResortAccess(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/resort-access`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getSlopes(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/slopes`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getLifts(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/lifts`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getPois(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/pois`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}
+export function getSignature(resort) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const endpoint = `${lumiplanApi}/signature`;
+        return Fetcher.get(endpoint, { resort });
+    });
+}

package/es/lbm/components/lumiplan/domain.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import type { DomainInfo } from "./types";
+type Props = {
+    domain?: DomainInfo | null;
+};
+declare const Domain: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Domain;

package/es/lbm/components/lumiplan/domain.jsx

@@ -0,0 +1,74 @@
+import * as React from "react";
+import Link from "ublo/link";
+import { useUbloContext } from "ublo/with-ublo";
+import classNames from "classnames";
+import Loader from "dt-design-system/es/loader";
+import Button from "dt-design-system/es/button";
+import * as Icons from "dt-design-system/es/icons";
+import TelesiegeIcon from "./icons/lifts/telesiege";
+import SlopesIcon from "./icons/slopes";
+import T, { t } from "./i18n/translations";
+import css from "./domain.module.css";
+const Domain = React.forwardRef(({ domain }, ref) => {
+    const { lang, config } = useUbloContext();
+    const { slopeMapPath } = config;
+    if (domain === undefined) {
+        return (<div ref={ref} className={css.loader} data-tags={t(lang, "domain.navigation-title")}>
+        <Loader variant="overlay"/>
+      </div>);
+    }
+    if (!(domain === null || domain === void 0 ? void 0 : domain.lifts) || !(domain === null || domain === void 0 ? void 0 : domain.slopes)) {
+        return null;
+    }
+    const { lifts, slopes } = domain;
+    return (<div ref={ref} className={css.domain} data-tags={t(lang, "domain.navigation-title")}>
+      <div className={css.inner}>
+        <div className={css.title} dangerouslySetInnerHTML={{
+            __html: t(lang, "domain.title"),
+        }}/>
+        <div className={css.info}>
+          <div className={css.card}>
+            <TelesiegeIcon />
+            <span className={css.cardTitle}>
+              <T id="domain.lifts.title"/>
+            </span>
+            <div className={css.cardCount}>
+              <b>{lifts.count.open}</b> / {lifts.count.total}
+            </div>
+          </div>
+          <div className={css.card}>
+            <SlopesIcon />
+            <span className={css.cardTitle}>
+              <T id="domain.slopes.title"/>
+            </span>
+            <div className={css.cardCount}>
+              <b>{slopes.count.open}</b> / {slopes.count.total}
+            </div>
+          </div>
+        </div>
+        <div className={css.slopes}>
+          {Object.keys(slopes.slopes).map((key) => {
+            const { open, total } = slopes.slopes[key];
+            const classes = classNames(css.slope, {
+                [css[key]]: key,
+            });
+            return (<div key={key} className={classes}>
+                <div className={css.slopePill}/>
+                <div className={css.slopeKind}>
+                  <T id={`domain.slopes.${key}`}/>
+                </div>
+                <div className={css.slopeCount}>
+                  <b>{open}</b> / {total}
+                </div>
+              </div>);
+        })}
+        </div>
+        {slopeMapPath && (<Button tag={Link} className={css.mapButton} href={slopeMapPath}>
+            <Icons.Map />
+            {t(lang, "domain.map")}
+          </Button>)}
+      </div>
+    </div>);
+});
+Domain.displayName = "Domain";
+export default Domain;

package/es/lbm/components/lumiplan/header.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { PrintMode } from "./types";
+type Props = {
+    date: Date;
+    mode: PrintMode;
+};
+export default function Title({ date, mode }: Props): import("react").JSX.Element;
+export {};

package/es/lbm/components/lumiplan/header.jsx

@@ -0,0 +1,25 @@
+import { useUbloContext } from "ublo/with-ublo";
+import T from "./i18n/translations";
+import styles from "./header.module.css";
+export default function Title({ date, mode }) {
+    const { lang } = useUbloContext();
+    const langFormat = lang === "fr" ? "fr-FR" : "en-UK";
+    const options = {
+        day: "2-digit",
+        month: "2-digit",
+        year: "numeric",
+        hour: "2-digit",
+        minute: "2-digit",
+        hour12: lang === "fr" ? false : true,
+    };
+    const formattedDate = date.toLocaleDateString(langFormat, options);
+    return (<div className={styles.header}>
+      <div className={styles.title}>
+        <T id="print.bulletin"/> <T id={`print.${mode}`}/>
+      </div>
+      <div className={styles.subtitle}>
+        <T id="print.subtitle"/>
+        {formattedDate}
+      </div>
+    </div>);
+}

package/es/lbm/components/lumiplan/i18n/translations.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export declare function t(lang?: string, key?: string): any;
+type Props = {
+    id: string;
+};
+export default function T({ id }: Props): React.JSX.Element;
+export {};

package/es/lbm/components/lumiplan/i18n/translations.jsx

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import fr from "./fr.json";
+import en from "./en.json";
+const dictionaries = { fr, en };
+export function t(lang, key) {
+    if (!lang || !key)
+        return "";
+    const translations = dictionaries[lang];
+    const keys = key.split(".");
+    return keys.reduce((acc, key) => {
+        if (typeof acc === "string")
+            return acc;
+        return acc[key];
+    }, translations);
+}
+export default function T({ id }) {
+    const { lang } = useUbloContext();
+    return <>{t(lang, id)}</>;
+}

package/es/lbm/components/lumiplan/icons/alert.d.ts

@@ -0,0 +1,6 @@
+export default AlertIcon;
+declare function AlertIcon({ width, height }: {
+    width?: number;
+    height?: number;
+}): React.JSX.Element;
+import * as React from "react";