ublo-lib 1.47.79 → 1.47.80

package/es/common/components/season-switch/index.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    preventOpening?: boolean;
+};
+export default function SeasonSwitch({ preventOpening }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/es/common/components/season-switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/common/components/season-switch/index.tsx"],"names":[],"mappings":"AAcA,KAAK,KAAK,GAAG;IACX,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,2CAqD7D"}

package/es/common/components/season-switch/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import Router from "next/router";
+import { useUbloContext } from "ublo/with-ublo";
+import { fetchZone } from "ublo/fetcher";
+import Dialog from "dt-design-system/es/dialog";
+import useChooseWinter from "./use-choose-winter";
+import styles from "./index.module.css";
+const SOURCE = {
+    fr: "/choix-saison",
+    en: "/season-switch",
+};
+const STORAGE_KEY = "season-switch_viewed";
+export default function SeasonSwitch({ preventOpening }) {
+    const [content, setContent] = React.useState();
+    const { config, lang } = useUbloContext();
+    const { ubloApi, site } = config;
+    const close = () => {
+        sessionStorage.setItem(STORAGE_KEY, "true");
+        setContent(undefined);
+    };
+    useChooseWinter(close, content);
+    const getContent = async () => {
+        const content = await fetchZone(ubloApi, site, lang, SOURCE[lang], "season-switch");
+        if (!content)
+            return;
+        setContent(content);
+    };
+    React.useEffect(() => {
+        const alreadySeen = sessionStorage.getItem(STORAGE_KEY) ||
+            sessionStorage.getItem("cms_token");
+        if (!preventOpening && !alreadySeen) {
+            getContent();
+        }
+    }, [preventOpening]);
+    Router.ready(() => {
+        Router.events.on("routeChangeComplete", () => {
+            close();
+        });
+    });
+    return (_jsx(Dialog, { className: styles.seasonswitch, close: close, isOpened: !!content, showCloseButton: false, children: _jsx("div", { className: styles.inner, dangerouslySetInnerHTML: { __html: content }, "data-season-switch": "" }) }));
+}

package/es/common/components/season-switch/index.module.css

@@ -0,0 +1,24 @@
+.seasonswitch {
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  min-height: 100%;
+  z-index: 1000;
+}
+
+.seasonswitch button[class*="dialog_closeButton"] {
+  background-color: transparent;
+}
+
+.seasonswitch button[class*="dialog_closeButton"] svg {
+  --size: 24px;
+}
+
+.inner {
+  height: 100%;
+  width: 100%;
+  background-color: var(--season-switch);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/common/components/season-switch/use-choose-winter.d.ts

@@ -0,0 +1,2 @@
+export default function useChooseWinter(callback: () => void, content: string): void;
+//# sourceMappingURL=use-choose-winter.d.ts.map

package/es/common/components/season-switch/use-choose-winter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-choose-winter.d.ts","sourceRoot":"","sources":["../../../../src/common/components/season-switch/use-choose-winter.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,OAAO,EAAE,MAAM,QA2D5E"}

package/es/common/components/season-switch/use-choose-winter.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+const SELECTOR = ".season-switch div[data-season='winter']";
+export default function useChooseWinter(callback, content) {
+    React.useEffect(() => {
+        if (!content)
+            return;
+        let winterElement = null;
+        let observer = null;
+        const attachListener = () => {
+            if (winterElement)
+                return true;
+            const winter = document.querySelector(SELECTOR);
+            if (winter) {
+                winterElement = winter;
+                winter.addEventListener("click", callback);
+                return true;
+            }
+            return false;
+        };
+        if (attachListener()) {
+            return () => {
+                if (winterElement) {
+                    winterElement.removeEventListener("click", callback);
+                }
+            };
+        }
+        observer = new MutationObserver((mutations) => {
+            const hasRelevantChanges = mutations.some((mutation) => mutation.type === "childList" && mutation.addedNodes.length > 0);
+            if (hasRelevantChanges && attachListener()) {
+                observer.disconnect();
+                observer = null;
+            }
+        });
+        observer.observe(document.body, {
+            childList: true,
+            subtree: true,
+        });
+        return () => {
+            if (observer) {
+                observer.disconnect();
+            }
+            if (winterElement) {
+                winterElement.removeEventListener("click", callback);
+            }
+        };
+    }, [content, callback]);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ublo-lib",
-  "version": "1.47.79",
+  "version": "1.47.80",
   "peerDependencies": {
     "classnames": "^2.5.1",
     "dt-design-system": "^3.12.0",