ublo-lib 1.19.32 → 1.19.33

package/es/esf/components/loyal-customers/components/customer-form.js

@@ -36,7 +36,8 @@ const CustomerForm = ({
   channel,
   merchant,
   resort,
-  integration
+  integration,
+  categoryCode
 }) => {
   const fields = manualStay ? {
     ...Data.stayFields,
@@ -47,7 +48,7 @@ const CustomerForm = ({
   const isFormValid = Object.keys(customerData).every(key => customerData[key].validator);
   const onSubmit = async () => {
     setResponse(RESPONSE.LOADING);
-    const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher);
+    const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
     const {
       error
     } = await Api.sendFile(payload, integration);

package/es/esf/components/loyal-customers/loyal-customers.js

@@ -25,7 +25,8 @@ export default function LoyalCustomers({
   merchant,
   resort,
   disableVoucher,
-  integration
+  integration,
+  categoryCode
 }) {
   const ref = React.useRef(null);
   const [rows, setRows] = useStoredRows([]);
@@ -124,7 +125,8 @@ export default function LoyalCustomers({
       channel: channel,
       merchant: merchant,
       resort: resort,
-      integration: integration
+      integration: integration,
+      categoryCode: categoryCode
     })]
   });
 }

package/es/esf/components/loyal-customers/utils.js

@@ -12,7 +12,7 @@ export const formatDate = (lang, date) => {
     year: "numeric"
   });
 };
-export const buildPayload = (lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher) => {
+export const buildPayload = (lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode) => {
   const {
     comment,
     email,
@@ -64,6 +64,7 @@ Commentaire : ${comment.value}`;
     from: stayFrom?.value || from,
     to: stayTo?.value || to,
     message,
+    category: categoryCode,
     customer: {
       email: email.value,
       title: title.value,

package/es/esf/components/magic-box/booking.js

@@ -4,7 +4,7 @@ import Button from "dt-design-system/es/button";
 import * as Icons from "dt-design-system/es/icons";
 import { message } from "./messages";
 import { loadWigetMseM, preview } from "./services/widgets";
-import * as Plausible from "../../../common/components/plausible";
+import * as Plausible from "ublo-lib/es/common/components/plausible";
 import css from "./booking.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
@@ -61,7 +61,8 @@ const Booking = ({
           fullWidth: true,
           groundedTo: "#msem-magic-box",
           analytics: Plausible.callback,
-          show: ["vel"]
+          show: ["vel"],
+          categoryCode: values.categories
         };
         const presets = {
           kind: "CP",
@@ -76,7 +77,7 @@ const Booking = ({
       });
     };
     init();
-  }, [cartUrl, channel, cmsMode, engagement, engagementPresets, lang, resort, stay?.from, stay?.to]);
+  }, [cartUrl, channel, cmsMode, engagement, engagementPresets, lang, resort, stay.from, stay.to, values.categories]);
   return _jsxs("div", {
     className: css.root,
     children: [_jsxs(Button, {

package/es/esf/components/magic-box/magic-box.d.ts

@@ -13,9 +13,10 @@ type Props = {
     minDays?: number;
     maxDays?: number;
     allowedActivities?: string[];
+    categories?: string[];
     children?: React.ReactNode;
 };
 declare const _default: React.MemoExoticComponent<typeof MagicBox>;
 export default _default;
-declare function MagicBox({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, allowedActivities, children, }: Props): import("react/jsx-runtime").JSX.Element;
+declare function MagicBox({ stay, cartUrl, channel, className, alignContent, maxCPDuration, minDays, maxDays, allowedActivities, categories, children, }: Props): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=magic-box.d.ts.map

package/es/esf/components/magic-box/magic-box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,QAAQ,GACT,EAAE,KAAK,2CA8HP"}
+{"version":3,"file":"magic-box.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/magic-box/magic-box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;;AAIF,wBAAoC;AAEpC,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,OAAO,EACP,OAAe,EACf,SAAS,EACT,YAAY,EACZ,aAAa,EACb,OAAW,EACX,OAAkB,EAClB,iBAAiB,EACjB,UAAU,EACV,QAAQ,GACT,EAAE,KAAK,2CAkJP"}

package/es/esf/components/magic-box/magic-box.js

@@ -10,12 +10,12 @@ import { message } from "./messages";
 import * as API from "./services/api";
 import css from "./magic-box.module.css";
 export default React.memo(MagicBox);
-function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, maxCPDuration, minDays = 0, maxDays = Infinity, allowedActivities, children, }) {
+function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, maxCPDuration, minDays = 0, maxDays = Infinity, allowedActivities, categories, children, }) {
     const [filters, setFilters] = React.useState();
     const [values, setValues] = React.useState();
     const [currentStep, setCurrentStep] = React.useState(0);
     const { lang, config } = useUbloContext();
-    const { resort } = config;
+    const { resort, merchant } = config;
     const validate = React.useCallback(() => {
         let valid = true;
         if (stay && filters && values) {
@@ -33,13 +33,17 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
     const refreshFilters = React.useCallback(async () => {
         if (stay) {
             const { from: stayFrom, to: stayTo } = stay;
-            const welcomeResult = await API.fetchWelcome({
-                lang,
-                resort,
-                stayFrom,
-                stayTo,
-            });
+            const [welcomeResult, paramsResult] = await Promise.all([
+                API.fetchWelcome({
+                    lang,
+                    resort,
+                    stayFrom,
+                    stayTo,
+                }),
+                API.fetchParams(lang, resort, merchant, channel, categories),
+            ]);
             const { season: currentSeason, availableSeasons } = welcomeResult;
+            const { categories: categoryList } = paramsResult;
             const season = currentSeason || availableSeasons[0] || "2022";
             const filtersResult = await API.fetchFilters({
                 lang,
@@ -71,11 +75,27 @@ function MagicBox({ stay, cartUrl, channel = "ESF", className, alignContent, max
                 const filterWithoutRestricted = filter.filter((item) => !item.restricted);
                 return { ...acc, [key]: filterWithoutRestricted };
             }, {});
-            setFilters(newFilters);
-            const defaultValues = getDefaultValues(newFilters);
+            const formatedCategories = categoryList?.map(({ code, label }) => {
+                return { value: code, libelle: label };
+            });
+            const allFilters = categories
+                ? { ...newFilters, categories: formatedCategories }
+                : newFilters;
+            setFilters(allFilters);
+            const defaultValues = getDefaultValues(allFilters);
             setValues(defaultValues);
         }
-    }, [lang, maxDays, minDays, resort, stay]);
+    }, [
+        allowedActivities,
+        categories,
+        channel,
+        lang,
+        maxDays,
+        merchant,
+        minDays,
+        resort,
+        stay,
+    ]);
     React.useEffect(() => {
         refreshFilters();
         setCurrentStep(0);

package/es/esf/components/magic-box/messages.js

@@ -7,7 +7,8 @@ const locales = {
     languages: " en ",
     startDates: " J'aimerais commencer à partir du ",
     days: " pendant ",
-    durations: " sur des cours de "
+    durations: " sur des cours de ",
+    categories: " à "
   },
   en: {
     confirm: "Find an instructor",
@@ -17,7 +18,8 @@ const locales = {
     languages: " in ",
     startDates: " I'd like to start from ",
     days: " for ",
-    durations: " with lessons of "
+    durations: " with lessons of ",
+    categories: " at "
   }
 };
 export const message = (lang, id) => {

package/es/esf/components/magic-box/services/api.js

@@ -1,17 +1,20 @@
 import * as Fetcher from "../../../../common/utils/fetcher";
 const velApi = "https://services.msem.tech/api/esf";
-export const fetchWelcome = ({
+const msemAdminApi = "https://admin.mon-sejour-en-montagne.com/api/gesco";
+export function fetchWelcome({
   lang,
   resort,
   stayFrom,
   stayTo
-}) => Fetcher.post(`${velApi}/welcome`, {
-  resort,
-  lang,
-  stayFrom,
-  stayTo
-});
-export const fetchFilters = async ({
+}) {
+  return Fetcher.post(`${velApi}/welcome`, {
+    resort,
+    lang,
+    stayFrom,
+    stayTo
+  });
+}
+export async function fetchFilters({
   lang,
   resort,
   season,
@@ -19,7 +22,7 @@ export const fetchFilters = async ({
   stayTo,
   kinds = ["CP"],
   engagement = true
-}) => {
+}) {
   return Fetcher.post(`${velApi}/filters`, {
     lang,
     resort,
@@ -29,4 +32,20 @@ export const fetchFilters = async ({
     kinds,
     engagement
   });
-};
+}
+export async function fetchParams(lang, resort, merchant, channel, categories) {
+  const res = await fetch(`${msemAdminApi}/contact/parameters`, {
+    method: "POST",
+    headers: {
+      "content-type": "application/json;charset=utf-8"
+    },
+    body: JSON.stringify({
+      lang,
+      resort,
+      merchant,
+      channel,
+      categories
+    })
+  });
+  return res.json();
+}

package/package.json

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