@devgateway/dvz-ui-react 1.8.7 → 1.8.8

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",INTERNAL_GA_TOKEN:process.env.VITE_INTERNAL_GA_TOKEN??""};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"};exports.Config=_;

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./embeddable/index.js"),c=require("./conf/index.js"),l=require("./layout/ResponsiveContainer.js"),d=require("./layout/ScrollTop.js"),p=require("./layout/containers/PreviewPageContainer.js"),f=require("./layout/containers/PreviewTypeContainer.js"),m=require("./layout/containers/SlugContainer.js"),q=require("./layout/containers/SlugPostContainer.js"),C=require("./layout/Customizer.js"),T=require("./layout/Layout.js"),g=require("./layout/PreviewComponent.js"),P=require("./layout/Favicon.js"),S=require("./layout/SSRFavicon.js"),h=require("./layout/Loading.js"),v=require("./layout/CustomSemanticSearch.js"),I=require("./layout/Header.js"),y=require("./layout/SearchControl.js"),x=require("./layout/LangSwitcher.js"),A=require("./layout/Footer.js"),H=require("./layout/ClassicHeader.js"),D=require("./layout/FlexWrapDetector.js"),w=require("./layout/FloatingMenuHeader.js"),R=require("./tracker/withGoogleAnalytics.js"),o=require("./tracker/internalTrafficUtils.js"),k=require("./tracker/InternalTrafficToggle.js"),E=require("./redux/store.js"),u=require("./redux/hooks.js"),n=require("./lib/react-intl-redux/index.js"),F=require("./lib/redux-immutable/index.js"),M=require("./translations/en.json.js"),O=require("./translations/fr.json.js"),U=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("./embeddable/data/DataConsumer.js"),z=require("./embeddable/data/DataProvider.js"),a=require("./embeddable/data/DataContext.js");require("react/jsx-runtime");require("react");require("./embeddable/data/CategoriesProvider.js");const s=require("./embeddable/utils/parseUtils.js"),B=require("./embeddable/reducers/data.js"),K=require("./lib/react-intl-redux/providers/Provider.js"),W=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=c.Config;exports.ResponsiveContainer=l.default;exports.ScrollToTop=d.default;exports.PreviewPageContainer=p.default;exports.PreviewTypeContainer=f.default;exports.SlugContainer=m.default;exports.SlugPostContainer=q.default;exports.CustomizerWrapper=C.CustomizerWrapper;exports.RootLayout=T.default;exports.PreviewComponent=g.default;exports.Favicon=P.default;exports.SSRFavicon=S.default;exports.Loading=h.default;exports.CustomSemanticSearch=v.default;exports.Header=I.default;exports.SearchControl=y.default;exports.LangSwitcher=x.default;exports.Footer=A.default;exports.ClassicHeader=H.default;exports.FlexWrapDetector=D.default;exports.FloatingMenuHeader=w.default;exports.withTracker=R.withTracker;exports.clearInternalTrafficCookie=o.clearInternalTrafficCookie;exports.isInternalTrafficEnabled=o.isInternalTrafficEnabled;exports.setInternalTrafficCookie=o.setInternalTrafficCookie;exports.validateToken=o.validateToken;exports.InternalTrafficToggle=k.default;exports.store=E.store;exports.useAppDispatch=u.useAppDispatch;exports.useAppSelector=u.useAppSelector;exports.UPDATE=n.UPDATE;exports.initialState=n.initialState;exports.intlReducer=n.intlReducer;exports.updateIntl=n.updateIntl;exports.combineReducers=F.combineReducers;exports.englishTranslations=M;exports.frenchTranslations=O;exports.afrikaansTranslations=U;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.DataConsumer=N.default;exports.DataProvider=z.default;exports.CategoriesContext=a.CategoriesContext;exports.DataContext=a.DataContext;exports.PostsContext=a.PostsContext;exports.compareJsonProps=s.compareJsonProps;exports.decode=s.decode;exports.parse=s.parse;exports.reducer=B;exports.Provider=K.default;exports.IntlProvider=W.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./embeddable/index.js"),c=require("./conf/index.js"),l=require("./layout/ResponsiveContainer.js"),d=require("./layout/ScrollTop.js"),f=require("./layout/containers/PreviewPageContainer.js"),p=require("./layout/containers/PreviewTypeContainer.js"),m=require("./layout/containers/SlugContainer.js"),q=require("./layout/containers/SlugPostContainer.js"),C=require("./layout/Customizer.js"),T=require("./layout/Layout.js"),g=require("./layout/PreviewComponent.js"),P=require("./layout/Favicon.js"),S=require("./layout/SSRFavicon.js"),I=require("./layout/Loading.js"),h=require("./layout/CustomSemanticSearch.js"),y=require("./layout/Header.js"),v=require("./layout/SearchControl.js"),x=require("./layout/LangSwitcher.js"),A=require("./layout/Footer.js"),H=require("./layout/ClassicHeader.js"),D=require("./layout/FlexWrapDetector.js"),w=require("./layout/FloatingMenuHeader.js"),R=require("./tracker/withGoogleAnalytics.js"),o=require("./tracker/internalTrafficUtils.js"),k=require("./tracker/InternalTrafficToggle.js"),E=require("./tracker/InternalTrafficWatermark.js"),F=require("./tracker/useInternalTrafficBypass.js"),M=require("./redux/store.js"),u=require("./redux/hooks.js"),n=require("./lib/react-intl-redux/index.js"),O=require("./lib/redux-immutable/index.js"),U=require("./translations/en.json.js"),b=require("./translations/fr.json.js"),L=require("./translations/af.json.js"),N=require("./translations/am.json.js"),B=require("./countries.js"),r=require("./utils/data.js"),a=require("./utils/AppMedia.js"),e=require("./utils/semanticUtils.js"),W=require("./embeddable/data/DataConsumer.js"),z=require("./embeddable/data/DataProvider.js"),i=require("./embeddable/data/DataContext.js");require("react/jsx-runtime");require("react");require("./embeddable/data/CategoriesProvider.js");const s=require("./embeddable/utils/parseUtils.js"),K=require("./embeddable/reducers/data.js"),$=require("./lib/react-intl-redux/providers/Provider.js"),J=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=c.Config;exports.ResponsiveContainer=l.default;exports.ScrollToTop=d.default;exports.PreviewPageContainer=f.default;exports.PreviewTypeContainer=p.default;exports.SlugContainer=m.default;exports.SlugPostContainer=q.default;exports.CustomizerWrapper=C.CustomizerWrapper;exports.RootLayout=T.default;exports.PreviewComponent=g.default;exports.Favicon=P.default;exports.SSRFavicon=S.default;exports.Loading=I.default;exports.CustomSemanticSearch=h.default;exports.Header=y.default;exports.SearchControl=v.default;exports.LangSwitcher=x.default;exports.Footer=A.default;exports.ClassicHeader=H.default;exports.FlexWrapDetector=D.default;exports.FloatingMenuHeader=w.default;exports.withTracker=R.withTracker;exports.clearInternalTrafficCookie=o.clearInternalTrafficCookie;exports.isInternalTrafficEnabled=o.isInternalTrafficEnabled;exports.setInternalTrafficCookie=o.setInternalTrafficCookie;exports.InternalTrafficToggle=k.default;exports.InternalTrafficWatermark=E.default;exports.useInternalTrafficBypass=F.useInternalTrafficBypass;exports.store=M.store;exports.useAppDispatch=u.useAppDispatch;exports.useAppSelector=u.useAppSelector;exports.UPDATE=n.UPDATE;exports.initialState=n.initialState;exports.intlReducer=n.intlReducer;exports.updateIntl=n.updateIntl;exports.combineReducers=O.combineReducers;exports.englishTranslations=U;exports.frenchTranslations=b;exports.afrikaansTranslations=L;exports.amharicTranslations=N;exports.COUNTRY_OPTIONS=B.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=a.Media;exports.MediaContextProvider=a.MediaContextProvider;exports.mediaStyle=a.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.DataConsumer=W.default;exports.DataProvider=z.default;exports.CategoriesContext=i.CategoriesContext;exports.DataContext=i.DataContext;exports.PostsContext=i.PostsContext;exports.compareJsonProps=s.compareJsonProps;exports.decode=s.decode;exports.parse=s.parse;exports.reducer=K;exports.Provider=$.default;exports.IntlProvider=J.default;

package/dist/cjs/tracker/InternalTrafficToggle.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),g=require("react-router"),u=require("./internalTrafficUtils.js"),h=({token:c,redirectTo:d="/"})=>{const[a]=g.useSearchParams(),f=g.useNavigate(),[e,t]=l.useState("validating"),[b,n]=l.useState("Processing...");l.useEffect(()=>{const o=a.get("enable"),x=a.get("k");if(!u.validateToken(x,c)){t("error"),n("Invalid or missing token. Access denied."),console.error("Invalid token provided for internal traffic toggle");return}if(o!=="0"&&o!=="1"){t("error"),n("Invalid enable parameter. Use ?enable=0 or ?enable=1"),console.error("Invalid enable parameter:",o);return}try{const r=o==="1";u.setInternalTrafficCookie(r),t("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(()=>{f(d)},3e3)}catch(r){t("error"),n(`Error: ${r instanceof Error?r.message:"Unknown error"}`),console.error("Error setting internal traffic cookie:",r)}},[a,c,f,d]);const m={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"},p=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"},y={fontSize:"1.5rem",fontWeight:"600",margin:"0 0 1rem 0",color:e==="success"?"#059669":e==="error"?"#dc2626":"#1f2937"},S={fontSize:"1rem",margin:"1rem 0",color:e==="success"?"#047857":e==="error"?"#991b1b":"#374151",lineHeight:"1.5"},v={fontSize:"0.875rem",color:"#6b7280",marginTop:"1.5rem",fontStyle:"italic"};return s.jsx("div",{style:m,children:s.jsxs("div",{style:p,children:[s.jsx("h1",{style:y,children:e==="success"?"Success":e==="error"?"Error":"Processing"}),s.jsx("p",{style:S,children:b}),e==="success"&&s.jsx("p",{style:v,children:"Redirecting to home page in 3 seconds..."})]})})};exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),r=require("semantic-ui-react"),o=require("./useInternalTrafficBypass.js"),u=({redirectTo:n="/"})=>{const{status:e,message:c}=o.useInternalTrafficBypass(n),t=e==="success"?"Success":e==="error"?"Error":"Processing",i=e==="success"?"green":e==="error"?"red":"blue",a=e==="success"?"check circle":e==="error"?"warning sign":"spinner";return s.jsxs(r.Container,{as:"div",children:[s.jsxs(r.Segment,{textAlign:"center",basic:!0,vertical:!0,children:[s.jsx(r.Header,{as:"h1",content:t}),e==="success"&&s.jsx(r.Message,{size:"small",content:"Redirecting to home page in 3 seconds..."})]}),s.jsx(r.Segment,{vertical:!0,children:s.jsx(r.Message,{size:"large",icon:a,color:i,content:c})})]})};exports.default=u;

package/dist/cjs/tracker/InternalTrafficWatermark.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),t=require("react"),i=require("semantic-ui-react"),d=require("./internalTrafficUtils.js"),M=()=>{const[f,r]=t.useState(!1),[g,x]=t.useState(!1),[n,a]=t.useState({x:-20,y:-20}),[o,l]=t.useState(!1),[u,p]=t.useState({x:0,y:0});t.useEffect(()=>{if(typeof document>"u")return;x(!0),r(d.isInternalTrafficEnabled()),typeof window<"u"&&a({x:window.innerWidth-200,y:window.innerHeight-40});const e=()=>{r(d.isInternalTrafficEnabled())};return window.addEventListener("storage",e),()=>window.removeEventListener("storage",e)},[]);const y=e=>{l(!0),p({x:e.clientX-n.x,y:e.clientY-n.y})},b=e=>{o&&a({x:e.clientX-u.x,y:e.clientY-u.y})},c=()=>{l(!1)};if(!g||!f)return null;const w={position:"fixed",left:`${n.x}px`,top:`${n.y}px`,zIndex:999999,willChange:o?"transform":"auto",cursor:o?"grabbing":"grab"};return s.jsx("div",{style:w,onMouseDown:y,onMouseMove:b,onMouseUp:c,onMouseLeave:c,role:"status","aria-label":"GA bypass enabled. Drag to move this notification.",children:s.jsx(i.Popup,{content:"Drag to move",position:"left center",trigger:s.jsxs(i.Label,{color:"yellow",image:!0,children:[s.jsx(i.Icon,{name:"spinner",loading:!0,color:"red"}),"GA Bypass Enabled"]})})})};exports.default=M;

package/dist/cjs/tracker/index.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./withGoogleAnalytics.js"),e=require("./internalTrafficUtils.js"),a=require("./InternalTrafficToggle.js"),n=require("./InternalTrafficWatermark.js"),t=require("./useInternalTrafficBypass.js");exports.withTracker=r.withTracker;exports.clearInternalTrafficCookie=e.clearInternalTrafficCookie;exports.isInternalTrafficEnabled=e.isInternalTrafficEnabled;exports.setInternalTrafficCookie=e.setInternalTrafficCookie;exports.InternalTrafficToggle=a.default;exports.InternalTrafficWatermark=n.default;exports.useInternalTrafficBypass=t.useInternalTrafficBypass;

package/dist/cjs/tracker/internalTrafficUtils.js

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

package/dist/cjs/tracker/useInternalTrafficBypass.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),l=require("react-router"),m=require("./internalTrafficUtils.js"),d=e=>e instanceof Error?`Error: ${e.message}`:"Error: Unknown error",k=(e="/")=>{const i=l.useNavigate(),[n]=l.useSearchParams(),[u,r]=c.useState("validating"),[g,s]=c.useState("Processing...");return c.useEffect(()=>{const t=n.get("enable");if(!n.get("k")){r("error"),s("Missing token parameter. Use ?k=your_token"),console.error("Missing token parameter");return}if(!t){r("error"),s("Missing enable parameter. Use ?enable=0 or ?enable=1"),console.error("Missing enable parameter");return}if(t!=="0"&&t!=="1"){r("error"),s("Invalid enable parameter. Use ?enable=0 or ?enable=1"),console.error("Invalid enable parameter:",t);return}const o=t==="1",f=o?"✓ Internal traffic enabled. GA4 events will be tagged as internal.":"✓ Internal traffic disabled. GA4 events will be tagged as external.",b=`Internal traffic ${o?"enabled":"disabled"} successfully`;try{m.setInternalTrafficCookie(o),r("success"),s(f),console.log(b);const a=setTimeout(()=>{i(e)},3e3);return()=>clearTimeout(a)}catch(a){r("error"),s(d(a)),console.error("Error setting internal traffic cookie:",a)}},[n,i,e]),{status:u,message:g}};exports.useInternalTrafficBypass=k;

package/dist/esm/conf/index.js

@@ -2,8 +2,7 @@ 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 ?? ""
+  DEFAULT_LOCALE: process.env.VITE_REACT_APP_DEFAULT_LOCALE ?? "en"
 };
 export {
   _ as Config

package/dist/esm/index.js

@@ -2,8 +2,8 @@ import { components as i, customizer as l, getComponentByNameIgnoreCase as d, re
 import { Config as c } from "./conf/index.js";
 import { default as C } from "./layout/ResponsiveContainer.js";
 import { default as P } from "./layout/ScrollTop.js";
-import { default as h } from "./layout/containers/PreviewPageContainer.js";
-import { default as I } from "./layout/containers/PreviewTypeContainer.js";
+import { default as S } from "./layout/containers/PreviewPageContainer.js";
+import { default as v } from "./layout/containers/PreviewTypeContainer.js";
 import { default as A } from "./layout/containers/SlugContainer.js";
 import { default as D } from "./layout/containers/SlugPostContainer.js";
 import { CustomizerWrapper as k } from "./layout/Customizer.js";
@@ -11,66 +11,69 @@ import { default as E } from "./layout/Layout.js";
 import { default as L } from "./layout/PreviewComponent.js";
 import { default as N } from "./layout/Favicon.js";
 import { default as b } from "./layout/SSRFavicon.js";
-import { default as z } from "./layout/Loading.js";
-import { default as K } from "./layout/CustomSemanticSearch.js";
+import { default as U } from "./layout/Loading.js";
+import { default as z } from "./layout/CustomSemanticSearch.js";
 import { default as J } from "./layout/Header.js";
 import { default as Y } from "./layout/SearchControl.js";
 import { default as j } from "./layout/LangSwitcher.js";
 import { default as G } from "./layout/Footer.js";
 import { default as X } from "./layout/ClassicHeader.js";
 import { default as $ } from "./layout/FlexWrapDetector.js";
-import { default as re } from "./layout/FloatingMenuHeader.js";
-import { withTracker as te } from "./tracker/withGoogleAnalytics.js";
-import { clearInternalTrafficCookie as fe, isInternalTrafficEnabled as se, setInternalTrafficCookie as pe, validateToken as me } from "./tracker/internalTrafficUtils.js";
-import { default as ie } from "./tracker/InternalTrafficToggle.js";
-import { store as de } from "./redux/store.js";
-import { useAppDispatch as ue, useAppSelector as ce } from "./redux/hooks.js";
-import { UPDATE as Ce, initialState as ge, intlReducer as Pe, updateIntl as Se } from "./lib/react-intl-redux/index.js";
-import { combineReducers as ve } from "./lib/redux-immutable/index.js";
-import * as e from "./translations/en.json.js";
-import * as r from "./translations/fr.json.js";
+import { default as er } from "./layout/FloatingMenuHeader.js";
+import { withTracker as tr } from "./tracker/withGoogleAnalytics.js";
+import { clearInternalTrafficCookie as fr, isInternalTrafficEnabled as sr, setInternalTrafficCookie as pr } from "./tracker/internalTrafficUtils.js";
+import { default as nr } from "./tracker/InternalTrafficToggle.js";
+import { default as lr } from "./tracker/InternalTrafficWatermark.js";
+import { useInternalTrafficBypass as xr } from "./tracker/useInternalTrafficBypass.js";
+import { store as cr } from "./redux/store.js";
+import { useAppDispatch as Cr, useAppSelector as gr } from "./redux/hooks.js";
+import { UPDATE as Ir, initialState as Sr, intlReducer as hr, updateIntl as vr } from "./lib/react-intl-redux/index.js";
+import { combineReducers as Ar } from "./lib/redux-immutable/index.js";
+import * as r from "./translations/en.json.js";
+import * as e 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 ye } from "./countries.js";
-import { decodeHtmlEntitiesToHtml as He, decodeHtmlEntitiesToText as De, stringToArray as Re, toBoolean as ke, toNumber as we, uriStringToArray as Ee } from "./utils/data.js";
-import { Media as Le, MediaContextProvider as Me, mediaStyle as Ne } from "./utils/AppMedia.js";
-import { getUnhandledProps as be, htmlImageProps as Ue, htmlInputAttrs as ze, htmlInputEvents as Be, htmlInputProps as Ke, partitionHTMLProps as We, useKeyOnly as Je, useValueAndKey as Ve } from "./utils/semanticUtils.js";
-import { default as _e } from "./embeddable/data/DataConsumer.js";
-import { default as qe } from "./embeddable/data/DataProvider.js";
-import { CategoriesContext as Qe, DataContext as Xe, PostsContext as Ze } from "./embeddable/data/DataContext.js";
+import { COUNTRY_OPTIONS as Dr } from "./countries.js";
+import { decodeHtmlEntitiesToHtml as kr, decodeHtmlEntitiesToText as wr, stringToArray as Er, toBoolean as Fr, toNumber as Lr, uriStringToArray as Mr } from "./utils/data.js";
+import { Media as Or, MediaContextProvider as br, mediaStyle as Br } from "./utils/AppMedia.js";
+import { getUnhandledProps as Wr, htmlImageProps as zr, htmlInputAttrs as Kr, htmlInputEvents as Jr, htmlInputProps as Vr, partitionHTMLProps as Yr, useKeyOnly as _r, useValueAndKey as jr } from "./utils/semanticUtils.js";
+import { default as Gr } from "./embeddable/data/DataConsumer.js";
+import { default as Xr } from "./embeddable/data/DataProvider.js";
+import { CategoriesContext as $r, DataContext as re, PostsContext as ee } from "./embeddable/data/DataContext.js";
 import "react/jsx-runtime";
 import "react";
 import "./embeddable/data/CategoriesProvider.js";
-import { compareJsonProps as er, decode as rr, parse as or } from "./embeddable/utils/parseUtils.js";
+import { compareJsonProps as te, decode as ae, parse as fe } from "./embeddable/utils/parseUtils.js";
 import * as p from "./embeddable/reducers/data.js";
-import { default as ar } from "./lib/react-intl-redux/providers/Provider.js";
-import { default as sr } from "./lib/react-intl-redux/providers/IntlProvider.js";
+import { default as pe } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as ne } from "./lib/react-intl-redux/providers/IntlProvider.js";
 export {
-  ye as COUNTRY_OPTIONS,
-  Qe as CategoriesContext,
+  Dr as COUNTRY_OPTIONS,
+  $r as CategoriesContext,
   X as ClassicHeader,
   c as Config,
-  K as CustomSemanticSearch,
+  z as CustomSemanticSearch,
   k as CustomizerWrapper,
-  _e as DataConsumer,
-  Xe as DataContext,
-  qe as DataProvider,
+  Gr as DataConsumer,
+  re as DataContext,
+  Xr as DataProvider,
   N as Favicon,
   $ as FlexWrapDetector,
-  re as FloatingMenuHeader,
+  er as FloatingMenuHeader,
   G as Footer,
   J as Header,
-  ie as InternalTrafficToggle,
-  sr as IntlProvider,
+  nr as InternalTrafficToggle,
+  lr as InternalTrafficWatermark,
+  ne as IntlProvider,
   j as LangSwitcher,
-  z as Loading,
-  Le as Media,
-  Me as MediaContextProvider,
-  Ze as PostsContext,
+  U as Loading,
+  Or as Media,
+  br as MediaContextProvider,
+  ee as PostsContext,
   L as PreviewComponent,
-  h as PreviewPageContainer,
-  I as PreviewTypeContainer,
-  ar as Provider,
+  S as PreviewPageContainer,
+  v as PreviewTypeContainer,
+  pe as Provider,
   C as ResponsiveContainer,
   E as RootLayout,
   b as SSRFavicon,
@@ -78,44 +81,44 @@ export {
   Y as SearchControl,
   A as SlugContainer,
   D as SlugPostContainer,
-  Ce as UPDATE,
+  Ir as UPDATE,
   o as afrikaansTranslations,
   t as amharicTranslations,
-  fe as clearInternalTrafficCookie,
-  ve as combineReducers,
-  er as compareJsonProps,
+  fr as clearInternalTrafficCookie,
+  Ar as combineReducers,
+  te as compareJsonProps,
   i as components,
   l as customizer,
-  rr as decode,
-  He as decodeHtmlEntitiesToHtml,
-  De as decodeHtmlEntitiesToText,
-  e as englishTranslations,
-  r as frenchTranslations,
+  ae as decode,
+  kr as decodeHtmlEntitiesToHtml,
+  wr as decodeHtmlEntitiesToText,
+  r as englishTranslations,
+  e as frenchTranslations,
   d as getComponentByNameIgnoreCase,
-  be as getUnhandledProps,
-  Ue as htmlImageProps,
-  ze as htmlInputAttrs,
-  Be as htmlInputEvents,
-  Ke as htmlInputProps,
-  ge as initialState,
-  Pe as intlReducer,
-  se as isInternalTrafficEnabled,
-  Ne as mediaStyle,
-  or as parse,
-  We as partitionHTMLProps,
+  Wr as getUnhandledProps,
+  zr as htmlImageProps,
+  Kr as htmlInputAttrs,
+  Jr as htmlInputEvents,
+  Vr as htmlInputProps,
+  Sr as initialState,
+  hr as intlReducer,
+  sr as isInternalTrafficEnabled,
+  Br as mediaStyle,
+  fe as parse,
+  Yr as partitionHTMLProps,
   p as reducer,
   x as reducers,
-  pe as setInternalTrafficCookie,
-  de as store,
-  Re as stringToArray,
-  ke as toBoolean,
-  we as toNumber,
-  Se as updateIntl,
-  Ee as uriStringToArray,
-  ue as useAppDispatch,
-  ce as useAppSelector,
-  Je as useKeyOnly,
-  Ve as useValueAndKey,
-  me as validateToken,
-  te as withTracker
+  pr as setInternalTrafficCookie,
+  cr as store,
+  Er as stringToArray,
+  Fr as toBoolean,
+  Lr as toNumber,
+  vr as updateIntl,
+  Mr as uriStringToArray,
+  Cr as useAppDispatch,
+  gr as useAppSelector,
+  xr as useInternalTrafficBypass,
+  _r as useKeyOnly,
+  jr as useValueAndKey,
+  tr as withTracker
 };

package/dist/esm/tracker/InternalTrafficToggle.js

@@ -1,76 +1,24 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useState as d, useEffect as y } from "react";
-import { useSearchParams as S, useNavigate as h } from "react-router";
-import { validateToken as v, setInternalTrafficCookie as x } from "./internalTrafficUtils.js";
-const M = ({ token: l, redirectTo: c = "/" }) => {
-  const [a] = S(), f = h(), [e, s] = d("validating"), [g, t] = d("Processing...");
-  y(() => {
-    const n = a.get("enable"), u = a.get("k");
-    if (!v(u, l)) {
-      s("error"), t("Invalid or missing token. Access denied."), console.error("Invalid token provided for internal traffic toggle");
-      return;
-    }
-    if (n !== "0" && n !== "1") {
-      s("error"), t("Invalid enable parameter. Use ?enable=0 or ?enable=1"), console.error("Invalid enable parameter:", n);
-      return;
-    }
-    try {
-      const r = n === "1";
-      x(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(() => {
-        f(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, f, c]);
-  const m = {
-    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"
-  }, b = 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__ */ o("div", { style: m, children: /* @__PURE__ */ p("div", { style: b, children: [
-    /* @__PURE__ */ o("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__ */ o("p", { style: {
-      fontSize: "1rem",
-      margin: "1rem 0",
-      color: e === "success" ? "#047857" : e === "error" ? "#991b1b" : "#374151",
-      lineHeight: "1.5"
-    }, children: g }),
-    e === "success" && /* @__PURE__ */ o("p", { style: {
-      fontSize: "0.875rem",
-      color: "#6b7280",
-      marginTop: "1.5rem",
-      fontStyle: "italic"
-    }, children: "Redirecting to home page in 3 seconds..." })
-  ] }) });
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { Container as a, Segment as n, Header as i, Message as c } from "semantic-ui-react";
+import { useInternalTrafficBypass as g } from "./useInternalTrafficBypass.js";
+const p = ({ redirectTo: o = "/" }) => {
+  const { status: e, message: t } = g(o);
+  return /* @__PURE__ */ r(a, { as: "div", children: [
+    /* @__PURE__ */ r(n, { textAlign: "center", basic: !0, vertical: !0, children: [
+      /* @__PURE__ */ s(i, { as: "h1", content: e === "success" ? "Success" : e === "error" ? "Error" : "Processing" }),
+      e === "success" && /* @__PURE__ */ s(c, { size: "small", content: "Redirecting to home page in 3 seconds..." })
+    ] }),
+    /* @__PURE__ */ s(n, { vertical: !0, children: /* @__PURE__ */ s(
+      c,
+      {
+        size: "large",
+        icon: e === "success" ? "check circle" : e === "error" ? "warning sign" : "spinner",
+        color: e === "success" ? "green" : e === "error" ? "red" : "blue",
+        content: t
+      }
+    ) })
+  ] });
 };
 export {
-  M as default
+  p as default
 };

package/dist/esm/tracker/InternalTrafficWatermark.js

@@ -0,0 +1,67 @@
+import { jsx as s, jsxs as w } from "react/jsx-runtime";
+import { useState as n, useEffect as b } from "react";
+import { Popup as h, Label as M, Icon as v } from "semantic-ui-react";
+import { isInternalTrafficEnabled as f } from "./internalTrafficUtils.js";
+const S = () => {
+  const [c, r] = n(!1), [u, g] = n(!1), [t, i] = n({ x: -20, y: -20 }), [o, a] = n(!1), [l, p] = n({ x: 0, y: 0 });
+  b(() => {
+    if (typeof document > "u") return;
+    g(!0), r(f()), typeof window < "u" && i({
+      x: window.innerWidth - 200,
+      y: window.innerHeight - 40
+    });
+    const e = () => {
+      r(f());
+    };
+    return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+  }, []);
+  const m = (e) => {
+    a(!0), p({
+      x: e.clientX - t.x,
+      y: e.clientY - t.y
+    });
+  }, x = (e) => {
+    o && i({
+      x: e.clientX - l.x,
+      y: e.clientY - l.y
+    });
+  }, d = () => {
+    a(!1);
+  };
+  if (!u || !c)
+    return null;
+  const y = {
+    position: "fixed",
+    left: `${t.x}px`,
+    top: `${t.y}px`,
+    zIndex: 999999,
+    willChange: o ? "transform" : "auto",
+    cursor: o ? "grabbing" : "grab"
+  };
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      style: y,
+      onMouseDown: m,
+      onMouseMove: x,
+      onMouseUp: d,
+      onMouseLeave: d,
+      role: "status",
+      "aria-label": "GA bypass enabled. Drag to move this notification.",
+      children: /* @__PURE__ */ s(
+        h,
+        {
+          content: "Drag to move",
+          position: "left center",
+          trigger: /* @__PURE__ */ w(M, { color: "yellow", image: !0, children: [
+            /* @__PURE__ */ s(v, { name: "spinner", loading: !0, color: "red" }),
+            "GA Bypass Enabled"
+          ] })
+        }
+      )
+    }
+  );
+};
+export {
+  S as default
+};

package/dist/esm/tracker/index.js

@@ -1,11 +1,14 @@
-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";
+import { withTracker as e } from "./withGoogleAnalytics.js";
+import { clearInternalTrafficCookie as t, isInternalTrafficEnabled as o, setInternalTrafficCookie as n } from "./internalTrafficUtils.js";
+import { default as i } from "./InternalTrafficToggle.js";
+import { default as T } from "./InternalTrafficWatermark.js";
+import { useInternalTrafficBypass as m } from "./useInternalTrafficBypass.js";
 export {
-  T as InternalTrafficToggle,
-  o as clearInternalTrafficCookie,
-  t as isInternalTrafficEnabled,
+  i as InternalTrafficToggle,
+  T as InternalTrafficWatermark,
+  t as clearInternalTrafficCookie,
+  o as isInternalTrafficEnabled,
   n as setInternalTrafficCookie,
-  i as validateToken,
-  a as withTracker
+  m as useInternalTrafficBypass,
+  e as withTracker
 };

package/dist/esm/tracker/internalTrafficUtils.js

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

package/dist/esm/tracker/useInternalTrafficBypass.js

@@ -0,0 +1,34 @@
+import { useState as c, useEffect as b } from "react";
+import { useNavigate as m, useSearchParams as p } from "react-router";
+import { setInternalTrafficCookie as d } from "./internalTrafficUtils.js";
+const k = (e) => e instanceof Error ? `Error: ${e.message}` : "Error: Unknown error", T = (e = "/") => {
+  const l = m(), [n] = p(), [i, r] = c("validating"), [g, s] = c("Processing...");
+  return b(() => {
+    const t = n.get("enable");
+    if (!n.get("k")) {
+      r("error"), s("Missing token parameter. Use ?k=your_token"), console.error("Missing token parameter");
+      return;
+    }
+    if (!t) {
+      r("error"), s("Missing enable parameter. Use ?enable=0 or ?enable=1"), console.error("Missing enable parameter");
+      return;
+    }
+    if (t !== "0" && t !== "1") {
+      r("error"), s("Invalid enable parameter. Use ?enable=0 or ?enable=1"), console.error("Invalid enable parameter:", t);
+      return;
+    }
+    const o = t === "1", u = o ? "✓ Internal traffic enabled. GA4 events will be tagged as internal." : "✓ Internal traffic disabled. GA4 events will be tagged as external.", f = `Internal traffic ${o ? "enabled" : "disabled"} successfully`;
+    try {
+      d(o), r("success"), s(u), console.log(f);
+      const a = setTimeout(() => {
+        l(e);
+      }, 3e3);
+      return () => clearTimeout(a);
+    } catch (a) {
+      r("error"), s(k(a)), console.error("Error setting internal traffic cookie:", a);
+    }
+  }, [n, l, e]), { status: i, message: g };
+};
+export {
+  T as useInternalTrafficBypass
+};

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

@@ -3,5 +3,4 @@ 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

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

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+/**
+ * InternalTrafficWatermark
+ *
+ * Displays a watermark badge indicating that internal traffic bypassing
+ * is enabled. This ensures staff members know they are not contributing
+ * to Google Analytics statistics when browsing with this setting enabled.
+ *
+ * The watermark is only rendered when the _ga_internal_traffic cookie is
+ * set to '1', and it updates reactively if the cookie state changes.
+ */
+declare const InternalTrafficWatermark: React.FC;
+export default InternalTrafficWatermark;

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

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

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

@@ -15,10 +15,3 @@ 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/dist/types/tracker/useInternalTrafficBypass.d.ts

@@ -0,0 +1,13 @@
+interface BypassStatus {
+    status: 'validating' | 'success' | 'error';
+    message: string;
+}
+/**
+ * Custom hook to handle internal traffic GA bypass logic
+ * Processes URL query parameters and manages cookie state
+ *
+ * @param redirectTo - URL to redirect to after successful toggle (default: '/')
+ * @returns Object containing status, message, and validation state
+ */
+export declare const useInternalTrafficBypass: (redirectTo?: string) => BypassStatus;
+export {};

package/package.json

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