@procore/ai-translations 0.6.0 → 0.6.2

package/dist/legacy/index.d.ts

@@ -2,6 +2,35 @@ import * as _tanstack_react_query from '@tanstack/react-query';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React, { ReactNode } from 'react';
 
+/** Shape of an analytic event passed to the MFE's `onTrackAnalyticsEvent` callback. */
+interface AnalyticEvent {
+    key: string;
+    properties: Record<string, unknown>;
+}
+/** Function provided by the MFE that sends the event to the analytics destination. */
+type AIAnalyticsTracker = (event: AnalyticEvent) => void;
+/** Feature scope: `'project'` for project-level tools, `'company'` for company-level tools. */
+type Scope = 'project' | 'company';
+/**
+ * Parts needed to build an event key following the pattern:
+ * `ux.web.feature.{scope}.{tool}.{object}.{action}`
+ */
+interface EventKeyParts {
+    scope: Scope;
+    tool: string;
+    object: string;
+    action: string;
+}
+/** Standard properties included in every AI analytics event. */
+interface AIAnalyticsEventProperties {
+    user_locale: string;
+    project_locale?: string;
+    company_locale?: string;
+    tool: string;
+    page: string;
+    [key: string]: unknown;
+}
+
 interface TranslationProgress {
     /**
      * Progress percentage (0-100)
@@ -39,12 +68,22 @@ interface ModelDownloadProgress {
 interface AITranslationContextValue {
     ait: (text: string) => Promise<string>;
     locale: string;
+    /** Company-level locale from environment metadata (e.g. `"de-DE"`). */
+    companyLocale?: string;
+    /** Project-level locale from environment metadata (e.g. `"fr-CA"`). */
+    projectLocale?: string;
     renderVersion?: number;
     /** Batch-translation progress; `null` while the queue is idle. */
     translationProgress: TranslationProgress | null;
     /** Chrome AI model download progress; `null` until a download begins. */
     modelDownloadProgress: ModelDownloadProgress | null;
     tool: string;
+    /** Called by `useAIAnalytics` with a fully assembled event. The MFE is responsible for sending it. */
+    onTrackAnalyticsEvent?: AIAnalyticsTracker;
+    /** Page context used to build the event key object segment (e.g. `'view'`, `'list_column_description'`). */
+    page?: string;
+    /** Feature scope: `'project'` or `'company'`. */
+    scope?: Scope;
 }
 
 interface ConfigurationResponse {
@@ -117,6 +156,61 @@ declare function useConfig(toolName: string, options?: UseConfigOptions): _tanst
  */
 declare function useAITranslation(): AITranslationContextValue;
 
+/** Button type identifiers for the event key `object` segment. */
+declare const BUTTON_TYPE: {
+    readonly TRANSLATE: "translate";
+    readonly HIGHLIGHT: "highlight";
+};
+type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
+/** Action identifiers for the event key `action` segment. */
+declare const ACTION: {
+    readonly CLICKED: "clicked";
+};
+type Action = (typeof ACTION)[keyof typeof ACTION];
+/**
+ * Builds the `object` segment: `{pageContext}_{buttonType}_button`
+ * e.g. `buildObject('view', 'translate')` → `'view_translate_button'`
+ */
+declare function buildObject(pageContext: string, buttonType: ButtonType): string;
+/**
+ * Builds a fully-qualified event key:
+ * `ux.web.feature.{scope}.{tool}.{object}.{action}`
+ */
+declare function buildEventKey(parts: EventKeyParts): string;
+interface BuildAnalyticEventParams {
+    scope: Scope;
+    tool: string;
+    /** Prefix for the object segment, matches the Provider `page` prop (e.g. `'view'`). */
+    pageContext: string;
+    buttonType: ButtonType;
+    baseProperties: AIAnalyticsEventProperties;
+    /** Defaults to `'clicked'` if omitted. */
+    action?: Action;
+    additionalProperties?: Record<string, unknown>;
+}
+/** Assembles a complete `AnalyticEvent` (key + merged properties) ready for `onTrackAnalyticsEvent`. */
+declare function buildAnalyticEvent(params: BuildAnalyticEventParams): AnalyticEvent;
+
+interface UseAIAnalyticsReturn {
+    /** Fires `ux.web.feature.{scope}.{tool}.{page}_translate_button.clicked`. */
+    trackTranslateButtonClicked: (additionalProperties?: Record<string, unknown>) => void;
+    /** Fires `ux.web.feature.{scope}.{tool}.{page}_highlight_button.clicked`. */
+    trackHighlightButtonClicked: (additionalProperties?: Record<string, unknown>) => void;
+    /** Generic tracking for custom button types or actions. */
+    trackCustomEvent: (buttonType: ButtonType | string, action?: Action | string, additionalProperties?: Record<string, unknown>) => void;
+    /** `true` when `onTrackAnalyticsEvent` was provided to `AITranslationProvider`. */
+    isTrackingEnabled: boolean;
+}
+/**
+ * Returns analytics tracking helpers pre-wired to the Provider context.
+ * All functions no-op if `onTrackAnalyticsEvent` was not supplied.
+ *
+ * @throws if called outside of an `AITranslationProvider`.
+ */
+declare function useAIAnalytics(): UseAIAnalyticsReturn;
+
+declare function isSupportedBrowser(): boolean;
+
 interface AITranslationProviderProps {
     children: ReactNode;
     locale: string;
@@ -125,6 +219,16 @@ interface AITranslationProviderProps {
     userId: number;
     projectId: number;
     enableAIT?: boolean;
+    /** Company-level locale from environment metadata (e.g. `"de-DE"`). Passed through to context for downstream consumers such as Amplitude. */
+    companyLocale?: string;
+    /** Project-level locale from environment metadata (e.g. `"fr-CA"`). Passed through to context for downstream consumers such as Amplitude. */
+    projectLocale?: string;
+    /** Called by `useAIAnalytics` with a pre-assembled event. The MFE sends it to the analytics API. */
+    onTrackAnalyticsEvent?: AIAnalyticsTracker;
+    /** Page context for the event key object segment (e.g. `'view'`, `'list_column_description'`). */
+    page?: string;
+    /** Feature scope: `'project'` or `'company'`. */
+    scope?: Scope;
 }
 declare function AITranslationProvider(props: AITranslationProviderProps): react_jsx_runtime.JSX.Element;
 
@@ -177,4 +281,4 @@ declare global {
     var _BACKEND_AI_TRANSLATION_IN_PROGRESS_: boolean;
 }
 
-export { AITranslateText, type AITranslateTextProps, AITranslationProvider, AI_TRANSLATION_FEATURE_FLAG_KEY, type TranslatedIconProps, type UseConfigOptions, getAITranslationLDId, useAITranslation, useConfig };
+export { ACTION, type AIAnalyticsEventProperties, type AIAnalyticsTracker, AITranslateText, type AITranslateTextProps, AITranslationProvider, AI_TRANSLATION_FEATURE_FLAG_KEY, type Action, type AnalyticEvent, BUTTON_TYPE, type BuildAnalyticEventParams, type ButtonType, type EventKeyParts, type Scope, type TranslatedIconProps, type UseAIAnalyticsReturn, type UseConfigOptions, buildAnalyticEvent, buildEventKey, buildObject, getAITranslationLDId, isSupportedBrowser, useAIAnalytics, useAITranslation, useConfig };

package/dist/legacy/index.js

@@ -22,10 +22,17 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ACTION: () => ACTION,
   AITranslateText: () => AITranslateText,
   AITranslationProvider: () => AITranslationProvider,
   AI_TRANSLATION_FEATURE_FLAG_KEY: () => AI_TRANSLATION_FEATURE_FLAG_KEY,
+  BUTTON_TYPE: () => BUTTON_TYPE,
+  buildAnalyticEvent: () => buildAnalyticEvent,
+  buildEventKey: () => buildEventKey,
+  buildObject: () => buildObject,
   getAITranslationLDId: () => getAITranslationLDId,
+  isSupportedBrowser: () => isSupportedBrowser,
+  useAIAnalytics: () => useAIAnalytics,
   useAITranslation: () => useAITranslation,
   useConfig: () => useConfig
 });
@@ -1449,6 +1456,7 @@ var aitFunction = async (text, translationRegistry, config2, tool) => {
 };
 
 // src/utils/browser.ts
+var supportedBrowsers = ["chrome", "arc", "opera"];
 function detectBrowser() {
   const ua = navigator.userAgent;
   if (ua.includes("Arc/")) return "arc";
@@ -1459,6 +1467,10 @@ function detectBrowser() {
   if (ua.includes("Chrome/")) return "chrome";
   return "unknown";
 }
+function isSupportedBrowser() {
+  const browser = detectBrowser();
+  return supportedBrowsers.includes(browser);
+}
 
 // src/Provider.tsx
 var import_react_query2 = require("@tanstack/react-query");
@@ -1472,7 +1484,12 @@ function AITranslationInnerProvider(props) {
     companyId,
     userId,
     projectId,
-    enableAIT = true
+    enableAIT = true,
+    companyLocale,
+    projectLocale,
+    onTrackAnalyticsEvent,
+    page,
+    scope
   } = props;
   const [translationProgress, setTranslationProgress] = (0, import_react.useState)(null);
   const [modelDownloadProgress, setModelDownloadProgress] = (0, import_react.useState)(null);
@@ -1549,10 +1566,15 @@ function AITranslationInnerProvider(props) {
   const contextValue = {
     ait,
     locale,
+    companyLocale,
+    projectLocale,
     renderVersion: renderVersionManager.getVersion(),
     translationProgress,
     modelDownloadProgress,
-    tool
+    tool,
+    onTrackAnalyticsEvent,
+    page,
+    scope
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AITranslationContext.Provider, { value: contextValue, children });
 }
@@ -1572,15 +1594,143 @@ function useAITranslation() {
   return ctx;
 }
 
+// src/hooks/useAIAnalytics.ts
+var import_react3 = require("react");
+
+// src/analytics/events.ts
+var BUTTON_TYPE = {
+  TRANSLATE: "translate",
+  HIGHLIGHT: "highlight"
+};
+var ACTION = {
+  CLICKED: "clicked"
+};
+function buildObject(pageContext, buttonType) {
+  return `${pageContext}_${buttonType}_button`;
+}
+function buildEventKey(parts) {
+  const { scope, tool, object, action } = parts;
+  return `ux.web.feature.${scope}.${tool}.${object}.${action}`;
+}
+function buildAnalyticEvent(params) {
+  const {
+    scope,
+    tool,
+    pageContext,
+    buttonType,
+    baseProperties,
+    action,
+    additionalProperties
+  } = params;
+  const resolvedAction = action ?? ACTION.CLICKED;
+  const object = buildObject(pageContext, buttonType);
+  const key = buildEventKey({
+    scope,
+    tool,
+    object,
+    action: resolvedAction
+  });
+  const properties = {
+    ...baseProperties,
+    ...additionalProperties
+  };
+  return { key, properties };
+}
+
+// src/hooks/useAIAnalytics.ts
+function useAIAnalytics() {
+  const ctx = (0, import_react3.useContext)(AITranslationContext);
+  if (!ctx) {
+    throw new Error(
+      "useAIAnalytics must be used inside an AITranslationProvider"
+    );
+  }
+  const {
+    locale,
+    companyLocale,
+    projectLocale,
+    tool,
+    page,
+    scope,
+    onTrackAnalyticsEvent
+  } = ctx;
+  const isTrackingEnabled = Boolean(onTrackAnalyticsEvent);
+  const buildBaseProperties = (0, import_react3.useCallback)(() => {
+    const props = {
+      user_locale: locale,
+      tool,
+      page: page ?? ""
+    };
+    if (companyLocale) props.company_locale = companyLocale;
+    if (projectLocale) props.project_locale = projectLocale;
+    return props;
+  }, [locale, tool, page, companyLocale, projectLocale]);
+  const trackTranslateButtonClicked = (0, import_react3.useCallback)(
+    (additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType: BUTTON_TYPE.TRANSLATE,
+          baseProperties: buildBaseProperties(),
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  const trackHighlightButtonClicked = (0, import_react3.useCallback)(
+    (additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType: BUTTON_TYPE.HIGHLIGHT,
+          baseProperties: buildBaseProperties(),
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  const trackCustomEvent = (0, import_react3.useCallback)(
+    (buttonType, action, additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType,
+          baseProperties: buildBaseProperties(),
+          action,
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  return {
+    trackTranslateButtonClicked,
+    trackHighlightButtonClicked,
+    trackCustomEvent,
+    isTrackingEnabled
+  };
+}
+
 // src/components/AITranslateText.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
 // src/components/TranslatedIcon.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var TranslatedIcon = ({
-  width = 14,
-  height = 14,
+  width = 24,
+  height = 24,
   className,
   color = "#000000"
 }) => {
@@ -1598,7 +1748,7 @@ var TranslatedIcon = ({
         "path",
         {
           fill: color,
-          d: "M12.87,15.07l-2.54,-2.51 0.03,-0.03c1.74,-1.94 2.98,-4.17 3.71,-6.53L17,6L17,4h-7L10,2L8,2v2L1,4v1.99h11.17C11.5,7.92 10.44,9.75 9,11.35 8.07,10.32 7.3,9.19 6.69,8h-2c0.73,1.63 1.73,3.17 2.98,4.56l-5.09,5.02L4,19l5,-5 3.11,3.11 0.76,-2.04zM18.5,10h-2L12,22h2l1.12,-3h4.75L21,22h2l-4.5,-12zM15.88,17l1.62,-4.33L19.12,17h-3.24z"
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 19.93C7.05 19.44 4 16.08 4 12C4 11.38 4.08 10.79 4.21 10.21L9 15V16C9 17.1 9.9 18 11 18V19.93ZM17.9 17.39C17.64 16.58 16.9 16 16 16H15V13C15 12.45 14.55 12 14 12H8V10H10C10.55 10 11 9.55 11 9V7H13C14.1 7 15 6.1 15 5V4.59C17.93 5.78 20 8.65 20 12C20 14.08 19.2 15.97 17.9 17.39Z"
         }
       )
     }
@@ -1613,11 +1763,11 @@ var AITranslateText = ({
   showHighlight = false,
   translatedIconProps
 }) => {
-  const context = (0, import_react4.useContext)(AITranslationContext);
-  const [displayText, setDisplayText] = (0, import_react4.useState)(text ?? "");
-  const [showHighlightState, setShowHighlightState] = (0, import_react4.useState)(showHighlight);
-  const eventHandlerRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const context = (0, import_react5.useContext)(AITranslationContext);
+  const [displayText, setDisplayText] = (0, import_react5.useState)(text ?? "");
+  const [showHighlightState, setShowHighlightState] = (0, import_react5.useState)(showHighlight);
+  const eventHandlerRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (!context) return;
     if (!eventHandlerRef.current) {
       eventHandlerRef.current = new EventHandler(context.tool);
@@ -1636,14 +1786,14 @@ var AITranslateText = ({
     );
     return () => unsubscribe();
   }, [context, text, showHighlight]);
-  const reset = (0, import_react4.useCallback)(
+  const reset = (0, import_react5.useCallback)(
     (displayValue = text) => {
       setDisplayText(displayValue);
       setShowHighlightState(false);
     },
     [text]
   );
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (text == null || text === "") {
       reset(text ?? "");
       return;
@@ -1695,10 +1845,17 @@ var getAITranslationLDId = (domain) => {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ACTION,
   AITranslateText,
   AITranslationProvider,
   AI_TRANSLATION_FEATURE_FLAG_KEY,
+  BUTTON_TYPE,
+  buildAnalyticEvent,
+  buildEventKey,
+  buildObject,
   getAITranslationLDId,
+  isSupportedBrowser,
+  useAIAnalytics,
   useAITranslation,
   useConfig
 });

package/dist/legacy/index.mjs

@@ -1426,6 +1426,7 @@ var aitFunction = async (text, translationRegistry, config2, tool) => {
 };
 
 // src/utils/browser.ts
+var supportedBrowsers = ["chrome", "arc", "opera"];
 function detectBrowser() {
   const ua = navigator.userAgent;
   if (ua.includes("Arc/")) return "arc";
@@ -1436,6 +1437,10 @@ function detectBrowser() {
   if (ua.includes("Chrome/")) return "chrome";
   return "unknown";
 }
+function isSupportedBrowser() {
+  const browser = detectBrowser();
+  return supportedBrowsers.includes(browser);
+}
 
 // src/Provider.tsx
 import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
@@ -1449,7 +1454,12 @@ function AITranslationInnerProvider(props) {
     companyId,
     userId,
     projectId,
-    enableAIT = true
+    enableAIT = true,
+    companyLocale,
+    projectLocale,
+    onTrackAnalyticsEvent,
+    page,
+    scope
   } = props;
   const [translationProgress, setTranslationProgress] = useState(null);
   const [modelDownloadProgress, setModelDownloadProgress] = useState(null);
@@ -1526,10 +1536,15 @@ function AITranslationInnerProvider(props) {
   const contextValue = {
     ait,
     locale,
+    companyLocale,
+    projectLocale,
     renderVersion: renderVersionManager.getVersion(),
     translationProgress,
     modelDownloadProgress,
-    tool
+    tool,
+    onTrackAnalyticsEvent,
+    page,
+    scope
   };
   return /* @__PURE__ */ jsx(AITranslationContext.Provider, { value: contextValue, children });
 }
@@ -1549,12 +1564,140 @@ function useAITranslation() {
   return ctx;
 }
 
+// src/hooks/useAIAnalytics.ts
+import { useContext as useContext2, useCallback as useCallback2 } from "react";
+
+// src/analytics/events.ts
+var BUTTON_TYPE = {
+  TRANSLATE: "translate",
+  HIGHLIGHT: "highlight"
+};
+var ACTION = {
+  CLICKED: "clicked"
+};
+function buildObject(pageContext, buttonType) {
+  return `${pageContext}_${buttonType}_button`;
+}
+function buildEventKey(parts) {
+  const { scope, tool, object, action } = parts;
+  return `ux.web.feature.${scope}.${tool}.${object}.${action}`;
+}
+function buildAnalyticEvent(params) {
+  const {
+    scope,
+    tool,
+    pageContext,
+    buttonType,
+    baseProperties,
+    action,
+    additionalProperties
+  } = params;
+  const resolvedAction = action ?? ACTION.CLICKED;
+  const object = buildObject(pageContext, buttonType);
+  const key = buildEventKey({
+    scope,
+    tool,
+    object,
+    action: resolvedAction
+  });
+  const properties = {
+    ...baseProperties,
+    ...additionalProperties
+  };
+  return { key, properties };
+}
+
+// src/hooks/useAIAnalytics.ts
+function useAIAnalytics() {
+  const ctx = useContext2(AITranslationContext);
+  if (!ctx) {
+    throw new Error(
+      "useAIAnalytics must be used inside an AITranslationProvider"
+    );
+  }
+  const {
+    locale,
+    companyLocale,
+    projectLocale,
+    tool,
+    page,
+    scope,
+    onTrackAnalyticsEvent
+  } = ctx;
+  const isTrackingEnabled = Boolean(onTrackAnalyticsEvent);
+  const buildBaseProperties = useCallback2(() => {
+    const props = {
+      user_locale: locale,
+      tool,
+      page: page ?? ""
+    };
+    if (companyLocale) props.company_locale = companyLocale;
+    if (projectLocale) props.project_locale = projectLocale;
+    return props;
+  }, [locale, tool, page, companyLocale, projectLocale]);
+  const trackTranslateButtonClicked = useCallback2(
+    (additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType: BUTTON_TYPE.TRANSLATE,
+          baseProperties: buildBaseProperties(),
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  const trackHighlightButtonClicked = useCallback2(
+    (additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType: BUTTON_TYPE.HIGHLIGHT,
+          baseProperties: buildBaseProperties(),
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  const trackCustomEvent = useCallback2(
+    (buttonType, action, additionalProperties) => {
+      if (!onTrackAnalyticsEvent || !page || !scope) return;
+      onTrackAnalyticsEvent(
+        buildAnalyticEvent({
+          scope,
+          tool,
+          pageContext: page,
+          buttonType,
+          baseProperties: buildBaseProperties(),
+          action,
+          additionalProperties
+        })
+      );
+    },
+    [onTrackAnalyticsEvent, tool, page, scope, buildBaseProperties]
+  );
+  return {
+    trackTranslateButtonClicked,
+    trackHighlightButtonClicked,
+    trackCustomEvent,
+    isTrackingEnabled
+  };
+}
+
 // src/components/AITranslateText.tsx
 import {
   useState as useState2,
   useEffect as useEffect2,
-  useContext as useContext2,
-  useCallback as useCallback2,
+  useContext as useContext3,
+  useCallback as useCallback3,
   useRef as useRef2
 } from "react";
 
@@ -1562,8 +1705,8 @@ import {
 import "react";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var TranslatedIcon = ({
-  width = 14,
-  height = 14,
+  width = 24,
+  height = 24,
   className,
   color = "#000000"
 }) => {
@@ -1581,7 +1724,7 @@ var TranslatedIcon = ({
         "path",
         {
           fill: color,
-          d: "M12.87,15.07l-2.54,-2.51 0.03,-0.03c1.74,-1.94 2.98,-4.17 3.71,-6.53L17,6L17,4h-7L10,2L8,2v2L1,4v1.99h11.17C11.5,7.92 10.44,9.75 9,11.35 8.07,10.32 7.3,9.19 6.69,8h-2c0.73,1.63 1.73,3.17 2.98,4.56l-5.09,5.02L4,19l5,-5 3.11,3.11 0.76,-2.04zM18.5,10h-2L12,22h2l1.12,-3h4.75L21,22h2l-4.5,-12zM15.88,17l1.62,-4.33L19.12,17h-3.24z"
+          d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM11 19.93C7.05 19.44 4 16.08 4 12C4 11.38 4.08 10.79 4.21 10.21L9 15V16C9 17.1 9.9 18 11 18V19.93ZM17.9 17.39C17.64 16.58 16.9 16 16 16H15V13C15 12.45 14.55 12 14 12H8V10H10C10.55 10 11 9.55 11 9V7H13C14.1 7 15 6.1 15 5V4.59C17.93 5.78 20 8.65 20 12C20 14.08 19.2 15.97 17.9 17.39Z"
         }
       )
     }
@@ -1596,7 +1739,7 @@ var AITranslateText = ({
   showHighlight = false,
   translatedIconProps
 }) => {
-  const context = useContext2(AITranslationContext);
+  const context = useContext3(AITranslationContext);
   const [displayText, setDisplayText] = useState2(text ?? "");
   const [showHighlightState, setShowHighlightState] = useState2(showHighlight);
   const eventHandlerRef = useRef2(null);
@@ -1619,7 +1762,7 @@ var AITranslateText = ({
     );
     return () => unsubscribe();
   }, [context, text, showHighlight]);
-  const reset = useCallback2(
+  const reset = useCallback3(
     (displayValue = text) => {
       setDisplayText(displayValue);
       setShowHighlightState(false);
@@ -1677,10 +1820,17 @@ var getAITranslationLDId = (domain) => {
   }
 };
 export {
+  ACTION,
   AITranslateText,
   AITranslationProvider,
   AI_TRANSLATION_FEATURE_FLAG_KEY,
+  BUTTON_TYPE,
+  buildAnalyticEvent,
+  buildEventKey,
+  buildObject,
   getAITranslationLDId,
+  isSupportedBrowser,
+  useAIAnalytics,
   useAITranslation,
   useConfig
 };