ublo-lib 1.19.30 → 1.19.32

package/es/common/components/plausible/plausible.js

@@ -3,7 +3,7 @@ import Script from "next/script";
 import getConfig from "next/config";
 const { publicRuntimeConfig } = getConfig();
 const { plausibleDomain } = publicRuntimeConfig;
-const DEFAULT_SOURCE = "https://plausible.io/js/script.file-downloads.outbound-links.js";
+const DEFAULT_SOURCE = "https://plausible.io/js/script.revenue.file-downloads.outbound-links.js";
 export default function PlausibleScript({ lang, source = DEFAULT_SOURCE, }) {
     const hasI18n = typeof plausibleDomain === "object";
     if (hasI18n && !lang) {

package/es/common/components/plausible/services/callback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"callback.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/callback.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAiBF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,WAAW,EACzB,QAAQ,EACR,KAAU,EACV,OAAO,EACP,MAAM,EACN,QAAgB,GACjB,EAAE,KAAK,QA8EP"}
+{"version":3,"file":"callback.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/services/callback.ts"],"names":[],"mappings":"AAEA,KAAK,IAAI,GAAG;IACV,OAAO,EAAE;QACP,SAAS,EAAE,MAAM,CAAC;QAClB,UAAU,EAAE,MAAM,CAAC;QACnB,aAAa,EAAE,MAAM,CAAC;QACtB,cAAc,EAAE,MAAM,CAAC;QACvB,cAAc,EAAE,MAAM,CAAC;QACvB,YAAY,EAAE,MAAM,CAAC;QACrB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAiBF,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,YAAY,EAAE,WAAW,EACzB,QAAQ,EACR,KAAU,EACV,OAAO,EACP,MAAM,EACN,QAAgB,GACjB,EAAE,KAAK,QAiFP"}

package/es/common/components/plausible/services/callback.js

@@ -14,6 +14,7 @@ const EVENT_NAMES = {
 };
 export function MseM({ event, payment_type: paymentType, execcode, items = [], orderId, cartId, currency = "EUR", }) {
     const hoteId = getBusinessProvider();
+    const stay = getStay();
     const amount = items.reduce((acc, item) => {
         return acc + item.gtmData.price * item.gtmData.quantity;
     }, 0);
@@ -30,19 +31,19 @@ export function MseM({ event, payment_type: paymentType, execcode, items = [], o
     switch (event) {
         case "view_item": {
             const formatedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
             sendGoal(name, { ...firstProductProps, rawData });
             break;
         }
         case "add_to_cart": {
             const formatedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
             sendGoal(name, { ...firstProductProps, rawData }, revenue);
             break;
         }
         case "checkout": {
             const formatedItems = formatPeekPerformancesItem(items);
-            const rawData = JSON.stringify({ products: formatedItems, hoteId });
+            const rawData = JSON.stringify({ products: formatedItems, hoteId, stay });
             sendGoal(name, { cartId, rawData }, revenue);
             break;
         }
@@ -51,6 +52,7 @@ export function MseM({ event, payment_type: paymentType, execcode, items = [], o
             const rawData = JSON.stringify({
                 products: formatedItems,
                 hoteId,
+                stay,
                 paymentMethod: paymentType,
             });
             sendGoal(name, { cartId, "Payment type": paymentType, rawData }, revenue);
@@ -63,6 +65,7 @@ export function MseM({ event, payment_type: paymentType, execcode, items = [], o
             const rawData = JSON.stringify({
                 products: formatedItems,
                 hoteId,
+                stay,
                 attempts,
                 paymentMethod: paymentType,
                 execCode: execcode,
@@ -107,6 +110,12 @@ function formatPeekPerformancesItem(items) {
         };
     });
 }
+function getStay() {
+    const stay = window.localStorage.getItem("stay");
+    if (stay) {
+        return stay;
+    }
+}
 function getBusinessProvider() {
     const businessProvider = window.localStorage.getItem("businessProvider");
     if (businessProvider) {

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

@@ -1,6 +1,5 @@
 import * as React from "react";
-import * as ReactDOM from "react-dom";
-import Popup from "../../../../common/components/popup";
+import Dialog from "dt-design-system/es/dialog";
 import Button from "dt-design-system/es/button";
 import * as DTIcons from "dt-design-system/es/icons";
 import Field from "./field";
@@ -61,14 +60,17 @@ const CustomerForm = ({
     setVoucher("");
     setResponse(RESPONSE.OK);
   };
-  if (!open) return null;
-  return ReactDOM.createPortal(_jsx(Popup, {
+  return _jsx(Dialog, {
     className: styles.popup,
     close: close,
+    isOpened: open,
     title: Messages.get(lang, "customer-information"),
     children: _jsxs("div", {
       className: styles.inner,
-      children: [_jsx(Stay, {
+      children: [_jsx("div", {
+        className: styles.title,
+        children: Messages.get(lang, "customer-information")
+      }), _jsx(Stay, {
         lang: lang
       }), _jsx("div", {
         className: styles.form,
@@ -95,6 +97,6 @@ const CustomerForm = ({
         })]
       })]
     })
-  }), document.body);
+  });
 };
 export default CustomerForm;

package/es/esf/components/loyal-customers/components/customer-form.module.css

@@ -1,13 +1,26 @@
-.popup > div {
-  width: max-content;
+.popup {
+  --ds-secondary: #cc0900;
+  --ds-primary: #bb0b02;
+
+  padding: 10px 16px;
+}
+
+.inner {
+  padding: 10px 0;
 }
 
 @media (min-width: 992px) {
   .inner {
-    padding: 0 30px 10px 30px;
+    padding: 10px 30px 10px 30px;
   }
 }
 
+.title {
+  margin-bottom: 20px;
+  font-size: 18px;
+  font-weight: 700;
+}
+
 .form {
   display: flex;
   flex-direction: column;

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

@@ -1,6 +1,5 @@
 import * as React from "react";
-import * as ReactDOM from "react-dom";
-import Popup from "../../../../common/components/popup";
+import Dialog from "dt-design-system/es/dialog";
 import Field from "./field";
 import Button from "dt-design-system/es/button";
 import * as DTIcons from "dt-design-system/es/icons";
@@ -21,7 +20,8 @@ const StudentForm = ({
   close,
   studentData,
   levels,
-  setRows
+  setRows,
+  recapFormRef
 }) => {
   const fields = Data.studentFormFields(studentData.productCategory ? levels[studentData.productCategory] : levels);
   const [formData, setFormData] = React.useState(getInitialState(fields));
@@ -37,21 +37,35 @@ const StudentForm = ({
       formData
     }]);
     onClose();
+    const recapForm = recapFormRef.current;
+    if (recapForm) {
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          recapForm.scrollIntoView({
+            behavior: "smooth"
+          });
+        });
+      });
+    }
   };
-  if (!dataKeys.length) return null;
   const {
     details,
     price,
     selectedOption,
     title
   } = studentData;
-  return ReactDOM.createPortal(_jsx(Popup, {
+  return _jsx(Dialog, {
     className: styles.popup,
     close: onClose,
+    isOpened: Boolean(dataKeys.length),
     title: Messages.get(lang, "student-information"),
+    showCloseButton: true,
     children: _jsxs("div", {
       className: styles.inner,
-      children: [_jsxs("div", {
+      children: [_jsx("div", {
+        className: styles.title,
+        children: Messages.get(lang, "student-information")
+      }), _jsxs("div", {
         className: styles.header,
         children: [_jsx("div", {
           className: styles.title,
@@ -96,6 +110,6 @@ const StudentForm = ({
         })
       })]
     })
-  }), document.body);
+  });
 };
 export default StudentForm;

package/es/esf/components/loyal-customers/components/student-form.module.css

@@ -1,13 +1,20 @@
-.popup > div {
+.popup {
   --ds-secondary: #cc0900;
   --ds-primary: #bb0b02;
 
-  width: max-content;
+  padding: 10px 16px;
 }
 
 .inner {
   width: 420px;
   max-width: 100%;
+  padding: 10px 0;
+}
+
+.title {
+  margin-bottom: 20px;
+  font-size: 18px;
+  font-weight: 700;
 }
 
 .header {

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

@@ -6,14 +6,13 @@ import StudentForm from "./components/student-form";
 import CustomerForm from "./components/customer-form";
 import * as Messages from "./messages";
 import * as Content from "./content";
-import * as Utils from "./utils";
 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";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-const LoyalCustomers = ({
+export default function LoyalCustomers({
   lang,
   cmsMode,
   selectors,
@@ -27,13 +26,13 @@ const LoyalCustomers = ({
   resort,
   disableVoucher,
   integration
-}) => {
+}) {
+  const ref = React.useRef(null);
   const [rows, setRows] = useStoredRows([]);
   const [openedRow, setOpenedRow] = React.useState();
   const [voucher, setVoucher] = React.useState("");
   const [studentData, setStudentData] = React.useState({});
   const [customerFormOpen, setCustomerFormOpen] = React.useState(false);
-  Utils.showHelper();
   const total = rows.reduce((acc, row) => acc + row.price, 0);
   const closeStudentForm = () => setStudentData({});
   const closeCustomerForm = () => setCustomerFormOpen(false);
@@ -76,6 +75,7 @@ const LoyalCustomers = ({
   }, [cleanup, cmsMode, init, selectors]);
   const classes = classNames(styles.index, className);
   return _jsxs("div", {
+    ref: ref,
     className: classes,
     children: [_jsx("div", {
       className: styles.title,
@@ -109,7 +109,8 @@ const LoyalCustomers = ({
       close: closeStudentForm,
       studentData: studentData,
       levels: levels,
-      setRows: setRows
+      setRows: setRows,
+      recapFormRef: ref
     }), _jsx(CustomerForm, {
       lang: lang,
       close: closeCustomerForm,
@@ -126,5 +127,4 @@ const LoyalCustomers = ({
       integration: integration
     })]
   });
-};
-export default LoyalCustomers;
+}

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

@@ -12,11 +12,6 @@ export const formatDate = (lang, date) => {
     year: "numeric"
   });
 };
-export const showHelper = () => {
-  if (process.env.NODE_ENV !== "production") {
-    console.info("LoyalCustomers: See https://github.com/valraiso-esf/documentation-sites-marchands/tree/master/loyal-customers for more information.");
-  }
-};
 export const buildPayload = (lang, channel, resort, merchant, voucher, customerData, rows, disableVoucher) => {
   const {
     comment,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.19.30",
+  "version": "1.19.32",
   "peerDependencies": {
     "dt-design-system": "^3.1.5",
     "leaflet": "^1.9.1",