ublo-lib 1.39.37 → 1.39.38

package/es/esf/components/espace-prive/contact.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"contact.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/contact.js"],"names":[],"mappings":"AAsCA;;4CA+BC"}

package/es/esf/components/espace-prive/contact.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Zone from "ublo/zone";
+import CustomContactForm from "ublo-lib/es/common/components/custom-contact-form";
+import styles from "./contact.module.css";
+import { useUbloContext } from "ublo/with-ublo";
+const fields = {
+    subject: {
+        type: "select",
+        label: "",
+        required: true,
+        hidden: true,
+    },
+    lastName: {
+        type: "text",
+        label: "Nom",
+        required: true,
+    },
+    firstName: {
+        type: "text",
+        label: "Prénom",
+        required: true,
+    },
+    email: {
+        type: "email",
+        label: "Email",
+        required: true,
+    },
+    phone: {
+        type: "phone",
+        label: "Téléphone",
+        required: true,
+    },
+    attachment: {
+        type: "attachment",
+        label: "Pièces justificatives (contrat, bon de réservation, ...)",
+    },
+};
+export default function Contact({ logo }) {
+    const { site } = useUbloContext();
+    return (_jsxs("div", { className: styles.contact, children: [_jsxs("header", { className: styles.header, children: [_jsx("div", { className: styles.logo, children: logo }), _jsx(Zone, { id: "hero", className: styles.heroZone, maxSections: 1, tooltip: "Zone d'\u00E9dition : Banni\u00E8re", fixed: true })] }), _jsx(Zone, { id: "introduction", className: styles.introductionZone, tooltip: "Zone d'\u00E9dition : Texte de pr\u00E9sentation" }), _jsx("main", { className: styles.main, children: _jsx(CustomContactForm, { fields: fields, kind: site, subject: { prefix: "Contact" }, className: styles.form, innerClassName: styles.inner, site: "espace-prive" }) })] }));
+}

package/es/esf/components/espace-prive/contact.module.css

@@ -0,0 +1,83 @@
+.contact {
+  --content-width: 1080px;
+
+  position: relative;
+  height: 100%;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 40px;
+}
+
+@media (min-width: 720px) {
+  .contact {
+    gap: 70px;
+  }
+}
+
+.header {
+  position: relative;
+  height: 350px;
+}
+
+.logo {
+  position: relative;
+  width: fit-content;
+  padding: 10px;
+  pointer-events: none;
+  z-index: 2;
+}
+
+:global(.cms--editing) .logo {
+  display: none;
+}
+
+.heroZone {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+
+.heroZone > * {
+  height: 100%;
+  max-height: 100%;
+}
+
+.nav {
+  width: fit-content;
+  margin-left: auto;
+}
+
+.main {
+  width: 100%;
+  height: 100%;
+  max-width: var(--content-width);
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 50px;
+  padding: 0 10px;
+}
+
+@media (min-width: 992px) {
+  .main {
+    padding: 0;
+  }
+}
+
+.form {
+  max-width: 800px;
+  margin: 0 auto;
+}
+
+.form input,
+.form div[class^="attachment_input"] {
+  background-color: var(--ds-grey-000, #fff);
+}
+
+.form div[class^="attachment_helper"] {
+  font-size: 10px;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"partenaire.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/partenaire.js"],"names":[],"mappings":";AAYA;;;4CAuCC"}
+{"version":3,"file":"partenaire.d.ts","sourceRoot":"","sources":["../../../../src/esf/components/espace-prive/partenaire.js"],"names":[],"mappings":";AAaA;;;4CAyCC"}

package/es/esf/components/espace-prive/partenaire.js

@@ -5,6 +5,7 @@ import Zone from "ublo/zone";
 import { useUbloContext } from "ublo/with-ublo";
 import CartLink from "./cart-link";
 import Connexion from "./connexion";
+import Contact from "./contact";
 import Tunnel from "./tunnel";
 import Panier from "./panier";
 import Tools from "./tools";
@@ -14,10 +15,13 @@ const Partenaire = ({ logo, tools }) => {
     const { menuPath } = useUbloContext();
     const { menu } = menuPath;
     const isConnexion = pathIncludesKey(menu, "connexion");
+    const isContact = pathIncludesKey(menu, "contact", true);
     const isTunnel = pathIncludesKey(menu, "tunnel");
     const isCart = pathIncludesKey(menu, "panier");
     if (isConnexion)
         return _jsx(Connexion, { logo: logo });
+    if (isContact)
+        return _jsx(Contact, { logo: logo });
     return (_jsxs("div", { className: styles.partenaire, children: [_jsxs("header", { className: styles.header, children: [_jsx("div", { className: styles.logo, children: logo }), _jsx(Zone, { id: "hero", className: styles.heroZone, maxSections: 1, tooltip: "Zone d'\u00E9dition : Banni\u00E8re", fixed: true })] }), _jsxs("main", { className: styles.main, children: [_jsx("nav", { className: styles.nav, children: _jsx(CartLink, {}) }), _jsx(Zone, { id: "introduction", className: styles.introductionZone, tooltip: "Zone d'\u00E9dition : Texte de pr\u00E9sentation" }), isTunnel && _jsx(Tunnel, {}), isCart && _jsx(Panier, {})] }), _jsx("footer", { className: styles.footer, children: _jsx(Tools, { tools: tools }) }), _jsx(Login, {})] }));
 };
 export default Partenaire;

package/es/esf/components/espace-prive/utils/path-includes-key.d.ts

@@ -1,2 +1,2 @@
-export function pathIncludesKey(path: any, key: any): boolean;
+export function pathIncludesKey(path: any, key: any, global?: boolean): boolean;
 //# sourceMappingURL=path-includes-key.d.ts.map

package/es/esf/components/espace-prive/utils/path-includes-key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"path-includes-key.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/utils/path-includes-key.js"],"names":[],"mappings":"AAAO,8DAGN"}
+{"version":3,"file":"path-includes-key.d.ts","sourceRoot":"","sources":["../../../../../src/esf/components/espace-prive/utils/path-includes-key.js"],"names":[],"mappings":"AAAO,gFAIN"}

package/es/esf/components/espace-prive/utils/path-includes-key.js

@@ -1,4 +1,5 @@
-export const pathIncludesKey = (path, key) => {
-    const regex = new RegExp(`^/espace-prive/.*/${key}$`);
+export const pathIncludesKey = (path, key, global = false) => {
+    const exp = global ? `^/espace-prive/${key}$` : `^/espace-prive/.*/${key}$`;
+    const regex = new RegExp(exp);
     return regex.test(path);
 };

package/package.json

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