ublo-lib 1.24.4 → 1.25.1

package/es/common/components/cross-selling-editor/tester.module.css

@@ -0,0 +1,106 @@
+.tester {
+  flex: 1 1 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 16px 26px;
+  background-color: var(--ds-grey-100, #f8f8f8);
+}
+
+.content {
+  width: 100%;
+  max-width: 1200px;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  display: flex;
+}
+
+.title {
+  align-self: flex-start;
+  display: flex;
+  align-items: center;
+  gap: 3px;
+  font-weight: 700;
+  color: var(--ds-black, #262626);
+  border-radius: var(--ds-snackbar-radius, var(--ds-radius-200, 8px));
+}
+
+.popover {
+  max-width: 220px;
+  color: var(--ds-grey-500, #7c7b7b);
+  font-size: var(--ds-label-font-size, 13px);
+}
+
+.header {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: -10px;
+}
+
+.headerTitle {
+  font-size: 13px;
+}
+
+.stay {
+  display: flex;
+  gap: 10px;
+}
+
+.input {
+  --ds-input-background: var(--ds-grey-000, #fff);
+}
+
+.activeOverridesTitle {
+  font-size: 13px;
+}
+
+.activeOverride {
+  margin-right: 4px;
+  padding: 3px;
+  font-size: 12px;
+  font-weight: 700;
+  color: var(--ds-grey-000, #fff);
+  background-color: var(--ds-secondary, var(--ds-blue-400, #0038ff));
+  border-radius: var(--ds-radius-100, 4px);
+}
+
+.noActiveOverride {
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.tunnelOffers {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+  gap: 12px;
+  gap: 8px;
+}
+
+.offers {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 12px;
+}
+
+.offer {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.offer,
+.offer * {
+  pointer-events: none !important;
+}
+
+.offerTitle {
+  font-size: 14px;
+  font-weight: 700;
+}
+
+.offerWeight {
+  font-size: 12px;
+  font-weight: 400;
+}

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

@@ -0,0 +1 @@
+export {};

package/es/common/components/custom-contact-form/custom-contact-form.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import classNames from "classnames";
 import { useUbloContext } from "ublo/with-ublo";
@@ -11,82 +10,155 @@ import * as DTIcons from "dt-design-system/es/icons";
 import * as Plausible from "../plausible";
 import { getInitialFormState, getSettings, send } from "./utils";
 import css from "./custom-contact-form.module.css";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 export default React.memo(CustomContactFormWithSnackbar);
 function CustomContactFormWithSnackbar(props) {
-    return (_jsx(SnackbarProvider, { children: _jsx(CustomContactForm, { ...props }) }));
+  return _jsx(SnackbarProvider, {
+    children: _jsx(CustomContactForm, {
+      ...props
+    })
+  });
 }
-function CustomContactForm({ kind, title, fields, presets, className, innerClassName, subject, onSubmit, customSend, sendButtonText, }) {
-    const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
-    const [sending, setSending] = React.useState(false);
-    const [ready, setReady] = React.useState(false);
-    const [settings, setSettings] = React.useState();
-    const { lang, config } = useUbloContext();
-    const { site } = config;
-    const snackbar = useSnackbar();
-    const isFormValid = Object.keys(data).every((key) => data[key].valid);
-    const sendForm = async () => {
-        setSending(true);
-        const sendFunction = customSend || send;
-        const { message, error } = await sendFunction({
-            site,
-            data,
-            fields,
-            subjectPrefix: subject?.prefix,
-            subjectSuffix: subject?.suffix,
-            kind,
-        });
-        if (error) {
-            // @ts-ignore
-            snackbar.show({ type: "error", message: error });
-        }
-        else {
-            // @ts-ignore
-            snackbar.show({ type: "success", message: Messages.get(lang, "sent") });
-            Plausible.sendGoal("Contact-us (other requests)");
-            setData((currentData) => getInitialFormState(fields, undefined, currentData.subject?.value));
-            resetForm();
-        }
-        setSending(false);
-        onSubmit?.({ data, message, error });
-    };
-    const resetForm = () => {
-        presets?.setter?.(undefined);
-        setData((currentData) => getInitialFormState(fields, undefined, currentData.subject?.value));
-    };
-    const blurForm = () => {
-        const activeElement = document.activeElement;
-        if (activeElement) {
-            activeElement.blur();
-        }
-    };
-    React.useEffect(() => {
-        if (!ready && !settings) {
-            const init = async () => {
-                if (typeof customSend === "function") {
-                    setReady(true);
-                    setSettings({});
-                    return;
-                }
-                const formSettings = await getSettings(site);
-                setSettings(formSettings);
-                setReady(true);
-            };
-            init();
-        }
-    }, [customSend, ready, settings, site]);
-    React.useEffect(() => {
-        setData((currentData) => getInitialFormState(fields, presets?.values, currentData.subject?.value));
-    }, [fields, presets?.values]);
-    const classes = classNames(css.root, className);
-    const innerClasses = classNames(css.inner, {
-        [innerClassName]: innerClassName,
+function CustomContactForm({
+  kind,
+  title,
+  fields,
+  presets,
+  className,
+  innerClassName,
+  subject,
+  onSubmit,
+  customSend,
+  sendButtonText
+}) {
+  const [data, setData] = React.useState(getInitialFormState(fields, presets?.values));
+  const [sending, setSending] = React.useState(false);
+  const [ready, setReady] = React.useState(false);
+  const [settings, setSettings] = React.useState();
+  const {
+    lang,
+    config
+  } = useUbloContext();
+  const {
+    site
+  } = config;
+  const snackbar = useSnackbar();
+  const isFormValid = Object.keys(data).every(key => data[key].valid);
+  const sendForm = async () => {
+    setSending(true);
+    const sendFunction = customSend || send;
+    const {
+      message,
+      error
+    } = await sendFunction({
+      site,
+      data,
+      fields,
+      subjectPrefix: subject?.prefix,
+      subjectSuffix: subject?.suffix,
+      kind
     });
-    const showSendingOverlay = !!settings?.attachmentAllowed && sending;
-    if (!ready)
-        return null;
-    if (ready && !settings) {
-        return (_jsx("div", { className: css.root, children: Messages.get(lang, "NO_SETTINGS_FOUND") }));
+    if (error) {
+      snackbar.show({
+        type: "error",
+        message: error
+      });
+    } else {
+      snackbar.show({
+        type: "success",
+        message: Messages.get(lang, "sent")
+      });
+      Plausible.sendGoal("Contact-us (other requests)");
+      setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
+      resetForm();
     }
-    const formKey = presets ? JSON.stringify(presets.values) : undefined;
-    return (_jsxs("div", { className: classes, children: [title && _jsx("div", { className: css.title, children: title }), _jsx("div", { className: innerClasses, children: Object.keys(fields).map((key) => (_jsx(Field, { kind: kind, name: key, field: fields[key], data: data, setData: setData, settings: settings, presets: presets }, key))) }), _jsxs("div", { className: css.bottom, children: [presets?.allowReset && (_jsx(Button, { className: css.resetButton, disabled: sending, onClick: resetForm, children: Messages.get(lang, "reset") })), _jsxs(Button, { className: css.submitButton, disabled: !isFormValid || sending, onClick: sendForm, onPointerEnter: blurForm, children: [sendButtonText || Messages.get(lang, "send"), _jsx(DTIcons.Mail, {})] })] }), showSendingOverlay && (_jsxs("div", { className: css.sendingOverlay, children: [_jsx(Icons.Spinner, { className: css.sendingIcon }), _jsx("span", { className: css.sendingMessage, children: Messages.get(lang, "sending") })] }))] }, formKey));
-}
+    setSending(false);
+    onSubmit?.({
+      data,
+      message,
+      error
+    });
+  };
+  const resetForm = () => {
+    presets?.setter?.(undefined);
+    setData(currentData => getInitialFormState(fields, undefined, currentData.subject?.value));
+  };
+  const blurForm = () => {
+    const activeElement = document.activeElement;
+    if (activeElement) {
+      activeElement.blur();
+    }
+  };
+  React.useEffect(() => {
+    if (!ready && !settings) {
+      const init = async () => {
+        if (typeof customSend === "function") {
+          setReady(true);
+          setSettings({});
+          return;
+        }
+        const formSettings = await getSettings(site);
+        setSettings(formSettings);
+        setReady(true);
+      };
+      init();
+    }
+  }, [customSend, ready, settings, site]);
+  React.useEffect(() => {
+    setData(currentData => getInitialFormState(fields, presets?.values, currentData.subject?.value));
+  }, [fields, presets?.values]);
+  const classes = classNames(css.root, className);
+  const innerClasses = classNames(css.inner, {
+    [innerClassName]: innerClassName
+  });
+  const showSendingOverlay = !!settings?.attachmentAllowed && sending;
+  if (!ready) return null;
+  if (ready && !settings) {
+    return _jsx("div", {
+      className: css.root,
+      children: Messages.get(lang, "NO_SETTINGS_FOUND")
+    });
+  }
+  const formKey = presets ? JSON.stringify(presets.values) : undefined;
+  return _jsxs("div", {
+    className: classes,
+    children: [title && _jsx("div", {
+      className: css.title,
+      children: title
+    }), _jsx("div", {
+      className: innerClasses,
+      children: Object.keys(fields).map(key => _jsx(Field, {
+        kind: kind,
+        name: key,
+        field: fields[key],
+        data: data,
+        setData: setData,
+        settings: settings,
+        presets: presets
+      }, key))
+    }), _jsxs("div", {
+      className: css.bottom,
+      children: [presets?.allowReset && _jsx(Button, {
+        className: css.resetButton,
+        disabled: sending,
+        onClick: resetForm,
+        children: Messages.get(lang, "reset")
+      }), _jsxs(Button, {
+        className: css.submitButton,
+        disabled: !isFormValid || sending,
+        onClick: sendForm,
+        onPointerEnter: blurForm,
+        children: [sendButtonText || Messages.get(lang, "send"), _jsx(DTIcons.Mail, {})]
+      })]
+    }), showSendingOverlay && _jsxs("div", {
+      className: css.sendingOverlay,
+      children: [_jsx(Icons.Spinner, {
+        className: css.sendingIcon
+      }), _jsx("span", {
+        className: css.sendingMessage,
+        children: Messages.get(lang, "sending")
+      })]
+    })]
+  }, formKey);
+}

package/es/common/components/date-picker/calendar.js

@@ -141,7 +141,7 @@ function Calendar({
       const fetchAvailabilities = async () => {
         setStays(undefined);
         const bareStart = `${year}-${Utils.zeroPad(month, 2)}-01`;
-        const start = Utils.addDays(bareStart, -7);
+        const start = Utils.formatDate(Utils.addDays(bareStart, -7));
         const numberDays = hide2ndMonth ? 38 : 76;
         const {
           fetcher,