ublo-lib 1.25.27 → 1.26.0

package/es/common/components/cross-selling-editor/hooks/use-custom-offers.js

@@ -48,7 +48,7 @@ export default function useCustomOffers({
         ${sortedOffers.map(({
         elementHTML
       }) => elementHTML).join("")}
-      </div>` : undefined;
+      </div>` : null;
       setOffers(customOffers);
     };
     getOffers();

package/es/common/components/msem-preset-editor/components/widget-list-item.js

@@ -6,7 +6,7 @@ import * as Icons from "dt-design-system/es/icons";
 import css from "./widget-list-item.module.css";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const ALLOW_PRESETS_ON_WIDGETS = ["lodging", "skiPass", "elloha", "vakario"];
+const ALLOW_PRESETS_ON_WIDGETS = ["lodging", "skiPass", "liftJb", "elloha", "vakario"];
 export default function WidgetListItem({
   item,
   preset,
@@ -21,6 +21,7 @@ export default function WidgetListItem({
     name,
     items: subs
   } = item;
+  console.log(widget);
   const toggleItem = () => {
     setOpened(!opened);
   };

package/es/common/components/msem-preset-editor/editors/index.js

@@ -1,4 +1,5 @@
 import SkiPasses from "./ski-passes";
+import SkiPassesJb from "./ski-passes-jb";
 import Lodgings from "./lodgings";
 import Elloha from "./elloha";
 import Vakario from "./vakario";
@@ -6,6 +7,7 @@ import StandardProducts from "./standard-products";
 const Editor = {
   lodging: Lodgings,
   skiPass: SkiPasses,
+  liftJb: SkiPassesJb,
   elloha: Elloha,
   vakario: Vakario,
   otherProducts: StandardProducts

package/es/common/components/msem-preset-editor/editors/ski-passes-jb.js

@@ -0,0 +1,130 @@
+import * as React from "react";
+import Select from "dt-design-system/es/select";
+import Input from "dt-design-system/es/input";
+import NumberPicker from "dt-design-system/es/number-picker";
+import Form from "../components/form";
+import * as API from "../services/api";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_DATA = {
+  catalog: "",
+  firstSkiDate: "",
+  nbParticipants: 1
+};
+export default function SkiPasses({
+  preset,
+  setPreset,
+  stay,
+  setShowPresetDialog,
+  onChange,
+  testPreset,
+  baseUrl
+}) {
+  const savedPreset = React.useRef(preset);
+  const [catalogs, setCatalogs] = React.useState(null);
+  const [catalog, setCatalog] = React.useState(preset?.options?.catalog || "");
+  const [data, setData] = React.useState(getDefaultData(preset));
+  const firstSkiDateDefaultMonth = stay?.from ? new Date(stay.from).getMonth() + 1 : undefined;
+  const {
+    merchant
+  } = preset?.options;
+  const isReady = catalogs !== null;
+  const hasCatalog = isReady && catalogs?.length > 0 && catalog !== "";
+  const cancelPreset = () => {
+    setPreset(savedPreset.current);
+    setShowPresetDialog(false);
+  };
+  const confirmPreset = () => {
+    setShowPresetDialog(false);
+  };
+  const updateField = field => value => {
+    setData(data => ({
+      ...data,
+      [field]: value
+    }));
+  };
+  const updateFirstSkiDate = value => {
+    updateField("firstSkiDate")(value);
+  };
+  React.useEffect(() => {
+    if (!isReady) {
+      const runEffect = async () => {
+        try {
+          const catalogs = await API.getSkiPassesCatalogs(merchant);
+          setCatalogs(catalogs);
+        } catch (e) {
+          setCatalogs([]);
+        }
+      };
+      runEffect();
+    }
+  }, [isReady, merchant]);
+  React.useEffect(() => {
+    setPreset((current = {}) => {
+      const newPreset = {
+        ...current,
+        options: {
+          ...(current?.options || {}),
+          catalog
+        },
+        presets: {
+          ...(current?.presets || {}),
+          ...data
+        },
+        url: baseUrl || undefined
+      };
+      onChange?.(newPreset);
+      return newPreset;
+    });
+  }, [catalog, data, baseUrl, setPreset, onChange]);
+  return _jsxs(Form, {
+    title: "Presets forfaits JB",
+    width: 420,
+    preset: preset,
+    buttonsActions: {
+      testPreset,
+      cancelPreset,
+      confirmPreset: hasCatalog ? confirmPreset : undefined
+    },
+    children: [_jsx(Select, {
+      label: "Catalogue",
+      value: catalog,
+      options: catalogs ? ["", ...catalogs] : [],
+      onValueChange: setCatalog,
+      loading: !isReady
+    }), hasCatalog && _jsxs(_Fragment, {
+      children: [_jsx(Input, {
+        type: "date",
+        label: "1er jour",
+        value: data.firstSkiDate,
+        onValueChange: updateFirstSkiDate,
+        defaultMonth: firstSkiDateDefaultMonth,
+        min: stay?.from || undefined,
+        max: stay?.to || undefined
+      }), _jsx(NumberPicker, {
+        label: "Nb de participants",
+        value: data.nbParticipants,
+        onChange: updateField("nbParticipants"),
+        min: 0,
+        withInput: true,
+        compact: true
+      })]
+    })]
+  });
+}
+function getDefaultData(preset) {
+  if (!preset?.presets) return DEFAULT_DATA;
+  const {
+    catalog
+  } = preset.options || {};
+  const {
+    firstSkiDate,
+    nbParticipants
+  } = preset.presets;
+  return {
+    catalog: catalog || DEFAULT_DATA.catalog,
+    firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
+    nbParticipants: nbParticipants || DEFAULT_DATA.nbParticipants
+  };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.25.27",
+  "version": "1.26.0",
   "peerDependencies": {
     "dt-design-system": "^3.8.3",
     "leaflet": "^1.9.1",