@cognite/reveal-components 1.0.0 → 1.0.2

package/dist/ui/components/InstanceLabel/InstanceLabel.js

@@ -1,37 +1,25 @@
-import { isDmsInstance as e, isIdEither as t } from "../../../utilities/instanceIds/typeGuards.js";
+import { createInstanceReferenceKey as e } from "../../../utilities/instanceIds/toKey.js";
 import "../../../utilities/instanceIds/index.js";
-import { COGNITE_DESCRIBABLE_SOURCE as n } from "../../../data-providers/core-dm-provider/dataModels.js";
-import { EMPTY_ARRAY as r } from "../../../utilities/constants.js";
-import { useAssetsByIdsQuery as i } from "../../query/useAssetsByIdsQuery.js";
-import { useDmInstancesByIds as a } from "../../query/useDmsInstanceByIdsQuery.js";
-import { useMemo as o } from "react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Tooltip as l, TooltipContent as u, TooltipProvider as d, TooltipTrigger as f } from "@cognite/aura/components/tooltip";
-import { IconHexagon as p } from "@tabler/icons-react";
-import { InputGroup as m, InputGroupAddon as h, InputGroupInput as g } from "@cognite/aura/components/input-group";
+import { useInstanceNames as t } from "../../query/useInstanceNames.js";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Tooltip as a, TooltipContent as o, TooltipProvider as s, TooltipTrigger as c } from "@cognite/aura/components/tooltip";
+import { IconHexagon as l } from "@tabler/icons-react";
+import { InputGroup as u, InputGroupAddon as d, InputGroupInput as f } from "@cognite/aura/components/input-group";
 //#region libs/shared/reveal-components/src/ui/components/InstanceLabel/InstanceLabel.tsx
-var _ = [n], v = 20, y = ({ instance: y }) => {
-	let [b, x] = o(() => [t(y) ? [y] : r, e(y) ? [y] : r], [y]), { data: S } = i(b), { data: C } = a(x, _), w = o(() => {
-		if (S !== void 0 || C !== void 0) {
-			if (S !== void 0 && S.length > 0) return S[0].name;
-			if (C !== void 0 && C.length > 0) {
-				let e = `${n.externalId}/${n.version}`;
-				return C[0].properties.cdf_cdm?.[e]?.name ?? C[0].externalId;
-			}
-			return "Unknown";
-		}
-	}, [S, C])?.toString(), T = w?.length !== void 0 && w.length > v, E = T ? `${w?.slice(0, v)}...` : w;
-	return /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c(l, {
-		open: T ? void 0 : !1,
-		children: [/* @__PURE__ */ s(f, { render: /* @__PURE__ */ c(m, { children: [/* @__PURE__ */ s(h, {
+var p = 20, m = ({ instance: m }) => {
+	let { data: h } = t(n(() => [m], [m])), g = (h?.get(e(m)))?.toString(), _ = g?.length !== void 0 && g.length > p, v = _ ? `${g?.slice(0, p)}...` : g;
+	return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ i(a, {
+		open: _ ? void 0 : !1,
+		children: [/* @__PURE__ */ r(c, { render: /* @__PURE__ */ i(u, { children: [/* @__PURE__ */ r(d, {
 			align: "inline-start",
-			children: /* @__PURE__ */ s(p, {})
-		}), /* @__PURE__ */ s(g, {
-			value: E,
+			children: /* @__PURE__ */ r(l, {})
+		}), /* @__PURE__ */ r(f, {
+			value: v,
 			disabled: !0,
 			readOnly: !0
-		})] }) }), /* @__PURE__ */ s(u, { children: w })]
-	}, w) });
+		})] }) }), /* @__PURE__ */ r(o, { children: g })]
+	}, g) });
 };
 //#endregion
-export { y as InstanceLabel };
+export { m as InstanceLabel };

package/dist/ui/components/Reveal3DResources/Reveal3DResources.js

@@ -1,33 +1,33 @@
-import { EMPTY_ARRAY as e } from "../../../utilities/constants.js";
-import { is360ImageEventsAddOptions as t, isDM3DModelIdentifier as n } from "../../../utilities/modelIds/typeGuards.js";
-import { convertAndSeparateResources as r, convertAndSeparateToNewResources as i } from "../../../data-providers/types/typeAdapters.js";
-import { getModelKeys as a } from "../../../utilities/getModelKeys.js";
+import { is360ImageEventsAddOptions as e, isDM3DModelIdentifier as t } from "../../../utilities/modelIds/typeGuards.js";
+import { convertAndSeparateResources as n, convertAndSeparateToNewResources as r } from "../../../data-providers/types/typeAdapters.js";
+import { getModelKeys as i } from "../../../utilities/getModelKeys.js";
+import { EMPTY_ARRAY as a } from "../../../utilities/constants.js";
 import { use3DResourcesViewModel as o } from "./Reveal3DResources.viewmodel.js";
 import { useEffect as s, useMemo as c } from "react";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/Reveal3DResources/Reveal3DResources.tsx
 var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCadStylingMode: h = "base", onResourcesAdded: g, onResourceLoadError: _, onResourceIsLoaded: v, image360Settings: y }) => {
-	let { CadModelContainer: b, Image360CollectionContainer: x, PointCloudContainer: S, ...C } = o(), w = C.useRenderTarget(), T = C.useReveal(), { modelResources: E, image360Resources: D } = c(() => i(f), [f]), O = c(() => [...E, ...D], [E, D]), { image360Resources: k } = c(() => r(f), [f]), { data: A } = C.useTypedModels(T, O, _), j = c(() => k.map((e) => ({
+	let { CadModelContainer: b, Image360CollectionContainer: x, PointCloudContainer: S, ...C } = o(), w = C.useRenderTarget(), T = C.useReveal(), { modelResources: E, image360Resources: D } = c(() => r(f), [f]), O = c(() => [...E, ...D], [E, D]), { image360Resources: k } = c(() => n(f), [f]), { data: A } = C.useTypedModels(T, O, _), j = c(() => k.map((e) => ({
 		...y,
 		...e
 	})), [k, y]);
-	C.useRemoveNonReferencedModels(A ?? e, k, w), C.useSetExpectedLoadCount(O), C.useCallCallbackOnFinishedLoading(O, g);
-	let M = c(() => A === void 0 ? e : A.filter((e) => e.type === "cad"), [A]), { styledModels: N, isModelMappingsLoading: P } = C.useCalculateCadStyling(M, m ?? e, p, h), F = C.useReveal3DResourcesStylingLoadingSetter();
+	C.useRemoveNonReferencedModels(A ?? a, k, w), C.useSetExpectedLoadCount(O), C.useCallCallbackOnFinishedLoading(O, g);
+	let M = c(() => A === void 0 ? a : A.filter((e) => e.type === "cad"), [A]), { styledModels: N, isModelMappingsLoading: P } = C.useCalculateCadStyling(M, m ?? a, p, h), F = C.useReveal3DResourcesStylingLoadingSetter();
 	s(() => {
 		F(P);
 	}, [P, F]);
-	let I = C.useCalculatePointCloudStyling(A ?? e, m ?? e, p), L = C.useCalculateImage360Styling(m);
+	let I = C.useCalculatePointCloudStyling(A ?? a, m ?? a, p), L = C.useCalculateImage360Styling(m);
 	return /* @__PURE__ */ d(l, { children: [
-		N.map(({ styleGroups: e, model: t }, r) => {
+		N.map(({ styleGroups: e, model: n }, r) => {
 			let i = {
-				defaultStyle: t.styling?.default ?? p?.cad?.default,
+				defaultStyle: n.styling?.default ?? p?.cad?.default,
 				groups: e
-			}, a = n(t) ? `${t.revisionExternalId}/${t.revisionSpace}/${r}` : `${t.modelId}/${t.revisionId}/${r}`;
+			}, a = t(n) ? `${n.revisionExternalId}/${n.revisionSpace}/${r}` : `${n.modelId}/${n.revisionId}/${r}`;
 			return /* @__PURE__ */ u(b, {
-				addModelOptions: t,
+				addModelOptions: n,
 				styling: i,
-				transform: t.transform,
-				defaultVisible: t.defaultVisible,
+				transform: n.transform,
+				defaultVisible: n.defaultVisible,
 				onLoad: v,
 				onLoadError: _
 			}, a);
@@ -36,7 +36,7 @@ var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCa
 			let r = {
 				defaultStyle: t.styling?.default ?? p?.pointcloud?.default,
 				groups: e
-			}, i = a([t])[0] + `/${n}`;
+			}, a = i([t])[0] + `/${n}`;
 			return /* @__PURE__ */ u(S, {
 				addModelOptions: t,
 				styling: r,
@@ -44,17 +44,17 @@ var f = ({ resources: f, defaultResourceStyling: p, instanceStyling: m, mappedCa
 				transform: t.transform,
 				onLoad: v,
 				onLoadError: _
-			}, i);
+			}, a);
 		}),
-		j.map((e) => {
+		j.map((t) => {
 			let n = {
 				defaultStyle: p?.image360?.default,
 				groups: L
-			}, r = t(e) ? e.siteId : `${e.externalId}/${e.space}`;
+			}, r = e(t) ? t.siteId : `${t.externalId}/${t.space}`;
 			return /* @__PURE__ */ u(x, {
-				addImage360CollectionOptions: e,
+				addImage360CollectionOptions: t,
 				styling: n,
-				defaultVisible: e.defaultVisible,
+				defaultVisible: t.defaultVisible,
 				onLoad: v,
 				onLoadError: _
 			}, r);

package/dist/ui/components/RevealCanvas/SDKProvider.js

@@ -1,16 +1,16 @@
 import { FdmSDK as e } from "../../../data-providers/FdmSDK.js";
-import { FdmSdkContext as t } from "./FdmDataProviderContext.js";
-import { FeatureDataLoadPerformanceMetricsContext as n } from "./FeatureDataLoadPerformanceMetricsContext.js";
+import { FeatureDataLoadPerformanceMetricsContext as t } from "./FeatureDataLoadPerformanceMetricsContext.js";
+import { FdmSdkContext as n } from "./FdmDataProviderContext.js";
 import { createContext as r, useContext as i, useMemo as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/RevealCanvas/SDKProvider.tsx
 var s = r(null);
-s.displayName = "CogniteSdkProvider", t.displayName = "FdmSdkProvider";
+s.displayName = "CogniteSdkProvider", n.displayName = "FdmSdkProvider";
 function c({ sdk: r, children: c }) {
-	let l = i(n), u = a(() => ({ fdmSdk: new e(r, { featureDataLoadPerformanceMetrics: l }) }), [r, l]);
+	let l = i(t), u = a(() => ({ fdmSdk: new e(r, { featureDataLoadPerformanceMetrics: l }) }), [r, l]);
 	return /* @__PURE__ */ o(s.Provider, {
 		value: r,
-		children: /* @__PURE__ */ o(t.Provider, {
+		children: /* @__PURE__ */ o(n.Provider, {
 			value: u,
 			children: c
 		})
@@ -24,7 +24,7 @@ var l = (e) => {
 	}
 	return t;
 }, u = () => {
-	let e = i(t);
+	let e = i(n);
 	if (e === null) throw Error("FdmSdkContext not found, add '<SDKProvider value={sdk}>' around your component/app");
 	return e.fdmSdk;
 };

package/dist/ui/components/RevealCanvas/UsageMetricsTrackerContext.d.ts

@@ -0,0 +1,3 @@
+import { Context } from 'react';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
+export declare const UsageMetricsTrackerContext: Context<UsageMetricsTracker>;

package/dist/ui/components/RevealCanvas/UsageMetricsTrackerContext.js

@@ -0,0 +1,6 @@
+import { noopUsageMetricsTracker as e } from "../../../utilities/usageMetricsTracker.js";
+import { createContext as t } from "react";
+//#region libs/shared/reveal-components/src/ui/components/RevealCanvas/UsageMetricsTrackerContext.tsx
+var n = t(e);
+//#endregion
+export { n as UsageMetricsTrackerContext };

package/dist/ui/components/RevealCanvas/ViewerContext.d.ts

@@ -1,5 +1,6 @@
 import { Context, ReactElement, ReactNode } from 'react';
 import { DataSourceType, Cognite3DViewer } from '@cognite/reveal';
+import { CdfCaches } from '../../../foundation/renderTarget/CdfCaches';
 import { RevealRenderTarget } from '../../../foundation/renderTarget/RevealRenderTarget';
 export declare const ViewerContext: Context<RevealRenderTarget | undefined>;
 export type ViewerContextProviderProps = {
@@ -8,4 +9,5 @@ export type ViewerContextProviderProps = {
 };
 export declare const ViewerContextProvider: ({ renderTarget: value, children, }: ViewerContextProviderProps) => ReactElement;
 export declare const useReveal: () => Cognite3DViewer<DataSourceType>;
+export declare const useCdfCaches: () => CdfCaches;
 export declare const useRenderTarget: () => RevealRenderTarget;

package/dist/ui/components/RevealCanvas/ViewerContext.js

@@ -2,22 +2,22 @@ import { createContext as e, useContext as t, useEffect as n } from "react";
 import { remove as r } from "lodash-es";
 import { jsx as i } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/RevealCanvas/ViewerContext.tsx
-var a = e(void 0), o = ({ renderTarget: e, children: t }) => (u(e ?? void 0), l(e ?? void 0), /* @__PURE__ */ i(a.Provider, {
+var a = e(void 0), o = ({ renderTarget: e, children: t }) => (d(e ?? void 0), u(e ?? void 0), /* @__PURE__ */ i(a.Provider, {
 	value: e,
 	children: t
-})), s = () => c().viewer, c = () => {
+})), s = () => l().viewer, c = () => l().cdfCaches, l = () => {
 	let e = t(a);
 	if (e === void 0) throw Error("useRenderTarget must be used within a ViewerProvider");
 	return e;
 };
-function l(e) {
+function u(e) {
 	n(() => {
 		if (e !== void 0) return window.renderTargets === void 0 ? window.renderTargets = [e] : window.renderTargets.push(e), () => {
 			window.renderTargets !== void 0 && r(window.renderTargets, (t) => t === e);
 		};
 	}, [e]);
 }
-function u(e) {
+function d(e) {
 	n(() => {
 		if (e !== void 0 && window.renderTarget === void 0 && window.viewer === void 0) return window.renderTarget = e, window.viewer = e.viewer, () => {
 			window.renderTarget?.viewer === e.viewer && (window.viewer = void 0), window.renderTarget === e && (window.renderTarget = void 0);
@@ -25,4 +25,4 @@ function u(e) {
 	}, [e]);
 }
 //#endregion
-export { a as ViewerContext, o as ViewerContextProvider, c as useRenderTarget, s as useReveal };
+export { a as ViewerContext, o as ViewerContextProvider, c as useCdfCaches, l as useRenderTarget, s as useReveal };

package/dist/ui/components/RevealContext/RevealContext.js

@@ -1,9 +1,9 @@
 import { ViewerContextProvider as e } from "../RevealCanvas/ViewerContext.js";
 import { I18nContextProvider as t } from "../i18n/I18n.js";
 import { Reveal3DResourcesInfoContextProvider as n } from "../Reveal3DResources/Reveal3DResourcesInfoContext.js";
-import { FeatureDataLoadPerformanceMetricsContext as r } from "../RevealCanvas/FeatureDataLoadPerformanceMetricsContext.js";
-import { SDKProvider as i } from "../RevealCanvas/SDKProvider.js";
-import { ComponentFactoryContextProvider as a } from "../RevealCanvas/ComponentFactoryContext.js";
+import { ComponentFactoryContextProvider as r } from "../RevealCanvas/ComponentFactoryContext.js";
+import { FeatureDataLoadPerformanceMetricsContext as i } from "../RevealCanvas/FeatureDataLoadPerformanceMetricsContext.js";
+import { SDKProvider as a } from "../RevealCanvas/SDKProvider.js";
 import { useRevealKeepAlive as o } from "../RevealKeepAlive/RevealKeepAliveContext.js";
 import { LoadedSceneProvider as s } from "../SceneContainer/LoadedSceneContext.js";
 import { RevealContextDepsContext as c } from "./RevealContext.context.js";
@@ -13,15 +13,15 @@ import { QueryClient as g, QueryClientProvider as _ } from "@tanstack/react-quer
 //#region libs/shared/reveal-components/src/ui/components/RevealContext/RevealContext.tsx
 var v = (o) => {
 	let c = b(o), l = d(() => new g({ defaultOptions: { queries: { refetchOnWindowFocus: !1 } } }), []);
-	return c === null ? /* @__PURE__ */ m(p, {}) : /* @__PURE__ */ m(r.Provider, {
+	return c === null ? /* @__PURE__ */ m(p, {}) : /* @__PURE__ */ m(i.Provider, {
 		value: o.featureDataLoadPerformanceMetrics,
-		children: /* @__PURE__ */ m(i, {
+		children: /* @__PURE__ */ m(a, {
 			sdk: o.sdk,
 			children: /* @__PURE__ */ m(_, {
 				client: l,
 				children: /* @__PURE__ */ m(t, {
 					appLanguage: o.appLanguage,
-					children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(a, { children: /* @__PURE__ */ h(e, {
+					children: /* @__PURE__ */ m(s, { children: /* @__PURE__ */ m(r, { children: /* @__PURE__ */ h(e, {
 						renderTarget: c,
 						children: [/* @__PURE__ */ m(y, {
 							cameraState: o.cameraState,

package/dist/ui/components/RevealToolbar/AssetContextualizedButton.js

@@ -23,7 +23,7 @@ var p = {
 	return /* @__PURE__ */ o(u, { children: /* @__PURE__ */ s(c, { children: [/* @__PURE__ */ o(d, { render: /* @__PURE__ */ o(f, {
 		variant: S,
 		size: "icon-sm",
-		"aria-label": "Reset camera to home",
+		"aria-label": h(x),
 		onClick: E,
 		children: /* @__PURE__ */ o(t, {
 			iconName: "AssetsIcon",

package/dist/ui/components/RuleBasedOutputs/hooks/useGetDMConnectionWithNodeFromHybridMappingsQuery.js

@@ -1,11 +1,11 @@
 import { createFdmKey as e } from "../../../../data-providers/cache/idAndKeyTranslation.js";
 import { restrictToDmsId as t } from "../../../../utilities/restrictToDmsId.js";
-import { executeParallel as n } from "../../../../utilities/executeParallel.js";
+import { queryKeys as n } from "../../../../utilities/queryKeys.js";
 import { isDefined as r } from "../../../../utilities/isDefined.js";
-import { inspectNodes as i } from "../../../../data-providers/cache/requests.js";
-import { EMPTY_ARRAY as a } from "../../../../utilities/constants.js";
-import { queryKeys as o } from "../../../../utilities/queryKeys.js";
 import "../../../../data-providers/cache/index.js";
+import { executeParallel as i } from "../../../../utilities/executeParallel.js";
+import { inspectNodes as a } from "../../../../data-providers/cache/requests.js";
+import { EMPTY_ARRAY as o } from "../../../../utilities/constants.js";
 import { UseGetDMConnectionWithNodeFromHybridMappingsQueryContext as s } from "./useGetDMConnectionWithNodeFromHybridMappingsQuery.context.js";
 import { useContext as c, useMemo as l } from "react";
 import { uniqBy as u } from "lodash-es";
@@ -14,16 +14,16 @@ import { useQuery as d } from "@tanstack/react-query";
 function f(e, t) {
 	let { useClassicCadAssetMappingCache: f, useFdmSdk: h } = c(s), g = f(), _ = h(), v = l(() => e.map((e) => e.instanceId).filter(r), [e]);
 	return d({
-		queryKey: o.fdmConnectionWithNode(v, t),
+		queryKey: n.fdmConnectionWithNode(v, t),
 		queryFn: async () => {
-			if (v.length === 0 || t.length === 0) return a;
-			let e = await i(_, v);
-			if (e.items.length === 0) return a;
-			let o = await n(t.map(({ modelId: t, revisionId: n }) => async () => {
+			if (v.length === 0 || t.length === 0) return o;
+			let e = await a(_, v);
+			if (e.items.length === 0) return o;
+			let n = await i(t.map(({ modelId: t, revisionId: n }) => async () => {
 				let r = await g.getNodesForInstanceIds(t, n, v);
-				return r.size === 0 ? a : m(e, r, t, n);
+				return r.size === 0 ? o : m(e, r, t, n);
 			}), 2);
-			return u(o.filter(r).flat(), p);
+			return u(n.filter(r).flat(), p);
 		},
 		enabled: v.length > 0 && t.length > 0,
 		staleTime: Infinity

package/dist/ui/components/Widget/RevealWidget.context.d.ts

@@ -1,9 +1,10 @@
 import { Context } from 'react';
 import { RevealRenderTarget } from '../../../domains';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 import { RevealCanvas, useRenderTarget } from '../RevealCanvas';
 import { RevealContext } from '../RevealContext';
 import { RevealWidgetController } from './RevealWidgetController';
-type RevealWidgetFactory = (renderTarget: RevealRenderTarget) => RevealWidgetController;
+type RevealWidgetFactory = (renderTarget: RevealRenderTarget, usageMetricsTracker: UsageMetricsTracker) => RevealWidgetController;
 export type RevealWidgetDependencies = {
     createRevealWidgetController: RevealWidgetFactory;
     RevealCanvas: typeof RevealCanvas;

package/dist/ui/components/Widget/RevealWidget.context.js

@@ -7,7 +7,7 @@ import { RevealWidgetController as r } from "./RevealWidgetController.js";
 import { createContext as i } from "react";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidget.context.ts
 var a = {
-	createRevealWidgetController: (e) => new r(e),
+	createRevealWidgetController: (e, t) => new r(e, void 0, t),
 	RevealCanvas: t,
 	RevealContext: n,
 	useRenderTarget: e

package/dist/ui/components/Widget/RevealWidget.d.ts

@@ -1,6 +1,8 @@
 import { PropsWithChildren, ReactElement } from 'react';
 import { Cognite3DViewerOptions } from '@cognite/reveal';
 import { RevealWidgetController } from './RevealWidgetController';
+import { RevealWidgetTrackingProps } from './useRevealWidgetMetricsTracking';
+export type { RevealWidgetTrackingProps };
 /**
  * React-properties for the RevealWidget
  */
@@ -25,12 +27,19 @@ export type RevealWidgetProps = {
      * The widget calls this with `undefined` when the component unmounts or this callback changes
      */
     setControllerRef?: (controller: RevealWidgetController | undefined) => void;
+    /**
+     * Reports which application is using the widget and which of its features are being triggered
+     * (e.g. adding a resource, moving the camera). See `RevealWidgetTrackingProps` for the options.
+     */
+    tracking?: RevealWidgetTrackingProps;
+    /** Identifies the host application */
+    appIdentifier: string;
 };
 /**
  * RevealWidget component - the React entry point for the Reveal Widget.
  * An example with some custom UI components:
  * ```
- *       <RevealWidget setControllerRef={setControllerRef} viewerOptions={{ sdk, useCoreDm: true }}>
+ *       <RevealWidget setControllerRef={setControllerRef} viewerOptions={{ sdk, useCoreDm: true }} appIdentifier="YourAppId">
  *         <RevealToolbar
  *           toolBarContent={
  *             <CommandButtons
@@ -59,4 +68,4 @@ export type RevealWidgetProps = {
  * }, []);
  * ```
  */
-export declare function RevealWidget({ viewerOptions, setControllerRef, children, }: PropsWithChildren<RevealWidgetProps>): ReactElement;
+export declare function RevealWidget({ viewerOptions, setControllerRef, tracking, appIdentifier, children, }: PropsWithChildren<RevealWidgetProps>): ReactElement;

package/dist/ui/components/Widget/RevealWidget.js

@@ -1,31 +1,46 @@
 import { ToolUI as e } from "../commandBased/main/ToolUI.js";
 import "../commandBased/index.js";
-import { RevealWidgetContext as t } from "./RevealWidget.context.js";
-import { useContext as n, useEffect as r, useMemo as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { UsageMetricsTrackerContext as t } from "../RevealCanvas/UsageMetricsTrackerContext.js";
+import { RevealWidgetContext as n } from "./RevealWidget.context.js";
+import { useRevealWidgetMetricsTracking as r } from "./useRevealWidgetMetricsTracking.js";
+import { useContext as i, useEffect as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidget.tsx
-function s({ viewerOptions: e, setControllerRef: r, children: i }) {
-	let { RevealContext: o } = n(t);
-	if ("inheritFromRevealContext" in e) return /* @__PURE__ */ a(c, {
-		setControllerRef: r,
-		children: i
+function u({ viewerOptions: e, setControllerRef: t, tracking: a, appIdentifier: o, children: s }) {
+	let { RevealContext: l } = i(n), u = r(o, a);
+	if ("inheritFromRevealContext" in e) return /* @__PURE__ */ c(d, {
+		setControllerRef: t,
+		usageMetricsTracker: u,
+		children: s
 	});
 	{
-		let { sdk: t, useCoreDm: n, ...s } = e;
-		return /* @__PURE__ */ a(o, {
-			viewerOptions: s,
-			sdk: t,
-			useCoreDm: n,
-			children: /* @__PURE__ */ a(c, {
-				setControllerRef: r,
-				children: i
+		let { sdk: n, useCoreDm: r, ...i } = e;
+		return /* @__PURE__ */ c(l, {
+			viewerOptions: i,
+			sdk: n,
+			useCoreDm: r,
+			children: /* @__PURE__ */ c(d, {
+				setControllerRef: t,
+				usageMetricsTracker: u,
+				children: s
 			})
 		});
 	}
 }
-function c({ setControllerRef: s, children: c }) {
-	let { createRevealWidgetController: l, RevealCanvas: u, useRenderTarget: d } = n(t), f = d(), p = i(() => l(f), [f, l]);
-	return r(() => (s?.(p), () => s?.(void 0)), [s, p]), /* @__PURE__ */ o(u, { children: [c, /* @__PURE__ */ a(e, {})] });
+function d({ setControllerRef: r, usageMetricsTracker: u, children: d }) {
+	let { createRevealWidgetController: f, RevealCanvas: p, useRenderTarget: m } = i(n), h = m(), g = s(u);
+	a(() => {
+		g.current = u;
+	}, [u]);
+	let _ = o(() => ({ track: (e, t) => g.current.track(e, t) }), []), v = o(() => f(h, _), [
+		h,
+		f,
+		_
+	]);
+	return a(() => (r?.(v), () => r?.(void 0)), [r, v]), /* @__PURE__ */ c(t.Provider, {
+		value: _,
+		children: /* @__PURE__ */ l(p, { children: [d, /* @__PURE__ */ c(e, {})] })
+	});
 }
 //#endregion
-export { s as RevealWidget };
+export { u as RevealWidget };

package/dist/ui/components/Widget/RevealWidgetCameraController.d.ts

@@ -1,12 +1,14 @@
 import { CameraState } from '@cognite/reveal';
 import { RevealDomainObject, RevealRenderTarget } from '../../../domains';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 /**
  * Controller class for simple camera manipulation in
  * the RevealWidget
  */
 export declare class RevealWidgetCameraController {
     private _renderTarget;
-    constructor(_renderTarget: RevealRenderTarget);
+    private readonly _usageMetricsTracker;
+    constructor(_renderTarget: RevealRenderTarget, _usageMetricsTracker?: UsageMetricsTracker);
     /**
      * Focus all visible models in the scene
      */

package/dist/ui/components/Widget/RevealWidgetCameraController.js

@@ -1,27 +1,29 @@
-import { enterNearby360Image as e } from "../../../utilities/navigation/enterNearby360Image.js";
+import { noopUsageMetricsTracker as e } from "../../../utilities/usageMetricsTracker.js";
+import { enterNearby360Image as t } from "../../../utilities/navigation/enterNearby360Image.js";
 import "../../../utilities/navigation/index.js";
-import { CDF_TO_VIEWER_TRANSFORMATION as t } from "@cognite/reveal";
+import { CDF_TO_VIEWER_TRANSFORMATION as n } from "@cognite/reveal";
 //#region libs/shared/reveal-components/src/ui/components/Widget/RevealWidgetCameraController.ts
-var n = class {
+var r = class {
 	_renderTarget;
-	constructor(e) {
-		this._renderTarget = e;
+	_usageMetricsTracker;
+	constructor(t, n = e) {
+		this._renderTarget = t, this._usageMetricsTracker = n;
 	}
 	focusCameraAll() {
-		this._renderTarget.fitView();
+		this._usageMetricsTracker.track("reveal-widget.camera.focusCameraAll"), this._renderTarget.fitView();
 	}
 	focusModel(e) {
-		this._renderTarget.viewer.fitCameraToBoundingBox(e.getBoundingBox().applyMatrix4(t));
+		this._usageMetricsTracker.track("reveal-widget.camera.focusModel"), this._renderTarget.viewer.fitCameraToBoundingBox(e.getBoundingBox().applyMatrix4(n));
 	}
 	getCameraState() {
 		return this._renderTarget.viewer.cameraManager.getCameraState();
 	}
 	setCameraState(e) {
-		return this._renderTarget.viewer.cameraManager.setCameraState(e);
+		return this._usageMetricsTracker.track("reveal-widget.camera.setCameraState"), this._renderTarget.viewer.cameraManager.setCameraState(e);
 	}
 	enterNearby360Image() {
-		return e(this._renderTarget.viewer);
+		return this._usageMetricsTracker.track("reveal-widget.camera.enterNearby360Image"), t(this._renderTarget.viewer);
 	}
 };
 //#endregion
-export { n as RevealWidgetCameraController };
+export { r as RevealWidgetCameraController };

package/dist/ui/components/Widget/RevealWidgetController.d.ts

@@ -8,6 +8,7 @@ import { RevealDomainObjectUtils } from '../../../domains/reveal/RevealDomainObj
 import { SceneDomainObject } from '../../../domains/scene/SceneDomainObject';
 import { InstanceId } from '../../../utilities/instanceIds';
 import { InstanceStylingGroup } from '../../../utilities/modelIds';
+import { UsageMetricsTracker } from '../../../utilities/usageMetricsTracker';
 import { RevealWidgetCameraController } from './RevealWidgetCameraController';
 import { applyCadDefaultStyling } from './styling/applyCadDefaultStyling';
 import { applyPointCloudDefaultStyling } from './styling/applyPointCloudDefaultStyling';
@@ -28,8 +29,9 @@ export declare const defaultRevealWidgetControllerDependencies: RevealWidgetCont
 export declare class RevealWidgetController {
     private readonly _renderTarget;
     private readonly _dependencies;
+    private readonly _usageMetricsTracker;
     private readonly _cameraController;
-    constructor(_renderTarget: RevealRenderTarget, _dependencies?: RevealWidgetControllerDependencies);
+    constructor(_renderTarget: RevealRenderTarget, _dependencies?: RevealWidgetControllerDependencies, _usageMetricsTracker?: UsageMetricsTracker);
     /**
      * Access the RevealWidgetCameraController for camera controls
      */