ublo-lib 1.31.43 → 1.31.44

package/es/common/components/cross-selling-editor/override-trigger-form.js

@@ -1,166 +0,0 @@
-import * as React from "react";
-import Input from "dt-design-system/es/input";
-import * as Icons from "dt-design-system/es/icons";
-import styles from "./override-trigger-form.module.css";
-import Select from "dt-design-system/es/select";
-import Tooltip from "dt-design-system/es/tooltip";
-import NumberPicker from "dt-design-system/es/number-picker";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function OverrideTriggerForm({
-  currentOffer,
-  override,
-  setConfig,
-  durations
-}) {
-  const triggers = override?.triggers || {};
-  const {
-    stayFrom,
-    stayTo,
-    stayDuration = 0,
-    merchant,
-    skiPassDuration,
-    skiPassDurationOperator = ">",
-    durationTag
-  } = triggers;
-  const updateEntry = (key, value) => {
-    setConfig((config = {}) => {
-      const itemConfig = config[currentOffer] || {};
-      const itemOverrides = itemConfig.overrides || [];
-      const newConfig = {
-        ...config,
-        [currentOffer]: {
-          ...itemConfig,
-          overrides: [...itemOverrides.map(o => {
-            if (o.id === override.id) {
-              const triggersConfig = o.triggers || {};
-              return {
-                ...o,
-                triggers: {
-                  ...triggersConfig,
-                  [key]: value
-                }
-              };
-            }
-            return o;
-          })]
-        }
-      };
-      return newConfig;
-    });
-  };
-  const submitForm = e => {
-    e.preventDefault();
-    e.stopPropagation();
-  };
-  const stopPropagation = e => {
-    e.stopPropagation();
-  };
-  const operatorOptions = [{
-    value: ">",
-    label: "Supérieur à"
-  }, {
-    value: ">=",
-    label: "Supérieur ou égal à"
-  }, {
-    value: "<",
-    label: "Inférieur à"
-  }, {
-    value: "<=",
-    label: "Inférieur ou égal à"
-  }, {
-    value: "=",
-    label: "Égal à"
-  }];
-  return _jsxs("form", {
-    className: styles.form,
-    onSubmit: submitForm,
-    onClick: stopPropagation,
-    children: [_jsx("div", {
-      className: styles.title,
-      children: "D\xE9clencheur(s)"
-    }), _jsx("div", {
-      className: styles.subTitle,
-      children: "S\xE9jour"
-    }), _jsx(Input, {
-      className: styles.input,
-      type: "date",
-      label: "Inclu entre",
-      value: stayFrom || "",
-      onValueChange: value => updateEntry("stayFrom", value),
-      compact: true
-    }), _jsx(Input, {
-      className: styles.input,
-      type: "date",
-      label: "et",
-      value: stayTo || "",
-      onValueChange: value => updateEntry("stayTo", value),
-      compact: true
-    }), _jsx(NumberPicker, {
-      label: _jsxs(_Fragment, {
-        children: ["Nombre de jour(s)", _jsx(Tooltip, {
-          content: "S\xE9jour d'une dur\xE9e sup\xE9rieur ou \xE9gal \xE0...",
-          children: _jsx("span", {
-            className: styles.labelIconContainer,
-            children: _jsx(Icons.Info, {
-              className: styles.labelIcon
-            })
-          })
-        })]
-      }),
-      min: 0,
-      max: 40,
-      value: stayDuration || 0,
-      onChange: value => updateEntry("stayDuration", value),
-      withInput: true,
-      compact: true
-    }), _jsx("div", {
-      className: styles.subTitle,
-      children: "G\xE9n\xE9ral"
-    }), _jsx(Input, {
-      className: styles.input,
-      label: _jsxs(_Fragment, {
-        children: ["Code(s) marchand(s)", _jsx(Tooltip, {
-          content: "Si plusieurs codes marchands, les s\xE9parer par une virgule",
-          children: _jsx("span", {
-            className: styles.labelIconContainer,
-            children: _jsx(Icons.Info, {
-              className: styles.labelIcon
-            })
-          })
-        })]
-      }),
-      value: merchant || "",
-      onValueChange: value => updateEntry("merchant", value),
-      compact: true
-    }), _jsx("div", {
-      className: styles.subTitle,
-      children: "Forfaits"
-    }), _jsx(NumberPicker, {
-      className: styles.input,
-      label: "Dur\xE9e",
-      min: 0,
-      max: 40,
-      value: skiPassDuration || 0,
-      onChange: value => updateEntry("skiPassDuration", value),
-      withInput: true,
-      compact: true
-    }), _jsx(Select, {
-      className: styles.input,
-      label: "Op\xE9rateur de comparaison",
-      options: operatorOptions,
-      value: skiPassDurationOperator || ">",
-      onValueChange: value => updateEntry("skiPassDurationOperator", value),
-      compact: true
-    }), durations && _jsx(Select, {
-      className: styles.input,
-      label: durations?.title,
-      placeholder: " ",
-      options: durations?.tags,
-      value: durationTag || "",
-      onValueChange: value => updateEntry("durationTag", value),
-      compact: true
-    })]
-  });
-}

package/es/common/components/cross-selling-editor/override.js

@@ -1,167 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Popover from "dt-design-system/es/popover";
-import Button from "dt-design-system/es/button";
-import Input from "dt-design-system/es/input";
-import Tooltip from "dt-design-system/es/tooltip";
-import * as Icons from "dt-design-system/es/icons";
-import OverrideTriggerForm from "./override-trigger-form";
-import styles from "./override.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Override({
-  index,
-  currentOffer,
-  overrides,
-  override,
-  currentOverride,
-  setCurrentOverride,
-  config,
-  setConfig,
-  closeCreationForm,
-  durations
-}) {
-  const [formOpen, setFormOpen] = React.useState(false);
-  const isFirst = index === 0;
-  const isLast = index === overrides.length - 1;
-  const toggleFormOpen = e => {
-    e.stopPropagation();
-    setFormOpen(formOpen => !formOpen);
-  };
-  const updateFormOpen = open => {
-    setFormOpen(open);
-  };
-  const updateCurrentOverride = () => {
-    const isSelected = currentOverride && override.id === currentOverride.id;
-    setCurrentOverride(isSelected ? null : override);
-    closeCreationForm();
-  };
-  const sort = direction => e => {
-    e.stopPropagation();
-    setConfig((config = {}) => {
-      const itemConfig = config[currentOffer] || {};
-      const itemOverrides = itemConfig.overrides || [];
-      const currentIndex = itemOverrides.findIndex(o => o.id === override.id);
-      const newIndex = direction === "up" ? currentIndex - 1 : currentIndex + 1;
-      const newOverrides = [...itemOverrides];
-      newOverrides.splice(currentIndex, 1);
-      newOverrides.splice(newIndex, 0, override);
-      const newConfig = {
-        ...config,
-        [currentOffer]: {
-          ...itemConfig,
-          overrides: newOverrides
-        }
-      };
-      return newConfig;
-    });
-  };
-  const removeOverride = () => {
-    if (currentOverride === override) {
-      setCurrentOverride(null);
-    }
-    setConfig((config = {}) => {
-      const itemConfig = config[currentOffer] || {};
-      const itemOverrides = itemConfig.overrides || [];
-      const newConfig = {
-        ...config,
-        [currentOffer]: {
-          ...itemConfig,
-          overrides: itemOverrides.filter(o => o.id !== override.id)
-        }
-      };
-      return newConfig;
-    });
-    closeCreationForm();
-  };
-  const stopPropagation = e => {
-    e.stopPropagation();
-  };
-  const updateOverrideName = e => {
-    e.stopPropagation();
-    const target = e.target;
-    const allOverrides = config[currentOffer].overrides;
-    const isADuplicate = allOverrides.some(o => o.name === target.value);
-    if (isADuplicate) {
-      e.preventDefault();
-    } else {
-      setConfig((config = {}) => {
-        const itemConfig = config[currentOffer] || {};
-        const itemOverrides = itemConfig.overrides || [];
-        const newConfig = {
-          ...config,
-          [currentOffer]: {
-            ...itemConfig,
-            overrides: itemOverrides.map(o => {
-              if (o.id === override.id) {
-                return {
-                  ...o,
-                  name: target.value
-                };
-              }
-              return o;
-            })
-          }
-        };
-        return newConfig;
-      });
-    }
-    closeCreationForm();
-  };
-  const classes = classNames(styles.override, {
-    [styles.current]: currentOverride && override.id === currentOverride.id
-  });
-  return _jsxs("div", {
-    className: classes,
-    onClick: updateCurrentOverride,
-    children: [_jsxs("div", {
-      className: styles.sortControls,
-      children: [_jsx(Button, {
-        variant: "transparent",
-        className: styles.sortControl,
-        disabled: isFirst,
-        onClick: sort("up"),
-        compact: true,
-        children: _jsx(Icons.ChevronUp, {})
-      }), _jsx(Button, {
-        variant: "transparent",
-        className: styles.sortControl,
-        disabled: isLast,
-        onClick: sort("down"),
-        compact: true,
-        children: _jsx(Icons.ChevronDown, {})
-      })]
-    }), _jsx(Input, {
-      className: styles.input,
-      value: override.name,
-      onChange: updateOverrideName,
-      onClick: stopPropagation,
-      onBlur: updateOverrideName,
-      compact: true
-    }), _jsx(Popover, {
-      trigger: _jsx(Button, {
-        className: styles.edit,
-        compact: true,
-        onClick: toggleFormOpen,
-        children: _jsx(Icons.Tune, {})
-      }),
-      open: formOpen,
-      onOpenChange: updateFormOpen,
-      children: _jsx(OverrideTriggerForm, {
-        currentOffer: currentOffer,
-        override: override,
-        setConfig: setConfig,
-        durations: durations
-      })
-    }), _jsx(Tooltip, {
-      content: "Supprimer",
-      children: _jsx(Button, {
-        className: styles.delete,
-        variant: "danger",
-        compact: true,
-        onClick: removeOverride,
-        children: _jsx(Icons.Bin, {})
-      })
-    })]
-  });
-}

package/es/common/components/cross-selling-editor/overrides-list.js

@@ -1,131 +0,0 @@
-import * as React from "react";
-import Button from "dt-design-system/es/button";
-import Collapsible from "dt-design-system/es/collapsible";
-import Popover from "dt-design-system/es/popover";
-import Input from "dt-design-system/es/input";
-import * as Icons from "dt-design-system/es/icons";
-import Override from "./override";
-import styles from "./overrides-list.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function OverridesList({
-  currentOffer,
-  overrides,
-  currentOverride,
-  setCurrentOverride,
-  config,
-  setConfig,
-  durations
-}) {
-  const [opened, setOpened] = React.useState(false);
-  const [newOverride, setNewOverride] = React.useState("");
-  const [creationFormOpened, setCreationFormOpened] = React.useState(false);
-  const hasOverrides = overrides.length > 0;
-  const newOverrideAlreadyExists = overrides.some(o => o.name === newOverride);
-  const newOverrideIsEmpty = newOverride.trim() === "";
-  const newOverrideIsInvalid = newOverrideAlreadyExists || newOverrideIsEmpty;
-  const error = newOverrideAlreadyExists && "Ce nom est déjà utilisé";
-  const closeCreationForm = () => {
-    setCreationFormOpened(false);
-  };
-  const toggleCreationForm = () => {
-    setCreationFormOpened(!creationFormOpened);
-  };
-  const createOverride = e => {
-    e.preventDefault();
-    e.stopPropagation();
-    setConfig((config = {}) => {
-      const itemConfig = config[currentOffer] || {};
-      const itemOverrides = itemConfig.overrides || [];
-      const newId = itemOverrides.length ? Math.max(...itemOverrides.map(({
-        id
-      }) => id)) + 1 : 0;
-      const newOverrideName = newOverride.trim();
-      const newConfig = {
-        ...config,
-        [currentOffer]: {
-          ...itemConfig,
-          overrides: [...itemOverrides, {
-            id: newId,
-            name: newOverrideName,
-            trigger: {},
-            rules: {}
-          }]
-        }
-      };
-      return newConfig;
-    });
-    setOpened(true);
-    setNewOverride("");
-    closeCreationForm();
-  };
-  const title = _jsxs("span", {
-    className: styles.title,
-    children: [overrides.length, " surcharges", _jsxs(Popover, {
-      className: styles.titlePopover,
-      trigger: _jsx(Button, {
-        variant: "transparent",
-        compact: true,
-        children: _jsx(Icons.Info, {})
-      }),
-      children: [_jsx("b", {
-        children: "Si plusieurs surcharges"
-      }), " correspondent au contenu du panier,", " ", _jsx("b", {
-        children: "seule la premi\xE8re est appliqu\xE9e"
-      }), ".", _jsx("br", {}), "Vous pouvez changer l'ordre des surcharges \xE0 l'aide des fl\xE8ches visibible \xE0 gauche de chaque surcharge au survol de ces derni\xE8res."]
-    })]
-  });
-  return _jsxs("div", {
-    className: styles.overrides,
-    children: [hasOverrides ? _jsx(Collapsible, {
-      title: title,
-      className: styles.collapsible,
-      compact: true,
-      open: opened,
-      toggleTooltip: "Afficher toutes les surcharges",
-      onOpenChange: setOpened,
-      hiddenContent: overrides.map((override, index) => {
-        return _jsx(Override, {
-          index: index,
-          currentOffer: currentOffer,
-          overrides: overrides,
-          override: override,
-          currentOverride: currentOverride,
-          setCurrentOverride: setCurrentOverride,
-          config: config,
-          setConfig: setConfig,
-          closeCreationForm: closeCreationForm,
-          durations: durations
-        }, override.id);
-      })
-    }) : null, _jsxs("div", {
-      className: styles.addOverride,
-      children: ["Ajouter une surcharge", " ", _jsx(Popover, {
-        className: styles.popover,
-        trigger: _jsx(Button, {
-          compact: true,
-          onClick: toggleCreationForm,
-          children: _jsx(Icons.Plus, {})
-        }),
-        open: creationFormOpened,
-        children: _jsxs("form", {
-          className: styles.createForm,
-          onSubmit: createOverride,
-          children: [_jsx(Input, {
-            placeholder: "Nom",
-            value: newOverride,
-            onValueChange: setNewOverride,
-            error: error,
-            compact: true,
-            autoFocus: true
-          }), _jsx(Button, {
-            className: styles.createSubmit,
-            type: "submit",
-            disabled: newOverrideIsInvalid,
-            children: "Ajouter"
-          })]
-        })
-      })]
-    })]
-  });
-}

package/es/common/components/cross-selling-editor/rule.js

@@ -1,105 +0,0 @@
-import * as React from "react";
-import classNames from "classnames";
-import Checkbox from "dt-design-system/es/checkbox";
-import NumberPicker from "dt-design-system/es/number-picker";
-import styles from "./rule.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Rule({
-  title,
-  uuid,
-  uuids,
-  currentOffer,
-  currentOverride,
-  config,
-  setConfig
-}) {
-  const defaultConfig = config[currentOffer]?.default;
-  const isDefault = currentOverride === null;
-  const override = isDefault ? defaultConfig : config[currentOffer]?.overrides?.find(o => o.id === currentOverride?.id);
-  const currentValue = override?.rules?.[uuid]?.weight || 0;
-  const currentHidden = override?.rules?.[uuid]?.hidden || false;
-  const updateConfig = (key, value) => {
-    setConfig((config = {}) => {
-      const itemConfig = config[currentOffer] || {};
-      const newValue = key === "hidden" ? !value : Number(value);
-      if (isDefault) {
-        const defaultRules = defaultConfig?.rules || {};
-        const newConfig = {
-          ...config,
-          [currentOffer]: {
-            ...itemConfig,
-            default: {
-              ...defaultConfig,
-              rules: {
-                ...defaultRules,
-                [uuid]: {
-                  ...defaultRules?.[uuid],
-                  [key]: newValue
-                }
-              }
-            }
-          }
-        };
-        return newConfig;
-      } else {
-        const itemOverrides = itemConfig.overrides || [];
-        const overrideConfig = itemOverrides.find(o => o.id === override.id);
-        const rulesConfig = overrideConfig?.rules || {};
-        const offerConfig = overrideConfig?.[uuid] || {};
-        const cleanedRulesConfig = Object.keys(rulesConfig).reduce((acc, key) => {
-          if (uuids.includes(key)) {
-            return {
-              ...acc,
-              [key]: rulesConfig[key]
-            };
-          }
-          return acc;
-        }, {});
-        const newConfig = {
-          ...config,
-          [currentOffer]: {
-            ...itemConfig,
-            overrides: [...itemOverrides.map(o => {
-              if (o.id === override.id) {
-                return {
-                  ...o,
-                  rules: {
-                    ...cleanedRulesConfig,
-                    [uuid]: {
-                      ...offerConfig,
-                      [key]: newValue
-                    }
-                  }
-                };
-              }
-              return o;
-            })]
-          }
-        };
-        return newConfig;
-      }
-    });
-  };
-  const classes = classNames(styles.rule, {
-    [styles.disabled]: currentHidden
-  });
-  return _jsxs("div", {
-    className: classes,
-    children: [_jsx(Checkbox, {
-      className: styles.checkbox,
-      checked: !currentHidden,
-      onCheckedChange: value => updateConfig("hidden", value)
-    }), _jsx("div", {
-      className: styles.title,
-      children: title
-    }), _jsx(NumberPicker, {
-      className: styles.valuePicker,
-      value: currentValue,
-      onChange: value => updateConfig("weight", value),
-      min: -10,
-      max: 10,
-      disabled: !currentOffer
-    })]
-  }, uuid);
-}

package/es/common/components/cross-selling-editor/rules.js

@@ -1,86 +0,0 @@
-import * as React from "react";
-import Select from "dt-design-system/es/select";
-import Popover from "dt-design-system/es/popover";
-import Button from "dt-design-system/es/button";
-import * as Icons from "dt-design-system/es/icons";
-import Rule from "./rule";
-import OverridesList from "./overrides-list";
-import * as Utils from "./services/utils";
-import styles from "./rules.module.css";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Rules({
-  container,
-  config,
-  setConfig,
-  tunnelOffers,
-  durations
-}) {
-  const [currentOffer, setCurrentOffer] = React.useState("");
-  const [currentOverride, setCurrentOverride] = React.useState(null);
-  const overrides = config[currentOffer]?.overrides || [];
-  const showOverrides = currentOffer && Utils.hasAllowedOverrides(currentOffer);
-  const sections = Array.from(container.querySelectorAll(".tunnel-offer"));
-  const uuids = sections.map(section => section.getAttribute("data-uuid"));
-  const updateCurrentOffer = newCurrentOffer => {
-    setCurrentOffer(newCurrentOffer);
-    setCurrentOverride(null);
-  };
-  const tunnelOptions = Object.keys(tunnelOffers).map(key => {
-    const label = tunnelOffers[key];
-    return {
-      value: key,
-      label
-    };
-  });
-  return _jsxs("div", {
-    className: styles.container,
-    children: [_jsxs("div", {
-      className: styles.title,
-      children: ["Configuration", _jsx(Popover, {
-        className: styles.popover,
-        trigger: _jsx(Button, {
-          variant: "transparent",
-          children: _jsx(Icons.Info, {})
-        }),
-        children: "La configuration vous permet de personnaliser l'ordre d'affichage des produits sugg\xE9r\xE9s dans le panier en fonction des produits pr\xE9sents dans le panier de l'utilisateur."
-      })]
-    }), _jsx("div", {
-      className: styles.explanation,
-      children: "Configurez les suggestions de produit en fonction du contenu du panier"
-    }), _jsx(Select, {
-      className: styles.select,
-      label: "Produit ajout\xE9 au panier",
-      placeholder: "S\xE9lectionnez un produit",
-      value: currentOffer,
-      options: tunnelOptions,
-      onValueChange: updateCurrentOffer
-    }), showOverrides && _jsx(OverridesList, {
-      currentOffer: currentOffer,
-      overrides: overrides,
-      currentOverride: currentOverride,
-      setCurrentOverride: setCurrentOverride,
-      config: config,
-      setConfig: setConfig,
-      durations: durations
-    }), currentOffer && _jsxs(_Fragment, {
-      children: [_jsx("div", {
-        className: styles.subTitle,
-        children: "Priorisation par types de produit"
-      }), sections.map(section => {
-        const uuid = section.getAttribute("data-uuid");
-        const title = section.querySelector(".tunnel-offer__title").textContent;
-        return _jsx(Rule, {
-          uuid: uuid,
-          uuids: uuids,
-          title: title,
-          currentOffer: currentOffer,
-          currentOverride: currentOverride,
-          config: config,
-          setConfig: setConfig
-        }, title);
-      })]
-    })]
-  });
-}