ublo-lib 1.49.12 → 1.50.0

package/es/future/components/msem-package/components/pax-settings.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Input from "dt-design-system/es/input";
+import Checkbox from "dt-design-system/es/checkbox";
+import * as Icons from "dt-design-system/es/icons";
+import { Card, Radio } from "./settings-ui";
+import styles from "./pax-settings.module.css";
+const toNum = (value) => {
+    const n = parseInt(value, 10);
+    return isNaN(n) ? undefined : n;
+};
+export default function PaxSettings({ config, setConfig }) {
+    const pax = config.pax;
+    const mode = pax?.mode ?? "unlimited";
+    const patchPax = (patch) => {
+        setConfig((prev) => ({
+            ...prev,
+            pax: { mode: prev.pax?.mode ?? "unlimited", ...prev.pax, ...patch },
+        }));
+    };
+    const toggleMode = (target) => () => {
+        const next = mode === target ? "unlimited" : target;
+        if (next === "unlimited") {
+            patchPax({
+                mode: "unlimited",
+                min: undefined,
+                max: undefined,
+                value: undefined,
+                hidden: undefined,
+            });
+        }
+        else if (next === "range") {
+            patchPax({ mode: "range", value: undefined });
+        }
+        else {
+            patchPax({ mode: "fixed", min: undefined, max: undefined });
+        }
+    };
+    const updateMin = (value) => patchPax({ min: toNum(value) });
+    const updateMax = (value) => patchPax({ max: toNum(value) });
+    const updateValue = (value) => patchPax({ value: toNum(value) });
+    const updateHidden = (hidden) => patchPax({ hidden });
+    return (_jsxs(Card, { icon: _jsx(Icons.Users, {}), title: "Nombre de personnes", badge: getBadge(pax), children: [_jsxs("div", { className: styles.modes, children: [_jsx(Radio, { checked: mode === "range", onClick: toggleMode("range"), children: "D\u00E9finir un nombre de personnes" }), _jsx(Radio, { checked: mode === "fixed", onClick: toggleMode("fixed"), children: "Fixer nombre personnes" })] }), mode === "range" && (_jsxs("div", { className: styles.fields, children: [_jsx(Input, { type: "number", label: "Minimum de personnes", value: pax?.min ?? "", onValueChange: updateMin, className: styles.field, min: 1 }), _jsx(Input, { type: "number", label: "Maximum de personnes", value: pax?.max ?? "", onValueChange: updateMax, className: styles.field, min: 1 })] })), mode === "fixed" && (_jsx("div", { className: styles.fields, children: _jsx(Input, { type: "number", label: "Nombre fixe de personnes", value: pax?.value ?? "", onValueChange: updateValue, className: styles.field, min: 1 }) })), mode !== "unlimited" && (_jsx("div", { className: styles.masquer, children: _jsx(Checkbox, { label: "Masquer le nombre de personnes", checked: pax?.hidden || false, onCheckedChange: updateHidden }) })), getExplanation(pax) && (_jsxs("p", { className: styles.note, children: [_jsx(Icons.Info, { className: styles.noteIcon }), getExplanation(pax)] }))] }));
+}
+function getExplanation(pax) {
+    const mode = pax?.mode ?? "unlimited";
+    if (mode === "unlimited")
+        return null;
+    if (mode === "fixed") {
+        return "Le nombre de personnes est fixe : il sera appliqué à chaque offre.";
+    }
+    if (pax?.hidden) {
+        return "Le nombre de personnes ne sera pas demandé au client au niveau du pack. Il sera demandé pour chaque offre, en respectant les limites définies";
+    }
+    return "Le client choisira le nombre de personnes au niveau du pack. Ce nombre sera ensuite repris à chaque offre.";
+}
+function getBadge(pax) {
+    if (!pax || pax.mode === "unlimited") {
+        return "Nombre de personnes : illimitées";
+    }
+    if (pax.mode === "fixed") {
+        if (pax.value == null)
+            return "Nombre de personnes";
+        return `De ${pax.value} personne${pax.value > 1 ? "s" : ""}`;
+    }
+    const { min, max } = pax;
+    if (min != null && max != null)
+        return `De ${min} à ${max} personnes`;
+    if (min != null)
+        return `À partir de ${min} personnes`;
+    if (max != null)
+        return `Jusqu'à ${max} personnes`;
+    return "Nombre de personnes";
+}

package/es/future/components/msem-package/components/pax-settings.module.css

@@ -0,0 +1,48 @@
+.modes {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px 28px;
+}
+
+.fields {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+
+.field {
+  flex: 1 1 220px;
+}
+
+.masquer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+/* Note explicative (comportement côté client) */
+.note {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  margin: 0;
+  padding: 10px 12px;
+  font-size: 13px;
+  line-height: 1.4;
+  color: var(--ds-grey-700, #262626);
+  background-color: var(--ds-grey-100, #f8f8f8);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.noteIcon {
+  flex: 0 0 16px;
+  width: 16px;
+  height: 16px;
+  margin-top: 1px;
+  fill: var(--ds-grey-500, #7c7b7b);
+}
+
+@media (max-width: 600px) {
+  .masquer {
+    justify-content: flex-start;
+  }
+}

package/es/future/components/msem-package/components/settings-ui.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+type CardProps = {
+    icon?: React.ReactNode;
+    title: React.ReactNode;
+    info?: string | React.ReactElement;
+    badge?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare function Card({ icon, title, info, badge, className, children, }: CardProps): import("react/jsx-runtime").JSX.Element;
+type RadioProps = {
+    checked: boolean;
+    onClick: () => void;
+    disabled?: boolean;
+    children: React.ReactNode;
+    className?: string;
+};
+export declare function Radio({ checked, onClick, disabled, children, className, }: RadioProps): import("react/jsx-runtime").JSX.Element;
+export declare function Badge({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=settings-ui.d.ts.map

package/es/future/components/msem-package/components/settings-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-ui.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/settings-ui.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IAEvB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,YAAY,CAAC;IACnC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAGF,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,SAAS,2CA2BX;AAED,KAAK,UAAU,GAAG;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAMF,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,UAAU,2CAcZ;AAGD,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAEhE"}

package/es/future/components/msem-package/components/settings-ui.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Popover from "dt-design-system/es/popover";
+import * as Icons from "dt-design-system/es/icons";
+import styles from "./settings-ui.module.css";
+const cx = (...classes) => classes.filter(Boolean).join(" ");
+export function Card({ icon, title, info, badge, className, children, }) {
+    return (_jsxs("section", { className: cx(styles.card, className), children: [_jsxs("header", { className: styles.header, children: [icon && _jsx("span", { className: styles.headerIcon, children: icon }), _jsx("h3", { className: styles.headerTitle, children: title }), info != null && (_jsx(Popover, { className: styles.infoPopover, trigger: _jsx("button", { type: "button", className: styles.infoButton, "aria-label": "Information", children: _jsx(Icons.Info, {}) }), children: info })), badge != null && _jsx("span", { className: styles.badge, children: badge })] }), children != null && _jsx("div", { className: styles.body, children: children })] }));
+}
+export function Radio({ checked, onClick, disabled, children, className, }) {
+    return (_jsxs("button", { type: "button", role: "radio", "aria-checked": checked, disabled: disabled, onClick: onClick, className: cx(styles.radio, checked && styles.radioChecked, className), children: [_jsx("span", { className: styles.radioMark, "aria-hidden": true }), _jsx("span", { className: styles.radioLabel, children: children })] }));
+}
+export function Badge({ children }) {
+    return _jsx("span", { className: styles.badgeInline, children: children });
+}

package/es/future/components/msem-package/components/settings-ui.module.css

@@ -0,0 +1,152 @@
+.card {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 16px 20px 20px;
+  background-color: var(--ds-grey-000, #fff);
+  border: 1px solid var(--ds-grey-200, #ededed);
+  border-radius: var(--ds-radius-200, 8px);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.headerIcon {
+  display: inline-flex;
+  flex: 0 0 20px;
+}
+
+.headerIcon > svg {
+  width: 20px;
+  height: 20px;
+  fill: currentcolor;
+}
+
+.headerTitle {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+/* Bouton "i" d'aide contextuelle */
+.infoButton {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  color: var(--ds-grey-500, #7c7b7b);
+  background: none;
+  border: 0;
+  cursor: pointer;
+}
+
+.infoPopover {
+  max-width: 280px;
+  font-size: 14px;
+  line-height: 1.4;
+}
+
+.infoButton > svg {
+  width: 18px;
+  height: 18px;
+  fill: currentcolor;
+}
+
+.infoButton:hover {
+  color: var(--ds-grey-700, #262626);
+}
+
+/* Badge résumé poussé à droite de l'en-tête */
+.badge {
+  margin-left: auto;
+  padding: 6px 12px;
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  color: var(--ds-grey-700, #262626);
+  background-color: var(--ds-grey-100, #f8f8f8);
+  border-radius: var(--ds-radius-400, 20px);
+  white-space: nowrap;
+}
+
+.body {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+}
+
+/* Radio togglable */
+.radio {
+  display: inline-flex;
+  align-items: center;
+  gap: 10px;
+  padding: 0;
+  font: inherit;
+  color: var(--ds-grey-800, #000);
+  background: none;
+  border: 0;
+  cursor: pointer;
+  text-align: left;
+}
+
+.radio:disabled {
+  cursor: default;
+  filter: grayscale(100%) opacity(50%);
+}
+
+.radioMark {
+  --size: 22px;
+
+  position: relative;
+  flex: 0 0 var(--size);
+  width: var(--size);
+  height: var(--size);
+  background-color: var(--ds-radio-background, var(--ds-grey-000, #fff));
+  border: var(--ds-radio-border, 1px solid var(--ds-grey-300, #d7d7d7));
+  border-radius: 100%;
+}
+
+.radio:not(:disabled):hover .radioMark {
+  background-color: var(--ds-blue-000, #e8f0fc);
+}
+
+.radioChecked .radioMark::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  margin: auto;
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: var(
+    --ds-radio-foreground,
+    var(--ds-secondary, var(--ds-blue-400, #0038ff))
+  );
+}
+
+.radioChecked .radioMark {
+  border-color: var(
+    --ds-radio-foreground,
+    var(--ds-secondary, var(--ds-blue-400, #0038ff))
+  );
+}
+
+.radioLabel {
+  font-size: 15px;
+  line-height: 1.2;
+}
+
+/* Badge inline (utilisable dans le corps si besoin) */
+.badgeInline {
+  padding: 4px 10px;
+  font-size: 13px;
+  line-height: 1;
+  color: var(--ds-grey-700, #262626);
+  background-color: var(--ds-grey-100, #f8f8f8);
+  border-radius: var(--ds-radius-400, 20px);
+  white-space: nowrap;
+}

package/es/future/components/msem-package/components/stay-settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stay-settings.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/stay-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAGvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CA+EhE"}
+{"version":3,"file":"stay-settings.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/stay-settings.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAIvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;CAC/D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CAkHhE"}

package/es/future/components/msem-package/components/stay-settings.js

@@ -1,32 +1,51 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import Input from "dt-design-system/es/input";
 import Checkbox from "dt-design-system/es/checkbox";
 import * as Icons from "dt-design-system/es/icons";
+import { Card, Radio } from "./settings-ui";
 import styles from "./stay-settings.module.css";
 export default function StaySettings({ config, setConfig }) {
-    const updateStay = (key) => (value) => {
-        setConfig((prev) => ({
-            ...prev,
-            stay: { ...prev.stay, [key]: value },
-        }));
+    const stay = config.stay;
+    const dated = stay?.dated ?? Boolean(stay?.from || stay?.to);
+    const patchStay = (patch) => {
+        setConfig((prev) => ({ ...prev, stay: { ...prev.stay, ...patch } }));
     };
-    const updateNbDays = (value) => {
-        setConfig((prev) => ({
-            ...prev,
-            stay: { ...prev.stay, nbDays: parseInt(value) },
-        }));
-    };
-    const updateForced = (forced) => {
-        setConfig((prev) => ({
-            ...prev,
-            stay: { ...prev.stay, forced, fixed: false },
-        }));
-    };
-    const updateFixed = (fixed) => {
-        setConfig((prev) => ({
-            ...prev,
-            stay: { ...prev.stay, fixed, forced: false },
-        }));
-    };
-    return (_jsxs("div", { className: styles.container, children: [_jsxs("div", { className: styles.title, children: [_jsx(Icons.Calendar, {}), "Param\u00E8tres de validit\u00E9 de l'offre"] }), _jsxs("div", { className: styles.settings, children: [_jsx(Input, { label: "D\u00E9but de validit\u00E9 de l'offre", type: "date", value: config.stay?.from || "", onValueChange: updateStay("from"), className: styles.field }), _jsx(Input, { label: "Fin de validit\u00E9 de l'offre", type: "date", value: config.stay?.to || "", onValueChange: updateStay("to"), className: styles.field }), _jsxs("div", { className: styles.checkboxes, children: [_jsx(Checkbox, { label: "Verrouiller ces dates de validit\u00E9", checked: config.stay?.forced || false, onCheckedChange: updateForced }), _jsx(Checkbox, { label: _jsxs("div", { className: styles.nbDaysLabel, children: [_jsx("span", { children: "Fixer l'offre \u00E0" }), _jsx(Input, { value: config.stay?.nbDays || "", onValueChange: updateNbDays, className: styles.nbDaysInput, disabled: !config.stay?.fixed, compact: true, type: "number", min: 1 }), _jsx("span", { children: "jour(s)" })] }), checked: config.stay?.fixed || false, onCheckedChange: updateFixed })] })] })] }));
+    const toggleDated = () => patchStay(dated
+        ? {
+            dated: false,
+            from: undefined,
+            to: undefined,
+            forced: undefined,
+            fixed: undefined,
+            nbDays: undefined,
+        }
+        : { dated: true, hidden: undefined });
+    const updateStay = (key) => (value) => patchStay({ [key]: value });
+    const updateNbDays = (value) => patchStay({ nbDays: parseInt(value, 10) || undefined });
+    const toggleForced = () => patchStay(stay?.forced
+        ? { forced: false, hidden: undefined }
+        : { forced: true, fixed: false, nbDays: undefined });
+    const toggleFixed = () => patchStay(stay?.fixed
+        ? { fixed: false, hidden: undefined, nbDays: undefined }
+        : { fixed: true, forced: false, hidden: undefined });
+    const updateHidden = (hidden) => patchStay({ hidden });
+    const canHide = !dated || Boolean(stay?.forced);
+    return (_jsxs(Card, { icon: _jsx(Icons.Calendar, {}), title: "Validit\u00E9 de l'offre", info: "Dans le cas d'un forfait non dat\u00E9, aucune date n'est attendue.", badge: getBadge(dated, stay), children: [_jsx(Radio, { checked: dated, onClick: toggleDated, children: "D\u00E9finir des dates de validit\u00E9s" }), dated && (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.fields, children: [_jsx(Input, { label: "D\u00E9but de validit\u00E9", type: "date", value: stay?.from || "", onValueChange: updateStay("from"), className: styles.field }), _jsx(Input, { label: "Fin de validit\u00E9", type: "date", value: stay?.to || "", onValueChange: updateStay("to"), className: styles.field })] }), _jsxs("div", { className: styles.modes, children: [_jsx(Radio, { checked: Boolean(stay?.forced), onClick: toggleForced, children: "Verrouiller ces dates" }), _jsxs("div", { className: styles.fixedRow, children: [_jsx(Radio, { checked: Boolean(stay?.fixed), onClick: toggleFixed, children: "Fixer l'offre \u00E0" }), _jsx(Input, { value: stay?.nbDays || "", onValueChange: updateNbDays, className: styles.nbDaysInput, disabled: !stay?.fixed, compact: true, type: "number", min: 1 }), _jsx("span", { children: "jours" })] })] })] })), canHide && (_jsx("div", { className: styles.masquer, children: _jsx(Checkbox, { label: "Masquer la validit\u00E9 de l'offre", checked: stay?.hidden || false, onCheckedChange: updateHidden }) }))] }));
+}
+const formatDate = (iso) => {
+    if (!iso)
+        return "…";
+    const [y, m, d] = iso.split("-");
+    return d && m && y ? `${d}/${m}/${y}` : iso;
+};
+function getBadge(dated, stay) {
+    if (!dated)
+        return "Pack non daté";
+    const from = formatDate(stay?.from);
+    const to = formatDate(stay?.to);
+    if (stay?.forced)
+        return `Du ${from} au ${to}`;
+    if (stay?.fixed)
+        return `${stay.nbDays || "…"} jours - entre ${from} et ${to}`;
+    return `Entre ${from} et ${to}`;
 }

package/es/future/components/msem-package/components/stay-settings.module.css

@@ -1,59 +1,36 @@
-.container {
-  width: min(calc(100% - 20px), 840px);
+.fields {
   display: flex;
-  flex-direction: column;
-  gap: 8px;
-  margin-inline: auto;
-  padding: 12px;
-  border: 1px solid var(--ds-grey-200, #ededed);
-  border-radius: var(--ds-radius-200, 8px);
-}
-
-.title {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  margin-bottom: 8px;
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.title > svg {
-  flex: 0 0 22px;
-  height: 22px;
-  fill: currentcolor;
-}
-
-.settings {
-  display: flex;
-  align-items: flex-end;
   flex-wrap: wrap;
-  gap: 12px 6px;
+  gap: 12px;
 }
 
 .field {
-  flex: 1 1 auto;
-}
-
-@media (width > 700px) {
-  .field {
-    flex: 1 1 0%;
-  }
+  flex: 1 1 220px;
 }
 
-.checkboxes {
+.modes {
   display: flex;
   flex-direction: column;
-  gap: 4px;
-}
-.checkbox {
-  flex: 1 1 100%;
+  gap: 12px;
 }
-.nbDaysLabel {
+
+.fixedRow {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
 }
+
 .nbDaysInput {
-  width: 45px;
+  width: 56px;
+}
+
+.masquer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+@media (max-width: 600px) {
+  .masquer {
+    justify-content: flex-start;
+  }
 }

package/es/future/components/msem-package/components/widget-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/widget-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAIvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,SAAS,EACT,aAAa,EACb,MAAM,EACN,iBAAiB,GAClB,EAAE,KAAK,2CAuJP"}
+{"version":3,"file":"widget-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/widget-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAKvC,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAC9D,aAAa,EAAE,KAAK,CAAC,aAAa,CAAC;IACnC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,MAAM,EACN,SAAS,EACT,aAAa,EACb,MAAM,EACN,iBAAiB,GAClB,EAAE,KAAK,2CAuJP"}

package/es/future/components/msem-package/components/widget-dialog.js

@@ -7,10 +7,12 @@ import Dialog from "dt-design-system/es/dialog";
 import Checkbox from "dt-design-system/es/checkbox";
 import MseMPresetEditor from "../../msem-preset-editor";
 import * as Icons from "dt-design-system/es/icons";
+import { resolvePaxCount } from "../utils/pax";
 import styles from "./widget-dialog.module.css";
 export default function WidgetDialog({ config, setConfig, editorOptions, widget, closeWidgetDialog, }) {
     const { lang } = useMsemRuntime();
     const { facet } = config;
+    const paxCount = resolvePaxCount(config.pax);
     const editorLang = lang === "fr" ? "fr" : "en";
     const { channel, resort, msemServicesUrl } = editorOptions;
     const [repeatable, setRepeatable] = React.useState(widget.repeatable);
@@ -19,25 +21,21 @@ export default function WidgetDialog({ config, setConfig, editorOptions, widget,
     const title = isNew ? "Nouvelle offre" : "Modifier l'offre";
     const defaultPreset = getDefaultPreset(widget);
     const [preset, setPreset] = React.useState(defaultPreset);
-    const [image, setImage] = React.useState(widget.image);
-    const updateImage = (path) => {
-        setImage(path);
-    };
+    const [offerTitle, setOfferTitle] = React.useState(widget.title);
+    const [offerTagline, setOfferTagline] = React.useState(widget.tagline);
     const submit = React.useCallback((e) => {
         e.preventDefault();
         const form = e.currentTarget;
         const formData = new FormData(form);
-        const title = formData.get("title");
-        const tagline = formData.get("tagline");
         const maxParticipants = parseInt(formData.get("maxParticipants"));
-        const { name, widget: widgetName, options, presets } = preset;
+        const { name, widget: widgetName, logo, options, presets } = preset || {};
         const id = isNew ? crypto.randomUUID() : widget.id;
         const data = {
             name,
             widget: widgetName,
-            title,
-            tagline,
-            image,
+            logo: logo ?? widget.logo,
+            title: offerTitle,
+            tagline: offerTagline,
             options,
             presets,
             repeatable,
@@ -53,8 +51,18 @@ export default function WidgetDialog({ config, setConfig, editorOptions, widget,
                 }),
         };
         setConfig(newConfig);
-    }, [config, image, isNew, isOptional, preset, setConfig, widget, repeatable]);
-    return (_jsx(Dialog, { className: styles.dialog, close: closeWidgetDialog, showAsModal: false, closeOnBackdropClick: false, isOpened: true, children: _jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.title, children: [_jsx(Icons.ShoppingBag, {}), title] }), _jsxs("form", { className: styles.form, onSubmit: submit, children: [_jsxs("div", { className: styles.top, children: [_jsx("div", { className: styles.left, children: _jsx(Button, { className: styles.image, variant: "transparent", onClick: () => window?.Cms?.fileManager(updateImage, 150, 100), children: image ? _jsx("img", { src: image, alt: "" }) : _jsx(Icons.Image, {}) }) }), _jsxs("div", { className: styles.right, children: [_jsx(Input, { label: "Titre", name: "title", defaultValue: widget.title }), _jsx(Input, { label: "Phrase d'accroche", name: "tagline", defaultValue: widget.tagline })] })] }), _jsxs("div", { className: styles.editor, children: [_jsx("div", { className: styles.editorTitle, children: "Preset" }), _jsx(MseMPresetEditor, { lang: editorLang, channel: channel, resort: String(resort), msemServicesUrl: msemServicesUrl, facet: facet, currentPreset: preset, onChange: setPreset, hideStay: true })] }), _jsxs("div", { className: styles.checkboxes, children: [!isOptional && (_jsx(Checkbox, { label: "R\u00E9p\u00E9ter le widget pour chaque participant", name: "repeatable", checked: repeatable, onChange: (e) => setRepeatable(e.target.checked) })), isOptional && (_jsx(Checkbox, { label: _jsxs("div", { className: styles.nbParticipantsLabel, children: [_jsx("span", { children: "R\u00E9p\u00E9ter le widget jusqu'\u00E0" }), _jsx(Input, { name: "maxParticipants", defaultValue: widget.maxParticipants || config.paxPlan, className: styles.nbParticipantsInput, disabled: !repeatable, compact: true, type: "number", min: config.paxPlan }), _jsx("span", { children: "fois" })] }), name: "repeatManually", checked: repeatable, onChange: (e) => setRepeatable(e.target.checked) }))] }), _jsx("div", { className: styles.controls, children: _jsxs(Button, { type: "submit", variant: "success", className: styles.save, children: [_jsx(Icons.Check, {}), "Confirmer"] }) })] })] }) }));
+    }, [
+        config,
+        isNew,
+        isOptional,
+        preset,
+        setConfig,
+        widget,
+        repeatable,
+        offerTitle,
+        offerTagline,
+    ]);
+    return (_jsx(Dialog, { className: styles.dialog, close: closeWidgetDialog, showAsModal: false, closeOnBackdropClick: false, isOpened: true, children: _jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.title, children: [_jsx(Icons.ShoppingBag, {}), title] }), _jsxs("form", { className: styles.form, onSubmit: submit, children: [_jsxs("div", { className: styles.top, children: [_jsx(Input, { label: "Titre", value: offerTitle, onValueChange: setOfferTitle }), _jsx(Input, { label: "Phrase d'accroche", value: offerTagline, onValueChange: setOfferTagline })] }), _jsxs("div", { className: styles.editor, children: [_jsx("div", { className: styles.editorTitle, children: "Preset" }), _jsx(MseMPresetEditor, { lang: editorLang, channel: channel, resort: String(resort), msemServicesUrl: msemServicesUrl, facet: facet, currentPreset: preset, onChange: setPreset, hideStay: true })] }), _jsxs("div", { className: styles.checkboxes, children: [!isOptional && (_jsx(Checkbox, { label: "R\u00E9p\u00E9ter le widget pour chaque participant", name: "repeatable", checked: repeatable, onChange: (e) => setRepeatable(e.target.checked) })), isOptional && (_jsx(Checkbox, { label: _jsxs("div", { className: styles.nbParticipantsLabel, children: [_jsx("span", { children: "R\u00E9p\u00E9ter le widget jusqu'\u00E0" }), _jsx(Input, { name: "maxParticipants", defaultValue: widget.maxParticipants || paxCount, className: styles.nbParticipantsInput, disabled: !repeatable, compact: true, type: "number", min: paxCount }), _jsx("span", { children: "fois" })] }), name: "repeatManually", checked: repeatable, onChange: (e) => setRepeatable(e.target.checked) }))] }), _jsx("div", { className: styles.controls, children: _jsxs(Button, { type: "submit", variant: "success", className: styles.save, children: [_jsx(Icons.Check, {}), "Confirmer"] }) })] })] }) }));
 }
 function getDefaultPreset(widget) {
     const { name, widget: widgetName, options, presets } = widget;

package/es/future/components/msem-package/components/widget-dialog.module.css

@@ -28,31 +28,10 @@
 .top {
   width: 100%;
   display: flex;
-  align-items: flex-end;
+  flex-direction: column;
   gap: 12px;
 }
 
-.left {
-  flex: 0 0 150px;
-}
-
-.right {
-  flex: 1 1 100%;
-}
-
-.image {
-  width: 150px;
-  height: 100px;
-  margin: 0 auto;
-  padding: 0;
-  border: 1px solid var(--ds-grey-300, #d7d7d7);
-  border-radius: var(--ds-radius-200, 8px);
-}
-
-.image > img {
-  border-radius: inherit;
-}
-
 .editor {
   flex: 1 1 100%;
   padding: 10px;

package/es/future/components/msem-package/components/widget.d.ts

@@ -7,10 +7,12 @@ type Props = {
     step: string;
     setStep: React.Dispatch<React.SetStateAction<string>>;
     stay: Types.Stay;
+    pax?: number;
+    locked?: boolean;
     completedSteps?: number[];
     setCompletedSteps?: React.Dispatch<React.SetStateAction<number[]>>;
     packageId: string;
 };
-export default function Widget({ index, config, widget, step, setStep, stay, completedSteps, setCompletedSteps, packageId, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Widget({ index, config, widget, step, setStep, stay, pax, locked, completedSteps, setCompletedSteps, packageId, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=widget.d.ts.map

package/es/future/components/msem-package/components/widget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAIvC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAuBF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,KAAK,2CAmLP"}
+{"version":3,"file":"widget.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-package/components/widget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,KAAK,KAAK,MAAM,UAAU,CAAC;AAIvC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IACnE,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAuBF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,MAAM,EACN,IAAI,EACJ,OAAO,EACP,IAAI,EACJ,GAAG,EACH,MAAM,EACN,cAAc,EACd,iBAAiB,EACjB,SAAS,GACV,EAAE,KAAK,2CAkQP"}