ublo-lib 1.38.34 → 1.38.36

package/es/common/components/editable-map/editable-map.module.css

@@ -140,7 +140,7 @@ button.resetCenter:hover {
 
 .map :global(.leaflet-tooltip) {
   padding: 10px 16px;
-  font-size: 16px;
+  font-size: 15px;
   font-weight: 700;
   font-family: inherit;
   text-shadow: -1px 0px 1px white, 0px -1px 1px white, 1px 0px 1px white,

package/es/common/components/editable-map/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/index.js"],"names":[],"mappings":"AAQA;;;gEAkFC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/editable-map/index.js"],"names":[],"mappings":"AAQA;;;gEAgFC"}

package/es/common/components/editable-map/index.js

@@ -40,13 +40,11 @@ export default function EditableMap({ iconSet = "esf", hideSlopes }) {
         }, 200);
     }, [lang, path, refreshKey]);
     React.useEffect(() => {
-        if (formats.some((format) => format.isInZone)) {
-            window.addEventListener("ublo-content-saved", reloadWindow);
-            return () => {
-                window.addEventListener("ublo-content-saved", reloadWindow);
-            };
-        }
-    }, [formats]);
+        window.addEventListener("ublo-content-saved", refreshEditableMap);
+        return () => {
+            window.addEventListener("ublo-content-saved", refreshEditableMap);
+        };
+    }, []);
     React.useEffect(() => {
         const zones = Array.from(document.querySelectorAll(".cms"));
         zones.forEach((zone) => {
@@ -67,6 +65,3 @@ export default function EditableMap({ iconSet = "esf", hideSlopes }) {
     });
     return formats.map((format) => ReactDOM.createPortal(_jsx(Map, { format: format, iconSet: iconSet, hideSlopes: hideSlopes }), format.element));
 }
-function reloadWindow() {
-    window.location.reload();
-}

package/es/esf/components/espace-prive/admin/client-links.d.ts

@@ -0,0 +1,2 @@
+export default function ClientLinks(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=client-links.d.ts.map

package/es/esf/components/espace-prive/admin/client-links.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-links.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/client-links.js"],"names":[],"mappings":"AAUA,+EA2DC"}

package/es/esf/components/espace-prive/admin/client-links.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import * as Services from "../services/links";
+import LinkRow from "./link-row";
+import LinkForm from "./link-form";
+import Config from "./config";
+import Message from "../message";
+import { useContext } from "../context";
+import styles from "./client-links.module.css";
+export default function ClientLinks() {
+    const { path, config } = useUbloContext();
+    const { domains } = config;
+    const { apiURL, partnerID, cmsToken } = useContext();
+    const relativeURL = `https://${domains.fr}${path}`;
+    const [links, setLinks] = React.useState([]);
+    const getExistingLinks = React.useCallback(async () => {
+        const existingLinks = await Services.getLinks(apiURL, partnerID, cmsToken);
+        setLinks(existingLinks);
+    }, [apiURL, partnerID, cmsToken]);
+    React.useEffect(() => {
+        getExistingLinks();
+    }, [getExistingLinks]);
+    const onDeleteLink = async (id) => {
+        try {
+            await Services.deleteLink(apiURL, id, cmsToken);
+            setLinks((prevState) => prevState.filter((link) => link.id !== id));
+        }
+        catch (e) {
+            console.error(e);
+        }
+    };
+    return (_jsxs("div", { className: styles.container, children: [links.length > 0 && (_jsxs("table", { className: styles.table, children: [_jsx("thead", { className: styles.head, children: _jsxs("tr", { children: [_jsx("th", { className: styles.cell, scope: "col", children: _jsx(Message, { id: "table-head-emails" }) }), _jsx("th", { className: styles.cell, scope: "col", children: _jsx(Message, { id: "table-head-links" }) }), _jsx("th", { className: styles.cell, scope: "col", children: _jsx(Message, { id: "table-head-actions" }) })] }) }), _jsx("tbody", { children: links.map((link, i) => (_jsx(LinkRow, { path: relativeURL, onDelete: () => onDeleteLink(link.id), ...link }, i))) })] })), _jsx(LinkForm, { path: relativeURL, getExistingLinks: getExistingLinks }), _jsx(Config, {})] }));
+}

package/es/esf/components/espace-prive/admin/client-links.module.css

@@ -0,0 +1,42 @@
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: 30px;
+  width: 100%;
+  min-width: 320px;
+  max-width: 1080px;
+  margin: 0 auto 20px auto;
+}
+
+.wrapper {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+
+.table {
+  display: block;
+  table-layout: fixed;
+  width: 100%;
+  margin-top: 20px;
+  border-collapse: collapse;
+  letter-spacing: 1px;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+.head {
+  position: sticky;
+  top: -1px;
+  background-color: var(--ds-grey-200, #ededed);
+  z-index: 2;
+}
+
+.cell {
+  padding: 8px 10px;
+  width: 100%;
+}
+
+.cell:last-of-type {
+  text-align: center;
+}

package/es/esf/components/espace-prive/admin/config-field.d.ts

@@ -0,0 +1,4 @@
+export default function ConfigField({ isReplyTo }: {
+    isReplyTo: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config-field.d.ts.map

package/es/esf/components/espace-prive/admin/config-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-field.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/config-field.js"],"names":[],"mappings":"AAYA;;4CAwEC"}

package/es/esf/components/espace-prive/admin/config-field.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import Input from "dt-design-system/es/input";
+import Button from "dt-design-system/es/button";
+import Loader from "dt-design-system/es/loader";
+import { useSnackbar } from "dt-design-system/es/snackbar";
+import Message, { message } from "../message";
+import { snackbarMessage } from "../utils/snackbar-message";
+import * as Services from "../services/config";
+import { useContext } from "../context";
+import styles from "./config-field.module.css";
+export default function ConfigField({ isReplyTo }) {
+    const [isLoading, setIsLoading] = React.useState(false);
+    const { lang } = useUbloContext();
+    const { apiURL, site, partnerID, intermediary, setIntermediary, replyTo, setReplyTo, cmsToken, } = useContext();
+    const snackbar = useSnackbar();
+    const updateIntermediary = async (e) => {
+        e.preventDefault();
+        setIsLoading(true);
+        try {
+            const inputValue = e.target.elements[0].value;
+            if (!isReplyTo) {
+                await Services.setIntermediary(apiURL, site, partnerID, inputValue, cmsToken);
+                setIntermediary(inputValue);
+            }
+            else {
+                await Services.setReplyTo(apiURL, site, partnerID, inputValue, cmsToken);
+                setReplyTo(inputValue);
+            }
+            snackbarMessage(snackbar, lang, "snackbar-content-saved", "success");
+        }
+        catch (e) {
+            console.error(e);
+            snackbarMessage(snackbar, lang, "snackbar-error", "error");
+        }
+        setIsLoading(false);
+    };
+    const label = isReplyTo ? "label-reply-to-input" : "label-intermediary-input";
+    return (_jsxs("form", { className: styles.wrapper, onSubmit: updateIntermediary, children: [_jsx(Input, { type: "text", className: styles.input, label: message(lang, label), defaultValue: isReplyTo ? replyTo : intermediary, autoFocus: !isReplyTo, required: true }, isReplyTo ? replyTo : intermediary), _jsxs(Button, { type: "submit", className: styles.button, "data-loading": isLoading, disabled: isLoading, children: [_jsx(Message, { id: "button-modify" }), isLoading && _jsx(Loader, { className: styles.loader })] })] }));
+}

package/es/esf/components/espace-prive/admin/config-field.module.css

@@ -0,0 +1,30 @@
+.wrapper {
+  display: flex;
+  align-items: flex-end;
+  gap: 20px;
+  width: 100%;
+}
+
+.input {
+  min-width: 200px;
+}
+
+@media (min-width: 530px) {
+  .input {
+    min-width: 300px;
+  }
+}
+
+.input input {
+  background-color: var(--ds-grey-000, #fff);
+}
+
+.button[data-loading="true"] {
+  color: transparent;
+}
+
+.loader {
+  --ds-loader-spinner-size: 14px;
+  --ds-loader-thickness: 3px;
+  position: absolute;
+}

package/es/esf/components/espace-prive/admin/config.d.ts

@@ -0,0 +1,2 @@
+export default function Config(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=config.d.ts.map

package/es/esf/components/espace-prive/admin/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/config.js"],"names":[],"mappings":"AASA,0EAkCC"}

package/es/esf/components/espace-prive/admin/config.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import Button from "dt-design-system/es/button";
+import Tooltip from "dt-design-system/es/tooltip";
+import * as Icons from "dt-design-system/es/icons";
+import ConfigField from "./config-field";
+import MailTemplate from "./mail-template";
+import Message from "../message";
+import styles from "./config.module.css";
+export default function Config() {
+    const [isOpened, setIsOpened] = React.useState(false);
+    const toggleOpened = () => {
+        setIsOpened((prev) => !prev);
+    };
+    const message = isOpened ? "hide-config" : "show-config";
+    return (_jsxs("div", { className: styles.config, "data-opened": isOpened, children: [_jsx("div", { className: styles.head, children: _jsx(Tooltip, { content: _jsx(Message, { id: message }), children: _jsxs(Button, { className: styles.button, variant: "transparent", onClick: toggleOpened, children: [_jsx("h1", { className: styles.title, children: "Configuration" }), _jsx(Icons.ChevronDown, {})] }) }) }), isOpened && (_jsxs(_Fragment, { children: [_jsx(ConfigField, {}), _jsx("div", { className: styles.divider }), _jsx(ConfigField, { isReplyTo: true }), _jsx("div", { className: styles.divider }), _jsx(MailTemplate, {})] }))] }));
+}

package/es/esf/components/espace-prive/admin/config.module.css

@@ -0,0 +1,40 @@
+.config {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+.head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background-color: var(--ds-grey-000, #fff);
+  padding: 10px;
+  border-radius: var(--ds-radius-200, 4px);
+}
+
+.title {
+  font-size: 24px;
+  font-weight: 600;
+}
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+}
+
+.button svg {
+  width: 20px;
+  height: 20px;
+  transition: transform 240ms;
+}
+
+.config[data-opened="true"] .button svg {
+  transform: rotate(-180deg);
+}
+
+.divider {
+  height: 1px;
+  background-color: var(--ds-grey-200, #e0e0e0);
+}

package/es/esf/components/espace-prive/admin/link-form.d.ts

@@ -0,0 +1,5 @@
+export default function LinkForm({ path, getExistingLinks }: {
+    path: any;
+    getExistingLinks: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link-form.d.ts.map

package/es/esf/components/espace-prive/admin/link-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-form.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/link-form.js"],"names":[],"mappings":"AAoBA;;;4CAqKC"}

package/es/esf/components/espace-prive/admin/link-form.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import getConfig from "next/config";
+import { useUbloContext } from "ublo/with-ublo";
+import Button from "dt-design-system/es/button";
+import Checkbox from "dt-design-system/es/checkbox";
+import TextArea from "dt-design-system/es/textarea";
+import Dialog from "dt-design-system/es/dialog";
+import Loader from "dt-design-system/es/loader";
+import { useSnackbar } from "dt-design-system/es/snackbar";
+import { snackbarMessage } from "../utils/snackbar-message";
+import Message, { message } from "../message";
+import { constructLink } from "../utils/construct-link";
+import { useContext } from "../context";
+import * as Services from "../services/links";
+import * as Mails from "../services/mail";
+import styles from "./link-form.module.css";
+const { publicRuntimeConfig } = getConfig();
+const { siteName } = publicRuntimeConfig;
+export default function LinkForm({ path, getExistingLinks }) {
+    const formRef = React.useRef(null);
+    const mailRef = React.useRef(null);
+    const templateRef = React.useRef(null);
+    const checkRef = React.useRef(null);
+    const snackbar = useSnackbar();
+    const { lang, site } = useUbloContext();
+    const { apiURL, partnerID, cmsToken, replyTo, mailTemplate } = useContext();
+    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const onSubmit = (e) => {
+        const checked = checkRef.current?.firstChild?.checked;
+        const mailInput = mailRef.current?.querySelector("textarea");
+        const template = templateRef.current?.querySelector("textarea")?.value;
+        e.preventDefault();
+        const mails = mailInput?.value
+            .split("\n")
+            .map((mail) => mail.trim())
+            .filter(Boolean);
+        if (!checkMailsPattern(mails)) {
+            snackbarMessage(snackbar, lang, "mail-pattern-error", "error");
+            setIsLoading(false);
+            return;
+        }
+        if (checked && !isDialogOpen) {
+            setIsDialogOpen(true);
+        }
+        else {
+            submitForm(mails, checked, template, mailInput);
+        }
+    };
+    const closeDialog = () => setIsDialogOpen(false);
+    const submitForm = async (mails, checked, template, mailInput) => {
+        setIsLoading(true);
+        const chunckSize = 30;
+        const chunks = [];
+        for (let i = 0; i < mails.length; i += chunckSize) {
+            chunks.push(mails.slice(i, i + chunckSize));
+        }
+        const errors = [];
+        for (const chunk of chunks) {
+            await Promise.all(chunk.map(async (mail) => {
+                try {
+                    const hash = await Services.createLink(apiURL, mail, partnerID, site, cmsToken);
+                    if (hash && checked) {
+                        const link = constructLink(path, hash);
+                        const mailSent = await Mails.sendMail(apiURL, siteName, mail, replyTo, template, link, cmsToken);
+                        snackbarMessage(snackbar, lang, "snackbar-links-sent", "success");
+                        return mailSent;
+                    }
+                    else {
+                        snackbarMessage(snackbar, lang, "snackbar-links-created", "success");
+                        return hash;
+                    }
+                }
+                catch (e) {
+                    console.error(`Failed to create link for ${mail}:`, e);
+                    errors.push({ mail, error: e });
+                    return null;
+                }
+            }));
+        }
+        if (errors.length > 0) {
+            console.error("Some problems were encountered:", errors);
+            snackbarMessage(snackbar, lang, "snackbar-links-error", "error");
+        }
+        mailInput.value = "";
+        setIsLoading(false);
+        getExistingLinks();
+        if (checked)
+            closeDialog();
+    };
+    return (_jsxs("form", { ref: formRef, className: styles.wrapper, onSubmit: onSubmit, children: [_jsx(TextArea, { ref: mailRef, type: "email", autoFocus: true, className: styles.input, label: message(lang, "link-textarea-label"), placeholder: message(lang, "link-input-placeholder"), required: true }), _jsxs("div", { className: styles.buttons, children: [_jsx(Checkbox, { ref: checkRef, className: styles.checkbox, label: message(lang, "send-email"), defaultChecked: true }), _jsxs(Button, { className: styles.button, type: "submit", disabled: isLoading, "data-loading": isLoading, children: [_jsx(Message, { id: "links-form-submit" }), isLoading && _jsx(Loader, { className: styles.loader })] })] }), _jsxs(Dialog, { className: styles.dialog, isOpened: isDialogOpen, close: closeDialog, showAsModal: false, children: [_jsx(Message, { id: "mail-text" }), _jsx(TextArea, { ref: templateRef, type: "text", autoFocus: true, className: styles.text, defaultValue: mailTemplate, required: true }), _jsxs("div", { className: styles.buttons, children: [_jsx(Button, { variant: "secondary", onClick: closeDialog, children: _jsx(Message, { id: "cancel-button" }) }), _jsxs(Button, { className: styles.button, variant: "success", onClick: onSubmit, disabled: isLoading, "data-loading": isLoading, children: [_jsx(Message, { id: "send-mail-button" }), isLoading && _jsx(Loader, { className: styles.loader })] })] })] })] }));
+}
+function checkMailsPattern(mails) {
+    const pattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    return mails.every((mail) => pattern.test(mail.trim()));
+}

package/es/esf/components/espace-prive/admin/link-form.module.css

@@ -0,0 +1,60 @@
+.wrapper {
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  gap: 10px;
+}
+
+.input {
+  --ds-input-background: var(--ds-grey-000, #fff);
+  flex: 1 1 400px;
+}
+
+.input textarea {
+  max-width: 500px;
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+}
+
+/* .checkbox {
+  min-width: 120px;
+} */
+
+.button[data-loading="true"] {
+  color: transparent;
+}
+
+.loader {
+  --ds-loader-spinner-size: 14px;
+  --ds-loader-thickness: 3px;
+  position: absolute;
+}
+
+.dialog {
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+  width: 1000px;
+  height: 500px;
+  padding: 20px;
+}
+
+.text {
+  /* --ds-input-background: var(--ds-grey-000, #fff); */
+}
+
+.text textarea {
+  min-height: 330px;
+}
+
+.buttons {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}

package/es/esf/components/espace-prive/admin/link-row.d.ts

@@ -0,0 +1,7 @@
+export default function LinkRow({ path, email, hash, onDelete }: {
+    path: any;
+    email: any;
+    hash: any;
+    onDelete: any;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=link-row.d.ts.map

package/es/esf/components/espace-prive/admin/link-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-row.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/link-row.js"],"names":[],"mappings":"AAUA;;;;;4CAqEC"}

package/es/esf/components/espace-prive/admin/link-row.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import Tooltip from "dt-design-system/es/tooltip";
+import Button from "dt-design-system/es/button";
+import Dialog from "dt-design-system/es/dialog";
+import * as Icons from "dt-design-system/es/icons";
+import Message, { message } from "../message";
+import { constructLink } from "../utils/construct-link";
+import styles from "./link-row.module.css";
+export default function LinkRow({ path, email, hash, onDelete }) {
+    const { lang } = useUbloContext();
+    const [isDialogOpen, setIsDialogOpen] = React.useState(false);
+    const [copySuccess, setCopySuccess] = React.useState(false);
+    const link = constructLink(path, hash);
+    const copyLink = () => {
+        navigator.clipboard.writeText(link);
+        setCopySuccess(true);
+        setTimeout(() => {
+            setCopySuccess(false);
+        }, 1000);
+    };
+    const toggleDialog = () => setIsDialogOpen((prevState) => !prevState);
+    const confirmDelete = async () => {
+        await onDelete();
+        toggleDialog();
+    };
+    return (_jsxs("tr", { className: styles.row, children: [_jsx("th", { className: styles.cell, scope: "row", children: email }), _jsx("td", { className: styles.cell, children: _jsxs("div", { className: styles.linkWrapper, children: [_jsx("span", { className: styles.linkText, children: link }), _jsx(Tooltip, { content: message(lang, "hover-copy-button"), children: _jsx(Button, { variant: copySuccess ? "success" : "transparent", onClick: copyLink, children: copySuccess ? _jsx(Icons.Check, {}) : _jsx(Icons.Copy, {}) }) })] }) }), _jsx("td", { className: styles.cell, children: _jsx(Tooltip, { content: message(lang, "delete-button"), children: _jsx(Button, { className: styles.button, variant: "danger", onClick: toggleDialog, children: _jsx(Icons.Trash, {}) }) }) }), _jsxs(Dialog, { className: styles.dialog, isOpened: isDialogOpen, close: toggleDialog, showCloseButton: false, showAsModal: false, children: [_jsx(Message, { id: "confirm-delete-link" }), _jsxs("div", { className: styles.buttons, children: [_jsx(Button, { variant: "secondary", onClick: toggleDialog, children: _jsx(Message, { id: "cancel-button" }) }), _jsx(Button, { variant: "danger", onClick: confirmDelete, children: _jsx(Message, { id: "delete-button" }) })] })] })] }));
+}

package/es/esf/components/espace-prive/admin/link-row.module.css

@@ -0,0 +1,59 @@
+.linkWrapper {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  max-width: 100%;
+  max-width: 650px;
+  white-space: nowrap;
+  overflow: hidden;
+  margin: 0 auto;
+}
+
+.linkText {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.cell {
+  padding: 8px 10px;
+  width: 100%;
+}
+
+.cell:last-of-type {
+  text-align: center;
+}
+
+.row:nth-of-type(odd) {
+  background-color: var(--ds-grey-000, #fff);
+}
+
+.row > svg {
+  width: 20px;
+  height: 20px;
+  cursor: pointer;
+}
+
+.button {
+  margin: 0 auto;
+}
+
+.dialog {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 20px;
+  width: 400px;
+  height: 200px;
+  padding: 20px;
+}
+
+.buttons {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  margin-left: auto;
+}

package/es/esf/components/espace-prive/admin/mail-template.d.ts

@@ -0,0 +1,2 @@
+export default function MailTemplate(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=mail-template.d.ts.map

package/es/esf/components/espace-prive/admin/mail-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mail-template.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/admin/mail-template.js"],"names":[],"mappings":"AAYA,gFA+CC"}

package/es/esf/components/espace-prive/admin/mail-template.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useUbloContext } from "ublo/with-ublo";
+import TextArea from "dt-design-system/es/textarea";
+import { useSnackbar } from "dt-design-system/es/snackbar";
+import Loader from "dt-design-system/es/loader";
+import Button from "dt-design-system/es/button";
+import Message, { message } from "../message";
+import * as Config from "../services/config";
+import { useContext } from "../context";
+import { snackbarMessage } from "../utils/snackbar-message";
+import styles from "./mail-template.module.css";
+export default function MailTemplate() {
+    const snackbar = useSnackbar();
+    const [isLoading, setIsLoading] = React.useState(false);
+    const { lang } = useUbloContext();
+    const { apiURL, cmsToken, site, partnerID, mailTemplate, setMailTemplate } = useContext();
+    const modifyTemplate = async (e) => {
+        e.preventDefault();
+        const text = e.target[0].value;
+        setIsLoading(true);
+        try {
+            await Config.setMailTemplate(apiURL, site, partnerID, text, cmsToken);
+            snackbarMessage(snackbar, lang, "snackbar-content-saved", "success");
+            setMailTemplate(text);
+        }
+        catch (error) {
+            console.error(error);
+            snackbarMessage(snackbar, lang, "snackbar-error", "error");
+        }
+        setIsLoading(false);
+    };
+    return (_jsxs("form", { className: styles.form, onSubmit: modifyTemplate, children: [_jsx(TextArea, { type: "text", className: styles.text, label: _jsx(Message, { id: "mail-template-label" }), placeholder: mailTemplate, defaultValue: mailTemplate || message(lang, "mail-template-placeholder"), required: true }, mailTemplate), _jsxs(Button, { className: styles.button, variant: "primary", "data-loading": isLoading, type: "submit", children: [_jsx(Message, { id: "button-modify" }), isLoading && _jsx(Loader, { className: styles.loader })] })] }));
+}

package/es/esf/components/espace-prive/admin/mail-template.module.css

@@ -0,0 +1,33 @@
+.form {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.text textarea {
+  min-width: 200px;
+  min-height: 200px;
+  background-color: var(--ds-grey-000, #fff);
+}
+
+@media (min-width: 530px) {
+  .text textarea {
+    min-width: 400px;
+  }
+}
+
+@media (min-width: 992px) {
+  .text textarea {
+    min-width: 800px;
+  }
+}
+
+.button[data-loading="true"] {
+  color: transparent;
+}
+
+.loader {
+  --ds-loader-spinner-size: 14px;
+  --ds-loader-thickness: 3px;
+  position: absolute;
+}

package/es/esf/components/espace-prive/cart-link.d.ts

@@ -0,0 +1,2 @@
+export default function CartLink(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=cart-link.d.ts.map

package/es/esf/components/espace-prive/cart-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cart-link.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/cart-link.js"],"names":[],"mappings":"AAQA,4EAaC"}

package/es/esf/components/espace-prive/cart-link.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Link from "ublo/link";
+import * as Icons from "dt-design-system/es/icons";
+import Tooltip from "dt-design-system/es/tooltip";
+import { useUbloContext } from "ublo/with-ublo";
+import { message } from "./message";
+import { useContext } from "./context";
+import styles from "./cart-link.module.css";
+export default function CartLink() {
+    const { lang } = useUbloContext();
+    const { partnerID } = useContext();
+    const href = `/espace-prive/${partnerID}/panier`;
+    return (_jsx(Tooltip, { content: message(lang, "go-to-cart"), children: _jsx(Link, { href: href, className: styles.link, children: _jsx(Icons.ShoppingCart, {}) }) }));
+}

package/es/esf/components/espace-prive/cart-link.module.css

@@ -0,0 +1,2 @@
+.link {
+}