@trackunit/react-core-contexts-test 0.1.118 → 0.1.119

package/index.cjs2.js

@@ -1,247 +1,57 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 var testUtils = require('react-dom/test-utils');
+var React = require('react');
 var ReactDOM = require('react-dom');
 var ReactDOMClient = require('react-dom/client');
 var require$$0 = require('util');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
 var reactRouterDom = require('react-router-dom');
+var reactCoreContextsApi = require('@trackunit/react-core-contexts-api');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 function _mergeNamespaces(n, m) {
-  m.forEach(function (e) {
-    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
-      if (k !== 'default' && !(k in n)) {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    m.forEach(function (e) {
+        e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+            if (k !== 'default' && !(k in n)) {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
     });
-  });
-  return Object.freeze(n);
+    return Object.freeze(n);
 }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var testUtils__namespace = /*#__PURE__*/_interopNamespace(testUtils);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var ReactDOMClient__namespace = /*#__PURE__*/_interopNamespace(ReactDOMClient);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 
-/**
- * Logs props that have changed.
- * Use this for debugging which props force a component to re-render.
- * This is a hook version of the class component lifecycle method `componentDidUpdate`.
- * ALWAYS wrap in your own object.
- *
- * @param id optional id to use for logging or it will guess the id from the stack trace
- * @param propsToWatch all the props to watch for changes
- * @example
- * const propsToWatch = { foo: props.foo, bar: props.bar };
- * useDebugger({ id: "MyComponent", propsToWatch });
- */
-const useDebugger = ({ id, propsToWatch, }) => {
-    const prevPropsRef = React.useRef(propsToWatch);
-    const uniqueId = React.useMemo(() => {
-        var _a;
-        return id || ((_a = new Error().stack) === null || _a === void 0 ? void 0 : _a.split("\n")[2].trim()) || "unknown-id";
-    }, [id]);
-    React.useEffect(() => {
-        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
-            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
-                result[key + ""] = [prevPropsRef.current[key], value];
-            }
-            return result;
-        }, {});
-        if (Object.keys(changedProps).length > 0) {
-            // eslint-disable-next-line no-console
-            Object.keys(changedProps).forEach(changedProp => {
-                // eslint-disable-next-line no-console
-                console.log(`${uniqueId} changed property: ${changedProp}`);
-                // JSON stringify is used to avoid console.table from logging the object reference
-                const result = JSON.parse(JSON.stringify(changedProps[changedProp]));
-                const result0 = result[0];
-                const result1 = result[1];
-                result0 &&
-                    Object.keys(result0).forEach(prop => {
-                        result0[prop] = JSON.stringify(result0[prop]);
-                    });
-                result1 &&
-                    Object.keys(result1).forEach(prop => {
-                        result1[prop] = JSON.stringify(result1[prop]);
-                    });
-                // eslint-disable-next-line no-console
-                console.table([result0, result1]);
-            });
-            // eslint-disable-next-line no-console
-            console.dir(changedProps);
-        }
-        prevPropsRef.current = propsToWatch;
-    }, [propsToWatch, uniqueId]);
-};
-/**
- * Debugger component for debugging state changes and re-renders.
- *
- * This component will log when it is mounted, re-renders or unmounted.
- * It will also log when any of its props change.
- *
- * @param id optional id to use for logging
- * @param stop if true, will stop execution and open debugger
- * @param logPropsChanges optional object with props to watch for changes
- * @param children the children to render
- */
-const Debugger = ({ id, logPropsChanges, stop, children, }) => {
-    var _a, _b, _c, _d, _e, _f;
-    const uniqueId = id ||
-        (
-        // @ts-ignore
-        (_e = (_d = (_c = (_b = (_a = React__default["default"]["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]) === null || _a === void 0 ? void 0 : _a.ReactCurrentOwner) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c._debugOwner) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.name) ||
-        ((_f = new Error().stack) === null || _f === void 0 ? void 0 : _f.split("\n")[2].trim()) ||
-        "unknown-id";
-    useDebugger({ id: uniqueId, propsToWatch: logPropsChanges || {} });
-    // eslint-disable-next-line no-console
-    console.log(`${uniqueId} Debugger is rendering`);
-    React.useEffect(() => {
-        // eslint-disable-next-line no-console
-        console.log(`${uniqueId} Debugger is mounting`);
-        return () => {
-            // eslint-disable-next-line no-console
-            console.log(`${uniqueId} Debugger is unmounting`);
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    if (stop === true) {
-        // eslint-disable-next-line no-debugger
-        debugger;
-    }
-    return jsxRuntime.jsx("div", { className: "Debugger", children: children });
-};
-
-/**
- * Do nothing
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const doNothing = () => {
-    /* Do nothing */
-};
-
-const mockAnalyticsContext = {
-    logEvent: doNothing,
-    logError: doNothing,
-    logPageView: doNothing,
-    setUserProperty: doNothing,
-};
-
-const mockAssetSortingContext = {
-    setSortBy: doNothing,
-    sortingState: {
-        sortBy: reactCoreContextsApi.AssetSortByProperty.Criticality,
-        order: reactCoreContextsApi.SortOrder.Desc,
-    },
-};
-
-/**
- * Mocks the current user context
- *
- * @returns {ICurrentUserContext} - Returns the mocked current user context
- */
-const mockCurrentUserContext = {
-    userName: "",
-    userRole: "",
-    customerId: 12345,
-    userId: 154312,
-    tasUserId: "751ea227-f199-4d00-925f-a608312c5e45",
-    email: "",
-    name: "",
-    accountId: "",
-    assumedUser: null,
-    jobTitle: "",
-    isAuthenticated: true,
-    isVerified: true,
-    isTrackunitUser: false,
-    isAssuming: false,
-    isAccountOwner: true,
-    subscriptionPackage: "EXPAND_FLEET_OWNER",
-};
-
-const mockEnvironmentContext = {
-    auth: {
-        url: "",
-        clientId: "",
-        issuer: "",
-    },
-    managerClassicUrl: "https://sso.trackunit.com",
-    googleMapsApiKey: "",
-    amplitudeApiKey: "",
-    amplitudeApiEndpoint: "",
-    graphqlPublicUrl: "",
-    graphqlManagerUrl: "",
-    graphqlManagerImageUploadUrl: "",
-    graphqlReportUrl: "",
-    buildVersion: "",
-    commitNumber: 0,
-    buildDate: "",
-    irisAppSdkServerUrl: "",
-    publicUrl: "",
-    isDev: true,
-    environment: "",
-    sentryDsn: "",
-    sessionId: "",
-    tracingHeaders: {
-        "X-TrackunitAppVersion": "",
-        "session-id": "",
-    },
-    trackunitRestApiUrl: "",
-    hubspotRequestAppAccessFormId: "",
-};
-
-const mockOemBrandingContext = {
-    getAllBrandingDetails: doNothing,
-    getOemBranding: doNothing,
-    getOemImage: doNothing,
-};
-
-const mockToastContext = {
-    addToast: doNothing,
-    setIsManifestError: doNothing,
-};
-
-/**
- * This is a mock for the UserSubscriptionContext.
- *
- * @returns { IUserSubscriptionContext }- mock for the UserSubscriptionContext
- */
-const mockUserSubscriptionContext = {
-    numberOfDaysWithAccessToHistoricalData: 30,
-    numberOfDaysWithAccessToHistoricalInsights: 30,
-    features: [],
-    packageType: "EXPAND_FLEET_OWNER",
-};
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -2664,11 +2474,11 @@ var _default$2i = format;
 default_1 = build.default = _default$2i;
 
 var index = /*#__PURE__*/_mergeNamespaces({
-  __proto__: null,
-  get DEFAULT_OPTIONS () { return DEFAULT_OPTIONS_1; },
-  format: format_1,
-  get plugins () { return plugins_1; },
-  get default () { return default_1; }
+    __proto__: null,
+    get DEFAULT_OPTIONS () { return DEFAULT_OPTIONS_1; },
+    format: format_1,
+    get plugins () { return plugins_1; },
+    get default () { return default_1; }
 }, [build]);
 
 /**
@@ -16063,85 +15873,85 @@ const screen = typeof document !== 'undefined' && document.body // eslint-disabl
 }, initialValue);
 
 var dom_esm = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  prettyFormat: index,
-  buildQueries: buildQueries,
-  configure: configure,
-  createEvent: createEvent,
-  findAllByAltText: findAllByAltText,
-  findAllByDisplayValue: findAllByDisplayValue,
-  findAllByLabelText: findAllByLabelText,
-  findAllByPlaceholderText: findAllByPlaceholderText,
-  findAllByRole: findAllByRole,
-  findAllByTestId: findAllByTestId,
-  findAllByText: findAllByText,
-  findAllByTitle: findAllByTitle,
-  findByAltText: findByAltText,
-  findByDisplayValue: findByDisplayValue,
-  findByLabelText: findByLabelText,
-  findByPlaceholderText: findByPlaceholderText,
-  findByRole: findByRole,
-  findByTestId: findByTestId,
-  findByText: findByText,
-  findByTitle: findByTitle,
-  fireEvent: fireEvent,
-  getAllByAltText: getAllByAltText,
-  getAllByDisplayValue: getAllByDisplayValue,
-  getAllByLabelText: getAllByLabelTextWithSuggestions,
-  getAllByPlaceholderText: getAllByPlaceholderText,
-  getAllByRole: getAllByRole,
-  getAllByTestId: getAllByTestId,
-  getAllByText: getAllByText,
-  getAllByTitle: getAllByTitle,
-  getByAltText: getByAltText,
-  getByDisplayValue: getByDisplayValue,
-  getByLabelText: getByLabelTextWithSuggestions,
-  getByPlaceholderText: getByPlaceholderText,
-  getByRole: getByRole,
-  getByTestId: getByTestId,
-  getByText: getByText,
-  getByTitle: getByTitle,
-  getConfig: getConfig,
-  getDefaultNormalizer: getDefaultNormalizer,
-  getElementError: getElementError,
-  getMultipleElementsFoundError: getMultipleElementsFoundError,
-  getNodeText: getNodeText,
-  getQueriesForElement: getQueriesForElement,
-  getRoles: getRoles,
-  getSuggestedQuery: getSuggestedQuery,
-  isInaccessible: isInaccessible,
-  logDOM: logDOM,
-  logRoles: logRoles,
-  makeFindQuery: makeFindQuery,
-  makeGetAllQuery: makeGetAllQuery,
-  makeSingleQuery: makeSingleQuery,
-  prettyDOM: prettyDOM,
-  queries: queries,
-  queryAllByAltText: queryAllByAltTextWithSuggestions,
-  queryAllByAttribute: queryAllByAttribute,
-  queryAllByDisplayValue: queryAllByDisplayValueWithSuggestions,
-  queryAllByLabelText: queryAllByLabelTextWithSuggestions,
-  queryAllByPlaceholderText: queryAllByPlaceholderTextWithSuggestions,
-  queryAllByRole: queryAllByRoleWithSuggestions,
-  queryAllByTestId: queryAllByTestIdWithSuggestions,
-  queryAllByText: queryAllByTextWithSuggestions,
-  queryAllByTitle: queryAllByTitleWithSuggestions,
-  queryByAltText: queryByAltText,
-  queryByAttribute: queryByAttribute,
-  queryByDisplayValue: queryByDisplayValue,
-  queryByLabelText: queryByLabelText,
-  queryByPlaceholderText: queryByPlaceholderText,
-  queryByRole: queryByRole,
-  queryByTestId: queryByTestId,
-  queryByText: queryByText,
-  queryByTitle: queryByTitle,
-  queryHelpers: queryHelpers,
-  screen: screen,
-  waitFor: waitForWrapper,
-  waitForElementToBeRemoved: waitForElementToBeRemoved,
-  within: getQueriesForElement,
-  wrapAllByQueryWithSuggestion: wrapAllByQueryWithSuggestion,
-  wrapSingleQueryWithSuggestion: wrapSingleQueryWithSuggestion
+    __proto__: null,
+    prettyFormat: index,
+    buildQueries: buildQueries,
+    configure: configure,
+    createEvent: createEvent,
+    findAllByAltText: findAllByAltText,
+    findAllByDisplayValue: findAllByDisplayValue,
+    findAllByLabelText: findAllByLabelText,
+    findAllByPlaceholderText: findAllByPlaceholderText,
+    findAllByRole: findAllByRole,
+    findAllByTestId: findAllByTestId,
+    findAllByText: findAllByText,
+    findAllByTitle: findAllByTitle,
+    findByAltText: findByAltText,
+    findByDisplayValue: findByDisplayValue,
+    findByLabelText: findByLabelText,
+    findByPlaceholderText: findByPlaceholderText,
+    findByRole: findByRole,
+    findByTestId: findByTestId,
+    findByText: findByText,
+    findByTitle: findByTitle,
+    fireEvent: fireEvent,
+    getAllByAltText: getAllByAltText,
+    getAllByDisplayValue: getAllByDisplayValue,
+    getAllByLabelText: getAllByLabelTextWithSuggestions,
+    getAllByPlaceholderText: getAllByPlaceholderText,
+    getAllByRole: getAllByRole,
+    getAllByTestId: getAllByTestId,
+    getAllByText: getAllByText,
+    getAllByTitle: getAllByTitle,
+    getByAltText: getByAltText,
+    getByDisplayValue: getByDisplayValue,
+    getByLabelText: getByLabelTextWithSuggestions,
+    getByPlaceholderText: getByPlaceholderText,
+    getByRole: getByRole,
+    getByTestId: getByTestId,
+    getByText: getByText,
+    getByTitle: getByTitle,
+    getConfig: getConfig,
+    getDefaultNormalizer: getDefaultNormalizer,
+    getElementError: getElementError,
+    getMultipleElementsFoundError: getMultipleElementsFoundError,
+    getNodeText: getNodeText,
+    getQueriesForElement: getQueriesForElement,
+    getRoles: getRoles,
+    getSuggestedQuery: getSuggestedQuery,
+    isInaccessible: isInaccessible,
+    logDOM: logDOM,
+    logRoles: logRoles,
+    makeFindQuery: makeFindQuery,
+    makeGetAllQuery: makeGetAllQuery,
+    makeSingleQuery: makeSingleQuery,
+    prettyDOM: prettyDOM,
+    queries: queries,
+    queryAllByAltText: queryAllByAltTextWithSuggestions,
+    queryAllByAttribute: queryAllByAttribute,
+    queryAllByDisplayValue: queryAllByDisplayValueWithSuggestions,
+    queryAllByLabelText: queryAllByLabelTextWithSuggestions,
+    queryAllByPlaceholderText: queryAllByPlaceholderTextWithSuggestions,
+    queryAllByRole: queryAllByRoleWithSuggestions,
+    queryAllByTestId: queryAllByTestIdWithSuggestions,
+    queryAllByText: queryAllByTextWithSuggestions,
+    queryAllByTitle: queryAllByTitleWithSuggestions,
+    queryByAltText: queryByAltText,
+    queryByAttribute: queryByAttribute,
+    queryByDisplayValue: queryByDisplayValue,
+    queryByLabelText: queryByLabelText,
+    queryByPlaceholderText: queryByPlaceholderText,
+    queryByRole: queryByRole,
+    queryByTestId: queryByTestId,
+    queryByText: queryByText,
+    queryByTitle: queryByTitle,
+    queryHelpers: queryHelpers,
+    screen: screen,
+    waitFor: waitForWrapper,
+    waitForElementToBeRemoved: waitForElementToBeRemoved,
+    within: getQueriesForElement,
+    wrapAllByQueryWithSuggestion: wrapAllByQueryWithSuggestion,
+    wrapSingleQueryWithSuggestion: wrapSingleQueryWithSuggestion
 });
 
 const domAct = testUtils__namespace.act;
@@ -43479,6 +43289,53 @@ function ApolloMockedProviderWithError(props) {
     return (jsxRuntime.jsx(MockedProvider, Object.assign({}, otherProps, { link: link, defaultOptions: Object.assign(Object.assign({}, defaultOptions), { watchQuery: { fetchPolicy: "no-cache" } }) })));
 }
 
+/**
+ * Do nothing
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const doNothing = () => {
+    /* Do nothing */
+};
+
+const mockAnalyticsContext = {
+    logEvent: doNothing,
+    logError: doNothing,
+    logPageView: doNothing,
+    setUserProperty: doNothing,
+};
+
+const mockAssetSortingContext = {
+    setSortBy: doNothing,
+    sortingState: {
+        sortBy: reactCoreContextsApi.AssetSortByProperty.Criticality,
+        order: reactCoreContextsApi.SortOrder.Desc,
+    },
+};
+
+/**
+ * Mocks the current user context
+ *
+ * @returns {ICurrentUserContext} - Returns the mocked current user context
+ */
+const mockCurrentUserContext = {
+    userName: "",
+    userRole: "",
+    customerId: 12345,
+    userId: 154312,
+    tasUserId: "751ea227-f199-4d00-925f-a608312c5e45",
+    email: "",
+    name: "",
+    accountId: "",
+    assumedUser: null,
+    jobTitle: "",
+    isAuthenticated: true,
+    isVerified: true,
+    isTrackunitUser: false,
+    isAssuming: false,
+    isAccountOwner: true,
+    subscriptionPackage: "EXPAND_FLEET_OWNER",
+};
+
 /**
  * Mocks the current user context
  *
@@ -43493,6 +43350,60 @@ const mockCurrentUserPreferenceContext = {
     setSystemOfMeasurement: doNothing,
 };
 
+const mockEnvironmentContext = {
+    auth: {
+        url: "",
+        clientId: "",
+        issuer: "",
+    },
+    managerClassicUrl: "https://sso.trackunit.com",
+    googleMapsApiKey: "",
+    amplitudeApiKey: "",
+    amplitudeApiEndpoint: "",
+    graphqlPublicUrl: "",
+    graphqlManagerUrl: "",
+    graphqlManagerImageUploadUrl: "",
+    graphqlReportUrl: "",
+    buildVersion: "",
+    commitNumber: 0,
+    buildDate: "",
+    irisAppSdkServerUrl: "",
+    publicUrl: "",
+    isDev: true,
+    environment: "",
+    sentryDsn: "",
+    sessionId: "",
+    tracingHeaders: {
+        "X-TrackunitAppVersion": "",
+        "session-id": "",
+    },
+    trackunitRestApiUrl: "",
+    hubspotRequestAppAccessFormId: "",
+};
+
+const mockOemBrandingContext = {
+    getAllBrandingDetails: doNothing,
+    getOemBranding: doNothing,
+    getOemImage: doNothing,
+};
+
+const mockToastContext = {
+    addToast: doNothing,
+    setIsManifestError: doNothing,
+};
+
+/**
+ * This is a mock for the UserSubscriptionContext.
+ *
+ * @returns { IUserSubscriptionContext }- mock for the UserSubscriptionContext
+ */
+const mockUserSubscriptionContext = {
+    numberOfDaysWithAccessToHistoricalData: 30,
+    numberOfDaysWithAccessToHistoricalInsights: 30,
+    features: [],
+    packageType: "EXPAND_FLEET_OWNER",
+};
+
 /**
  * Flushes all promises in the queue.
  * This is useful when testing async code.
@@ -43986,6 +43897,95 @@ class TrackunitProvidersMockBuilder {
  */
 const trackunitProviders = () => new TrackunitProvidersMockBuilder();
 
+/**
+ * Logs props that have changed.
+ * Use this for debugging which props force a component to re-render.
+ * This is a hook version of the class component lifecycle method `componentDidUpdate`.
+ * ALWAYS wrap in your own object.
+ *
+ * @param id optional id to use for logging or it will guess the id from the stack trace
+ * @param propsToWatch all the props to watch for changes
+ * @example
+ * const propsToWatch = { foo: props.foo, bar: props.bar };
+ * useDebugger({ id: "MyComponent", propsToWatch });
+ */
+const useDebugger = ({ id, propsToWatch, }) => {
+    const prevPropsRef = React.useRef(propsToWatch);
+    const uniqueId = React.useMemo(() => {
+        var _a;
+        return id || ((_a = new Error().stack) === null || _a === void 0 ? void 0 : _a.split("\n")[2].trim()) || "unknown-id";
+    }, [id]);
+    React.useEffect(() => {
+        const changedProps = Object.entries(propsToWatch || {}).reduce((result, [key, value]) => {
+            if (prevPropsRef.current && prevPropsRef.current[key] !== value) {
+                result[key + ""] = [prevPropsRef.current[key], value];
+            }
+            return result;
+        }, {});
+        if (Object.keys(changedProps).length > 0) {
+            // eslint-disable-next-line no-console
+            Object.keys(changedProps).forEach(changedProp => {
+                // eslint-disable-next-line no-console
+                console.log(`${uniqueId} changed property: ${changedProp}`);
+                // JSON stringify is used to avoid console.table from logging the object reference
+                const result = JSON.parse(JSON.stringify(changedProps[changedProp]));
+                const result0 = result[0];
+                const result1 = result[1];
+                result0 &&
+                    Object.keys(result0).forEach(prop => {
+                        result0[prop] = JSON.stringify(result0[prop]);
+                    });
+                result1 &&
+                    Object.keys(result1).forEach(prop => {
+                        result1[prop] = JSON.stringify(result1[prop]);
+                    });
+                // eslint-disable-next-line no-console
+                console.table([result0, result1]);
+            });
+            // eslint-disable-next-line no-console
+            console.dir(changedProps);
+        }
+        prevPropsRef.current = propsToWatch;
+    }, [propsToWatch, uniqueId]);
+};
+/**
+ * Debugger component for debugging state changes and re-renders.
+ *
+ * This component will log when it is mounted, re-renders or unmounted.
+ * It will also log when any of its props change.
+ *
+ * @param id optional id to use for logging
+ * @param stop if true, will stop execution and open debugger
+ * @param logPropsChanges optional object with props to watch for changes
+ * @param children the children to render
+ */
+const Debugger = ({ id, logPropsChanges, stop, children, }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const uniqueId = id ||
+        (
+        // @ts-ignore
+        (_e = (_d = (_c = (_b = (_a = React__default["default"]["__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED"]) === null || _a === void 0 ? void 0 : _a.ReactCurrentOwner) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c._debugOwner) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.name) ||
+        ((_f = new Error().stack) === null || _f === void 0 ? void 0 : _f.split("\n")[2].trim()) ||
+        "unknown-id";
+    useDebugger({ id: uniqueId, propsToWatch: logPropsChanges || {} });
+    // eslint-disable-next-line no-console
+    console.log(`${uniqueId} Debugger is rendering`);
+    React.useEffect(() => {
+        // eslint-disable-next-line no-console
+        console.log(`${uniqueId} Debugger is mounting`);
+        return () => {
+            // eslint-disable-next-line no-console
+            console.log(`${uniqueId} Debugger is unmounting`);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    if (stop === true) {
+        // eslint-disable-next-line no-debugger
+        debugger;
+    }
+    return jsxRuntime.jsx("div", { className: "Debugger", children: children });
+};
+
 /**
  *
  * @param document Document that represents the specific GQL query / mutation schema.

package/index.esm.js

@@ -1,10 +1,10 @@
 export { D as Debugger, T as TrackunitProvidersMockBuilder, l as doNothing, f as flushPromises, o as flushPromisesInAct, m as mockAnalyticsContext, b as mockAssetSortingContext, e as mockCurrentUserContext, h as mockEnvironmentContext, i as mockOemBrandingContext, j as mockToastContext, k as mockUserSubscriptionContext, q as queryFor, n as queryForHook, t as trackunitProviders, u as useDebugger, v as validateIrisApp } from './index.esm2.js';
 import 'react/jsx-runtime';
-import 'react';
-import '@trackunit/react-core-contexts-api';
 import 'react-dom/test-utils';
+import 'react';
 import 'react-dom';
 import 'react-dom/client';
 import 'util';
 import '@trackunit/react-core-hooks';
 import 'react-router-dom';
+import '@trackunit/react-core-contexts-api';