@devgateway/dvz-ui-react 1.8.7 → 1.9.0

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/embeddable/big-number-trend/Alternative.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-declare const _default: import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-    [x: string]: any;
-}>;
-export default _default;
+export default BigNumberTrend;
+declare function BigNumberTrend(props: any): React.JSX.Element;

package/dist/types/embeddable/big-number-trend/BigNumberTrendContainer.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+declare const _default: import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
+    [x: string]: any;
+}>;
+export default _default;

package/dist/types/embeddable/big-number-trend/Classic.d.ts

@@ -1,5 +1,3 @@
 import { default as React } from 'react';
-declare const _default: import('react-redux').ConnectedComponent<(props: any) => React.JSX.Element, {
-    [x: string]: any;
-}>;
-export default _default;
+export default BigNumberTrend;
+declare function BigNumberTrend(props: any): React.JSX.Element;

package/dist/types/embeddable/big-number-trend/useBigNumberTrendData.d.ts

@@ -0,0 +1,21 @@
+export default useBigNumberTrendData;
+declare function useBigNumberTrendData({ data, app, measure, dimension1, format, percentChangeFormat, intl, noDataText }: {
+    data: any;
+    app: any;
+    measure: any;
+    dimension1: any;
+    format: any;
+    percentChangeFormat: any;
+    intl: any;
+    noDataText: any;
+}): {
+    dataItems: any;
+    currentValue: any;
+    previousValue: any;
+    percentChange: number | undefined;
+    percentChangeFormatted: string | undefined;
+    formattedNumber: any;
+    currentYear: any;
+    previousYear: any;
+    templateContext: any;
+};

package/dist/types/embeddable/chart/Bar.d.ts

@@ -11,6 +11,7 @@ export interface BarChartProps {
     colors: any;
     groupMode: any;
     height: number;
+    chartHeight?: number;
     showLegends: boolean;
     legendPosition: string;
     tickRotation: number;
@@ -62,8 +63,6 @@ export interface BarChartProps {
     customAxisFormat: any;
     previewMode: string;
     editing: boolean;
-    showLegendsInColumns?: boolean;
-    numberOfLegendColumns?: number;
     lineXAxisTickMode?: 'none' | 'count' | 'every';
     lineXAxisTickCount?: number;
     lineXAxisTickEvery?: number;

package/dist/types/embeddable/data/DataConsumer.d.ts

@@ -1,3 +1,6 @@
 import { default as React } from 'react';
-export default DataConsumer;
-declare function DataConsumer(props: any): React.JSX.Element;
+export function useDataContext(): any;
+declare const _default: React.MemoExoticComponent<({ children }: {
+    children: any;
+}) => React.JSX.Element | null>;
+export default _default;

package/dist/types/embeddable/data/DataProvider.d.ts

@@ -1,7 +1,22 @@
 import { default as React } from 'react';
-declare const _default: import('react-redux').ConnectedComponent<React.FC<import('react-intl').WithIntlProps<any>> & {
-    WrappedComponent: React.ComponentType<any>;
-}, {
+declare const _default: import('react-redux').ConnectedComponent<typeof DataProvider, {
     [x: string]: any;
 }>;
 export default _default;
+declare class DataProvider extends React.Component<any, any, any> {
+    constructor(props: any);
+    state: {
+        showLoading: boolean;
+    };
+    checkLoadingTime(): void;
+    _debouncedLoad: import('lodash').DebouncedFunc<(args: any) => void>;
+    dataLoaded: boolean;
+    _scheduleLoadingCheck(): void;
+    _loadingCheckTimeout: NodeJS.Timeout | undefined;
+    componentDidMount(): void;
+    fallbackTimeout: NodeJS.Timeout | undefined;
+    componentWillUnmount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    debounceTimeout: NodeJS.Timeout | undefined;
+    render(): React.JSX.Element;
+}

package/dist/types/layout/FlexWrapDetector.d.ts

@@ -1,7 +1,8 @@
 import { default as React } from 'react';
-declare const FlexWrapDetector: ({ children, onWrapChange, className }: {
+declare const FlexWrapDetector: ({ children, onWrapChange, className, isMobileOrTablet: isMobileOrTabletOverride }: {
     children: any;
     onWrapChange: any;
     className: any;
+    isMobileOrTablet: any;
 }) => React.JSX.Element;
 export default FlexWrapDetector;

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.9.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -125,7 +125,7 @@
     "vite-plugin-env-compatible": "^2.0.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-tsconfig-paths": "^5.1.4",
-    "@devgateway/wp-react-lib": "0.6.2"
+    "@devgateway/wp-react-lib": "0.7.0"
   },
   "peerDependencies": {
     "react": "^18.3.1",