ublo-lib 1.44.0 → 1.44.2

package/es/future/components/msem-preset-editor/components/stay-picker.d.ts

@@ -7,8 +7,8 @@ type Props = {
         from: string;
         to: string;
     }) => void;
-    setPreset: (preset: Record<string, any>) => void;
+    isLBM: boolean;
 };
-export default function StayPicker({ stay, setStay }: Props): import("react/jsx-runtime").JSX.Element;
+export default function StayPicker({ stay, setStay, isLBM }: Props): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=stay-picker.d.ts.map

package/es/future/components/msem-preset-editor/components/stay-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,2CAmD1D"}
+{"version":3,"file":"stay-picker.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/components/stay-picker.tsx"],"names":[],"mappings":"AAGA,KAAK,KAAK,GAAG;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,OAAO,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IACtD,KAAK,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,2CAqDjE"}

package/es/future/components/msem-preset-editor/components/stay-picker.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import Input from "dt-design-system/es/input";
 import css from "./stay-picker.module.css";
-export default function StayPicker({ stay, setStay }) {
+export default function StayPicker({ stay, setStay, isLBM }) {
     const updateStay = (key) => (value) => {
         const isFrom = key === "from";
         const isTo = key === "to";
@@ -31,5 +31,5 @@ export default function StayPicker({ stay, setStay }) {
         }
         setStay({ ...stay, [key]: value });
     };
-    return (_jsxs("div", { className: css.picker, children: [_jsx(Input, { className: css.input, type: "date", label: "Date de d\u00E9but (optionnel)", value: stay.from, onValueChange: updateStay("from") }), _jsx(Input, { className: css.input, type: "date", label: "Date de fin (optionnel)", value: stay.to, onValueChange: updateStay("to") })] }));
+    return (_jsxs("div", { className: css.picker, children: [_jsx(Input, { className: css.input, type: "date", label: "Date de d\u00E9but (optionnel)", value: stay.from, onValueChange: updateStay("from"), disabled: isLBM }), _jsx(Input, { className: css.input, type: "date", label: "Date de fin (optionnel)", value: stay.to, onValueChange: updateStay("to"), disabled: isLBM })] }));
 }

package/es/future/components/msem-preset-editor/editors/ski-passes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAiFF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CA6UP"}
+{"version":3,"file":"ski-passes.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/msem-preset-editor/editors/ski-passes.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;IACnC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,mBAAmB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACxD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAiFF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,eAAe,EACf,MAAM,EACN,SAAS,EACT,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,KAAK,2CA2UP"}

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

@@ -9,10 +9,10 @@ import NumberPicker from "dt-design-system/es/number-picker";
 import Form from "../components/form";
 import * as API from "../services/api";
 import css from "./ski-passes.module.css";
-const ALLOWED_FILTERS = ["domains", "durations", "skiers"];
+const ALLOWED_FILTERS = ["domains", "durations", "pax"];
 const DEFAULT_DATA = {
     firstSkiDate: "",
-    skiers: [],
+    pax: [],
     activities: [],
     domains: [],
     durations: [],
@@ -142,9 +142,9 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
         updateField("domains")(value);
     };
     const updateSkiers = (code) => (value) => {
-        const filteredSkiers = data.skiers.filter((skier) => skier !== code);
+        const filteredSkiers = data.pax.filter((skier) => skier !== code);
         const newSkiers = !value ? [] : new Array(Number(value)).fill(code);
-        setData({ ...data, skiers: [...filteredSkiers, ...newSkiers] });
+        setData({ ...data, pax: [...filteredSkiers, ...newSkiers] });
     };
     const updateMinimalistLiftScreen = (value) => {
         setData({ ...data, minimalistLiftScreen: value });
@@ -193,7 +193,7 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
     React.useEffect(() => {
         setPreset((current = {}) => {
             const firstSkiDate = data.firstSkiDate || undefined;
-            const skiers = data.skiers?.length ? data.skiers : undefined;
+            const pax = data.pax?.length ? data.pax : undefined;
             const activities = data.activities?.length ? data.activities : undefined;
             const domains = data.domains?.length ? data.domains : undefined;
             const durations = data.durations?.length ? data.durations : undefined;
@@ -208,7 +208,7 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             };
             const presets = {
                 ...(current?.presets || {}),
-                skiers,
+                pax,
                 firstSkiDate,
                 activities,
                 domains,
@@ -223,22 +223,22 @@ export default function SkiPasses({ msemServicesUrl, preset, setPreset, stay, se
             testPreset,
             cancelPreset,
             confirmPreset: hasCatalog ? confirmPreset : undefined,
-        }, children: [_jsx("div", { className: css.title, children: "Options d'affichage" }), _jsx(MultipleSelect, { label: "Cacher", placeholder: "Selectionnez une ou plusieurs options", options: HIDE_OPTIONS, values: selectedHideOptions, onChange: updateField("hide") }), _jsx(Checkbox, { label: "Ecran de forfaits minimaliste", checked: data.minimalistLiftScreen, onCheckedChange: updateMinimalistLiftScreen }), _jsx("div", { className: css.title, children: "Preset" }), _jsx(Select, { label: "Catalogue", value: catalog, options: catalogs ? ["", ...catalogs] : [], onValueChange: setCatalog, loading: !isReady }), loading && _jsx(Loader, { className: css.loader }), 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 }), filters?.skiers && filters?.skiers?.length > 1 && (_jsxs("div", { className: css.skiers, children: [_jsx("div", { className: css.label, children: "Skieurs" }), filters.skiers.map((skier) => {
+        }, children: [_jsx("div", { className: css.title, children: "Options d'affichage" }), _jsx(MultipleSelect, { label: "Cacher", placeholder: "Selectionnez une ou plusieurs options", options: HIDE_OPTIONS, values: selectedHideOptions, onChange: updateField("hide") }), _jsx(Checkbox, { label: "Ecran de forfaits minimaliste", checked: data.minimalistLiftScreen, onCheckedChange: updateMinimalistLiftScreen }), _jsx("div", { className: css.title, children: "Preset" }), _jsx(Select, { label: "Catalogue", value: catalog, options: catalogs ? ["", ...catalogs] : [], onValueChange: setCatalog, loading: !isReady }), loading && _jsx(Loader, { className: css.loader }), 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 }), filters?.pax && filters?.pax?.length > 1 && (_jsxs("div", { className: css.skiers, children: [_jsx("div", { className: css.label, children: "Skieurs" }), filters.pax.map((skier) => {
                                 const { code, label, ageMin, ageMax } = skier;
                                 const title = `${label} (de ${ageMin} à ${ageMax} ans)`;
-                                const value = data.skiers?.filter((skier) => skier === code)
-                                    ?.length || 0;
+                                const value = data.pax?.filter((skier) => skier === code)?.length ||
+                                    0;
                                 return (_jsx(NumberPicker, { label: title, min: 0, max: 20, value: value, disabled: false, onChange: updateSkiers(code), withInput: true }, code));
-                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MultipleSelect, { label: "Activit\u00E9s", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MultipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
+                            })] })), _jsx("div", { className: css.label, children: "Filtres" }), (activities?.length > 0 || loading) && (_jsx(MultipleSelect, { label: "Cat\u00E9gories de dur\u00E9e", placeholder: "Selectionnez une ou plusieurs options", options: activities, values: selectedActivities, onChange: updateField("activities"), loading: loading })), _jsxs("div", { className: css.row, children: [((filteredDomains && filteredDomains.length > 0) || loading) && (_jsx(MultipleSelect, { label: "Domaines", placeholder: "Selectionnez une ou plusieurs options", options: filteredDomains || [], values: selectedDomains, onChange: updateDomains, loading: loading })), ((filteredDurations && filteredDurations?.length > 0) ||
                                 loading) && (_jsx(MultipleSelect, { label: "Dur\u00E9es", placeholder: "Selectionnez une ou plusieurs options", options: filteredDurations || [], values: selectedDurations, onChange: updateField("durations"), loading: loading }))] })] }))] }));
 }
 function getDefaultData(preset) {
     if (!preset?.options && !preset?.presets)
         return DEFAULT_DATA;
-    const { skiers, firstSkiDate, activities, domains, durations } = preset.presets || {};
+    const { pax, firstSkiDate, activities, domains, durations } = preset.presets || {};
     const { hide, minimalistLiftScreen } = preset.options || {};
     return {
-        skiers: skiers || DEFAULT_DATA.skiers,
+        pax: pax || DEFAULT_DATA.pax,
         firstSkiDate: firstSkiDate || DEFAULT_DATA.firstSkiDate,
         activities: activities || DEFAULT_DATA.activities,
         domains: domains || DEFAULT_DATA.domains,

package/es/future/components/msem-preset-editor/editors/standard-products.js

@@ -51,7 +51,7 @@ export default function StandardProducts({ lang, msemServicesUrl, preset, setPre
             return newPreset;
         });
     }, [onChange, selectedProductCategory, setPreset]);
-    return (_jsx(Form, { title: "Presets activit\u00E9s autres produits", width: 420, preset: preset, buttonsActions: {
+    return (_jsx(Form, { title: "Presets activit\u00E9s MyActivity / Autres produits", width: 420, preset: preset, buttonsActions: {
             testPreset,
             cancelPreset,
             confirmPreset: selectedProductCategory ? confirmPreset : undefined,

package/es/future/components/msem-preset-editor/editors/vakario.js

@@ -156,7 +156,7 @@ export default function Vakario({ lang, msemServicesUrl, preset, setPreset, setS
             return newPreset;
         });
     }, [data, onChange, setPreset]);
-    return (_jsxs(Form, { title: "Presets activit\u00E9s Vakario", width: 420, preset: preset, buttonsActions: {
+    return (_jsxs(Form, { title: "Presets activit\u00E9s YoPlanning / Vakario", width: 420, preset: preset, buttonsActions: {
             testPreset,
             cancelPreset,
             confirmPreset,

package/es/future/components/msem-preset-editor/msem-preset-editor.js

@@ -26,6 +26,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
     const [presetUrl, setPresetUrl] = React.useState("");
     const showFacetSelector = facet === undefined;
     const showWidgetList = selectedResort && selectedFacet !== "";
+    const isLBM = channel === "LBM";
     const updatePreset = React.useCallback((item, subPreset) => {
         let { name, options: itemOptions, presets: itemPresets } = item;
         const widget = subPreset?.widget || item.widget;
@@ -109,7 +110,7 @@ export default function MseMPresetEditor({ lang, channel, resort, msemServicesUr
     const footerClasses = classNames(css.footer, {
         [css.footerButtonOnly]: !showPresetUrl,
     });
-    return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: selectedResort, setResort: setSelectedResort, removePreset: removePreset })), showFacetSelector && (_jsx(FacetSelector, { facet: selectedFacet, setFacet: setSelectedFacet, setPreset: setPreset })), !hideStay && (_jsx(StayPicker, { stay: stay, setStay: setStay, setPreset: setPreset })), showWidgetList && (_jsx(WidgetList, { lang: lang, msemServicesUrl: msemServicesUrl, resort: selectedResort, channel: channel, facet: selectedFacet, preset: preset, updatePreset: updatePreset, removePreset: removePreset, error: error, setError: setError, setShowPresetDialog: setShowPresetDialog })), error && _jsx("div", { className: css.error, children: error }), _jsxs("div", { className: footerClasses, children: [showPresetUrl ? (_jsx(Tooltip, { content: "Tester dans le widget MseM", children: _jsx(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: _jsx(Icons.OpenInBrowser, {}) }) })) : (_jsxs(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"] })), showPresetUrl && (_jsx(Input, { type: "text", className: css.url, value: presetUrl, onClick: copyUrl, placeholder: !preset
+    return (_jsxs("div", { className: css.editor, children: [resorts && (_jsx(ResortSelector, { resorts: resorts, resort: selectedResort, setResort: setSelectedResort, removePreset: removePreset })), showFacetSelector && (_jsx(FacetSelector, { facet: selectedFacet, setFacet: setSelectedFacet, setPreset: setPreset })), !hideStay && _jsx(StayPicker, { stay: stay, setStay: setStay, isLBM: isLBM }), showWidgetList && (_jsx(WidgetList, { lang: lang, msemServicesUrl: msemServicesUrl, resort: selectedResort, channel: channel, facet: selectedFacet, preset: preset, updatePreset: updatePreset, removePreset: removePreset, error: error, setError: setError, setShowPresetDialog: setShowPresetDialog })), error && _jsx("div", { className: css.error, children: error }), _jsxs("div", { className: footerClasses, children: [showPresetUrl ? (_jsx(Tooltip, { content: "Tester dans le widget MseM", children: _jsx(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: _jsx(Icons.OpenInBrowser, {}) }) })) : (_jsxs(Button, { variant: "secondary", disabled: !preset?.widget, className: css.testButton, onClick: testPreset, children: [_jsx(Icons.OpenInBrowser, {}), "Tester dans le widget MseM"] })), showPresetUrl && (_jsx(Input, { type: "text", className: css.url, value: presetUrl, onClick: copyUrl, placeholder: !preset
                             ? "Aucun preset sélectionné"
                             : "Preset incompatible au format URL", readOnly: true }))] }), _jsx(Dialog, { isOpened: showPresetDialog, close: () => setShowPresetDialog(false), closeButtonVariant: "transparent", showAsModal: false, children: showPresetDialog && (_jsx(CurrentEditor, { lang: lang, msemServicesUrl: msemServicesUrl, stay: stay, facet: selectedFacet, preset: preset, setPreset: setPreset, setShowPresetDialog: setShowPresetDialog, testPreset: testPreset, onChange: onChange, urlOverride: urlOverride })) })] }));
 }

package/es/future/hooks/use-msem-presets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAmHxD"}
+{"version":3,"file":"use-msem-presets.d.ts","sourceRoot":"","sources":["../../../src/future/hooks/use-msem-presets.ts"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,cAAc,EAAE;;CAAA,QAoHxD"}

package/es/future/hooks/use-msem-presets.js

@@ -25,6 +25,7 @@ export default function useMseMPresets({ defaultOptions }) {
             lang,
             ...otherDefaultOptions,
             prefixUrl,
+            verticalMargin: 20,
         };
         e.preventDefault();
         e.stopPropagation();

package/package.json

@@ -1,12 +1,11 @@
 {
   "name": "ublo-lib",
-  "version": "1.44.0",
+  "version": "1.44.2",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",
     "framer-motion": "^11.11.9",
     "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0",
-    "node-html-parser": "",
     "react": "^18.2.0 || ^19.0.0",
     "react-dom": "^18.2.0 || ^19.0.0",
     "ublo": "^2.0.0 || ^3.0.0"
@@ -14,9 +13,6 @@
   "peerDependenciesMeta": {
     "framer-motion": {
       "optional": true
-    },
-    "node-html-parser": {
-      "optional": true
     }
   },
   "dependencies": {

package/es/future/components/faqs/config.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    config: string[];
-};
-export default function Config({ config }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=config.d.ts.map

package/es/future/components/faqs/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/config.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,2CAkB/C"}

package/es/future/components/faqs/config.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import Zone from "ublo/zone";
-import styles from "./config.module.css";
-export default function Config({ config }) {
-    const ref = React.useRef(null);
-    const [initialized, setInitialized] = React.useState(false);
-    React.useEffect(() => {
-        const container = ref.current;
-        if (initialized) {
-            if (container) {
-                container.innerHTML = JSON.stringify(config);
-            }
-        }
-        else {
-            setInitialized(true);
-        }
-    }, [config, initialized]);
-    return _jsx(Zone, { ref: ref, id: "faqs-config", className: styles.config, readOnly: true });
-}

package/es/future/components/faqs/config.module.css

@@ -1,3 +0,0 @@
-.config {
-  display: none;
-}

package/es/future/components/faqs/editor.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-type Props = {
-    currentFaqs: string;
-    faqUrl: string;
-    faqZoneId: string;
-    config: string[];
-    setConfig: React.Dispatch<React.SetStateAction<string[]>>;
-};
-export default function Editor({ currentFaqs, faqUrl, faqZoneId, config, setConfig, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=editor.d.ts.map

package/es/future/components/faqs/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,KAAK,GAAG;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAC3D,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,WAAW,EACX,MAAM,EACN,SAAS,EACT,MAAM,EACN,SAAS,GACV,EAAE,KAAK,2CAmJP"}

package/es/future/components/faqs/editor.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from "react";
-import { useUbloContext } from "ublo/with-ublo";
-import { fetchZone } from "ublo/fetcher";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Dialog from "dt-design-system/es/dialog";
-import styles from "./editor.module.css";
-export default function Editor({ currentFaqs, faqUrl, faqZoneId, config, setConfig, }) {
-    const previousConfig = React.useRef(config);
-    const { ubloApi, site, lang } = useUbloContext();
-    const [opened, setOpened] = React.useState(false);
-    const [faqs, setFaqs] = React.useState();
-    const [selectedFaqs, setSelectedFaqs] = React.useState([]);
-    const [othersFaqs, setOthersFaqs] = React.useState([]);
-    const openEditor = async () => {
-        const content = await fetchZone(ubloApi, site, lang, faqUrl, faqZoneId);
-        setFaqs(content);
-        setOpened(true);
-    };
-    React.useEffect(() => {
-        if (faqs) {
-            const dom = new DOMParser().parseFromString(faqs, "text/html");
-            const sections = Array.from(dom.querySelectorAll("section[data-class]"));
-            const { selected, others } = sections.reduce((acc, element) => {
-                const uuid = element.getAttribute("data-uuid");
-                const html = element.outerHTML;
-                if (config.includes(uuid)) {
-                    return { ...acc, selected: [...acc.selected, html] };
-                }
-                return { ...acc, others: [...acc.others, html] };
-            }, { selected: [], others: [] });
-            setSelectedFaqs(selected);
-            setOthersFaqs(others);
-        }
-    }, [config, faqs]);
-    const closeEditor = () => {
-        setOpened(false);
-        setSelectedFaqs([]);
-        setOthersFaqs([]);
-        setFaqs(undefined);
-    };
-    const cancelAndClose = () => {
-        setConfig(previousConfig.current);
-        closeEditor();
-    };
-    const addAll = () => {
-        const dom = new DOMParser().parseFromString(faqs, "text/html");
-        const uuids = Array.from(dom.querySelectorAll("section[data-uuid]")).map((element) => element.getAttribute("data-uuid"));
-        setConfig(uuids);
-    };
-    const removeAll = () => {
-        setConfig([]);
-    };
-    const updateSelected = (action) => (e) => {
-        e.preventDefault();
-        const target = e.target;
-        const section = target.closest("section");
-        if (!section)
-            return;
-        const uuid = section.getAttribute("data-uuid");
-        setConfig((current) => {
-            if (action === "add") {
-                return [...current, uuid];
-            }
-            return current.filter((id) => id !== uuid);
-        });
-    };
-    const editorButtonLabel = config.length > 0 ? `Modifier la sélection de F.A.Q` : "Ajouter une F.A.Q";
-    return (_jsxs("div", { className: styles.editor, children: [_jsxs("div", { className: styles.count, children: [_jsx("b", { children: config.length }), " \u00E9l\u00E9ment", config.length > 1 ? "s" : "", " s\u00E9lectionn\u00E9", config.length > 1 ? "s" : ""] }), currentFaqs ? (_jsx("div", { className: styles.currentFaqs, dangerouslySetInnerHTML: { __html: currentFaqs } })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.placeholder }), _jsx("div", { className: styles.placeholder })] })), _jsx("div", { className: styles.actions, children: _jsxs("div", { className: styles.actionsInner, children: ["Ajouter, modifier ou supprimer des F.A.Q", _jsx(Button, { onClick: openEditor, children: editorButtonLabel })] }) }), _jsxs(Dialog, { className: styles.dialog, isOpened: opened, close: closeEditor, children: [_jsxs("div", { className: styles.inner, children: [_jsxs("div", { className: styles.others, children: [_jsxs("div", { className: styles.columnTitle, children: ["Toutes les F.A.Q", " ", _jsxs(Button, { variant: "secondary", onClick: addAll, compact: true, children: [_jsx(Icons.Plus, {}), "Tout ajouter"] })] }), _jsx("div", { onClick: updateSelected("add"), className: styles.columnInner, dangerouslySetInnerHTML: { __html: othersFaqs.join("") } })] }), _jsxs("div", { className: styles.controls, children: [_jsx(Icons.ArrowRight, { className: styles.control }), _jsx(Icons.ArrowLeft, { className: styles.control })] }), _jsxs("div", { className: styles.selected, children: [_jsxs("div", { className: styles.columnTitle, children: ["F.A.Q s\u00E9lectionn\u00E9e(s)", " ", _jsxs(Button, { variant: "secondary", onClick: removeAll, compact: true, children: [_jsx(Icons.Bin, {}), "Tout supprimer"] })] }), _jsx("div", { onClick: updateSelected("remove"), className: styles.columnInner, dangerouslySetInnerHTML: { __html: selectedFaqs.join("") } })] })] }), _jsxs("div", { className: styles.dialogButtons, children: [_jsx(Button, { variant: "transparent", onClick: cancelAndClose, children: "Annuler" }), _jsx(Button, { variant: "success", onClick: closeEditor, children: "Confirmer" })] })] })] }));
-}

package/es/future/components/faqs/editor.module.css

@@ -1,219 +0,0 @@
-/* stylelint-disable selector-class-pattern */
-.editor {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  padding: 10px;
-}
-
-.count {
-  text-align: center;
-}
-
-.placeholder {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 16px;
-  flex: 0 0 100px;
-  border: 1px solid var(--ds-grey-200, #ededed);
-  border-radius: var(--ds-radius-200, 8px);
-}
-
-.placeholder::before {
-  content: "";
-  display: block;
-  width: 180px;
-  height: 20px;
-  background-color: var(--ds-grey-800, #000);
-  border-radius: var(--ds-radius-100, 4px);
-  opacity: 15%;
-}
-
-.placeholder:nth-child(3)::before {
-  width: 280px;
-}
-
-.placeholder::after {
-  content: "";
-  display: block;
-  width: 30px;
-  height: 30px;
-  background-color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
-  border-radius: var(--ds-radius-100, 4px);
-  opacity: 25%;
-}
-
-.actions {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: var(--ds-radius-200, 8px);
-  opacity: 0;
-  transition: opacity 160ms var(--transition-easing);
-}
-
-.actions:is(:hover, :focus-within) {
-  opacity: 1;
-}
-
-.actions::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: var(
-    --ds-grey-gradient,
-    linear-gradient(
-      100deg,
-      var(--ds-grey-200, #ededed) 0%,
-      var(--ds-grey-300, #d7d7d7) 100%
-    )
-  );
-  border-radius: inherit;
-  opacity: 45%;
-}
-
-.actionsInner {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  padding: 16px;
-  font-size: 15px;
-  background-color: hsl(var(--background));
-  border-radius: var(--ds-radius-200, 8px);
-  box-shadow: var(--shadow-300);
-  transform: scale(0.98);
-  transition: transform 160ms 70ms var(--transition-easing);
-}
-
-.actions:is(:hover, :focus-within) .actionsInner {
-  transform: none;
-}
-
-.dialog {
-  width: 1200px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.inner {
-  flex: 1 1 100%;
-  display: flex;
-  gap: 14px;
-  padding: 16px;
-}
-
-.controls {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 6px;
-}
-
-.control {
-  flex: 0 0 26px;
-  width: 26px;
-  fill: var(--ds-grey-300, #d7d7d7);
-}
-
-:is(.selected, .others) {
-  flex: 1 1 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-.columnTitle {
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  font-style: 18px;
-  font-weight: 700;
-}
-
-.columnInner {
-  flex: 1 1 100%;
-  display: flex;
-  flex-direction: column;
-  padding: 10px;
-  background-color: var(--ds-grey-100, #f8f8f8);
-  border-radius: var(--ds-radius-200, 8px);
-}
-
-.selected .columnInner:empty {
-  align-items: center;
-  justify-content: center;
-  padding: 26px;
-}
-
-.selected .columnInner:empty::after {
-  content: "Aucune FAQ sélectionnée, cliquez sur n'importe quelle question fréquente en colonne de gauche pour l'ajouter à cette page.";
-  color: var(--ds-grey-500, #7c7b7b);
-  font-size: 15px;
-  text-align: center;
-}
-
-.columnInner section {
-  position: relative;
-  width: 100%;
-  cursor: pointer;
-}
-
-.columnInner section::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--ds-grey-800, #000);
-  opacity: 0;
-  border-radius: var(--ds-radius-200, 8px);
-  transition: opacity 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.columnInner section:hover::after {
-  opacity: 0.1;
-}
-
-.selected section {
-  animation: section-appearance 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-.others section {
-  animation: section-appearance 160ms
-    var(--ds-transition-easing, cubic-bezier(0.4, 0.1, 0.2, 0.9));
-}
-
-@keyframes section-appearance {
-  from {
-    opacity: 0;
-  }
-}
-
-.dialogButtons {
-  position: sticky;
-  bottom: 0;
-  display: flex;
-  justify-content: flex-end;
-  gap: 10px;
-  padding: 10px;
-  background-color: var(--ds-grey-000, #fff);
-  border-top: 1px solid var(--ds-grey-200, #ededed);
-}

package/es/future/components/faqs/faqs.d.ts

@@ -1,12 +0,0 @@
-type Props = {
-    className?: string;
-    faqs: string;
-    faqUrl: string;
-    faqZoneId: string;
-};
-declare function Faqs({ className, faqs, faqUrl, faqZoneId }: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace Faqs {
-    var get: (api: string, site: string, lang: string, path: string, zone: string) => Promise<string>;
-}
-export default Faqs;
-//# sourceMappingURL=faqs.d.ts.map

package/es/future/components/faqs/faqs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"faqs.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/faqs.tsx"],"names":[],"mappings":"AAUA,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAwB,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,KAAK,2CAyCzE;kBAzCuB,IAAI;mBA4CrB,MAAM,QACL,MAAM,QACN,MAAM,QACN,MAAM,QACN,MAAM;;eAhDU,IAAI"}

package/es/future/components/faqs/faqs.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import classNames from "classnames";
-import Zone from "ublo/zone";
-import { useUbloContext } from "ublo/with-ublo";
-import { parse } from "node-html-parser";
-import Config from "./config";
-import Editor from "./editor";
-import styles from "./faqs.module.css";
-import * as API from "./services/api";
-export default function Faqs({ className, faqs, faqUrl, faqZoneId }) {
-    const { cmsMode, zones } = useUbloContext();
-    const defaultConfig = JSON.parse(zones["faqs-config"] || "[]");
-    const [config, setConfig] = React.useState(defaultConfig);
-    const classes = classNames(styles.faqs, className);
-    const parsedFaqs = parse(faqs);
-    const selector = config.map((uuid) => `[data-uuid="${uuid}"]`).join(",");
-    const currentFaqs = parsedFaqs
-        .querySelectorAll(selector)
-        .map((faq) => faq.outerHTML)
-        .join("");
-    return (_jsxs("div", { className: classes, children: [_jsx(Config, { config: config }), _jsxs("div", { className: styles.inner, children: [_jsx(Zone, { id: "faqs-title", className: styles.title, tooltip: "Zone d'\u00E9dition : Titre des faqs", section: "title-2,title-3,title-4,rich-text" }), cmsMode === "editing" ? (_jsx(Editor, { currentFaqs: currentFaqs, faqUrl: faqUrl, faqZoneId: faqZoneId, config: config, setConfig: setConfig })) : (_jsx("div", { className: styles.content, dangerouslySetInnerHTML: { __html: currentFaqs } }))] })] }));
-}
-Faqs.get = (api, site, lang, path, zone) => {
-    return API.get(api, site, lang, path, zone);
-};

package/es/future/components/faqs/faqs.module.css

@@ -1,12 +0,0 @@
-.faqs {
-  padding: 46px 0 66px;
-  background-color: var(--ds-grey-100, #f8f8f8);
-}
-
-.inner {
-  width: min(calc(100% - 20px), 800px);
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  margin: 0 auto;
-}

package/es/future/components/faqs/index.d.ts

@@ -1,3 +0,0 @@
-import Faqs from "./faqs";
-export default Faqs;
-//# sourceMappingURL=index.d.ts.map

package/es/future/components/faqs/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/future/components/faqs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,eAAe,IAAI,CAAC"}

package/es/future/components/faqs/index.js

@@ -1,2 +0,0 @@
-import Faqs from "./faqs";
-export default Faqs;

package/es/future/components/faqs/services/api.d.ts

@@ -1,2 +0,0 @@
-export declare function get(api: string, site: string, lang: string, path: string, zone: string): Promise<string>;
-//# sourceMappingURL=api.d.ts.map

package/es/future/components/faqs/services/api.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/faqs/services/api.ts"],"names":[],"mappings":"AAEA,wBAAsB,GAAG,CACvB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE,MAAM,mBAGb"}

package/es/future/components/faqs/services/api.js

@@ -1,4 +0,0 @@
-import { fetchZone } from "ublo/fetcher";
-export async function get(api, site, lang, path, zone) {
-    return fetchZone(api, site, lang, path, zone);
-}