@devgateway/dvz-ui-react 1.6.11 → 1.6.13

package/dist/cjs/conf/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _={REACT_APP_WP_API:process.env.VITE_REACT_APP_WP_API??"/wp/wp-json",REACT_APP_API_ROOT:process.env.VITE_REACT_APP_API_ROOT??null,GA_CODE:process.env.VITE_REACT_APP_GA_CODE??"",DEFAULT_LOCALE:process.env.VITE_REACT_APP_DEFAULT_LOCALE??"en"};exports.Config=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _={REACT_APP_WP_API:process.env.VITE_REACT_APP_WP_API??"/wp/wp-json",REACT_APP_API_ROOT:process.env.VITE_REACT_APP_API_ROOT??null,GA_CODE:process.env.VITE_REACT_APP_GA_CODE??"",DEFAULT_LOCALE:process.env.VITE_REACT_APP_DEFAULT_LOCALE??"en",INTERNAL_GA_TOKEN:process.env.VITE_INTERNAL_GA_TOKEN??""};exports.Config=_;

package/dist/cjs/embeddable/postscarousel/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("@devgateway/wp-react-lib"),p=require("semantic-ui-react"),r=require("pure-react-carousel"),x=s=>{let o=0;const{posts:t,height:i,interval:l,autoSwitch:a}=s;return e.jsxs(r.CarouselProvider,{interval:l,isPlaying:a,totalSlides:t.length,naturalSlideHeight:i,children:[e.jsx(r.Slider,{style:{height:`${i}px`},trayTag:"ul",children:t.map(n=>e.jsx(r.Slide,{index:o++,tag:"li",children:e.jsx(u.PostIntro,{post:n,fluid:!0})}))}),e.jsx(r.DotGroup,{})]})},j=s=>{const{"data-type":o,"data-taxonomy":t,"data-categories":i,"data-items":l,"data-height":a,"data-auto-switch":n="false","data-interval":c=1e4,editing:d,parent:h,unique:g}=s;return e.jsx(p.Container,{style:{height:`${a}px`},className:`viz post carousel ${d?"editing":""}`,fluid:!0,children:e.jsx(u.PostProvider,{type:o,taxonomy:t,categories:i,store:"carousel_"+h+"_"+g,page:1,perPage:l,children:e.jsx(u.PostConsumer,{children:e.jsx(x,{height:a,interval:c,autoSwitch:n=="true"})})})})};exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("@devgateway/wp-react-lib"),p=require("semantic-ui-react"),i=require("pure-react-carousel"),x=r=>{let s=0;const{posts:t,height:o,interval:l,autoSwitch:a}=r;return e.jsxs(i.CarouselProvider,{interval:l,isPlaying:a,totalSlides:t.length,naturalSlideHeight:o,children:[e.jsx(i.Slider,{trayTag:"ul",children:t.map(n=>e.jsx(i.Slide,{index:s++,tag:"li",children:e.jsx(u.PostIntro,{post:n,fluid:!0})}))}),e.jsx(i.DotGroup,{})]})},j=r=>{const{"data-type":s,"data-taxonomy":t,"data-categories":o,"data-items":l,"data-height":a,"data-auto-switch":n="false","data-interval":c=1e4,editing:d,parent:h,unique:g}=r;return e.jsx(p.Container,{style:{height:`${a}px`},className:`viz post carousel ${d?"editing":""}`,fluid:!0,children:e.jsx(u.PostProvider,{type:s,taxonomy:t,categories:o,store:"carousel_"+h+"_"+g,page:1,perPage:l,children:e.jsx(u.PostConsumer,{children:e.jsx(x,{height:a,interval:c,autoSwitch:n=="true"})})})})};exports.default=j;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./embeddable/index.js"),a=require("./conf/index.js"),s=require("./layout/ResponsiveContainer.js"),u=require("./layout/ScrollTop.js"),c=require("./layout/containers/PreviewPageContainer.js"),l=require("./layout/containers/PreviewTypeContainer.js"),d=require("./layout/containers/SlugContainer.js"),p=require("./layout/containers/SlugPostContainer.js"),m=require("./layout/Customizer.js"),q=require("./layout/Layout.js"),C=require("./layout/PreviewComponent.js"),g=require("./layout/Favicon.js"),S=require("./layout/SSRFavicon.js"),T=require("./layout/Loading.js"),P=require("./layout/CustomSemanticSearch.js"),f=require("./layout/Header.js"),h=require("./layout/SearchControl.js"),v=require("./layout/LangSwitcher.js"),y=require("./layout/Footer.js"),A=require("./layout/ClassicHeader.js"),I=require("./layout/FlexWrapDetector.js"),H=require("./layout/FloatingMenuHeader.js"),w=require("./tracker/withGoogleAnalytics.js"),R=require("./redux/store.js"),i=require("./redux/hooks.js"),o=require("./lib/react-intl-redux/index.js"),x=require("./lib/redux-immutable/index.js"),F=require("./translations/en.json.js"),M=require("./translations/fr.json.js"),O=require("./translations/af.json.js"),E=require("./translations/am.json.js"),L=require("./countries.js"),t=require("./utils/data.js"),n=require("./utils/AppMedia.js"),e=require("./utils/semanticUtils.js"),N=require("./lib/react-intl-redux/providers/Provider.js"),U=require("./lib/react-intl-redux/providers/IntlProvider.js");exports.components=r.components;exports.customizer=r.customizer;exports.getComponentByNameIgnoreCase=r.getComponentByNameIgnoreCase;exports.reducers=r.reducers;exports.Config=a.Config;exports.ResponsiveContainer=s.default;exports.ScrollToTop=u.default;exports.PreviewPageContainer=c.default;exports.PreviewTypeContainer=l.default;exports.SlugContainer=d.default;exports.SlugPostContainer=p.default;exports.CustomizerWrapper=m.CustomizerWrapper;exports.RootLayout=q.default;exports.PreviewComponent=C.default;exports.Favicon=g.default;exports.SSRFavicon=S.default;exports.Loading=T.default;exports.CustomSemanticSearch=P.default;exports.Header=f.default;exports.SearchControl=h.default;exports.LangSwitcher=v.default;exports.Footer=y.default;exports.ClassicHeader=A.default;exports.FlexWrapDetector=I.default;exports.FloatingMenuHeader=H.default;exports.withTracker=w.withTracker;exports.store=R.store;exports.useAppDispatch=i.useAppDispatch;exports.useAppSelector=i.useAppSelector;exports.UPDATE=o.UPDATE;exports.initialState=o.initialState;exports.intlReducer=o.intlReducer;exports.updateIntl=o.updateIntl;exports.combineReducers=x.combineReducers;exports.englishTranslations=F;exports.frenchTranslations=M;exports.afrikaansTranslations=O;exports.amharicTranslations=E;exports.COUNTRY_OPTIONS=L.COUNTRY_OPTIONS;exports.decodeHtmlEntitiesToHtml=t.decodeHtmlEntitiesToHtml;exports.decodeHtmlEntitiesToText=t.decodeHtmlEntitiesToText;exports.stringToArray=t.stringToArray;exports.toBoolean=t.toBoolean;exports.toNumber=t.toNumber;exports.uriStringToArray=t.uriStringToArray;exports.Media=n.Media;exports.MediaContextProvider=n.MediaContextProvider;exports.mediaStyle=n.mediaStyle;exports.getUnhandledProps=e.getUnhandledProps;exports.htmlImageProps=e.htmlImageProps;exports.htmlInputAttrs=e.htmlInputAttrs;exports.htmlInputEvents=e.htmlInputEvents;exports.htmlInputProps=e.htmlInputProps;exports.partitionHTMLProps=e.partitionHTMLProps;exports.useKeyOnly=e.useKeyOnly;exports.useValueAndKey=e.useValueAndKey;exports.Provider=N.default;exports.IntlProvider=U.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./embeddable/index.js"),s=require("./conf/index.js"),u=require("./layout/ResponsiveContainer.js"),l=require("./layout/ScrollTop.js"),c=require("./layout/containers/PreviewPageContainer.js"),d=require("./layout/containers/PreviewTypeContainer.js"),p=require("./layout/containers/SlugContainer.js"),f=require("./layout/containers/SlugPostContainer.js"),m=require("./layout/Customizer.js"),T=require("./layout/Layout.js"),q=require("./layout/PreviewComponent.js"),C=require("./layout/Favicon.js"),g=require("./layout/SSRFavicon.js"),S=require("./layout/Loading.js"),P=require("./layout/CustomSemanticSearch.js"),h=require("./layout/Header.js"),I=require("./layout/SearchControl.js"),v=require("./layout/LangSwitcher.js"),y=require("./layout/Footer.js"),A=require("./layout/ClassicHeader.js"),H=require("./layout/FlexWrapDetector.js"),w=require("./layout/FloatingMenuHeader.js"),R=require("./tracker/withGoogleAnalytics.js"),n=require("./tracker/internalTrafficUtils.js"),k=require("./tracker/InternalTrafficToggle.js"),x=require("./redux/store.js"),a=require("./redux/hooks.js"),o=require("./lib/react-intl-redux/index.js"),E=require("./lib/redux-immutable/index.js"),F=require("./translations/en.json.js"),M=require("./translations/fr.json.js"),O=require("./translations/af.json.js"),b=require("./translations/am.json.js"),L=require("./countries.js"),r=require("./utils/data.js"),i=require("./utils/AppMedia.js"),e=require("./utils/semanticUtils.js"),N=require("./lib/react-intl-redux/providers/Provider.js"),U=require("./lib/react-intl-redux/providers/IntlProvider.js");exports.components=t.components;exports.customizer=t.customizer;exports.getComponentByNameIgnoreCase=t.getComponentByNameIgnoreCase;exports.reducers=t.reducers;exports.Config=s.Config;exports.ResponsiveContainer=u.default;exports.ScrollToTop=l.default;exports.PreviewPageContainer=c.default;exports.PreviewTypeContainer=d.default;exports.SlugContainer=p.default;exports.SlugPostContainer=f.default;exports.CustomizerWrapper=m.CustomizerWrapper;exports.RootLayout=T.default;exports.PreviewComponent=q.default;exports.Favicon=C.default;exports.SSRFavicon=g.default;exports.Loading=S.default;exports.CustomSemanticSearch=P.default;exports.Header=h.default;exports.SearchControl=I.default;exports.LangSwitcher=v.default;exports.Footer=y.default;exports.ClassicHeader=A.default;exports.FlexWrapDetector=H.default;exports.FloatingMenuHeader=w.default;exports.withTracker=R.withTracker;exports.clearInternalTrafficCookie=n.clearInternalTrafficCookie;exports.isInternalTrafficEnabled=n.isInternalTrafficEnabled;exports.setInternalTrafficCookie=n.setInternalTrafficCookie;exports.validateToken=n.validateToken;exports.InternalTrafficToggle=k.default;exports.store=x.store;exports.useAppDispatch=a.useAppDispatch;exports.useAppSelector=a.useAppSelector;exports.UPDATE=o.UPDATE;exports.initialState=o.initialState;exports.intlReducer=o.intlReducer;exports.updateIntl=o.updateIntl;exports.combineReducers=E.combineReducers;exports.englishTranslations=F;exports.frenchTranslations=M;exports.afrikaansTranslations=O;exports.amharicTranslations=b;exports.COUNTRY_OPTIONS=L.COUNTRY_OPTIONS;exports.decodeHtmlEntitiesToHtml=r.decodeHtmlEntitiesToHtml;exports.decodeHtmlEntitiesToText=r.decodeHtmlEntitiesToText;exports.stringToArray=r.stringToArray;exports.toBoolean=r.toBoolean;exports.toNumber=r.toNumber;exports.uriStringToArray=r.uriStringToArray;exports.Media=i.Media;exports.MediaContextProvider=i.MediaContextProvider;exports.mediaStyle=i.mediaStyle;exports.getUnhandledProps=e.getUnhandledProps;exports.htmlImageProps=e.htmlImageProps;exports.htmlInputAttrs=e.htmlInputAttrs;exports.htmlInputEvents=e.htmlInputEvents;exports.htmlInputProps=e.htmlInputProps;exports.partitionHTMLProps=e.partitionHTMLProps;exports.useKeyOnly=e.useKeyOnly;exports.useValueAndKey=e.useValueAndKey;exports.Provider=N.default;exports.IntlProvider=U.default;

package/dist/cjs/tracker/InternalTrafficToggle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),l=require("react"),f=require("react-router"),g=require("./internalTrafficUtils.js"),x=({token:c})=>{const[a]=f.useSearchParams(),d=f.useNavigate(),[e,s]=l.useState("validating"),[u,n]=l.useState("Processing...");l.useEffect(()=>{const o=a.get("enable"),v=a.get("k");if(!g.validateToken(v,c)){s("error"),n("Invalid or missing token. Access denied."),console.error("Invalid token provided for internal traffic toggle");return}if(o!=="0"&&o!=="1"){s("error"),n("Invalid enable parameter. Use ?enable=0 or ?enable=1"),console.error("Invalid enable parameter:",o);return}try{const r=o==="1";g.setInternalTrafficCookie(r),s("success"),n(r?"✓ Internal traffic enabled. GA4 events will be tagged as internal.":"✓ Internal traffic disabled. GA4 events will be tagged as external."),console.log(`Internal traffic ${r?"enabled":"disabled"} successfully`),setTimeout(()=>{d("/")},3e3)}catch(r){s("error"),n(`Error: ${r instanceof Error?r.message:"Unknown error"}`),console.error("Error setting internal traffic cookie:",r)}},[a,c,d]);const b={display:"flex",justifyContent:"center",alignItems:"center",minHeight:"100vh",fontFamily:'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'},i={textAlign:"center",padding:"2rem",borderRadius:"8px",boxShadow:"0 2px 8px rgba(0, 0, 0, 0.1)",maxWidth:"500px"},m=e==="success"?{...i,backgroundColor:"#f0f9ff",borderLeft:"4px solid #10b981"}:e==="error"?{...i,backgroundColor:"#fef2f2",borderLeft:"4px solid #ef4444"}:{...i,backgroundColor:"#f3f4f6",borderLeft:"4px solid #3b82f6"},p={fontSize:"1.5rem",fontWeight:"600",margin:"0 0 1rem 0",color:e==="success"?"#059669":e==="error"?"#dc2626":"#1f2937"},y={fontSize:"1rem",margin:"1rem 0",color:e==="success"?"#047857":e==="error"?"#991b1b":"#374151",lineHeight:"1.5"},S={fontSize:"0.875rem",color:"#6b7280",marginTop:"1.5rem",fontStyle:"italic"};return t.jsx("div",{style:b,children:t.jsxs("div",{style:m,children:[t.jsx("h1",{style:p,children:e==="success"?"Success":e==="error"?"Error":"Processing"}),t.jsx("p",{style:y,children:u}),e==="success"&&t.jsx("p",{style:S,children:"Redirecting to home page in 3 seconds..."})]})})};exports.default=x;

package/dist/cjs/tracker/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./withGoogleAnalytics.js");exports.withTracker=e.withTracker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./withGoogleAnalytics.js"),e=require("./internalTrafficUtils.js"),a=require("./InternalTrafficToggle.js");exports.withTracker=r.withTracker;exports.clearInternalTrafficCookie=e.clearInternalTrafficCookie;exports.isInternalTrafficEnabled=e.isInternalTrafficEnabled;exports.setInternalTrafficCookie=e.setInternalTrafficCookie;exports.validateToken=e.validateToken;exports.InternalTrafficToggle=a.default;

package/dist/cjs/tracker/internalTrafficUtils.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="_ga_internal_traffic",i=365*24*60*60,c=e=>{if(typeof document>"u")return;const t=e?"1":"0",n="/";document.cookie=`${o}=${t}; max-age=${i}; path=${n}; SameSite=Lax`,console.log(`Internal traffic cookie ${e?"enabled":"disabled"}`)},r=()=>{if(typeof document>"u")return!1;const e=document.cookie.split(";");for(const t of e){const[n,a]=t.trim().split("=");if(n===o)return a==="1"}return!1},f=()=>{typeof document>"u"||(document.cookie=`${o}=; max-age=0; path=/; SameSite=Lax`,console.log("Internal traffic cookie cleared"))},l=(e,t)=>e?e===t:!1;exports.clearInternalTrafficCookie=f;exports.isInternalTrafficEnabled=r;exports.setInternalTrafficCookie=c;exports.validateToken=l;

package/dist/cjs/tracker/withGoogleAnalytics.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),c=require("react"),i=require("react-ga4"),g=require("react-router"),C=require("../conf/index.js"),l=require("@devgateway/wp-react-lib"),d=(r,p={})=>a=>{var n;const e=c.useContext(l.SettingsContext)??{},t=((n=e==null?void 0:e.data)==null?void 0:n.google_analytics_code)??C.Config.GA_CODE;console.log("gaCode",t);const o=g.useLocation();return i.initialize(t??"#REACT_APP_GA_CODE#"),c.useEffect(()=>{if(t){const s=o.pathname;i.send({hitType:"pageview",page:s})}},[o.pathname]),u.jsx(r,{...a})};exports.withTracker=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),t=require("react"),s=require("react-ga4"),p=require("react-router"),g=require("../conf/index.js"),C=require("@devgateway/wp-react-lib"),_=require("./internalTrafficUtils.js"),u=t.useRef(new Set),A=(f,R={})=>l=>{var c;const n=t.useContext(C.SettingsContext)??{},e=((c=n==null?void 0:n.data)==null?void 0:c.google_analytics_code)??g.Config.GA_CODE,r=p.useLocation(),i=t.useRef(!1);return t.useEffect(()=>{e&&e!=="#REACT_APP_GA_CODE#"&&!i.current&&(u.current.has(e)||(s.initialize(e),u.current.add(e),console.log("GA initialized with code:",e)),i.current=!0)},[e]),t.useEffect(()=>{if(e&&e!=="#REACT_APP_GA_CODE#"&&i.current){const o=r.pathname,a=_.isInternalTrafficEnabled()?"internal":"external";s.send({hitType:"pageview",page:o,traffic_type:a}),console.log("GA pageview sent:",{page:o,traffic_type:a})}},[r.pathname,e]),d.jsx(f,{...l})};exports.withTracker=A;

package/dist/esm/conf/index.js

@@ -2,7 +2,8 @@ const _ = {
   REACT_APP_WP_API: process.env.VITE_REACT_APP_WP_API ?? "/wp/wp-json",
   REACT_APP_API_ROOT: process.env.VITE_REACT_APP_API_ROOT ?? null,
   GA_CODE: process.env.VITE_REACT_APP_GA_CODE ?? "",
-  DEFAULT_LOCALE: process.env.VITE_REACT_APP_DEFAULT_LOCALE ?? "en"
+  DEFAULT_LOCALE: process.env.VITE_REACT_APP_DEFAULT_LOCALE ?? "en",
+  INTERNAL_GA_TOKEN: process.env.VITE_INTERNAL_GA_TOKEN ?? ""
 };
 export {
   _ as Config

package/dist/esm/embeddable/postscarousel/index.js

@@ -1,52 +1,52 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 import { PostProvider as p, PostConsumer as g, PostIntro as m } from "@devgateway/wp-react-lib";
 import { Container as f } from "semantic-ui-react";
-import { CarouselProvider as x, Slider as y, Slide as P, DotGroup as S } from "pure-react-carousel";
-const v = (r) => {
-  let o = 0;
-  const { posts: e, height: a, interval: s, autoSwitch: i } = r;
+import { CarouselProvider as P, Slider as x, Slide as y, DotGroup as S } from "pure-react-carousel";
+const v = (i) => {
+  let r = 0;
+  const { posts: e, height: o, interval: s, autoSwitch: a } = i;
   return (
     // @ts-ignore
     /* @__PURE__ */ c(
-      x,
+      P,
       {
         interval: s,
-        isPlaying: i,
+        isPlaying: a,
         totalSlides: e.length,
-        naturalSlideHeight: a,
+        naturalSlideHeight: o,
         children: [
-          /* @__PURE__ */ t(y, { style: { height: `${a}px` }, trayTag: "ul", children: e.map((l) => /* @__PURE__ */ t(P, { index: o++, tag: "li", children: /* @__PURE__ */ t(m, { post: l, fluid: !0 }) })) }),
+          /* @__PURE__ */ t(x, { trayTag: "ul", children: e.map((l) => /* @__PURE__ */ t(y, { index: r++, tag: "li", children: /* @__PURE__ */ t(m, { post: l, fluid: !0 }) })) }),
           /* @__PURE__ */ t(S, {})
         ]
       }
     )
   );
-}, _ = (r) => {
+}, $ = (i) => {
   const {
-    "data-type": o,
+    "data-type": r,
     "data-taxonomy": e,
-    "data-categories": a,
+    "data-categories": o,
     "data-items": s,
-    "data-height": i,
+    "data-height": a,
     "data-auto-switch": l = "false",
     "data-interval": n = 1e4,
     editing: d,
     parent: u,
     unique: h
-  } = r;
-  return /* @__PURE__ */ t(f, { style: { height: `${i}px` }, className: `viz post carousel ${d ? "editing" : ""}`, fluid: !0, children: /* @__PURE__ */ t(
+  } = i;
+  return /* @__PURE__ */ t(f, { style: { height: `${a}px` }, className: `viz post carousel ${d ? "editing" : ""}`, fluid: !0, children: /* @__PURE__ */ t(
     p,
     {
-      type: o,
+      type: r,
       taxonomy: e,
-      categories: a,
+      categories: o,
       store: "carousel_" + u + "_" + h,
       page: 1,
       perPage: s,
-      children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(v, { height: i, interval: n, autoSwitch: l == "true" }) })
+      children: /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(v, { height: a, interval: n, autoSwitch: l == "true" }) })
     }
   ) });
 };
 export {
-  _ as default
+  $ as default
 };

package/dist/esm/index.js

@@ -1,18 +1,18 @@
-import { components as p, customizer as f, getComponentByNameIgnoreCase as m, reducers as n } from "./embeddable/index.js";
+import { components as n, customizer as s, getComponentByNameIgnoreCase as p, reducers as m } from "./embeddable/index.js";
 import { Config as l } from "./conf/index.js";
 import { default as u } from "./layout/ResponsiveContainer.js";
 import { default as c } from "./layout/ScrollTop.js";
 import { default as C } from "./layout/containers/PreviewPageContainer.js";
 import { default as P } from "./layout/containers/PreviewTypeContainer.js";
 import { default as h } from "./layout/containers/SlugContainer.js";
-import { default as y } from "./layout/containers/SlugPostContainer.js";
+import { default as v } from "./layout/containers/SlugPostContainer.js";
 import { CustomizerWrapper as A } from "./layout/Customizer.js";
 import { default as R } from "./layout/Layout.js";
-import { default as F } from "./layout/PreviewComponent.js";
-import { default as L } from "./layout/Favicon.js";
-import { default as N } from "./layout/SSRFavicon.js";
-import { default as D } from "./layout/Loading.js";
-import { default as b } from "./layout/CustomSemanticSearch.js";
+import { default as w } from "./layout/PreviewComponent.js";
+import { default as F } from "./layout/Favicon.js";
+import { default as M } from "./layout/SSRFavicon.js";
+import { default as O } from "./layout/Loading.js";
+import { default as D } from "./layout/CustomSemanticSearch.js";
 import { default as z } from "./layout/Header.js";
 import { default as K } from "./layout/SearchControl.js";
 import { default as V } from "./layout/LangSwitcher.js";
@@ -21,77 +21,84 @@ import { default as q } from "./layout/ClassicHeader.js";
 import { default as J } from "./layout/FlexWrapDetector.js";
 import { default as X } from "./layout/FloatingMenuHeader.js";
 import { withTracker as $ } from "./tracker/withGoogleAnalytics.js";
-import { store as re } from "./redux/store.js";
-import { useAppDispatch as te, useAppSelector as ae } from "./redux/hooks.js";
-import { UPDATE as pe, initialState as fe, intlReducer as me, updateIntl as ne } from "./lib/react-intl-redux/index.js";
-import { combineReducers as le } from "./lib/redux-immutable/index.js";
+import { clearInternalTrafficCookie as re, isInternalTrafficEnabled as oe, setInternalTrafficCookie as te, validateToken as ae } from "./tracker/internalTrafficUtils.js";
+import { default as ne } from "./tracker/InternalTrafficToggle.js";
+import { store as pe } from "./redux/store.js";
+import { useAppDispatch as ie, useAppSelector as le } from "./redux/hooks.js";
+import { UPDATE as ue, initialState as xe, intlReducer as ce, updateIntl as Te } from "./lib/react-intl-redux/index.js";
+import { combineReducers as ge } from "./lib/redux-immutable/index.js";
 import * as e from "./translations/en.json.js";
 import * as r from "./translations/fr.json.js";
 import * as o from "./translations/af.json.js";
 import * as t from "./translations/am.json.js";
-import { COUNTRY_OPTIONS as ue } from "./countries.js";
-import { decodeHtmlEntitiesToHtml as ce, decodeHtmlEntitiesToText as Te, stringToArray as Ce, toBoolean as ge, toNumber as Pe, uriStringToArray as Se } from "./utils/data.js";
-import { Media as ve, MediaContextProvider as ye, mediaStyle as Ie } from "./utils/AppMedia.js";
-import { getUnhandledProps as He, htmlImageProps as Re, htmlInputAttrs as we, htmlInputEvents as Fe, htmlInputProps as Ee, partitionHTMLProps as Le, useKeyOnly as Me, useValueAndKey as Ne } from "./utils/semanticUtils.js";
-import { default as De } from "./lib/react-intl-redux/providers/Provider.js";
-import { default as be } from "./lib/react-intl-redux/providers/IntlProvider.js";
+import { COUNTRY_OPTIONS as Se } from "./countries.js";
+import { decodeHtmlEntitiesToHtml as Ie, decodeHtmlEntitiesToText as ve, stringToArray as ye, toBoolean as Ae, toNumber as He, uriStringToArray as Re } from "./utils/data.js";
+import { Media as we, MediaContextProvider as Ee, mediaStyle as Fe } from "./utils/AppMedia.js";
+import { getUnhandledProps as Me, htmlImageProps as Ne, htmlInputAttrs as Oe, htmlInputEvents as be, htmlInputProps as De, partitionHTMLProps as Ue, useKeyOnly as ze, useValueAndKey as Be } from "./utils/semanticUtils.js";
+import { default as We } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as Ye } from "./lib/react-intl-redux/providers/IntlProvider.js";
 export {
-  ue as COUNTRY_OPTIONS,
+  Se as COUNTRY_OPTIONS,
   q as ClassicHeader,
   l as Config,
-  b as CustomSemanticSearch,
+  D as CustomSemanticSearch,
   A as CustomizerWrapper,
-  L as Favicon,
+  F as Favicon,
   J as FlexWrapDetector,
   X as FloatingMenuHeader,
   _ as Footer,
   z as Header,
-  be as IntlProvider,
+  ne as InternalTrafficToggle,
+  Ye as IntlProvider,
   V as LangSwitcher,
-  D as Loading,
-  ve as Media,
-  ye as MediaContextProvider,
-  F as PreviewComponent,
+  O as Loading,
+  we as Media,
+  Ee as MediaContextProvider,
+  w as PreviewComponent,
   C as PreviewPageContainer,
   P as PreviewTypeContainer,
-  De as Provider,
+  We as Provider,
   u as ResponsiveContainer,
   R as RootLayout,
-  N as SSRFavicon,
+  M as SSRFavicon,
   c as ScrollToTop,
   K as SearchControl,
   h as SlugContainer,
-  y as SlugPostContainer,
-  pe as UPDATE,
+  v as SlugPostContainer,
+  ue as UPDATE,
   o as afrikaansTranslations,
   t as amharicTranslations,
-  le as combineReducers,
-  p as components,
-  f as customizer,
-  ce as decodeHtmlEntitiesToHtml,
-  Te as decodeHtmlEntitiesToText,
+  re as clearInternalTrafficCookie,
+  ge as combineReducers,
+  n as components,
+  s as customizer,
+  Ie as decodeHtmlEntitiesToHtml,
+  ve as decodeHtmlEntitiesToText,
   e as englishTranslations,
   r as frenchTranslations,
-  m as getComponentByNameIgnoreCase,
-  He as getUnhandledProps,
-  Re as htmlImageProps,
-  we as htmlInputAttrs,
-  Fe as htmlInputEvents,
-  Ee as htmlInputProps,
-  fe as initialState,
-  me as intlReducer,
-  Ie as mediaStyle,
-  Le as partitionHTMLProps,
-  n as reducers,
-  re as store,
-  Ce as stringToArray,
-  ge as toBoolean,
-  Pe as toNumber,
-  ne as updateIntl,
-  Se as uriStringToArray,
-  te as useAppDispatch,
-  ae as useAppSelector,
-  Me as useKeyOnly,
-  Ne as useValueAndKey,
+  p as getComponentByNameIgnoreCase,
+  Me as getUnhandledProps,
+  Ne as htmlImageProps,
+  Oe as htmlInputAttrs,
+  be as htmlInputEvents,
+  De as htmlInputProps,
+  xe as initialState,
+  ce as intlReducer,
+  oe as isInternalTrafficEnabled,
+  Fe as mediaStyle,
+  Ue as partitionHTMLProps,
+  m as reducers,
+  te as setInternalTrafficCookie,
+  pe as store,
+  ye as stringToArray,
+  Ae as toBoolean,
+  He as toNumber,
+  Te as updateIntl,
+  Re as uriStringToArray,
+  ie as useAppDispatch,
+  le as useAppSelector,
+  ze as useKeyOnly,
+  Be as useValueAndKey,
+  ae as validateToken,
   $ as withTracker
 };

package/dist/esm/tracker/InternalTrafficToggle.js

@@ -0,0 +1,76 @@
+import { jsx as n, jsxs as u } from "react/jsx-runtime";
+import { useState as d, useEffect as p } from "react";
+import { useSearchParams as y, useNavigate as S } from "react-router";
+import { validateToken as h, setInternalTrafficCookie as v } from "./internalTrafficUtils.js";
+const w = ({ token: l }) => {
+  const [a] = y(), c = S(), [e, s] = d("validating"), [f, t] = d("Processing...");
+  p(() => {
+    const o = a.get("enable"), b = a.get("k");
+    if (!h(b, l)) {
+      s("error"), t("Invalid or missing token. Access denied."), console.error("Invalid token provided for internal traffic toggle");
+      return;
+    }
+    if (o !== "0" && o !== "1") {
+      s("error"), t("Invalid enable parameter. Use ?enable=0 or ?enable=1"), console.error("Invalid enable parameter:", o);
+      return;
+    }
+    try {
+      const r = o === "1";
+      v(r), s("success"), t(
+        r ? "✓ Internal traffic enabled. GA4 events will be tagged as internal." : "✓ Internal traffic disabled. GA4 events will be tagged as external."
+      ), console.log(`Internal traffic ${r ? "enabled" : "disabled"} successfully`), setTimeout(() => {
+        c("/");
+      }, 3e3);
+    } catch (r) {
+      s("error"), t(`Error: ${r instanceof Error ? r.message : "Unknown error"}`), console.error("Error setting internal traffic cookie:", r);
+    }
+  }, [a, l, c]);
+  const g = {
+    display: "flex",
+    justifyContent: "center",
+    alignItems: "center",
+    minHeight: "100vh",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+  }, i = {
+    textAlign: "center",
+    padding: "2rem",
+    borderRadius: "8px",
+    boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+    maxWidth: "500px"
+  }, m = e === "success" ? {
+    ...i,
+    backgroundColor: "#f0f9ff",
+    borderLeft: "4px solid #10b981"
+  } : e === "error" ? {
+    ...i,
+    backgroundColor: "#fef2f2",
+    borderLeft: "4px solid #ef4444"
+  } : {
+    ...i,
+    backgroundColor: "#f3f4f6",
+    borderLeft: "4px solid #3b82f6"
+  };
+  return /* @__PURE__ */ n("div", { style: g, children: /* @__PURE__ */ u("div", { style: m, children: [
+    /* @__PURE__ */ n("h1", { style: {
+      fontSize: "1.5rem",
+      fontWeight: "600",
+      margin: "0 0 1rem 0",
+      color: e === "success" ? "#059669" : e === "error" ? "#dc2626" : "#1f2937"
+    }, children: e === "success" ? "Success" : e === "error" ? "Error" : "Processing" }),
+    /* @__PURE__ */ n("p", { style: {
+      fontSize: "1rem",
+      margin: "1rem 0",
+      color: e === "success" ? "#047857" : e === "error" ? "#991b1b" : "#374151",
+      lineHeight: "1.5"
+    }, children: f }),
+    e === "success" && /* @__PURE__ */ n("p", { style: {
+      fontSize: "0.875rem",
+      color: "#6b7280",
+      marginTop: "1.5rem",
+      fontStyle: "italic"
+    }, children: "Redirecting to home page in 3 seconds..." })
+  ] }) });
+};
+export {
+  w as default
+};

package/dist/esm/tracker/index.js

@@ -1,4 +1,11 @@
-import { withTracker as o } from "./withGoogleAnalytics.js";
+import { withTracker as a } from "./withGoogleAnalytics.js";
+import { clearInternalTrafficCookie as o, isInternalTrafficEnabled as t, setInternalTrafficCookie as n, validateToken as i } from "./internalTrafficUtils.js";
+import { default as T } from "./InternalTrafficToggle.js";
 export {
-  o as withTracker
+  T as InternalTrafficToggle,
+  o as clearInternalTrafficCookie,
+  t as isInternalTrafficEnabled,
+  n as setInternalTrafficCookie,
+  i as validateToken,
+  a as withTracker
 };

package/dist/esm/tracker/internalTrafficUtils.js

@@ -0,0 +1,23 @@
+const o = "_ga_internal_traffic";
+const c = (e) => {
+  if (typeof document > "u") return;
+  const t = e ? "1" : "0", n = "/";
+  document.cookie = `${o}=${t}; max-age=31536000; path=${n}; SameSite=Lax`, console.log(`Internal traffic cookie ${e ? "enabled" : "disabled"}`);
+}, i = () => {
+  if (typeof document > "u") return !1;
+  const e = document.cookie.split(";");
+  for (const t of e) {
+    const [n, a] = t.trim().split("=");
+    if (n === o)
+      return a === "1";
+  }
+  return !1;
+}, r = () => {
+  typeof document > "u" || (document.cookie = `${o}=; max-age=0; path=/; SameSite=Lax`, console.log("Internal traffic cookie cleared"));
+}, f = (e, t) => e ? e === t : !1;
+export {
+  r as clearInternalTrafficCookie,
+  i as isInternalTrafficEnabled,
+  c as setInternalTrafficCookie,
+  f as validateToken
+};

package/dist/esm/tracker/withGoogleAnalytics.js

@@ -1,21 +1,26 @@
-import { jsx as m } from "react/jsx-runtime";
-import p, { useEffect as s } from "react";
-import i from "react-ga4";
-import { useLocation as f } from "react-router";
-import { Config as C } from "../conf/index.js";
-import { SettingsContext as g } from "@devgateway/wp-react-lib";
-const O = (r, l = {}) => (a) => {
+import { jsx as u } from "react/jsx-runtime";
+import C, { useRef as p, useEffect as c } from "react";
+import f from "react-ga4";
+import { useLocation as _ } from "react-router";
+import { Config as d } from "../conf/index.js";
+import { SettingsContext as A } from "@devgateway/wp-react-lib";
+import { isInternalTrafficEnabled as g } from "./internalTrafficUtils.js";
+const s = p(/* @__PURE__ */ new Set()), z = (l, h = {}) => (m) => {
   var n;
-  const o = p.useContext(g) ?? {}, t = ((n = o == null ? void 0 : o.data) == null ? void 0 : n.google_analytics_code) ?? C.GA_CODE;
-  console.log("gaCode", t);
-  const e = f();
-  return i.initialize(t ?? "#REACT_APP_GA_CODE#"), s(() => {
-    if (t) {
-      const c = e.pathname;
-      i.send({ hitType: "pageview", page: c });
+  const e = C.useContext(A) ?? {}, t = ((n = e == null ? void 0 : e.data) == null ? void 0 : n.google_analytics_code) ?? d.GA_CODE, i = _(), o = p(!1);
+  return c(() => {
+    t && t !== "#REACT_APP_GA_CODE#" && !o.current && (s.current.has(t) || (f.initialize(t), s.current.add(t), console.log("GA initialized with code:", t)), o.current = !0);
+  }, [t]), c(() => {
+    if (t && t !== "#REACT_APP_GA_CODE#" && o.current) {
+      const r = i.pathname, a = g() ? "internal" : "external";
+      f.send({
+        hitType: "pageview",
+        page: r,
+        traffic_type: a
+      }), console.log("GA pageview sent:", { page: r, traffic_type: a });
     }
-  }, [e.pathname]), /* @__PURE__ */ m(r, { ...a });
+  }, [i.pathname, t]), /* @__PURE__ */ u(l, { ...m });
 };
 export {
-  O as withTracker
+  z as withTracker
 };

package/dist/types/conf/index.d.ts

@@ -3,4 +3,5 @@ export declare const Config: {
     REACT_APP_API_ROOT: any;
     GA_CODE: any;
     DEFAULT_LOCALE: any;
+    INTERNAL_GA_TOKEN: any;
 };

package/dist/types/tracker/InternalTrafficToggle.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface InternalTrafficToggleProps {
+    token: string;
+}
+declare const InternalTrafficToggle: React.FC<InternalTrafficToggleProps>;
+export default InternalTrafficToggle;

package/dist/types/tracker/index.d.ts

@@ -1 +1,3 @@
 export * from './withGoogleAnalytics';
+export * from './internalTrafficUtils';
+export { default as InternalTrafficToggle } from './InternalTrafficToggle';

package/dist/types/tracker/internalTrafficUtils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Utility functions for managing internal traffic detection via first-party cookies
+ */
+/**
+ * Set a first-party cookie to mark this session as internal traffic
+ * @param enable - Whether to enable (true) or disable (false) internal traffic tracking
+ */
+export declare const setInternalTrafficCookie: (enable: boolean) => void;
+/**
+ * Check if internal traffic cookie is enabled
+ * @returns true if the internal traffic cookie is set to '1', false otherwise
+ */
+export declare const isInternalTrafficEnabled: () => boolean;
+/**
+ * Clear the internal traffic cookie
+ */
+export declare const clearInternalTrafficCookie: () => void;
+/**
+ * Validate the token against the expected value
+ * @param providedToken - The token from query params
+ * @param expectedToken - The expected token from environment
+ * @returns true if tokens match, false otherwise
+ */
+export declare const validateToken: (providedToken: string | null, expectedToken: string) => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.6.11",
+  "version": "1.6.13",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",