@devgateway/dvz-ui-react 1.9.1 → 1.9.3

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

@@ -1,22 +1,23 @@
 import { jsx as e, jsxs as g } from "react/jsx-runtime";
 import y, { useState as v, useRef as G, useEffect as I } from "react";
-import { Container as f, Accordion as p, Icon as V, Menu as T, Grid as w, Label as M, Button as W } from "semantic-ui-react";
+import { Container as b, Accordion as p, Icon as V, Menu as T, Grid as w, Label as M, Button as W } from "semantic-ui-react";
 import { PostProvider as q, PostConsumer as N, MediaProvider as P, MediaConsumer as k, PostIcon as L, PostLabel as S } from "@devgateway/wp-react-lib";
 import { injectIntl as E } from "react-intl";
 import { connect as z } from "react-redux";
 import A from "../connected-templates/PostIntro.js";
 import { useWindowDimensionsAndDevice as O } from "../../lib/hooks/window-dimensions.js";
-const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
+import { parse as U } from "../utils/parseUtils.js";
+const Y = ({ posts: t, activeItem: c, setActive: i, showLabels: n }) => t ? t.map((l) => /* @__PURE__ */ e(
   T.Item,
   {
     onClick: () => i(l.slug),
-    className: l.slug === a ? "active" : "",
+    className: l.slug === c ? "active" : "",
     children: n ? /* @__PURE__ */ e(S, { post: l }) : /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e("span", { dangerouslySetInnerHTML: { __html: l.title.rendered } }) })
   },
   l.id
-)) : null, Y = ({
+)) : null, J = ({
   posts: t,
-  activeItem: a,
+  activeItem: c,
   setActive: i,
   showIcons: n,
   showLabels: l
@@ -27,7 +28,7 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
     return (d = r._embedded) != null && d["wp:featuredmedia"] && r._embedded["wp:featuredmedia"][0].source_url, /* @__PURE__ */ e(
       w.Column,
       {
-        className: (r.slug === a ? "active" : "") + (n ? " has-icon" : ""),
+        className: (r.slug === c ? "active" : "") + (n ? " has-icon" : ""),
         children: /* @__PURE__ */ g(
           W,
           {
@@ -54,12 +55,12 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
       r.id
     );
   }) : null;
-}, $ = ({ posts: t, activeItem: a }) => (I(() => {
+}, $ = ({ posts: t, activeItem: c }) => (I(() => {
   const i = document.querySelector(".ui.container.content-tab");
   i && (i.scrollTop = 0);
-}, [a]), t ? t.map((i) => {
+}, [c]), t ? t.map((i) => {
   let n = {};
-  return i.slug !== a ? n = {
+  return i.slug !== c ? n = {
     position: "absolute",
     left: "-3000px",
     width: "auto",
@@ -70,10 +71,10 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
     visibility: "visible",
     position: "relative",
     width: "auto"
-  }, /* @__PURE__ */ e(A, { as: f, fluid: !0, post: i, style: n }, i.slug);
-}) : null), J = ({ posts: t, activeItem: a, setActive: i }) => {
+  }, /* @__PURE__ */ e(A, { as: b, fluid: !0, post: i, style: n }, i.slug);
+}) : null), K = ({ posts: t, activeItem: c, setActive: i }) => {
   const [n, l] = v(
-    t.findIndex((s) => s.slug === a)
+    t.findIndex((s) => s.slug === c)
   ), [o, r] = v(null), d = G(null);
   I(() => {
     if (o) {
@@ -85,12 +86,12 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
     }
   }, [o]);
   const m = (s, u) => {
-    const { index: c } = u, h = n === c ? -1 : c;
-    l(h), i(t[c].slug), h !== -1 && r(s.currentTarget);
+    const { index: a } = u, h = n === a ? -1 : a;
+    l(h), i(t[a].slug), h !== -1 && r(s.currentTarget);
   };
   return /* @__PURE__ */ e(p, { fluid: !0, styled: !0, children: t.map((s, u) => {
     var h;
-    const c = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
+    const a = (h = s.meta_fields) != null && h.icon ? s.meta_fields.icon[0] : null;
     return /* @__PURE__ */ g(y.Fragment, { children: [
       /* @__PURE__ */ e(
         p.Title,
@@ -109,12 +110,12 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
               },
               children: [
                 /* @__PURE__ */ g("div", { style: { display: "flex", alignItems: "center" }, children: [
-                  c && /* @__PURE__ */ e(P, { id: c, children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(L, { className: "icon" }) }) }),
+                  a && /* @__PURE__ */ e(P, { id: a, children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(L, { className: "icon" }) }) }),
                   /* @__PURE__ */ e(
                     "span",
                     {
                       dangerouslySetInnerHTML: { __html: s.title.rendered },
-                      style: { marginLeft: c ? "10px" : "0" }
+                      style: { marginLeft: a ? "10px" : "0" }
                     }
                   )
                 ] }),
@@ -129,12 +130,12 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
         {
           className: "accordion-post-content",
           active: n === u,
-          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(A, { post: s, as: f, fluid: !0 }) })
+          children: /* @__PURE__ */ e("div", { ref: d, children: /* @__PURE__ */ e(A, { post: s, as: b, fluid: !0 }) })
         }
       )
     ] }, s.id);
   }) });
-}, K = ({ posts: t, showLabels: a, height: i }) => {
+}, Q = ({ posts: t, showLabels: c, height: i }) => {
   const [n, l] = v(t ? t[0].slug : null);
   return I(() => {
     setTimeout(() => {
@@ -145,19 +146,19 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
     }, 0);
   }, [t]), /* @__PURE__ */ g(y.Fragment, { children: [
     t.map((o) => /* @__PURE__ */ e("anchor", { id: o.slug }, o.slug)),
-    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(U, { showLabels: a, posts: t, setActive: l, activeItem: n }) }),
-    /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e($, { posts: t, activeItem: n }) })
+    /* @__PURE__ */ e(T, { className: "tabbed posts", text: !0, children: /* @__PURE__ */ e(Y, { showLabels: c, posts: t, setActive: l, activeItem: n }) }),
+    /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${i}px` }, children: /* @__PURE__ */ e($, { posts: t, activeItem: n }) })
   ] });
-}, Q = ({ posts: t, showLabels: a, showIcons: i, height: n }) => {
+}, X = ({ posts: t, showLabels: c, showIcons: i, height: n }) => {
   const [l, o] = v(t ? t[0].slug : null);
   return /* @__PURE__ */ e(y.Fragment, { children: /* @__PURE__ */ g(w, { stackable: !0, className: "tabbed posts", columns: t.length, style: { height: n + "px" }, children: [
-    /* @__PURE__ */ e(Y, { showIcons: i, showLabels: a, posts: t, activeItem: l, setActive: o }),
-    /* @__PURE__ */ e(w.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(w.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(f, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e($, { className: "content-tab", posts: t, activeItem: l }) }) }) })
+    /* @__PURE__ */ e(J, { showIcons: i, showLabels: c, posts: t, activeItem: l, setActive: o }),
+    /* @__PURE__ */ e(w.Row, { style: { height: `${n}px` }, children: /* @__PURE__ */ e(w.Column, { width: 16, className: "content", children: /* @__PURE__ */ e(b, { className: "content-tab", style: { height: `${n}px` }, children: /* @__PURE__ */ e($, { className: "content-tab", posts: t, activeItem: l }) }) }) })
   ] }) });
-}, X = (t) => {
+}, Z = (t) => {
   var _;
   let {
-    "data-type": a,
+    "data-type": c,
     "data-taxonomy": i,
     "data-categories": n,
     "data-items": l,
@@ -167,26 +168,26 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
     "data-show-labels": m,
     "data-height": s,
     "data-preview-mode": u = "Desktop",
-    pageModuleProps: c,
+    pageModuleProps: a,
     parent: h,
-    editing: b,
+    editing: f,
     unique: D
   } = t;
-  c != null && c.previewMode && (c != null && c.editing) && (u = c.previewMode, b = c.editing);
-  const R = t.intl.locale, x = d === "true", C = x ? s : void 0, { width: j } = O(), H = j <= 1024, B = u !== "Desktop" && b, F = H && !b;
-  return /* @__PURE__ */ e(f, { className: `viz tabbed posts ${b ? "editing" : ""} ${x ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
+  a != null && a.previewMode && (a != null && a.editing) && (u = a.previewMode, f = a.editing);
+  const R = t.intl.locale, x = d === "true", C = x ? s : void 0, { width: j } = O(), H = j <= 1024, B = u !== "Desktop" && f, F = H && !f;
+  return /* @__PURE__ */ e(b, { className: `viz tabbed posts ${f ? "editing" : ""} ${x ? "scrollable" : ""}`, fluid: !0, children: /* @__PURE__ */ e(
     q,
     {
       locale: R,
-      type: a,
+      type: c,
       taxonomy: i,
-      categories: n,
+      categories: U(n, f),
       store: `tabbedposts_${h}_${D}`,
       page: 1,
       perPage: l,
-      children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(N, { children: F || B ? /* @__PURE__ */ e(J, { posts: l, activeItem: (_ = l[0]) == null ? void 0 : _.slug, setActive: () => {
-      } }) : o === "light" ? /* @__PURE__ */ e(K, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
-        Q,
+      children: /* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(N, { children: F || B ? /* @__PURE__ */ e(K, { posts: l, activeItem: (_ = l[0]) == null ? void 0 : _.slug, setActive: () => {
+      } }) : o === "light" ? /* @__PURE__ */ e(Q, { height: C, showLabels: m === "true" }) : /* @__PURE__ */ e(
+        X,
         {
           height: C,
           showLabels: m === "true",
@@ -195,13 +196,13 @@ const U = ({ posts: t, activeItem: a, setActive: i, showLabels: n }) => t ? t.ma
       ) }) })
     }
   ) });
-}, Z = (t, a) => {
+}, ee = (t, c) => {
   const i = t.getIn([
     "data",
     "pageModuleProps"
   ]), n = {};
   return i && (n.pageModuleProps = i), n;
-}, ee = {}, se = z(Z, ee)(E(X));
+}, te = {}, ue = z(ee, te)(E(Z));
 export {
-  se as default
+  ue as default
 };

package/dist/esm/embeddable/utils/parseUtils.js

@@ -1,13 +1,21 @@
-const n = (r, e) => e ? r : decodeURIComponent(r.replace(/%(?![0-9a-fA-F][0-9a-fA-F]+)/g, "%25")), t = (r, e) => {
+const n = (r, e) => {
+  if (e)
+    return r;
+  try {
+    return decodeURIComponent(r.replace(/%(?![0-9a-fA-F][0-9a-fA-F]+)/g, "%25"));
+  } catch {
+    console.error("error decoding value:" + r);
+  }
+}, t = (r, e) => {
   try {
     return JSON.parse(n(r, e));
   } catch {
     console.error("error parsing value:" + r);
   }
   return null;
-}, s = (r, e) => JSON.stringify(r) === JSON.stringify(e);
+}, c = (r, e) => JSON.stringify(r) === JSON.stringify(e);
 export {
-  s as compareJsonProps,
+  c as compareJsonProps,
   n as decode,
   t as parse
 };

package/dist/esm/index.js

@@ -6,8 +6,8 @@ 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 H } from "./layout/containers/SlugPostContainer.js";
-import { CustomizerWrapper as k } from "./layout/Customizer.js";
-import { default as E } from "./layout/Layout.js";
+import { CustomizerWrapper as R } from "./layout/Customizer.js";
+import { default as w } 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";
@@ -19,107 +19,108 @@ 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 } from "./tracker/internalTrafficUtils.js";
-import { default as ne } from "./tracker/InternalTrafficToggle.js";
-import { default as le } from "./tracker/InternalTrafficWatermark.js";
-import { useInternalTrafficBypass as de } from "./tracker/useInternalTrafficBypass.js";
-import { store as ce } from "./redux/store.js";
-import { useAppDispatch as Ce, useAppSelector as ge } from "./redux/hooks.js";
-import { UPDATE as Ie, initialState as Se, intlReducer as he, updateIntl as ve } from "./lib/react-intl-redux/index.js";
-import { combineReducers as Ae } 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, getInternalTrafficExpiry as sr, isInternalTrafficEnabled as pr, setInternalTrafficCookie as nr } from "./tracker/internalTrafficUtils.js";
+import { default as ir } from "./tracker/InternalTrafficToggle.js";
+import { default as xr } from "./tracker/InternalTrafficWatermark.js";
+import { useInternalTrafficBypass as ur } from "./tracker/useInternalTrafficBypass.js";
+import { store as Tr } from "./redux/store.js";
+import { useAppDispatch as gr, useAppSelector as Pr } from "./redux/hooks.js";
+import { UPDATE as Sr, initialState as hr, intlReducer as vr, updateIntl as yr } from "./lib/react-intl-redux/index.js";
+import { combineReducers as Dr } 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 He } from "./countries.js";
-import { decodeHtmlEntitiesToHtml as ke, decodeHtmlEntitiesToText as we, stringToArray as Ee, toBoolean as Fe, toNumber as Le, uriStringToArray as Me } from "./utils/data.js";
-import { Media as Oe, MediaContextProvider as be, mediaStyle as Be } from "./utils/AppMedia.js";
-import { getUnhandledProps as We, htmlImageProps as ze, htmlInputAttrs as Ke, htmlInputEvents as Je, htmlInputProps as Ve, partitionHTMLProps as Ye, useKeyOnly as _e, useValueAndKey as je } from "./utils/semanticUtils.js";
-import { default as Ge, useDataContext as Qe } from "./embeddable/data/DataConsumer.js";
-import { default as Ze } from "./embeddable/data/DataProvider.js";
-import { CategoriesContext as er, DataContext as rr, PostsContext as or } from "./embeddable/data/DataContext.js";
+import { COUNTRY_OPTIONS as Er } from "./countries.js";
+import { decodeHtmlEntitiesToHtml as kr, decodeHtmlEntitiesToText as wr, stringToArray as Fr, toBoolean as Lr, toNumber as Mr, uriStringToArray as Nr } from "./utils/data.js";
+import { Media as br, MediaContextProvider as Br, mediaStyle as Ur } from "./utils/AppMedia.js";
+import { getUnhandledProps as zr, htmlImageProps as Kr, htmlInputAttrs as Jr, htmlInputEvents as Vr, htmlInputProps as Yr, partitionHTMLProps as _r, useKeyOnly as jr, useValueAndKey as qr } from "./utils/semanticUtils.js";
+import { default as Qr, useDataContext as Xr } from "./embeddable/data/DataConsumer.js";
+import { default as $r } from "./embeddable/data/DataProvider.js";
+import { CategoriesContext as ee, DataContext as oe, PostsContext as te } from "./embeddable/data/DataContext.js";
 import "react/jsx-runtime";
 import "react";
 import "./embeddable/data/CategoriesProvider.js";
-import { compareJsonProps as ar, decode as fr, parse as sr } from "./embeddable/utils/parseUtils.js";
+import { compareJsonProps as fe, decode as se, parse as pe } from "./embeddable/utils/parseUtils.js";
 import * as p from "./embeddable/reducers/data.js";
-import { default as mr } from "./lib/react-intl-redux/providers/Provider.js";
-import { default as ir } from "./lib/react-intl-redux/providers/IntlProvider.js";
+import { default as me } from "./lib/react-intl-redux/providers/Provider.js";
+import { default as le } from "./lib/react-intl-redux/providers/IntlProvider.js";
 export {
-  He as COUNTRY_OPTIONS,
-  er as CategoriesContext,
+  Er as COUNTRY_OPTIONS,
+  ee as CategoriesContext,
   X as ClassicHeader,
   c as Config,
   z as CustomSemanticSearch,
-  k as CustomizerWrapper,
-  Ge as DataConsumer,
-  rr as DataContext,
-  Ze as DataProvider,
+  R as CustomizerWrapper,
+  Qr as DataConsumer,
+  oe as DataContext,
+  $r as DataProvider,
   N as Favicon,
   $ as FlexWrapDetector,
-  re as FloatingMenuHeader,
+  er as FloatingMenuHeader,
   G as Footer,
   J as Header,
-  ne as InternalTrafficToggle,
-  le as InternalTrafficWatermark,
-  ir as IntlProvider,
+  ir as InternalTrafficToggle,
+  xr as InternalTrafficWatermark,
+  le as IntlProvider,
   j as LangSwitcher,
   U as Loading,
-  Oe as Media,
-  be as MediaContextProvider,
-  or as PostsContext,
+  br as Media,
+  Br as MediaContextProvider,
+  te as PostsContext,
   L as PreviewComponent,
   S as PreviewPageContainer,
   v as PreviewTypeContainer,
-  mr as Provider,
+  me as Provider,
   C as ResponsiveContainer,
-  E as RootLayout,
+  w as RootLayout,
   b as SSRFavicon,
   P as ScrollToTop,
   Y as SearchControl,
   A as SlugContainer,
   H as SlugPostContainer,
-  Ie as UPDATE,
+  Sr as UPDATE,
   o as afrikaansTranslations,
   t as amharicTranslations,
-  fe as clearInternalTrafficCookie,
-  Ae as combineReducers,
-  ar as compareJsonProps,
+  fr as clearInternalTrafficCookie,
+  Dr as combineReducers,
+  fe as compareJsonProps,
   i as components,
   l as customizer,
-  fr as decode,
-  ke as decodeHtmlEntitiesToHtml,
-  we as decodeHtmlEntitiesToText,
-  e as englishTranslations,
-  r as frenchTranslations,
+  se as decode,
+  kr as decodeHtmlEntitiesToHtml,
+  wr as decodeHtmlEntitiesToText,
+  r as englishTranslations,
+  e as frenchTranslations,
   x as getComponentByNameIgnoreCase,
-  We as getUnhandledProps,
-  ze as htmlImageProps,
-  Ke as htmlInputAttrs,
-  Je as htmlInputEvents,
-  Ve as htmlInputProps,
-  Se as initialState,
-  he as intlReducer,
-  se as isInternalTrafficEnabled,
-  Be as mediaStyle,
-  sr as parse,
-  Ye as partitionHTMLProps,
+  sr as getInternalTrafficExpiry,
+  zr as getUnhandledProps,
+  Kr as htmlImageProps,
+  Jr as htmlInputAttrs,
+  Vr as htmlInputEvents,
+  Yr as htmlInputProps,
+  hr as initialState,
+  vr as intlReducer,
+  pr as isInternalTrafficEnabled,
+  Ur as mediaStyle,
+  pe as parse,
+  _r as partitionHTMLProps,
   p as reducer,
   d as reducers,
-  pe as setInternalTrafficCookie,
-  ce as store,
-  Ee as stringToArray,
-  Fe as toBoolean,
-  Le as toNumber,
-  ve as updateIntl,
-  Me as uriStringToArray,
-  Ce as useAppDispatch,
-  ge as useAppSelector,
-  Qe as useDataContext,
-  de as useInternalTrafficBypass,
-  _e as useKeyOnly,
-  je as useValueAndKey,
-  te as withTracker
+  nr as setInternalTrafficCookie,
+  Tr as store,
+  Fr as stringToArray,
+  Lr as toBoolean,
+  Mr as toNumber,
+  yr as updateIntl,
+  Nr as uriStringToArray,
+  gr as useAppDispatch,
+  Pr as useAppSelector,
+  Xr as useDataContext,
+  ur as useInternalTrafficBypass,
+  jr as useKeyOnly,
+  qr as useValueAndKey,
+  tr as withTracker
 };

package/dist/esm/tracker/InternalTrafficToggle.js

@@ -1,24 +1,34 @@
-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
-      }
-    ) })
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { Container as s, Segment as i, Header as l, Message as a, Button as c } from "semantic-ui-react";
+import { useInternalTrafficBypass as d } from "./useInternalTrafficBypass.js";
+const g = () => {
+  const { isEnabled: e, expiresAt: t, toggle: o } = d();
+  return /* @__PURE__ */ n(s, { as: "div", children: [
+    /* @__PURE__ */ r(i, { textAlign: "center", basic: !0, vertical: !0, children: /* @__PURE__ */ r(l, { as: "h1", content: "Google Analytics Bypass" }) }),
+    /* @__PURE__ */ n(i, { vertical: !0, children: [
+      /* @__PURE__ */ n(a, { color: e ? "green" : "blue", children: [
+        /* @__PURE__ */ r(a.Header, { children: e ? "Internal traffic bypass is ON" : "Internal traffic bypass is OFF" }),
+        /* @__PURE__ */ r("p", { children: e ? "Your visits are excluded from GA4. Disable to resume normal tracking." : "Your visits are being tracked in GA4. Enable to exclude internal traffic." }),
+        e && t && /* @__PURE__ */ n("p", { style: { marginTop: "0.5em", fontSize: "0.9em", opacity: 0.8 }, children: [
+          "Cookie expires: ",
+          t.toLocaleDateString(void 0, {
+            year: "numeric",
+            month: "long",
+            day: "numeric"
+          })
+        ] })
+      ] }),
+      /* @__PURE__ */ r(
+        c,
+        {
+          color: e ? "red" : "green",
+          onClick: o,
+          content: e ? "Disable bypass" : "Enable bypass"
+        }
+      )
+    ] })
   ] });
 };
 export {
-  p as default
+  g as default
 };

package/dist/esm/tracker/InternalTrafficWatermark.js

@@ -1,60 +1,50 @@
-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());
-    };
+import { jsx as i, jsxs as h } from "react/jsx-runtime";
+import { useState as t, useRef as f, useEffect as g } from "react";
+import { Popup as E, Label as I, Icon as L } from "semantic-ui-react";
+import { useNavigate as M } from "react-router";
+import { isInternalTrafficEnabled as m } from "./internalTrafficUtils.js";
+const A = () => {
+  const p = M(), [w, a] = t(!1), [v, b] = t(!1), [n, l] = t({ x: 0, y: 0 }), [o, c] = t(!1), r = f({ x: 0, y: 0 }), s = f(!1);
+  g(() => {
+    b(!0), a(m()), l({ x: window.innerWidth - 200, y: window.innerHeight - 40 });
+    const e = () => a(m());
     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"
+  }, []), g(() => {
+    if (!o) return;
+    const e = (d) => {
+      s.current = !0, l({ x: d.clientX - r.current.x, y: d.clientY - r.current.y });
+    }, u = () => c(!1);
+    return window.addEventListener("mousemove", e), window.addEventListener("mouseup", u), () => {
+      window.removeEventListener("mousemove", e), window.removeEventListener("mouseup", u);
+    };
+  }, [o]);
+  const x = (e) => {
+    s.current = !1, r.current = { x: e.clientX - n.x, y: e.clientY - n.y }, c(!0);
+  }, y = () => {
+    s.current || p("/__ga/internal");
   };
-  return /* @__PURE__ */ s(
+  return !v || !w ? null : /* @__PURE__ */ i(
     "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,
+      style: {
+        position: "fixed",
+        left: n.x,
+        top: n.y,
+        zIndex: 999999,
+        cursor: o ? "grabbing" : "grab",
+        userSelect: "none"
+      },
+      onMouseDown: x,
+      onClick: y,
+      role: "button",
+      "aria-label": "GA bypass enabled — click to manage",
+      children: /* @__PURE__ */ i(
+        E,
         {
-          content: "Drag to move",
+          content: "Click to manage bypass settings",
           position: "left center",
-          trigger: /* @__PURE__ */ w(M, { color: "yellow", image: !0, children: [
-            /* @__PURE__ */ s(v, { name: "spinner", loading: !0, color: "red" }),
+          trigger: /* @__PURE__ */ h(I, { color: "yellow", image: !0, children: [
+            /* @__PURE__ */ i(L, { name: "spinner", loading: !0, color: "red" }),
             "GA Bypass Enabled"
           ] })
         }
@@ -63,5 +53,5 @@ const S = () => {
   );
 };
 export {
-  S as default
+  A as default
 };

package/dist/esm/tracker/index.js

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