tycho-components 0.0.15-SNAPSHOT-8 → 0.0.15-SNAPSHOT-9

package/dist/AppAnalytics/AppAnalytics.d.ts

@@ -0,0 +1 @@
+export default function AppAnalytics(): null;

package/dist/AppAnalytics/AppAnalytics.js

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+export default function AppAnalytics() {
+    const GA_ID = import.meta.env.VITE_APP_GA_ID;
+    useEffect(() => {
+        if (!GA_ID) {
+            console.warn('Google Analytics ID not set.');
+            return;
+        }
+        // Inject the gtag.js script
+        const script = document.createElement('script');
+        script.src = `https://www.googletagmanager.com/gtag/js?id=${GA_ID}`;
+        script.async = true;
+        document.head.appendChild(script);
+        // Inject the inline gtag config script exactly like GA docs do
+        const inlineScript = document.createElement('script');
+        inlineScript.innerHTML = `
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '${GA_ID}');
+    `;
+        document.head.appendChild(inlineScript);
+    }, []);
+    return null;
+}

package/dist/AppAnalytics/index.d.ts

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/AppAnalytics/index.js

@@ -0,0 +1,2 @@
+import AppAnalytics from './AppAnalytics';
+export default AppAnalytics;

package/dist/Header/HeaderCorpora/HeaderCorpora.js

@@ -56,5 +56,5 @@ export default function HeaderCorpora({ navigateCorpora, redirect, autoload, fre
     useEffect(() => {
         autoload && loadAndApply();
     }, [autoload]);
-    return (_jsxs("div", { className: "header-corpora-container", children: [hasCorpus() && (_jsxs("div", { className: "corpus-container", onClick: handleCorpusClick, children: [_jsx(AppPicture, { src: getCorpus().picture, title: getCorpus().name, className: "avatar" }), _jsx("span", { children: getCorpus().name })] })), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "avatar" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
+    return (_jsxs("div", { className: "header-corpora-container", children: [hasCorpus() && (_jsxs("div", { className: "header-corpus-container", onClick: handleCorpusClick, children: [_jsx(AppPicture, { src: getCorpus().picture, title: getCorpus().name, className: "header-corpus-image" }), _jsx("span", { children: getCorpus().name })] })), openCorpora && (_jsx(AppModal, { className: "modal-corpora", title: t('label.choose'), close: () => setOpenCorpora(false), children: corpora.map((corpus) => (_jsxs("div", { className: "item", onClick: () => handleChooseCorpus(corpus), children: [_jsx(AppPicture, { src: corpus.picture, title: corpus.name, className: "modal-corpus-image" }), _jsx("span", { children: corpus.name })] }, corpus.uid))) }))] }));
 }

package/dist/Header/HeaderCorpora/style.scss

@@ -3,7 +3,7 @@
   margin-left: auto;
   margin-right: auto;
 
-  .corpus-container {
+  .header-corpus-container {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -15,6 +15,12 @@
       @include label-large-1;
       color: var(--text-light-fixed);
     }
+
+    .header-corpus-image {
+      border-radius: 50%;
+      width: 32px;
+      height: 32px;
+    }
   }
 }
 
@@ -39,7 +45,8 @@
         background-color: var(--layer-hover-1);
       }
 
-      > img {
+      .modal-corpus-image {
+        border-radius: 50%;
         width: 48px;
         height: 48px;
       }

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppEditable } from './AppEditable';
 export { default as AppLoading } from './AppLoading';

package/dist/index.js

@@ -1,3 +1,4 @@
+export { default as AppAnalytics } from './AppAnalytics';
 export { default as AppColorpicker } from './AppColorpicker';
 export { default as AppEditable } from './AppEditable';
 export { default as AppLoading } from './AppLoading';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.15-SNAPSHOT-8",
+  "version": "0.0.15-SNAPSHOT-9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {