@ms-cloudpack/overlay 0.17.30 → 0.17.31

package/dist/browser-esm/chunks/js/{ErrorDialog-744DEKEI.js → ErrorDialog-5IGGA35U.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-7KHMDJ6G.js";
 import {
   elementIds
-} from "./chunk-PDWQRLCD.js";
+} from "./chunk-GBPQMJW6.js";
 
 // packages/overlay/src/components/ErrorDialog/ErrorDialog.tsx
 import { default as React2 } from "react";
@@ -71,4 +71,4 @@ export {
   ErrorDialog,
   ErrorDialog_default as default
 };
-//# sourceMappingURL=ErrorDialog-744DEKEI.js.map
+//# sourceMappingURL=ErrorDialog-5IGGA35U.js.map

package/dist/browser-esm/chunks/js/{StatusDialog-J6LM3XZZ.js → StatusDialog-7Q5HGOOM.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-7KHMDJ6G.js";
 import {
   elementIds
-} from "./chunk-PDWQRLCD.js";
+} from "./chunk-GBPQMJW6.js";
 
 // packages/overlay/src/components/StatusDialog/StatusDialog.tsx
 import React5, { useCallback } from "react";
@@ -313,4 +313,4 @@ export {
   StatusDialog,
   StatusDialog_default as default
 };
-//# sourceMappingURL=StatusDialog-J6LM3XZZ.js.map
+//# sourceMappingURL=StatusDialog-7Q5HGOOM.js.map

package/dist/browser-esm/chunks/js/{chunk-PDWQRLCD.js → chunk-GBPQMJW6.js}

@@ -17,14 +17,8 @@ var elementIds = {
    */
   statusBadgeRoot: "cloudpack-overlay-status-badge"
 };
-var cookieNames = {
-  sessionId: "cloudpack-session-id",
-  sessionSequence: "cloudpack-session-sequence",
-  apiUrl: "cloudpack-api-url"
-};
 
 export {
-  elementIds,
-  cookieNames
+  elementIds
 };
-//# sourceMappingURL=chunk-PDWQRLCD.js.map
+//# sourceMappingURL=chunk-GBPQMJW6.js.map

package/dist/browser-esm/chunks/js/{chunk-PDWQRLCD.js.map → chunk-GBPQMJW6.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/constants.ts"],
-  "sourcesContent": ["// This file serves as a separate entry point which can be imported without rendering the overlay\n// as a side effect.\n\nexport const elementIds = {\n  /**\n   * ID for the root element of the overlay.\n   */\n  root: 'cloudpack-overlay-root',\n  /**\n   * ID for the root element of the error dialog.\n   */\n  errorDialogRoot: 'cloudpack-overlay-error-dialog',\n  /**\n   * ID for the root element of the status dialog.\n   */\n  statusDialogRoot: 'cloudpack-overlay-status-dialog',\n  /**\n   * ID for the root element of the status badge.\n   */\n  statusBadgeRoot: 'cloudpack-overlay-status-badge',\n} as const;\n\n/**\n * Cloudpack cookies accessed by the overlay.\n */\nexport const cookieNames = {\n  sessionId: 'cloudpack-session-id',\n  sessionSequence: 'cloudpack-session-sequence',\n  apiUrl: 'cloudpack-api-url',\n};\n"],
-  "mappings": ";AAGO,IAAM,aAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIjB,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIlB,iBAAiB;AACnB;AAKO,IAAM,cAAc;AAAA,EACzB,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,QAAQ;AACV;",
+  "sourcesContent": ["// This file serves as a separate entry point which can be imported without rendering the overlay\n// as a side effect.\n\nexport const elementIds = {\n  /**\n   * ID for the root element of the overlay.\n   */\n  root: 'cloudpack-overlay-root',\n  /**\n   * ID for the root element of the error dialog.\n   */\n  errorDialogRoot: 'cloudpack-overlay-error-dialog',\n  /**\n   * ID for the root element of the status dialog.\n   */\n  statusDialogRoot: 'cloudpack-overlay-status-dialog',\n  /**\n   * ID for the root element of the status badge.\n   */\n  statusBadgeRoot: 'cloudpack-overlay-status-badge',\n} as const;\n"],
+  "mappings": ";AAGO,IAAM,aAAa;AAAA;AAAA;AAAA;AAAA,EAIxB,MAAM;AAAA;AAAA;AAAA;AAAA,EAIN,iBAAiB;AAAA;AAAA;AAAA;AAAA,EAIjB,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIlB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/browser-esm/lib/constants.js

@@ -1,9 +1,7 @@
 import {
-  cookieNames,
   elementIds
-} from "../chunks/js/chunk-PDWQRLCD.js";
+} from "../chunks/js/chunk-GBPQMJW6.js";
 export {
-  cookieNames,
   elementIds
 };
 //# sourceMappingURL=constants.js.map

package/dist/browser-esm/lib/index.js

@@ -4,9 +4,8 @@ import {
   useDraggable
 } from "../chunks/js/chunk-7KHMDJ6G.js";
 import {
-  cookieNames,
   elementIds
-} from "../chunks/js/chunk-PDWQRLCD.js";
+} from "../chunks/js/chunk-GBPQMJW6.js";
 
 // packages/overlay/src/index.tsx
 import React5 from "react";
@@ -345,10 +344,19 @@ function usePageLoadTimeReporter() {
   const cloudpack = useCloudpack();
   React2.useEffect(() => {
     async function reportPageLoadTime() {
+      if (!window.__cloudpack) {
+        throw new Error("Cloudpack not found on window");
+      }
       const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;
+      if (!getPageLoadTime) {
+        throw new Error("getPageLoadTime not found on window.__cloudpack");
+      }
       const newPageLoadTime = await getPageLoadTime();
       setPageLoadTime(newPageLoadTime);
       await cloudpack.reportMetric.mutate({ metric: "PAGE_LOAD_TIME", value: newPageLoadTime });
+      if (!getBrowserCacheRatio) {
+        throw new Error("getBrowserCacheRatio not found on window.__cloudpack");
+      }
       await cloudpack.reportMetric.mutate({ metric: "BROWSER_CACHE_RATIO", value: getBrowserCacheRatio() });
     }
     void reportPageLoadTime();
@@ -357,8 +365,8 @@ function usePageLoadTimeReporter() {
 }
 
 // packages/overlay/src/components/StatusOverlay/StatusOverlay.tsx
-var StatusDialog = React3.lazy(() => import("../chunks/js/StatusDialog-J6LM3XZZ.js"));
-var ErrorDialog = React3.lazy(() => import("../chunks/js/ErrorDialog-744DEKEI.js"));
+var StatusDialog = React3.lazy(() => import("../chunks/js/StatusDialog-7Q5HGOOM.js"));
+var ErrorDialog = React3.lazy(() => import("../chunks/js/ErrorDialog-5IGGA35U.js"));
 function StatusOverlay() {
   const pageLoadTime = usePageLoadTimeReporter();
   const [isExpanded, setIsExpanded] = useState4(false);
@@ -413,32 +421,22 @@ function ThemeProvider({ children }) {
 
 // packages/overlay/src/index.tsx
 import { createCloudpackClient, reloadCountSource } from "@ms-cloudpack/api-server/browser";
-
-// packages/overlay/src/components/CloudpackProvider/getCookies.ts
-function getCookies() {
-  return document.cookie.split(";").map((s3) => s3.split("=")).reduce((current, nextValue) => {
-    const name = nextValue[0]?.trim();
-    const value2 = decodeURIComponent(nextValue[1]?.trim());
-    if (name && value2) {
-      current[name] = value2;
-    }
-    return current;
-  }, {});
-}
-
-// packages/overlay/src/index.tsx
 async function start() {
-  const cookies = getCookies();
-  const sessionId = cookies[cookieNames.sessionId] ?? localStorage.getItem(cookieNames.sessionId);
-  const apiUrl = cookies[cookieNames.apiUrl] ?? localStorage.getItem(cookieNames.apiUrl);
-  const currentSequence = cookies[cookieNames.sessionSequence] ?? localStorage.getItem(cookieNames.sessionSequence);
+  if (!window.__cloudpack) {
+    throw new Error("Cloudpack not found on window");
+  }
+  const { pageSessionContext } = window.__cloudpack;
+  if (!pageSessionContext) {
+    throw new Error("Session context not found on window.__cloudpack");
+  }
+  const { apiUrl, currentSequence, sessionId } = pageSessionContext;
   const client = await createCloudpackClient({ url: apiUrl });
   if (sessionId === await client.getSessionId.query()) {
     console.log("[Cloudpack] socket opened");
   }
   client.onDataChanged.subscribe(reloadCountSource, {
     onData: (data) => {
-      if (Number(data) > Number(currentSequence)) {
+      if (Number(data) > currentSequence) {
         window.location.reload();
       }
     }

package/dist/browser-esm/lib/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/index.tsx", "../../../src/components/StatusOverlay/StatusOverlay.tsx", "../../../src/components/StatusBadge/StatusBadge.tsx", "../../../src/components/StatusBadge/StatusBadge.module.css", "../../../src/components/CloudpackProvider/useStatus.ts", "../../../src/components/ErrorDialog/useErrorEvents.ts", "../../../src/hooks/usePageLoadTimeReporter.ts", "../../../src/components/ThemeProvider/ThemeProvider.tsx", "../../../src/components/ThemeProvider/ThemeProvider.module.css", "../../../src/components/CloudpackProvider/getCookies.ts"],
-  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';\nimport { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';\nimport { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';\nimport { cookieNames, elementIds } from './constants.js';\nimport { createCloudpackClient, reloadCountSource } from '@ms-cloudpack/api-server/browser';\nimport { getCookies } from './components/CloudpackProvider/getCookies.js';\n\nasync function start() {\n  const cookies = getCookies();\n  const sessionId = cookies[cookieNames.sessionId] ?? localStorage.getItem(cookieNames.sessionId);\n  const apiUrl = cookies[cookieNames.apiUrl] ?? localStorage.getItem(cookieNames.apiUrl);\n  const currentSequence = cookies[cookieNames.sessionSequence] ?? localStorage.getItem(cookieNames.sessionSequence);\n\n  const client = await createCloudpackClient({ url: apiUrl });\n\n  if (sessionId === (await client.getSessionId.query())) {\n    console.log('[Cloudpack] socket opened');\n  }\n\n  client.onDataChanged.subscribe(reloadCountSource, {\n    onData: (data) => {\n      if (Number(data) > Number(currentSequence)) {\n        window.location.reload();\n      }\n    },\n  });\n\n  const rootDiv = document.createElement('div');\n  rootDiv.id = elementIds.root;\n\n  ReactDOM.render(\n    <ThemeProvider>\n      <CloudpackProvider client={client}>\n        <StatusOverlay />\n      </CloudpackProvider>\n    </ThemeProvider>,\n    rootDiv,\n  );\n\n  document.body.appendChild(rootDiv);\n}\n\nvoid start();\n", "import React, { useCallback, useState, useRef } from 'react';\nimport { StatusBadge } from '../StatusBadge/StatusBadge.js';\nimport { useStatus, type CloudpackStatus } from '../CloudpackProvider/useStatus.js';\nimport { useErrorEvents } from '../ErrorDialog/useErrorEvents.js';\nimport { usePageLoadTimeReporter } from '../../hooks/usePageLoadTimeReporter.js';\n\nconst StatusDialog = React.lazy(() => import('../StatusDialog/StatusDialog.js'));\nconst ErrorDialog = React.lazy(() => import('../ErrorDialog/ErrorDialog.js'));\n\nexport function StatusOverlay() {\n  const pageLoadTime = usePageLoadTimeReporter();\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n  const status = useStatus();\n  const prevStatus = useRef<CloudpackStatus | undefined>();\n  const { unsupported } = useErrorEvents();\n\n  // If we haven't set a specific state and we become idle,\n  // pop open the details if there are errors.\n  React.useEffect(() => {\n    if (\n      !isExpanded &&\n      prevStatus.current?.status !== 'idle' &&\n      status.status === 'idle' &&\n      (prevStatus.current?.totalErrors || 0) !== (status.totalErrors || 0)\n    ) {\n      setIsExpanded(true);\n    }\n    prevStatus.current = status;\n  }, [status, isExpanded]);\n\n  const toggleMinimized = useCallback(() => {\n    console.log(`Toggling minimized state to ${!isExpanded}`);\n    setIsExpanded(!isExpanded);\n  }, [isExpanded]);\n\n  const result = unsupported.length ? (\n    <ErrorDialog unsupported={unsupported} />\n  ) : isExpanded ? (\n    <StatusDialog onClose={toggleMinimized} />\n  ) : (\n    <StatusBadge onExpand={toggleMinimized} pageLoadTime={pageLoadTime} />\n  );\n\n  return <React.Suspense fallback={null}>{result}</React.Suspense>;\n}\n", "import React, { useCallback, useRef, useState } from 'react';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport styles from './StatusBadge.module.css';\nimport { default as cx } from 'classnames';\nimport { useStatus, type CloudpackStatus } from '../CloudpackProvider/useStatus.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface StatusBadgeProps {\n  inline?: boolean;\n  onExpand?: () => void;\n  onToggle?: () => void;\n  pageLoadTime?: number;\n}\n\nexport function StatusBadge({ inline, onExpand, pageLoadTime }: StatusBadgeProps) {\n  const badgeStatusKey = 'cloudpack.badgeStatus';\n\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const dragElementRef = useRef<HTMLDivElement>(null);\n  const status = useStatus();\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(!!localStorage.getItem(badgeStatusKey));\n\n  const shouldRender = status.status !== 'unknown';\n\n  const toggleBadgeVisibility = useCallback(() => {\n    const newCollapsedState = !isCollapsed;\n    console.log('Status badge collapsed state:', newCollapsedState);\n    setIsCollapsed(newCollapsedState);\n    localStorage.setItem(badgeStatusKey, newCollapsedState ? 'collapsed' : '');\n  }, [isCollapsed]);\n\n  useDraggable({\n    // If we're not yet able to render, don't enable dragging yet.\n    // Otherwise the event handlers won't be attached when the component renders.\n    enabled: shouldRender && !inline,\n    containerElementRef: rootElementRef,\n    dragElementRef,\n  });\n\n  if (!shouldRender) {\n    return null;\n  }\n\n  const metric = pageLoadTime ? (\n    <span className={styles.metric} title=\"Page Load Time\">\n      in {pageLoadTime.toFixed(2)} ms\n    </span>\n  ) : null;\n\n  const leftChevron = '\\u00AB';\n  const rightChevron = '\\u00BB';\n  const badge = (\n    <div\n      id={elementIds.statusBadgeRoot}\n      ref={rootElementRef}\n      className={`${getStatusClassName(status, !!inline)} ${getCollapsedClassName(isCollapsed)}`}\n    >\n      {!inline && (\n        <div ref={dragElementRef} className={styles.gripArea}>\n          <div className={styles.grip} />\n          <div className={styles.grip} />\n        </div>\n      )}\n      <button className={styles.button} onClick={onExpand} aria-label=\"Expand overlay\">\n        <div className={styles.value}>{getStatusString(status)}</div>\n      </button>\n      <div>\n        {getStatsString(status)}\n        {metric}\n      </div>\n      <button className={`${styles.button} ${styles.chevron}`} onClick={toggleBadgeVisibility}>\n        {isCollapsed ? leftChevron : rightChevron}\n      </button>\n    </div>\n  );\n\n  return inline ? (\n    badge\n  ) : (\n    <div className={styles.fixedOverlay}>\n      <div className={styles.contentSurface}>{badge}</div>\n    </div>\n  );\n}\n\nfunction getStatusString(status: CloudpackStatus) {\n  if (status.status === 'pending') {\n    return 'Running';\n  }\n\n  if (status.totalTasks === 0) {\n    return 'Idle';\n  }\n\n  return status.totalErrors === 0 ? 'Success' : 'Errors';\n}\n\nfunction getStatusClassName({ status, totalTasks, totalErrors, totalWarnings }: CloudpackStatus, inline: boolean) {\n  return cx(styles.badge, {\n    [styles.inline]: inline,\n    [styles.building]: status === 'pending',\n    [styles.success]: status === 'idle' && totalTasks > 0 && totalErrors === 0 && totalWarnings === 0,\n    [styles.error]: status === 'idle' && totalErrors > 0,\n    [styles.warning]: status === 'idle' && totalErrors === 0 && totalWarnings > 0,\n  });\n}\n\nfunction getCollapsedClassName(isCollapsed: boolean) {\n  return cx(styles.badge, {\n    [styles.collapsed]: isCollapsed,\n  });\n}\n\nfunction getStatsString({ totalTasks, remainingTasks, totalErrors, totalWarnings }: CloudpackStatus) {\n  if (totalTasks === 0) {\n    return '';\n  }\n\n  return [\n    remainingTasks > 0 && `${remainingTasks} of ${totalTasks} tasks pending`,\n    remainingTasks === 0 && `${totalTasks} tasks completed`,\n    totalErrors === 1 && `${totalErrors} error`,\n    totalErrors > 1 && `${totalErrors} errors`,\n    totalWarnings === 1 && `${totalWarnings} warning`,\n    totalWarnings > 1 && `${totalWarnings} warnings`,\n  ]\n    .filter(Boolean)\n    .join(', ');\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/StatusBadge/StatusBadge.module.css\n\n\nlet compiledModule = `.uHuWYf-StatusBadgemodule--fixedOverlay {\\n  position: fixed;\\n  pointer-events: none;\\n  background: transparent;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 99999;\\n  overflow: hidden;\\n}\\n\\n.uHuWYf-StatusBadgemodule--gripArea {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 2px;\\n  height: 100%;\\n  width: 12px;\\n  cursor: move;\\n  margin-right: -4px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--grip {\\n  width: 2px;\\n  height: 100%;\\n  background: rgba(0, 0, 0, 0.2);\\n}\\n\\n.uHuWYf-StatusBadgemodule--contentSurface {\\n  pointer-events: auto;\\n  display: contents;\\n}\\n\\n.uHuWYf-StatusBadgemodule--badge {\\n  position: absolute;\\n  bottom: 4px;\\n  right: 4px;\\n  font-size: 12px;\\n  display: inline-flex;\\n  gap: 8px;\\n  background: #dddddd;\\n  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.75);\\n  border: 1px solid #999999;\\n  border-radius: 4px;\\n  height: 28px;\\n  flex-shrink: 0;\\n  justify-content: center;\\n  align-items: center;\\n  box-sizing: border-box;\\n  padding: 3px;\\n  padding-right: 8px;\\n\\n  transition: background-color 0.2s ease-in-out;\\n}\\n\\n.uHuWYf-StatusBadgemodule--inline {\\n  flex-shrink: 0;\\n  position: relative;\\n  bottom: auto;\\n  right: auto;\\n  top: auto;\\n  left: auto;\\n  box-shadow: none;\\n  padding-left: 8px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--building {\\n  background: #bbb;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--success {\\n  background: #7ad17a;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--warning {\\n  background: #e4e68b;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--error {\\n  background: #ffb9b9;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--button {\\n  cursor: pointer;\\n  background: inherit;\\n  border: none;\\n  border-radius: 3px;\\n  display: flex;\\n  align-self: stretch;\\n  align-items: center;\\n  justify-content: center;\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n  font-weight: inherit;\\n  font-size: inherit;\\n  font-family: inherit;\\n}\\n\\n.uHuWYf-StatusBadgemodule--button:hover {\\n  filter: invert(0.1);\\n}\\n\\n.uHuWYf-StatusBadgemodule--value {\\n  font-weight: 600;\\n  background: rgba(255, 255, 255, 0.4);\\n  box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.15) inset;\\n  padding: 2px 8px;\\n  border-radius: 3px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--metric {\\n  margin-left: 2px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--collapsed {\\n  overflow: hidden;\\n  padding: 0;\\n}\\n.uHuWYf-StatusBadgemodule--collapsed *:not(.uHuWYf-StatusBadgemodule--chevron) {\\n  display: none;\\n}\\n\\n.uHuWYf-StatusBadgemodule--chevron {\\n  padding: 0 3px;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/StatusBadge/StatusBadge.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const badge = 'uHuWYf-StatusBadgemodule--badge';\nexport const building = 'uHuWYf-StatusBadgemodule--building';\nexport const button = 'uHuWYf-StatusBadgemodule--button';\nexport const chevron = 'uHuWYf-StatusBadgemodule--chevron';\nexport const collapsed = 'uHuWYf-StatusBadgemodule--collapsed';\nexport const contentSurface = 'uHuWYf-StatusBadgemodule--contentSurface';\nexport const error = 'uHuWYf-StatusBadgemodule--error';\nexport const fixedOverlay = 'uHuWYf-StatusBadgemodule--fixedOverlay';\nexport const grip = 'uHuWYf-StatusBadgemodule--grip';\nexport const gripArea = 'uHuWYf-StatusBadgemodule--gripArea';\nexport const inline = 'uHuWYf-StatusBadgemodule--inline';\nexport const metric = 'uHuWYf-StatusBadgemodule--metric';\nexport const success = 'uHuWYf-StatusBadgemodule--success';\nexport const value = 'uHuWYf-StatusBadgemodule--value';\nexport const warning = 'uHuWYf-StatusBadgemodule--warning';\nexport default {badge, building, button, chevron, collapsed, contentSurface, error, fixedOverlay, grip, gripArea, inline, metric, success, value, warning}\n", "import { useEffect, useState } from 'react';\nimport { useCloudpack } from './CloudpackProvider.js';\nimport { taskStatsSource, type TaskStats } from '@ms-cloudpack/api-server/browser';\n\nexport type CloudpackStatus = TaskStats;\n\nconst defaultStatus: CloudpackStatus = {\n  status: 'unknown',\n  remainingTasks: 0,\n  totalTasks: 0,\n  totalErrors: 0,\n  totalWarnings: 0,\n};\n\nexport const useStatus = () => {\n  const cloudpack = useCloudpack();\n  const [status, setStatus] = useState<CloudpackStatus>(defaultStatus);\n\n  useEffect(() => {\n    const subscription = cloudpack?.onDataChanged.subscribe(taskStatsSource, {\n      onData: (data) => {\n        setStatus(data as CloudpackStatus);\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return status;\n};\n", "import { useEffect, useState } from 'react';\nimport { parseImportString } from '@ms-cloudpack/path-string-parsing';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { errorEntrySource, type ErrorEntry } from '@ms-cloudpack/api-server/browser';\n\ndeclare global {\n  interface Window {\n    __pageErrors: {\n      uncaughtErrors: ErrorEvent[];\n      uncaughtRejections: PromiseRejectionEvent[];\n      unregister: () => void;\n    };\n  }\n}\n\n// Interface with reason as a record.\ninterface ReasonRecord extends PromiseRejectionEvent {\n  readonly reason: Record<string, unknown>;\n}\n\n// Interface with message as a string.\ninterface ReasonString extends ReasonRecord {\n  readonly reason: { message: string };\n}\n\n// Verify the reason is a record.\nconst reasonIsRecord = (event: PromiseRejectionEvent): event is ReasonRecord => {\n  return typeof event.reason === 'object' && !Array.isArray(event.reason) && event.reason !== null;\n};\n\n// Verify the reason has a message which is a string.\nconst hasMessage = (event: PromiseRejectionEvent): event is ReasonString => {\n  return reasonIsRecord(event) && typeof event.reason.message === 'string';\n};\n\nexport type UnsupportedErrorEvent = { packageName: string; importPath: string; issuerUrl?: string; fixable?: boolean };\n\nexport const useErrorEvents = () => {\n  const [errorEvents, setErrorEvents] = useState<{ unsupported: UnsupportedErrorEvent[] }>({ unsupported: [] });\n  const cloudpack = useCloudpack();\n\n  useEffect(() => {\n    const handleUnsupportedError = (message: string, issuerUrl?: string): void => {\n      const errorRegex = /[Mm]odule specifier,? ['\"](.*?)['\"]/;\n      const match = message.match(errorRegex);\n\n      if (match) {\n        const importString = parseImportString(match[1]);\n        const { packageName } = importString;\n        const importPath = importString.importPath.replace(/^\\.\\//, '');\n\n        (async () => {\n          const { fixable } = await cloudpack.validatePackageOverride.query({ packageName, importPath, issuerUrl });\n          setErrorEvents((prev) => ({\n            ...prev,\n            unsupported: [...prev.unsupported, { packageName, importPath, issuerUrl: issuerUrl, fixable }],\n          }));\n        })().catch(() => {\n          // no-op\n        });\n      }\n    };\n\n    const subscription = cloudpack.onDataChanged.subscribe(errorEntrySource, {\n      onData: (data) => {\n        if (data) {\n          console.error(data);\n          handleUnsupportedError(data as ErrorEntry);\n        }\n      },\n    });\n\n    const pageErrors = window.__pageErrors;\n\n    pageErrors.unregister();\n\n    // Append unsupported paths to the list.\n    window.addEventListener('error', (event: ErrorEvent) => {\n      handleUnsupportedError(event.message, event.filename);\n    });\n\n    // Handle errors caught before rendering.\n    for (const error of pageErrors.uncaughtErrors) {\n      handleUnsupportedError(error.message, error.filename);\n    }\n\n    // Append unsupported paths to the list.\n    window.addEventListener('unhandledrejection', (event: PromiseRejectionEvent) => {\n      hasMessage(event) && handleUnsupportedError(event.reason.message);\n    });\n\n    // Handle rejections caught before rendering.\n    for (const error of pageErrors.uncaughtRejections) {\n      hasMessage(error) && handleUnsupportedError(error.reason.message);\n    }\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return errorEvents;\n};\n", "import React from 'react';\nimport { useCloudpack } from '../components/CloudpackProvider/CloudpackProvider.js';\n\nexport function usePageLoadTimeReporter() {\n  const [pageLoadTime, setPageLoadTime] = React.useState<number>();\n  const cloudpack = useCloudpack();\n\n  React.useEffect(() => {\n    async function reportPageLoadTime() {\n      const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;\n\n      const newPageLoadTime = await getPageLoadTime();\n      setPageLoadTime(newPageLoadTime);\n      await cloudpack.reportMetric.mutate({ metric: 'PAGE_LOAD_TIME', value: newPageLoadTime });\n\n      // Page is loaded, the browser cache ratio can be reported\n      await cloudpack.reportMetric.mutate({ metric: 'BROWSER_CACHE_RATIO', value: getBrowserCacheRatio() });\n    }\n\n    void reportPageLoadTime();\n  }, [cloudpack]);\n\n  return pageLoadTime;\n}\n", "import React from 'react';\nimport styles from './ThemeProvider.module.css';\n\nexport function ThemeProvider({ children }: React.ComponentProps<'div'>) {\n  return <div className={styles.root}>{children}</div>;\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css\n\n\nlet compiledModule = `.ASWLkl-ThemeProvidermodule--root {\\n  font-family:\\n    Inter,\\n    -apple-system,\\n    BlinkMacSystemFont,\\n    'Segoe UI',\\n    Roboto,\\n    Oxygen,\\n    Ubuntu,\\n    Cantarell,\\n    'Fira Sans',\\n    'Droid Sans',\\n    'Helvetica Neue',\\n    sans-serif;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const root = 'ASWLkl-ThemeProvidermodule--root';\nexport default {root}\n", "/**\n * Gets the cookies dictionary from the browser.\n */\nexport function getCookies(): Record<string, string> {\n  return document.cookie\n    .split(';')\n    .map((s) => s.split('='))\n    .reduce<Record<string, string>>((current, nextValue) => {\n      const name = nextValue[0]?.trim();\n      const value = decodeURIComponent(nextValue[1]?.trim());\n\n      if (name && value) {\n        current[name] = value;\n      }\n\n      return current;\n    }, {});\n}\n"],
-  "mappings": "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",
-  "names": ["React", "React", "useCallback", "useState", "useRef", "useState", "inline", "useState", "metric", "badge", "useEffect", "useState", "useState", "useEffect", "error", "React", "React", "React", "useState", "useRef", "useCallback", "React", "compiledModule", "s", "React", "s", "value", "React"]
+  "sources": ["../../../src/index.tsx", "../../../src/components/StatusOverlay/StatusOverlay.tsx", "../../../src/components/StatusBadge/StatusBadge.tsx", "../../../src/components/StatusBadge/StatusBadge.module.css", "../../../src/components/CloudpackProvider/useStatus.ts", "../../../src/components/ErrorDialog/useErrorEvents.ts", "../../../src/hooks/usePageLoadTimeReporter.ts", "../../../src/components/ThemeProvider/ThemeProvider.tsx", "../../../src/components/ThemeProvider/ThemeProvider.module.css"],
+  "sourcesContent": ["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';\nimport { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';\nimport { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';\nimport { elementIds } from './constants.js';\nimport { createCloudpackClient, reloadCountSource } from '@ms-cloudpack/api-server/browser';\n\nasync function start() {\n  if (!window.__cloudpack) {\n    throw new Error('Cloudpack not found on window');\n  }\n\n  const { pageSessionContext } = window.__cloudpack;\n\n  if (!pageSessionContext) {\n    throw new Error('Session context not found on window.__cloudpack');\n  }\n\n  const { apiUrl, currentSequence, sessionId } = pageSessionContext;\n\n  const client = await createCloudpackClient({ url: apiUrl });\n\n  if (sessionId === (await client.getSessionId.query())) {\n    console.log('[Cloudpack] socket opened');\n  }\n\n  client.onDataChanged.subscribe(reloadCountSource, {\n    onData: (data) => {\n      if (Number(data) > currentSequence) {\n        window.location.reload();\n      }\n    },\n  });\n\n  const rootDiv = document.createElement('div');\n  rootDiv.id = elementIds.root;\n\n  ReactDOM.render(\n    <ThemeProvider>\n      <CloudpackProvider client={client}>\n        <StatusOverlay />\n      </CloudpackProvider>\n    </ThemeProvider>,\n    rootDiv,\n  );\n\n  document.body.appendChild(rootDiv);\n}\n\nvoid start();\n", "import React, { useCallback, useState, useRef } from 'react';\nimport { StatusBadge } from '../StatusBadge/StatusBadge.js';\nimport { useStatus, type CloudpackStatus } from '../CloudpackProvider/useStatus.js';\nimport { useErrorEvents } from '../ErrorDialog/useErrorEvents.js';\nimport { usePageLoadTimeReporter } from '../../hooks/usePageLoadTimeReporter.js';\n\nconst StatusDialog = React.lazy(() => import('../StatusDialog/StatusDialog.js'));\nconst ErrorDialog = React.lazy(() => import('../ErrorDialog/ErrorDialog.js'));\n\nexport function StatusOverlay() {\n  const pageLoadTime = usePageLoadTimeReporter();\n  const [isExpanded, setIsExpanded] = useState<boolean>(false);\n  const status = useStatus();\n  const prevStatus = useRef<CloudpackStatus | undefined>();\n  const { unsupported } = useErrorEvents();\n\n  // If we haven't set a specific state and we become idle,\n  // pop open the details if there are errors.\n  React.useEffect(() => {\n    if (\n      !isExpanded &&\n      prevStatus.current?.status !== 'idle' &&\n      status.status === 'idle' &&\n      (prevStatus.current?.totalErrors || 0) !== (status.totalErrors || 0)\n    ) {\n      setIsExpanded(true);\n    }\n    prevStatus.current = status;\n  }, [status, isExpanded]);\n\n  const toggleMinimized = useCallback(() => {\n    console.log(`Toggling minimized state to ${!isExpanded}`);\n    setIsExpanded(!isExpanded);\n  }, [isExpanded]);\n\n  const result = unsupported.length ? (\n    <ErrorDialog unsupported={unsupported} />\n  ) : isExpanded ? (\n    <StatusDialog onClose={toggleMinimized} />\n  ) : (\n    <StatusBadge onExpand={toggleMinimized} pageLoadTime={pageLoadTime} />\n  );\n\n  return <React.Suspense fallback={null}>{result}</React.Suspense>;\n}\n", "import React, { useCallback, useRef, useState } from 'react';\nimport { useDraggable } from '../../hooks/useDraggable.js';\nimport styles from './StatusBadge.module.css';\nimport { default as cx } from 'classnames';\nimport { useStatus, type CloudpackStatus } from '../CloudpackProvider/useStatus.js';\nimport { elementIds } from '../../constants.js';\n\nexport interface StatusBadgeProps {\n  inline?: boolean;\n  onExpand?: () => void;\n  onToggle?: () => void;\n  pageLoadTime?: number;\n}\n\nexport function StatusBadge({ inline, onExpand, pageLoadTime }: StatusBadgeProps) {\n  const badgeStatusKey = 'cloudpack.badgeStatus';\n\n  const rootElementRef = useRef<HTMLDivElement>(null);\n  const dragElementRef = useRef<HTMLDivElement>(null);\n  const status = useStatus();\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(!!localStorage.getItem(badgeStatusKey));\n\n  const shouldRender = status.status !== 'unknown';\n\n  const toggleBadgeVisibility = useCallback(() => {\n    const newCollapsedState = !isCollapsed;\n    console.log('Status badge collapsed state:', newCollapsedState);\n    setIsCollapsed(newCollapsedState);\n    localStorage.setItem(badgeStatusKey, newCollapsedState ? 'collapsed' : '');\n  }, [isCollapsed]);\n\n  useDraggable({\n    // If we're not yet able to render, don't enable dragging yet.\n    // Otherwise the event handlers won't be attached when the component renders.\n    enabled: shouldRender && !inline,\n    containerElementRef: rootElementRef,\n    dragElementRef,\n  });\n\n  if (!shouldRender) {\n    return null;\n  }\n\n  const metric = pageLoadTime ? (\n    <span className={styles.metric} title=\"Page Load Time\">\n      in {pageLoadTime.toFixed(2)} ms\n    </span>\n  ) : null;\n\n  const leftChevron = '\\u00AB';\n  const rightChevron = '\\u00BB';\n  const badge = (\n    <div\n      id={elementIds.statusBadgeRoot}\n      ref={rootElementRef}\n      className={`${getStatusClassName(status, !!inline)} ${getCollapsedClassName(isCollapsed)}`}\n    >\n      {!inline && (\n        <div ref={dragElementRef} className={styles.gripArea}>\n          <div className={styles.grip} />\n          <div className={styles.grip} />\n        </div>\n      )}\n      <button className={styles.button} onClick={onExpand} aria-label=\"Expand overlay\">\n        <div className={styles.value}>{getStatusString(status)}</div>\n      </button>\n      <div>\n        {getStatsString(status)}\n        {metric}\n      </div>\n      <button className={`${styles.button} ${styles.chevron}`} onClick={toggleBadgeVisibility}>\n        {isCollapsed ? leftChevron : rightChevron}\n      </button>\n    </div>\n  );\n\n  return inline ? (\n    badge\n  ) : (\n    <div className={styles.fixedOverlay}>\n      <div className={styles.contentSurface}>{badge}</div>\n    </div>\n  );\n}\n\nfunction getStatusString(status: CloudpackStatus) {\n  if (status.status === 'pending') {\n    return 'Running';\n  }\n\n  if (status.totalTasks === 0) {\n    return 'Idle';\n  }\n\n  return status.totalErrors === 0 ? 'Success' : 'Errors';\n}\n\nfunction getStatusClassName({ status, totalTasks, totalErrors, totalWarnings }: CloudpackStatus, inline: boolean) {\n  return cx(styles.badge, {\n    [styles.inline]: inline,\n    [styles.building]: status === 'pending',\n    [styles.success]: status === 'idle' && totalTasks > 0 && totalErrors === 0 && totalWarnings === 0,\n    [styles.error]: status === 'idle' && totalErrors > 0,\n    [styles.warning]: status === 'idle' && totalErrors === 0 && totalWarnings > 0,\n  });\n}\n\nfunction getCollapsedClassName(isCollapsed: boolean) {\n  return cx(styles.badge, {\n    [styles.collapsed]: isCollapsed,\n  });\n}\n\nfunction getStatsString({ totalTasks, remainingTasks, totalErrors, totalWarnings }: CloudpackStatus) {\n  if (totalTasks === 0) {\n    return '';\n  }\n\n  return [\n    remainingTasks > 0 && `${remainingTasks} of ${totalTasks} tasks pending`,\n    remainingTasks === 0 && `${totalTasks} tasks completed`,\n    totalErrors === 1 && `${totalErrors} error`,\n    totalErrors > 1 && `${totalErrors} errors`,\n    totalWarnings === 1 && `${totalWarnings} warning`,\n    totalWarnings > 1 && `${totalWarnings} warnings`,\n  ]\n    .filter(Boolean)\n    .join(', ');\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/StatusBadge/StatusBadge.module.css\n\n\nlet compiledModule = `.uHuWYf-StatusBadgemodule--fixedOverlay {\\n  position: fixed;\\n  pointer-events: none;\\n  background: transparent;\\n  top: 0;\\n  bottom: 0;\\n  left: 0;\\n  right: 0;\\n  z-index: 99999;\\n  overflow: hidden;\\n}\\n\\n.uHuWYf-StatusBadgemodule--gripArea {\\n  display: flex;\\n  flex-direction: row;\\n  gap: 2px;\\n  height: 100%;\\n  width: 12px;\\n  cursor: move;\\n  margin-right: -4px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--grip {\\n  width: 2px;\\n  height: 100%;\\n  background: rgba(0, 0, 0, 0.2);\\n}\\n\\n.uHuWYf-StatusBadgemodule--contentSurface {\\n  pointer-events: auto;\\n  display: contents;\\n}\\n\\n.uHuWYf-StatusBadgemodule--badge {\\n  position: absolute;\\n  bottom: 4px;\\n  right: 4px;\\n  font-size: 12px;\\n  display: inline-flex;\\n  gap: 8px;\\n  background: #dddddd;\\n  box-shadow: 0 0 12px -6px rgba(0, 0, 0, 0.75);\\n  border: 1px solid #999999;\\n  border-radius: 4px;\\n  height: 28px;\\n  flex-shrink: 0;\\n  justify-content: center;\\n  align-items: center;\\n  box-sizing: border-box;\\n  padding: 3px;\\n  padding-right: 8px;\\n\\n  transition: background-color 0.2s ease-in-out;\\n}\\n\\n.uHuWYf-StatusBadgemodule--inline {\\n  flex-shrink: 0;\\n  position: relative;\\n  bottom: auto;\\n  right: auto;\\n  top: auto;\\n  left: auto;\\n  box-shadow: none;\\n  padding-left: 8px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--building {\\n  background: #bbb;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--success {\\n  background: #7ad17a;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--warning {\\n  background: #e4e68b;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--error {\\n  background: #ffb9b9;\\n  color: #000;\\n}\\n\\n.uHuWYf-StatusBadgemodule--button {\\n  cursor: pointer;\\n  background: inherit;\\n  border: none;\\n  border-radius: 3px;\\n  display: flex;\\n  align-self: stretch;\\n  align-items: center;\\n  justify-content: center;\\n  box-sizing: border-box;\\n  padding: 0;\\n  margin: 0;\\n  font-weight: inherit;\\n  font-size: inherit;\\n  font-family: inherit;\\n}\\n\\n.uHuWYf-StatusBadgemodule--button:hover {\\n  filter: invert(0.1);\\n}\\n\\n.uHuWYf-StatusBadgemodule--value {\\n  font-weight: 600;\\n  background: rgba(255, 255, 255, 0.4);\\n  box-shadow: 2px 2px 3px -1px rgba(0, 0, 0, 0.15) inset;\\n  padding: 2px 8px;\\n  border-radius: 3px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--metric {\\n  margin-left: 2px;\\n}\\n\\n.uHuWYf-StatusBadgemodule--collapsed {\\n  overflow: hidden;\\n  padding: 0;\\n}\\n.uHuWYf-StatusBadgemodule--collapsed *:not(.uHuWYf-StatusBadgemodule--chevron) {\\n  display: none;\\n}\\n\\n.uHuWYf-StatusBadgemodule--chevron {\\n  padding: 0 3px;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/StatusBadge/StatusBadge.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const badge = 'uHuWYf-StatusBadgemodule--badge';\nexport const building = 'uHuWYf-StatusBadgemodule--building';\nexport const button = 'uHuWYf-StatusBadgemodule--button';\nexport const chevron = 'uHuWYf-StatusBadgemodule--chevron';\nexport const collapsed = 'uHuWYf-StatusBadgemodule--collapsed';\nexport const contentSurface = 'uHuWYf-StatusBadgemodule--contentSurface';\nexport const error = 'uHuWYf-StatusBadgemodule--error';\nexport const fixedOverlay = 'uHuWYf-StatusBadgemodule--fixedOverlay';\nexport const grip = 'uHuWYf-StatusBadgemodule--grip';\nexport const gripArea = 'uHuWYf-StatusBadgemodule--gripArea';\nexport const inline = 'uHuWYf-StatusBadgemodule--inline';\nexport const metric = 'uHuWYf-StatusBadgemodule--metric';\nexport const success = 'uHuWYf-StatusBadgemodule--success';\nexport const value = 'uHuWYf-StatusBadgemodule--value';\nexport const warning = 'uHuWYf-StatusBadgemodule--warning';\nexport default {badge, building, button, chevron, collapsed, contentSurface, error, fixedOverlay, grip, gripArea, inline, metric, success, value, warning}\n", "import { useEffect, useState } from 'react';\nimport { useCloudpack } from './CloudpackProvider.js';\nimport { taskStatsSource, type TaskStats } from '@ms-cloudpack/api-server/browser';\n\nexport type CloudpackStatus = TaskStats;\n\nconst defaultStatus: CloudpackStatus = {\n  status: 'unknown',\n  remainingTasks: 0,\n  totalTasks: 0,\n  totalErrors: 0,\n  totalWarnings: 0,\n};\n\nexport const useStatus = () => {\n  const cloudpack = useCloudpack();\n  const [status, setStatus] = useState<CloudpackStatus>(defaultStatus);\n\n  useEffect(() => {\n    const subscription = cloudpack?.onDataChanged.subscribe(taskStatsSource, {\n      onData: (data) => {\n        setStatus(data as CloudpackStatus);\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return status;\n};\n", "import { useEffect, useState } from 'react';\nimport { parseImportString } from '@ms-cloudpack/path-string-parsing';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { errorEntrySource, type ErrorEntry } from '@ms-cloudpack/api-server/browser';\n\n// Interface with reason as a record.\ninterface ReasonRecord extends PromiseRejectionEvent {\n  readonly reason: Record<string, unknown>;\n}\n\n// Interface with message as a string.\ninterface ReasonString extends ReasonRecord {\n  readonly reason: { message: string };\n}\n\n// Verify the reason is a record.\nconst reasonIsRecord = (event: PromiseRejectionEvent): event is ReasonRecord => {\n  return typeof event.reason === 'object' && !Array.isArray(event.reason) && event.reason !== null;\n};\n\n// Verify the reason has a message which is a string.\nconst hasMessage = (event: PromiseRejectionEvent): event is ReasonString => {\n  return reasonIsRecord(event) && typeof event.reason.message === 'string';\n};\n\nexport type UnsupportedErrorEvent = { packageName: string; importPath: string; issuerUrl?: string; fixable?: boolean };\n\nexport const useErrorEvents = () => {\n  const [errorEvents, setErrorEvents] = useState<{ unsupported: UnsupportedErrorEvent[] }>({ unsupported: [] });\n  const cloudpack = useCloudpack();\n\n  useEffect(() => {\n    const handleUnsupportedError = (message: string, issuerUrl?: string): void => {\n      const errorRegex = /[Mm]odule specifier,? ['\"](.*?)['\"]/;\n      const match = message.match(errorRegex);\n\n      if (match) {\n        const importString = parseImportString(match[1]);\n        const { packageName } = importString;\n        const importPath = importString.importPath.replace(/^\\.\\//, '');\n\n        (async () => {\n          const { fixable } = await cloudpack.validatePackageOverride.query({ packageName, importPath, issuerUrl });\n          setErrorEvents((prev) => ({\n            ...prev,\n            unsupported: [...prev.unsupported, { packageName, importPath, issuerUrl: issuerUrl, fixable }],\n          }));\n        })().catch(() => {\n          // no-op\n        });\n      }\n    };\n\n    const subscription = cloudpack.onDataChanged.subscribe(errorEntrySource, {\n      onData: (data) => {\n        if (data) {\n          console.error(data);\n          handleUnsupportedError(data as ErrorEntry);\n        }\n      },\n    });\n\n    const pageErrors = window.__pageErrors;\n\n    pageErrors.unregister();\n\n    // Append unsupported paths to the list.\n    window.addEventListener('error', (event: ErrorEvent) => {\n      handleUnsupportedError(event.message, event.filename);\n    });\n\n    // Handle errors caught before rendering.\n    for (const error of pageErrors.uncaughtErrors) {\n      handleUnsupportedError(error.message, error.filename);\n    }\n\n    // Append unsupported paths to the list.\n    window.addEventListener('unhandledrejection', (event: PromiseRejectionEvent) => {\n      hasMessage(event) && handleUnsupportedError(event.reason.message);\n    });\n\n    // Handle rejections caught before rendering.\n    for (const error of pageErrors.uncaughtRejections) {\n      hasMessage(error) && handleUnsupportedError(error.reason.message);\n    }\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return errorEvents;\n};\n", "import React from 'react';\nimport { useCloudpack } from '../components/CloudpackProvider/CloudpackProvider.js';\n\nexport function usePageLoadTimeReporter() {\n  const [pageLoadTime, setPageLoadTime] = React.useState<number>();\n  const cloudpack = useCloudpack();\n\n  React.useEffect(() => {\n    async function reportPageLoadTime() {\n      if (!window.__cloudpack) {\n        throw new Error('Cloudpack not found on window');\n      }\n      const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;\n\n      if (!getPageLoadTime) {\n        throw new Error('getPageLoadTime not found on window.__cloudpack');\n      }\n      const newPageLoadTime = await getPageLoadTime();\n      setPageLoadTime(newPageLoadTime);\n      await cloudpack.reportMetric.mutate({ metric: 'PAGE_LOAD_TIME', value: newPageLoadTime });\n\n      if (!getBrowserCacheRatio) {\n        throw new Error('getBrowserCacheRatio not found on window.__cloudpack');\n      }\n      // Page is loaded, the browser cache ratio can be reported\n      await cloudpack.reportMetric.mutate({ metric: 'BROWSER_CACHE_RATIO', value: getBrowserCacheRatio() });\n    }\n\n    void reportPageLoadTime();\n  }, [cloudpack]);\n\n  return pageLoadTime;\n}\n", "import React from 'react';\nimport styles from './ThemeProvider.module.css';\n\nexport function ThemeProvider({ children }: React.ComponentProps<'div'>) {\n  return <div className={styles.root}>{children}</div>;\n}\n", "// THIS FILE IS AUTO GENERATED FROM packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css\n\n\nlet compiledModule = `.ASWLkl-ThemeProvidermodule--root {\\n  font-family:\\n    Inter,\\n    -apple-system,\\n    BlinkMacSystemFont,\\n    'Segoe UI',\\n    Roboto,\\n    Oxygen,\\n    Ubuntu,\\n    Cantarell,\\n    'Fira Sans',\\n    'Droid Sans',\\n    'Helvetica Neue',\\n    sans-serif;\\n}\\n`;\nconst s = document.createElement('style');\ns.setAttribute('data-sourceFile', 'packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css');\ns.appendChild(document.createTextNode(compiledModule));\ndocument.head.appendChild(s)\nexport const root = 'ASWLkl-ThemeProvidermodule--root';\nexport default {root}\n"],
+  "mappings": "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",
+  "names": ["React", "React", "useCallback", "useState", "useRef", "useState", "inline", "useState", "metric", "badge", "useEffect", "useState", "useState", "useEffect", "error", "React", "React", "React", "useState", "useRef", "useCallback", "React", "compiledModule", "s", "React", "React"]
 }

package/dist/browser-esm/ori-output.json

@@ -1,6 +1,6 @@
 {
   "type": "builder:notify",
-  "buildId": "build_42a7dd56-ffd3-48ab-a018-4a5971b077a6",
+  "buildId": "build_b7694a75-67ad-46ee-a3f0-5131c469c96e",
   "buildStatus": "complete",
   "internalError": null,
   "warnings": [],
@@ -10,22 +10,22 @@
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/constants.js",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/index.js.map",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/lib/index.js",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/StatusDialog-J6LM3XZZ.js.map",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/StatusDialog-J6LM3XZZ.js",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-744DEKEI.js.map",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-744DEKEI.js",
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/StatusDialog-7Q5HGOOM.js.map",
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/StatusDialog-7Q5HGOOM.js",
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-5IGGA35U.js.map",
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-5IGGA35U.js",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js.map",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-7KHMDJ6G.js.map",
     "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-7KHMDJ6G.js",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js.map",
-    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js"
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js.map",
+    "/home/runner/work/cloudpack/cloudpack/packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js"
   ],
   "outputFiles": null,
   "metafile": {
     "inputs": {
       "packages/overlay/src/constants.ts": {
-        "bytes": 803,
+        "bytes": 599,
         "imports": [],
         "format": "esm"
       },
@@ -119,7 +119,7 @@
         "format": "esm"
       },
       "packages/overlay/src/components/ErrorDialog/useErrorEvents.ts": {
-        "bytes": 3446,
+        "bytes": 3257,
         "imports": [
           {
             "path": "react",
@@ -145,7 +145,7 @@
         "format": "esm"
       },
       "packages/overlay/src/hooks/usePageLoadTimeReporter.ts": {
-        "bytes": 857,
+        "bytes": 1194,
         "imports": [
           {
             "path": "react",
@@ -568,13 +568,8 @@
         ],
         "format": "esm"
       },
-      "packages/overlay/src/components/CloudpackProvider/getCookies.ts": {
-        "bytes": 452,
-        "imports": [],
-        "format": "esm"
-      },
       "packages/overlay/src/index.tsx": {
-        "bytes": 1567,
+        "bytes": 1450,
         "imports": [
           {
             "path": "react",
@@ -610,11 +605,6 @@
             "path": "@ms-cloudpack/api-server/browser",
             "kind": "import-statement",
             "external": true
-          },
-          {
-            "path": "packages/overlay/src/components/CloudpackProvider/getCookies.ts",
-            "kind": "import-statement",
-            "original": "./components/CloudpackProvider/getCookies.js"
           }
         ],
         "format": "esm"
@@ -630,23 +620,22 @@
       "packages/overlay/dist/browser-esm/lib/constants.js": {
         "imports": [
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js",
             "kind": "import-statement"
           }
         ],
         "exports": [
-          "cookieNames",
           "elementIds"
         ],
         "entryPoint": "packages/overlay/src/constants.ts",
         "inputs": {},
-        "bytes": 156
+        "bytes": 126
       },
       "packages/overlay/dist/browser-esm/lib/index.js.map": {
         "imports": [],
         "exports": [],
         "inputs": {},
-        "bytes": 27463
+        "bytes": 26833
       },
       "packages/overlay/dist/browser-esm/lib/index.js": {
         "imports": [
@@ -655,7 +644,7 @@
             "kind": "import-statement"
           },
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js",
             "kind": "import-statement"
           },
           {
@@ -714,11 +703,11 @@
             "external": true
           },
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-J6LM3XZZ.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-7Q5HGOOM.js",
             "kind": "dynamic-import"
           },
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-744DEKEI.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-5IGGA35U.js",
             "kind": "dynamic-import"
           },
           {
@@ -736,7 +725,7 @@
         "entryPoint": "packages/overlay/src/index.tsx",
         "inputs": {
           "packages/overlay/src/index.tsx": {
-            "bytesInOutput": 1234
+            "bytesInOutput": 1202
           },
           "packages/overlay/src/components/StatusOverlay/StatusOverlay.tsx": {
             "bytesInOutput": 1354
@@ -754,27 +743,24 @@
             "bytesInOutput": 2272
           },
           "packages/overlay/src/hooks/usePageLoadTimeReporter.ts": {
-            "bytesInOutput": 689
+            "bytesInOutput": 1026
           },
           "packages/overlay/src/components/ThemeProvider/ThemeProvider.tsx": {
             "bytesInOutput": 176
           },
           "packages/overlay/src/components/ThemeProvider/ThemeProvider.module.css": {
             "bytesInOutput": 599
-          },
-          "packages/overlay/src/components/CloudpackProvider/getCookies.ts": {
-            "bytesInOutput": 314
           }
         },
-        "bytes": 16110
+        "bytes": 15983
       },
-      "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-J6LM3XZZ.js.map": {
+      "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-7Q5HGOOM.js.map": {
         "imports": [],
         "exports": [],
         "inputs": {},
         "bytes": 22324
       },
-      "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-J6LM3XZZ.js": {
+      "packages/overlay/dist/browser-esm/chunks/js/StatusDialog-7Q5HGOOM.js": {
         "imports": [
           {
             "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js",
@@ -785,7 +771,7 @@
             "kind": "import-statement"
           },
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js",
             "kind": "import-statement"
           },
           {
@@ -865,13 +851,13 @@
         },
         "bytes": 14511
       },
-      "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-744DEKEI.js.map": {
+      "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-5IGGA35U.js.map": {
         "imports": [],
         "exports": [],
         "inputs": {},
         "bytes": 6309
       },
-      "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-744DEKEI.js": {
+      "packages/overlay/dist/browser-esm/chunks/js/ErrorDialog-5IGGA35U.js": {
         "imports": [
           {
             "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-XOJFP5X6.js",
@@ -882,7 +868,7 @@
             "kind": "import-statement"
           },
           {
-            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js",
+            "path": "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js",
             "kind": "import-statement"
           },
           {
@@ -1012,24 +998,23 @@
         },
         "bytes": 2331
       },
-      "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js.map": {
+      "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js.map": {
         "imports": [],
         "exports": [],
         "inputs": {},
-        "bytes": 1178
+        "bytes": 896
       },
-      "packages/overlay/dist/browser-esm/chunks/js/chunk-PDWQRLCD.js": {
+      "packages/overlay/dist/browser-esm/chunks/js/chunk-GBPQMJW6.js": {
         "imports": [],
         "exports": [
-          "cookieNames",
           "elementIds"
         ],
         "inputs": {
           "packages/overlay/src/constants.ts": {
-            "bytesInOutput": 599
+            "bytesInOutput": 460
           }
         },
-        "bytes": 720
+        "bytes": 566
       }
     }
   }

package/dist/browser-esm/result.json

@@ -1,10 +1,10 @@
 {
-  "bundlerName": "ori",
+  "bundler": "ori",
   "entries": {
     "./lib/index": "./src/index.tsx",
     "./lib/constants": "./src/constants.ts"
   },
-  "hash": "v9-94982dd23f42bac494680a1a63f4fc72938c37a7",
+  "hash": "v9-7a99269988ca08d4d6768ae70326f7a56015890d",
   "outputFiles": [
     {
       "outputPath": "./lib/constants.js.map",
@@ -14,7 +14,6 @@
       "outputPath": "./lib/constants.js",
       "entryPoint": "./src/constants.ts",
       "exports": [
-        "cookieNames",
         "elementIds"
       ]
     },
@@ -28,11 +27,11 @@
       "exports": []
     },
     {
-      "outputPath": "./chunks/js/StatusDialog-J6LM3XZZ.js.map",
+      "outputPath": "./chunks/js/StatusDialog-7Q5HGOOM.js.map",
       "exports": []
     },
     {
-      "outputPath": "./chunks/js/StatusDialog-J6LM3XZZ.js",
+      "outputPath": "./chunks/js/StatusDialog-7Q5HGOOM.js",
       "entryPoint": "./src/components/StatusDialog/StatusDialog.tsx",
       "exports": [
         "StatusDialog",
@@ -40,11 +39,11 @@
       ]
     },
     {
-      "outputPath": "./chunks/js/ErrorDialog-744DEKEI.js.map",
+      "outputPath": "./chunks/js/ErrorDialog-5IGGA35U.js.map",
       "exports": []
     },
     {
-      "outputPath": "./chunks/js/ErrorDialog-744DEKEI.js",
+      "outputPath": "./chunks/js/ErrorDialog-5IGGA35U.js",
       "entryPoint": "./src/components/ErrorDialog/ErrorDialog.tsx",
       "exports": [
         "ErrorDialog",
@@ -79,13 +78,12 @@
       ]
     },
     {
-      "outputPath": "./chunks/js/chunk-PDWQRLCD.js.map",
+      "outputPath": "./chunks/js/chunk-GBPQMJW6.js.map",
       "exports": []
     },
     {
-      "outputPath": "./chunks/js/chunk-PDWQRLCD.js",
+      "outputPath": "./chunks/js/chunk-GBPQMJW6.js",
       "exports": [
-        "cookieNames",
         "elementIds"
       ]
     }

package/lib/components/ErrorDialog/useErrorEvents.d.ts

@@ -1,12 +1,3 @@
-declare global {
-    interface Window {
-        __pageErrors: {
-            uncaughtErrors: ErrorEvent[];
-            uncaughtRejections: PromiseRejectionEvent[];
-            unregister: () => void;
-        };
-    }
-}
 export type UnsupportedErrorEvent = {
     packageName: string;
     importPath: string;

package/lib/components/ErrorDialog/useErrorEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useErrorEvents.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorDialog/useErrorEvents.ts"],"names":[],"mappings":"AAKA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,YAAY,EAAE;YACZ,cAAc,EAAE,UAAU,EAAE,CAAC;YAC7B,kBAAkB,EAAE,qBAAqB,EAAE,CAAC;YAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;SACxB,CAAC;KACH;CACF;AAsBD,MAAM,MAAM,qBAAqB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvH,eAAO,MAAM,cAAc;iBACqC,qBAAqB,EAAE;CAgEtF,CAAC"}
+{"version":3,"file":"useErrorEvents.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorDialog/useErrorEvents.ts"],"names":[],"mappings":"AAyBA,MAAM,MAAM,qBAAqB,GAAG;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEvH,eAAO,MAAM,cAAc;iBACqC,qBAAqB,EAAE;CAgEtF,CAAC"}

package/lib/components/ErrorDialog/useErrorEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"useErrorEvents.js","sourceRoot":"","sources":["../../../src/components/ErrorDialog/useErrorEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { parseImportString } from '@ms-cloudpack/path-string-parsing';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { errorEntrySource, type ErrorEntry } from '@ms-cloudpack/api-server/browser';\n\ndeclare global {\n  interface Window {\n    __pageErrors: {\n      uncaughtErrors: ErrorEvent[];\n      uncaughtRejections: PromiseRejectionEvent[];\n      unregister: () => void;\n    };\n  }\n}\n\n// Interface with reason as a record.\ninterface ReasonRecord extends PromiseRejectionEvent {\n  readonly reason: Record<string, unknown>;\n}\n\n// Interface with message as a string.\ninterface ReasonString extends ReasonRecord {\n  readonly reason: { message: string };\n}\n\n// Verify the reason is a record.\nconst reasonIsRecord = (event: PromiseRejectionEvent): event is ReasonRecord => {\n  return typeof event.reason === 'object' && !Array.isArray(event.reason) && event.reason !== null;\n};\n\n// Verify the reason has a message which is a string.\nconst hasMessage = (event: PromiseRejectionEvent): event is ReasonString => {\n  return reasonIsRecord(event) && typeof event.reason.message === 'string';\n};\n\nexport type UnsupportedErrorEvent = { packageName: string; importPath: string; issuerUrl?: string; fixable?: boolean };\n\nexport const useErrorEvents = () => {\n  const [errorEvents, setErrorEvents] = useState<{ unsupported: UnsupportedErrorEvent[] }>({ unsupported: [] });\n  const cloudpack = useCloudpack();\n\n  useEffect(() => {\n    const handleUnsupportedError = (message: string, issuerUrl?: string): void => {\n      const errorRegex = /[Mm]odule specifier,? ['\"](.*?)['\"]/;\n      const match = message.match(errorRegex);\n\n      if (match) {\n        const importString = parseImportString(match[1]);\n        const { packageName } = importString;\n        const importPath = importString.importPath.replace(/^\\.\\//, '');\n\n        (async () => {\n          const { fixable } = await cloudpack.validatePackageOverride.query({ packageName, importPath, issuerUrl });\n          setErrorEvents((prev) => ({\n            ...prev,\n            unsupported: [...prev.unsupported, { packageName, importPath, issuerUrl: issuerUrl, fixable }],\n          }));\n        })().catch(() => {\n          // no-op\n        });\n      }\n    };\n\n    const subscription = cloudpack.onDataChanged.subscribe(errorEntrySource, {\n      onData: (data) => {\n        if (data) {\n          console.error(data);\n          handleUnsupportedError(data as ErrorEntry);\n        }\n      },\n    });\n\n    const pageErrors = window.__pageErrors;\n\n    pageErrors.unregister();\n\n    // Append unsupported paths to the list.\n    window.addEventListener('error', (event: ErrorEvent) => {\n      handleUnsupportedError(event.message, event.filename);\n    });\n\n    // Handle errors caught before rendering.\n    for (const error of pageErrors.uncaughtErrors) {\n      handleUnsupportedError(error.message, error.filename);\n    }\n\n    // Append unsupported paths to the list.\n    window.addEventListener('unhandledrejection', (event: PromiseRejectionEvent) => {\n      hasMessage(event) && handleUnsupportedError(event.reason.message);\n    });\n\n    // Handle rejections caught before rendering.\n    for (const error of pageErrors.uncaughtRejections) {\n      hasMessage(error) && handleUnsupportedError(error.reason.message);\n    }\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return errorEvents;\n};\n"]}
+{"version":3,"file":"useErrorEvents.js","sourceRoot":"","sources":["../../../src/components/ErrorDialog/useErrorEvents.ts"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { parseImportString } from '@ms-cloudpack/path-string-parsing';\nimport { useCloudpack } from '../CloudpackProvider/CloudpackProvider.js';\nimport { errorEntrySource, type ErrorEntry } from '@ms-cloudpack/api-server/browser';\n\n// Interface with reason as a record.\ninterface ReasonRecord extends PromiseRejectionEvent {\n  readonly reason: Record<string, unknown>;\n}\n\n// Interface with message as a string.\ninterface ReasonString extends ReasonRecord {\n  readonly reason: { message: string };\n}\n\n// Verify the reason is a record.\nconst reasonIsRecord = (event: PromiseRejectionEvent): event is ReasonRecord => {\n  return typeof event.reason === 'object' && !Array.isArray(event.reason) && event.reason !== null;\n};\n\n// Verify the reason has a message which is a string.\nconst hasMessage = (event: PromiseRejectionEvent): event is ReasonString => {\n  return reasonIsRecord(event) && typeof event.reason.message === 'string';\n};\n\nexport type UnsupportedErrorEvent = { packageName: string; importPath: string; issuerUrl?: string; fixable?: boolean };\n\nexport const useErrorEvents = () => {\n  const [errorEvents, setErrorEvents] = useState<{ unsupported: UnsupportedErrorEvent[] }>({ unsupported: [] });\n  const cloudpack = useCloudpack();\n\n  useEffect(() => {\n    const handleUnsupportedError = (message: string, issuerUrl?: string): void => {\n      const errorRegex = /[Mm]odule specifier,? ['\"](.*?)['\"]/;\n      const match = message.match(errorRegex);\n\n      if (match) {\n        const importString = parseImportString(match[1]);\n        const { packageName } = importString;\n        const importPath = importString.importPath.replace(/^\\.\\//, '');\n\n        (async () => {\n          const { fixable } = await cloudpack.validatePackageOverride.query({ packageName, importPath, issuerUrl });\n          setErrorEvents((prev) => ({\n            ...prev,\n            unsupported: [...prev.unsupported, { packageName, importPath, issuerUrl: issuerUrl, fixable }],\n          }));\n        })().catch(() => {\n          // no-op\n        });\n      }\n    };\n\n    const subscription = cloudpack.onDataChanged.subscribe(errorEntrySource, {\n      onData: (data) => {\n        if (data) {\n          console.error(data);\n          handleUnsupportedError(data as ErrorEntry);\n        }\n      },\n    });\n\n    const pageErrors = window.__pageErrors;\n\n    pageErrors.unregister();\n\n    // Append unsupported paths to the list.\n    window.addEventListener('error', (event: ErrorEvent) => {\n      handleUnsupportedError(event.message, event.filename);\n    });\n\n    // Handle errors caught before rendering.\n    for (const error of pageErrors.uncaughtErrors) {\n      handleUnsupportedError(error.message, error.filename);\n    }\n\n    // Append unsupported paths to the list.\n    window.addEventListener('unhandledrejection', (event: PromiseRejectionEvent) => {\n      hasMessage(event) && handleUnsupportedError(event.reason.message);\n    });\n\n    // Handle rejections caught before rendering.\n    for (const error of pageErrors.uncaughtRejections) {\n      hasMessage(error) && handleUnsupportedError(error.reason.message);\n    }\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [cloudpack]);\n\n  return errorEvents;\n};\n"]}

package/lib/constants.d.ts

@@ -16,12 +16,4 @@ export declare const elementIds: {
      */
     readonly statusBadgeRoot: "cloudpack-overlay-status-badge";
 };
-/**
- * Cloudpack cookies accessed by the overlay.
- */
-export declare const cookieNames: {
-    sessionId: string;
-    sessionSequence: string;
-    apiUrl: string;
-};
 //# sourceMappingURL=constants.d.ts.map

package/lib/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;IACrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,UAAU;IACrB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC"}

package/lib/constants.js

@@ -18,12 +18,4 @@ export const elementIds = {
      */
     statusBadgeRoot: 'cloudpack-overlay-status-badge',
 };
-/**
- * Cloudpack cookies accessed by the overlay.
- */
-export const cookieNames = {
-    sessionId: 'cloudpack-session-id',
-    sessionSequence: 'cloudpack-session-sequence',
-    apiUrl: 'cloudpack-api-url',
-};
 //# sourceMappingURL=constants.js.map

package/lib/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,oBAAoB;AAEpB,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,wBAAwB;IAC9B;;OAEG;IACH,eAAe,EAAE,gCAAgC;IACjD;;OAEG;IACH,gBAAgB,EAAE,iCAAiC;IACnD;;OAEG;IACH,eAAe,EAAE,gCAAgC;CACzC,CAAC;AAEX;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE,sBAAsB;IACjC,eAAe,EAAE,4BAA4B;IAC7C,MAAM,EAAE,mBAAmB;CAC5B,CAAC","sourcesContent":["// This file serves as a separate entry point which can be imported without rendering the overlay\n// as a side effect.\n\nexport const elementIds = {\n  /**\n   * ID for the root element of the overlay.\n   */\n  root: 'cloudpack-overlay-root',\n  /**\n   * ID for the root element of the error dialog.\n   */\n  errorDialogRoot: 'cloudpack-overlay-error-dialog',\n  /**\n   * ID for the root element of the status dialog.\n   */\n  statusDialogRoot: 'cloudpack-overlay-status-dialog',\n  /**\n   * ID for the root element of the status badge.\n   */\n  statusBadgeRoot: 'cloudpack-overlay-status-badge',\n} as const;\n\n/**\n * Cloudpack cookies accessed by the overlay.\n */\nexport const cookieNames = {\n  sessionId: 'cloudpack-session-id',\n  sessionSequence: 'cloudpack-session-sequence',\n  apiUrl: 'cloudpack-api-url',\n};\n"]}
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,oBAAoB;AAEpB,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,wBAAwB;IAC9B;;OAEG;IACH,eAAe,EAAE,gCAAgC;IACjD;;OAEG;IACH,gBAAgB,EAAE,iCAAiC;IACnD;;OAEG;IACH,eAAe,EAAE,gCAAgC;CACzC,CAAC","sourcesContent":["// This file serves as a separate entry point which can be imported without rendering the overlay\n// as a side effect.\n\nexport const elementIds = {\n  /**\n   * ID for the root element of the overlay.\n   */\n  root: 'cloudpack-overlay-root',\n  /**\n   * ID for the root element of the error dialog.\n   */\n  errorDialogRoot: 'cloudpack-overlay-error-dialog',\n  /**\n   * ID for the root element of the status dialog.\n   */\n  statusDialogRoot: 'cloudpack-overlay-status-dialog',\n  /**\n   * ID for the root element of the status badge.\n   */\n  statusBadgeRoot: 'cloudpack-overlay-status-badge',\n} as const;\n"]}

package/lib/hooks/usePageLoadTimeReporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePageLoadTimeReporter.d.ts","sourceRoot":"","sources":["../../src/hooks/usePageLoadTimeReporter.ts"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,uBAoBtC"}
+{"version":3,"file":"usePageLoadTimeReporter.d.ts","sourceRoot":"","sources":["../../src/hooks/usePageLoadTimeReporter.ts"],"names":[],"mappings":"AAGA,wBAAgB,uBAAuB,uBA6BtC"}

package/lib/hooks/usePageLoadTimeReporter.js

@@ -5,10 +5,19 @@ export function usePageLoadTimeReporter() {
     const cloudpack = useCloudpack();
     React.useEffect(() => {
         async function reportPageLoadTime() {
+            if (!window.__cloudpack) {
+                throw new Error('Cloudpack not found on window');
+            }
             const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;
+            if (!getPageLoadTime) {
+                throw new Error('getPageLoadTime not found on window.__cloudpack');
+            }
             const newPageLoadTime = await getPageLoadTime();
             setPageLoadTime(newPageLoadTime);
             await cloudpack.reportMetric.mutate({ metric: 'PAGE_LOAD_TIME', value: newPageLoadTime });
+            if (!getBrowserCacheRatio) {
+                throw new Error('getBrowserCacheRatio not found on window.__cloudpack');
+            }
             // Page is loaded, the browser cache ratio can be reported
             await cloudpack.reportMetric.mutate({ metric: 'BROWSER_CACHE_RATIO', value: getBrowserCacheRatio() });
         }

package/lib/hooks/usePageLoadTimeReporter.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePageLoadTimeReporter.js","sourceRoot":"","sources":["../../src/hooks/usePageLoadTimeReporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAEpF,MAAM,UAAU,uBAAuB;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACjE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,KAAK,UAAU,kBAAkB;YAC/B,MAAM,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;YAErE,MAAM,eAAe,GAAG,MAAM,eAAe,EAAE,CAAC;YAChD,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,MAAM,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC;YAE1F,0DAA0D;YAC1D,MAAM,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC;QACxG,CAAC;QAED,KAAK,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["import React from 'react';\nimport { useCloudpack } from '../components/CloudpackProvider/CloudpackProvider.js';\n\nexport function usePageLoadTimeReporter() {\n  const [pageLoadTime, setPageLoadTime] = React.useState<number>();\n  const cloudpack = useCloudpack();\n\n  React.useEffect(() => {\n    async function reportPageLoadTime() {\n      const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;\n\n      const newPageLoadTime = await getPageLoadTime();\n      setPageLoadTime(newPageLoadTime);\n      await cloudpack.reportMetric.mutate({ metric: 'PAGE_LOAD_TIME', value: newPageLoadTime });\n\n      // Page is loaded, the browser cache ratio can be reported\n      await cloudpack.reportMetric.mutate({ metric: 'BROWSER_CACHE_RATIO', value: getBrowserCacheRatio() });\n    }\n\n    void reportPageLoadTime();\n  }, [cloudpack]);\n\n  return pageLoadTime;\n}\n"]}
+{"version":3,"file":"usePageLoadTimeReporter.js","sourceRoot":"","sources":["../../src/hooks/usePageLoadTimeReporter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AAEpF,MAAM,UAAU,uBAAuB;IACrC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,EAAU,CAAC;IACjE,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IAEjC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,KAAK,UAAU,kBAAkB;YAC/B,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;gBACxB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;YACnD,CAAC;YACD,MAAM,EAAE,eAAe,EAAE,oBAAoB,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;YAErE,IAAI,CAAC,eAAe,EAAE,CAAC;gBACrB,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;YACrE,CAAC;YACD,MAAM,eAAe,GAAG,MAAM,eAAe,EAAE,CAAC;YAChD,eAAe,CAAC,eAAe,CAAC,CAAC;YACjC,MAAM,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAC;YAE1F,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC1B,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;YAC1E,CAAC;YACD,0DAA0D;YAC1D,MAAM,SAAS,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,CAAC,CAAC;QACxG,CAAC;QAED,KAAK,kBAAkB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,YAAY,CAAC;AACtB,CAAC","sourcesContent":["import React from 'react';\nimport { useCloudpack } from '../components/CloudpackProvider/CloudpackProvider.js';\n\nexport function usePageLoadTimeReporter() {\n  const [pageLoadTime, setPageLoadTime] = React.useState<number>();\n  const cloudpack = useCloudpack();\n\n  React.useEffect(() => {\n    async function reportPageLoadTime() {\n      if (!window.__cloudpack) {\n        throw new Error('Cloudpack not found on window');\n      }\n      const { getPageLoadTime, getBrowserCacheRatio } = window.__cloudpack;\n\n      if (!getPageLoadTime) {\n        throw new Error('getPageLoadTime not found on window.__cloudpack');\n      }\n      const newPageLoadTime = await getPageLoadTime();\n      setPageLoadTime(newPageLoadTime);\n      await cloudpack.reportMetric.mutate({ metric: 'PAGE_LOAD_TIME', value: newPageLoadTime });\n\n      if (!getBrowserCacheRatio) {\n        throw new Error('getBrowserCacheRatio not found on window.__cloudpack');\n      }\n      // Page is loaded, the browser cache ratio can be reported\n      await cloudpack.reportMetric.mutate({ metric: 'BROWSER_CACHE_RATIO', value: getBrowserCacheRatio() });\n    }\n\n    void reportPageLoadTime();\n  }, [cloudpack]);\n\n  return pageLoadTime;\n}\n"]}

package/lib/index.js

@@ -3,21 +3,24 @@ import ReactDOM from 'react-dom';
 import { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';
 import { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';
 import { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';
-import { cookieNames, elementIds } from './constants.js';
+import { elementIds } from './constants.js';
 import { createCloudpackClient, reloadCountSource } from '@ms-cloudpack/api-server/browser';
-import { getCookies } from './components/CloudpackProvider/getCookies.js';
 async function start() {
-    const cookies = getCookies();
-    const sessionId = cookies[cookieNames.sessionId] ?? localStorage.getItem(cookieNames.sessionId);
-    const apiUrl = cookies[cookieNames.apiUrl] ?? localStorage.getItem(cookieNames.apiUrl);
-    const currentSequence = cookies[cookieNames.sessionSequence] ?? localStorage.getItem(cookieNames.sessionSequence);
+    if (!window.__cloudpack) {
+        throw new Error('Cloudpack not found on window');
+    }
+    const { pageSessionContext } = window.__cloudpack;
+    if (!pageSessionContext) {
+        throw new Error('Session context not found on window.__cloudpack');
+    }
+    const { apiUrl, currentSequence, sessionId } = pageSessionContext;
     const client = await createCloudpackClient({ url: apiUrl });
     if (sessionId === (await client.getSessionId.query())) {
         console.log('[Cloudpack] socket opened');
     }
     client.onDataChanged.subscribe(reloadCountSource, {
         onData: (data) => {
-            if (Number(data) > Number(currentSequence)) {
+            if (Number(data) > currentSequence) {
                 window.location.reload();
             }
         },

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAC5F,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAE1E,KAAK,UAAU,KAAK;IAClB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,SAAS,GAAG,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAChG,MAAM,MAAM,GAAG,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACvF,MAAM,eAAe,GAAG,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,IAAI,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC;IAElH,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IAE5D,IAAI,SAAS,KAAK,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;QACtD,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,iBAAiB,EAAE;QAChD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;YACf,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,eAAe,CAAC,EAAE,CAAC;gBAC3C,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC;IAE7B,QAAQ,CAAC,MAAM,CACb,oBAAC,aAAa;QACZ,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM;YAC/B,oBAAC,aAAa,OAAG,CACC,CACN,EAChB,OAAO,CACR,CAAC;IAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC;AAED,KAAK,KAAK,EAAE,CAAC","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';\nimport { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';\nimport { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';\nimport { cookieNames, elementIds } from './constants.js';\nimport { createCloudpackClient, reloadCountSource } from '@ms-cloudpack/api-server/browser';\nimport { getCookies } from './components/CloudpackProvider/getCookies.js';\n\nasync function start() {\n  const cookies = getCookies();\n  const sessionId = cookies[cookieNames.sessionId] ?? localStorage.getItem(cookieNames.sessionId);\n  const apiUrl = cookies[cookieNames.apiUrl] ?? localStorage.getItem(cookieNames.apiUrl);\n  const currentSequence = cookies[cookieNames.sessionSequence] ?? localStorage.getItem(cookieNames.sessionSequence);\n\n  const client = await createCloudpackClient({ url: apiUrl });\n\n  if (sessionId === (await client.getSessionId.query())) {\n    console.log('[Cloudpack] socket opened');\n  }\n\n  client.onDataChanged.subscribe(reloadCountSource, {\n    onData: (data) => {\n      if (Number(data) > Number(currentSequence)) {\n        window.location.reload();\n      }\n    },\n  });\n\n  const rootDiv = document.createElement('div');\n  rootDiv.id = elementIds.root;\n\n  ReactDOM.render(\n    <ThemeProvider>\n      <CloudpackProvider client={client}>\n        <StatusOverlay />\n      </CloudpackProvider>\n    </ThemeProvider>,\n    rootDiv,\n  );\n\n  document.body.appendChild(rootDiv);\n}\n\nvoid start();\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE5F,KAAK,UAAU,KAAK;IAClB,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,+BAA+B,CAAC,CAAC;IACnD,CAAC;IAED,MAAM,EAAE,kBAAkB,EAAE,GAAG,MAAM,CAAC,WAAW,CAAC;IAElD,IAAI,CAAC,kBAAkB,EAAE,CAAC;QACxB,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,kBAAkB,CAAC;IAElE,MAAM,MAAM,GAAG,MAAM,qBAAqB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IAE5D,IAAI,SAAS,KAAK,CAAC,MAAM,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC;QACtD,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;IAC3C,CAAC;IAED,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,iBAAiB,EAAE;QAChD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;YACf,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,eAAe,EAAE,CAAC;gBACnC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC3B,CAAC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,GAAG,UAAU,CAAC,IAAI,CAAC;IAE7B,QAAQ,CAAC,MAAM,CACb,oBAAC,aAAa;QACZ,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM;YAC/B,oBAAC,aAAa,OAAG,CACC,CACN,EAChB,OAAO,CACR,CAAC;IAEF,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACrC,CAAC;AAED,KAAK,KAAK,EAAE,CAAC","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { CloudpackProvider } from './components/CloudpackProvider/CloudpackProvider.js';\nimport { StatusOverlay } from './components/StatusOverlay/StatusOverlay.js';\nimport { ThemeProvider } from './components/ThemeProvider/ThemeProvider.js';\nimport { elementIds } from './constants.js';\nimport { createCloudpackClient, reloadCountSource } from '@ms-cloudpack/api-server/browser';\n\nasync function start() {\n  if (!window.__cloudpack) {\n    throw new Error('Cloudpack not found on window');\n  }\n\n  const { pageSessionContext } = window.__cloudpack;\n\n  if (!pageSessionContext) {\n    throw new Error('Session context not found on window.__cloudpack');\n  }\n\n  const { apiUrl, currentSequence, sessionId } = pageSessionContext;\n\n  const client = await createCloudpackClient({ url: apiUrl });\n\n  if (sessionId === (await client.getSessionId.query())) {\n    console.log('[Cloudpack] socket opened');\n  }\n\n  client.onDataChanged.subscribe(reloadCountSource, {\n    onData: (data) => {\n      if (Number(data) > currentSequence) {\n        window.location.reload();\n      }\n    },\n  });\n\n  const rootDiv = document.createElement('div');\n  rootDiv.id = elementIds.root;\n\n  ReactDOM.render(\n    <ThemeProvider>\n      <CloudpackProvider client={client}>\n        <StatusOverlay />\n      </CloudpackProvider>\n    </ThemeProvider>,\n    rootDiv,\n  );\n\n  document.body.appendChild(rootDiv);\n}\n\nvoid start();\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ms-cloudpack/overlay",
-  "version": "0.17.30",
+  "version": "0.17.31",
   "description": "The Cloudpack overlay ux.",
   "license": "MIT",
   "types": "./lib/index.d.ts",
@@ -28,14 +28,15 @@
     "lint": "cloudpack-scripts lint"
   },
   "dependencies": {
-    "@ms-cloudpack/api-server": "^0.46.6",
+    "@ms-cloudpack/api-server": "^0.47.0",
     "@ms-cloudpack/path-string-parsing": "^1.2.3",
     "classnames": "^2.5.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@ms-cloudpack/common-types": "^0.11.0",
+    "@ms-cloudpack/common-types": "^0.12.0",
+    "@ms-cloudpack/common-types-browser": "^0.2.0",
     "@ms-cloudpack/eslint-plugin-internal": "^0.0.1",
     "@ms-cloudpack/scripts": "^0.0.1",
     "@types/react": "^17.0.58",

package/lib/components/CloudpackProvider/getCookies.d.ts

@@ -1,5 +0,0 @@
-/**
- * Gets the cookies dictionary from the browser.
- */
-export declare function getCookies(): Record<string, string>;
-//# sourceMappingURL=getCookies.d.ts.map

package/lib/components/CloudpackProvider/getCookies.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCookies.d.ts","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/getCookies.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,UAAU,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAcnD"}

package/lib/components/CloudpackProvider/getCookies.js

@@ -1,17 +0,0 @@
-/**
- * Gets the cookies dictionary from the browser.
- */
-export function getCookies() {
-    return document.cookie
-        .split(';')
-        .map((s) => s.split('='))
-        .reduce((current, nextValue) => {
-        const name = nextValue[0]?.trim();
-        const value = decodeURIComponent(nextValue[1]?.trim());
-        if (name && value) {
-            current[name] = value;
-        }
-        return current;
-    }, {});
-}
-//# sourceMappingURL=getCookies.js.map

package/lib/components/CloudpackProvider/getCookies.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getCookies.js","sourceRoot":"","sources":["../../../src/components/CloudpackProvider/getCookies.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,UAAU,UAAU;IACxB,OAAO,QAAQ,CAAC,MAAM;SACnB,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACxB,MAAM,CAAyB,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE;QACrD,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEvD,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;YAClB,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC;QACxB,CAAC;QAED,OAAO,OAAO,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC","sourcesContent":["/**\n * Gets the cookies dictionary from the browser.\n */\nexport function getCookies(): Record<string, string> {\n  return document.cookie\n    .split(';')\n    .map((s) => s.split('='))\n    .reduce<Record<string, string>>((current, nextValue) => {\n      const name = nextValue[0]?.trim();\n      const value = decodeURIComponent(nextValue[1]?.trim());\n\n      if (name && value) {\n        current[name] = value;\n      }\n\n      return current;\n    }, {});\n}\n"]}