ublo-lib 1.39.24 → 1.39.26

package/es/common/components/admin-links/admin-links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admin-links.d.ts","sourceRoot":"","sources":["../../../../src/common/components/admin-links/admin-links.tsx"],"names":[],"mappings":"AAMA,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;CACpC,CAAC;AAeF,QAAA,MAAM,UAAU,oBAAqB,KAAK,4CA8EzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"admin-links.d.ts","sourceRoot":"","sources":["../../../../src/common/components/admin-links/admin-links.tsx"],"names":[],"mappings":"AAMA,KAAK,IAAI,GAAG;IACV,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,GAAG,CAAC,MAAM,IAAI,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;CACpC,CAAC;AAeF,QAAA,MAAM,UAAU,oBAAqB,KAAK,4CA2GzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/es/common/components/admin-links/admin-links.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { useUbloContext } from "ublo/with-ublo";
 import { loadFileManager } from "../../utils/file-manager";
@@ -9,6 +9,7 @@ const ToggleIcon = () => {
 const AdminLinks = ({ customLinks }) => {
     const { lang, cmsMode, config } = useUbloContext();
     const [open, setOpen] = React.useState(false);
+    const [subsOpen, setSubsOpen] = React.useState(false);
     const hasLangPrefix = config.langPrefix.links;
     const { plausibleLink } = config;
     const links = {
@@ -39,11 +40,20 @@ const AdminLinks = ({ customLinks }) => {
         },
         ...customLinks,
     };
-    return (_jsx("div", { className: styles.root, children: cmsMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.toggle, onClick: () => setOpen(!open), children: _jsx(ToggleIcon, {}) }), open && (_jsxs("div", { className: styles.links, children: [_jsx("div", { className: styles.linksTitle, children: "Liens utiles" }), Object.keys(links).map((key, i) => {
+    const handlePopups = () => {
+        if (open) {
+            setSubsOpen(false);
+            setOpen(false);
+        }
+        else {
+            setOpen(true);
+        }
+    };
+    return (_jsx("div", { className: styles.root, children: cmsMode && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.toggle, onClick: handlePopups, children: _jsx(ToggleIcon, {}) }), open && (_jsxs("div", { className: styles.links, children: [_jsx("div", { className: styles.linksTitle, children: "Liens utiles" }), Object.keys(links).map((key, i) => {
                             const link = links[key];
                             if (!link)
                                 return null;
-                            const { name, onClick, target } = link;
+                            const { name, onClick, target, subs } = link;
                             const isHrefValid = typeof onClick === "string" && onClick !== "";
                             const isFunction = typeof onClick === "function";
                             if (!isHrefValid && !isFunction) {
@@ -51,9 +61,16 @@ const AdminLinks = ({ customLinks }) => {
                             }
                             const Tag = isHrefValid ? "a" : "button";
                             const anchorProps = { href: onClick, target };
-                            const buttonProps = { onClick };
+                            const buttonProps = {
+                                onClick: subs
+                                    ? () => setSubsOpen((prevState) => !prevState)
+                                    : onClick,
+                            };
                             const props = isFunction ? buttonProps : anchorProps;
-                            return (_jsx(Tag, { className: styles.link, ...props, children: name }, i));
+                            return (_jsxs(_Fragment, { children: [_jsx(Tag, { className: styles.link, ...props, children: name }, i), subs && (_jsx("div", { className: styles.subsLinks, "data-opened": subsOpen, children: subs.map((sub, j) => {
+                                            const { name, path } = sub;
+                                            return (_jsx("a", { className: styles.link, href: path, children: name }, j));
+                                        }) }))] }));
                         })] }))] })) }));
 };
 export default AdminLinks;

package/es/common/components/admin-links/admin-links.module.css

@@ -36,6 +36,7 @@
   position: absolute;
   bottom: 30px;
   left: 0;
+  width: 175px;
   max-width: 90vw;
   display: flex;
   flex-direction: column;
@@ -56,6 +57,35 @@
     var(--ublo-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
 
+.subsLinks {
+  position: absolute;
+  top: 20px;
+  left: 180px;
+  max-width: 90vw;
+  max-height: 150px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  padding: 16px;
+  color: var(--ublo-grey-800, #000);
+  background: var(--ublo-grey-000, #fff);
+  border-radius: var(--ublo-radius-300, 15px);
+  box-shadow: var(--ublo-shadow-300, 0 5px 10px rgba(0, 0, 0, 0.24));
+  transform: scaleX(0.95);
+  transform-origin: left;
+  opacity: 0;
+  pointer-events: none;
+  transition: transform 240ms
+      var(--ublo-transition-easing, cubic-bezier(0.4, 0, 0.2, 1)),
+    opacity 240ms var(--ublo-transition-easing, cubic-bezier(0.4, 0, 0.2, 1));
+}
+
+.subsLinks[data-opened="true"] {
+  transform: scaleX(1);
+  opacity: 1;
+  pointer-events: all;
+}
+
 @keyframes admin-links-appearance {
   0% {
     opacity: 0;

package/es/common/hooks/use-account.d.ts

@@ -1,7 +1,8 @@
 type Props = {
     channel?: string;
     integration?: boolean;
+    cartPath?: string;
 };
-export default function useAccount({ channel, integration, }?: Props): void;
+export default function useAccount({ channel, integration, cartPath, }?: Props): void;
 export {};
 //# sourceMappingURL=use-account.d.ts.map

package/es/common/hooks/use-account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-account.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-account.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAe,EACf,WAAW,GACZ,GAAE,KAAU,QAmBZ"}
+{"version":3,"file":"use-account.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-account.ts"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAMF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAe,EACf,WAAW,EACX,QAAQ,GACT,GAAE,KAAU,QAyBZ"}

package/es/common/hooks/use-account.js

@@ -1,10 +1,15 @@
 import * as React from "react";
+import getConfig from "next/config";
 import { useUbloContext } from "ublo/with-ublo";
 import * as Plausible from "../components/plausible";
 import { loadJS } from "../utils/load-js";
-export default function useAccount({ channel = "ESF", integration, } = {}) {
+const { publicRuntimeConfig } = getConfig();
+const { langPrefix, resort } = publicRuntimeConfig;
+const hasLangPrefix = langPrefix.links;
+export default function useAccount({ channel = "ESF", integration, cartPath, } = {}) {
     const { lang } = useUbloContext();
     const widgetLang = React.useMemo(() => (lang === "fr" ? "fr" : "en"), [lang]);
+    const cartUrl = React.useMemo(() => (hasLangPrefix ? `/${lang.concat(cartPath)}` : cartPath), [cartPath, lang]);
     React.useEffect(() => {
         const startAccount = async () => {
             await loadWidgetMseM(integration);
@@ -14,11 +19,13 @@ export default function useAccount({ channel = "ESF", integration, } = {}) {
                     channel,
                     groundedTo: "#msem-account",
                     analytics: Plausible.callback,
+                    resort,
+                    cartUrl,
                 });
             });
         };
         startAccount();
-    }, [channel, integration, widgetLang]);
+    }, [cartUrl, channel, integration, widgetLang]);
 }
 async function loadWidgetMseM(integration) {
     const source = integration

package/es/esf/components/loyal-customers/components/customer-form.d.ts

@@ -1,6 +1,7 @@
 export default CustomerForm;
-declare function CustomerForm({ lang, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }: {
+declare function CustomerForm({ lang, formTitle, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }: {
     lang: any;
+    formTitle: any;
     close: any;
     open: any;
     rows: any;

package/es/esf/components/loyal-customers/components/customer-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"customer-form.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/loyal-customers/components/customer-form.js"],"names":[],"mappings":";AA4BA;;;;;;;;;;;;;;;4CAgGC"}
+{"version":3,"file":"customer-form.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/loyal-customers/components/customer-form.js"],"names":[],"mappings":";AA4BA;;;;;;;;;;;;;;;;4CAkGC"}

package/es/esf/components/loyal-customers/components/customer-form.js

@@ -19,7 +19,7 @@ const getInitialState = (fields) => Object.keys(fields).reduce((acc, key) => ({
     ...acc,
     [key]: { value: "", validator: !fields[key].required || false },
 }), {});
-const CustomerForm = ({ lang, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }) => {
+const CustomerForm = ({ lang, formTitle, close, open, rows, setRows, voucher, setVoucher, disableVoucher, manualStay, channel, merchant, resort, integration, categoryCode, }) => {
     const fields = manualStay
         ? { ...Data.stayFields, ...Data.customerFormFields }
         : Data.customerFormFields;
@@ -28,7 +28,7 @@ const CustomerForm = ({ lang, close, open, rows, setRows, voucher, setVoucher, d
     const isFormValid = Object.keys(customerData).every((key) => customerData[key].validator);
     const onSubmit = async () => {
         setResponse(RESPONSE.LOADING);
-        const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode);
+        const payload = Utils.buildPayload(lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode, formTitle);
         const { error } = await Api.sendFile(payload, integration);
         if (error) {
             setResponse(RESPONSE.ERROR);

package/es/esf/components/loyal-customers/loyal-customers.d.ts

@@ -1,4 +1,4 @@
-export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel, merchant, resort, disableVoucher, integration, categoryCode, }: {
+export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel, merchant, resort, disableVoucher, integration, categoryCode, formTitle, }: {
     lang: any;
     cmsMode: any;
     selectors: any;
@@ -13,5 +13,6 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
     disableVoucher: any;
     integration: any;
     categoryCode: any;
+    formTitle?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=loyal-customers.d.ts.map

package/es/esf/components/loyal-customers/loyal-customers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loyal-customers.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/loyal-customers.js"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;4CAyIC"}
+{"version":3,"file":"loyal-customers.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/loyal-customers.js"],"names":[],"mappings":"AAaA;;;;;;;;;;;;;;;;4CA2IC"}

package/es/esf/components/loyal-customers/loyal-customers.js

@@ -11,7 +11,7 @@ import Button from "dt-design-system/es/button";
 import * as DTIcons from "dt-design-system/es/icons";
 import useStoredRows from "./hooks/use-stored-rows";
 import styles from "./loyal-customers.module.css";
-export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel = "ESF", merchant, resort, disableVoucher, integration, categoryCode, }) {
+export default function LoyalCustomers({ lang, cmsMode, selectors, levels, className, convertTableToSelect, handleVariants, manualStay, channel = "ESF", merchant, resort, disableVoucher, integration, categoryCode, formTitle = "Clients fidèles", }) {
     const ref = React.useRef(null);
     const [rows, setRows] = useStoredRows([]);
     const [openedRow, setOpenedRow] = React.useState();
@@ -57,5 +57,5 @@ export default function LoyalCustomers({ lang, cmsMode, selectors, levels, class
         }
     }, [cleanup, cmsMode, init, selectors]);
     const classes = classNames(styles.index, className);
-    return (_jsxs("div", { ref: ref, className: classes, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "title") }), _jsx(Rows, { lang: lang, rows: rows, setRows: setRows, openedRow: openedRow, setOpenedRow: setOpenedRow }), !disableVoucher && (_jsx(Voucher, { lang: lang, voucher: voucher, setVoucher: setVoucher })), _jsxs("div", { className: styles.overview, children: [_jsx("div", { className: styles.overviewTitle, children: Messages.get(lang, "total") }), _jsxs("div", { className: styles.overviewTotal, children: [total, " \u20AC"] })] }), _jsxs(Button, { className: styles.orderButton, disabled: !rows.length, onClick: openCustomerForm, children: [Messages.get(lang, "order"), _jsx(DTIcons.Check, {})] }), _jsx(StudentForm, { lang: lang, close: closeStudentForm, studentData: studentData, levels: levels, setRows: setRows, recapFormRef: ref }), _jsx(CustomerForm, { lang: lang, close: closeCustomerForm, open: customerFormOpen, rows: rows, setRows: setRows, voucher: voucher, setVoucher: setVoucher, disableVoucher: disableVoucher, manualStay: manualStay, channel: channel, merchant: merchant, resort: resort, integration: integration, categoryCode: categoryCode })] }));
+    return (_jsxs("div", { ref: ref, className: classes, children: [_jsx("div", { className: styles.title, children: Messages.get(lang, "title") }), _jsx(Rows, { lang: lang, rows: rows, setRows: setRows, openedRow: openedRow, setOpenedRow: setOpenedRow }), !disableVoucher && (_jsx(Voucher, { lang: lang, voucher: voucher, setVoucher: setVoucher })), _jsxs("div", { className: styles.overview, children: [_jsx("div", { className: styles.overviewTitle, children: Messages.get(lang, "total") }), _jsxs("div", { className: styles.overviewTotal, children: [total, " \u20AC"] })] }), _jsxs(Button, { className: styles.orderButton, disabled: !rows.length, onClick: openCustomerForm, children: [Messages.get(lang, "order"), _jsx(DTIcons.Check, {})] }), _jsx(StudentForm, { lang: lang, close: closeStudentForm, studentData: studentData, levels: levels, setRows: setRows, recapFormRef: ref }), _jsx(CustomerForm, { lang: lang, formTitle: formTitle, close: closeCustomerForm, open: customerFormOpen, rows: rows, setRows: setRows, voucher: voucher, setVoucher: setVoucher, disableVoucher: disableVoucher, manualStay: manualStay, channel: channel, merchant: merchant, resort: resort, integration: integration, categoryCode: categoryCode })] }));
 }

package/es/esf/components/loyal-customers/utils.d.ts

@@ -1,6 +1,6 @@
 export function validateField(type: any, value: any): any;
 export function formatDate(lang: any, date: any): string;
-export function buildPayload(lang: any, channel: any, resort: any, merchant: any, voucher: any, customerData: any, rows: any, disableVoucher: any, categoryCode: any): {
+export function buildPayload(lang: any, channel: any, resort: any, merchant: any, voucher: any, customerData: any, rows: any, disableVoucher: any, categoryCode: any, formTitle: any): {
     channel: any;
     resort: any;
     merchant: any;

package/es/esf/components/loyal-customers/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/utils.js"],"names":[],"mappings":"AAEO,0DAGN;AAEM,yDAQN;AAEM;;;;;;;;;;;;;;;;;EA0DN"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/loyal-customers/utils.js"],"names":[],"mappings":"AAEO,0DAGN;AAEM,yDAQN;AAEM;;;;;;;;;;;;;;;;;EA2DN"}

package/es/esf/components/loyal-customers/utils.js

@@ -12,7 +12,7 @@ export const formatDate = (lang, date) => {
         year: "numeric",
     });
 };
-export const buildPayload = (lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode) => {
+export const buildPayload = (lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher, categoryCode, formTitle) => {
     const { comment, email, title, firstname, lastname, phone, stayFrom, stayTo, } = customerData;
     const storedStay = window.sessionStorage.getItem("stay");
     if ((!stayFrom || !stayTo) && !storedStay)
@@ -28,7 +28,7 @@ Date de naissance : ${formatDate(lang, birthDate.value)}`;
         return { label, description, price };
     }, []);
     const voucherMessage = disableVoucher ? "" : `Code promo : ${voucher}`;
-    const message = `Envoyé depuis le formulaire "Clients fidèles".
+    const message = `Envoyé depuis le formulaire "${formTitle}".
 ${voucherMessage}
 Commentaire : ${comment.value}`;
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.39.24",
+  "version": "1.39.26",
   "peerDependencies": {
     "dt-design-system": "^3.10.8",
     "leaflet": "^1.9.1",