@diegotsi/flint-react 2.9.1 → 2.10.1

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps } from '@diegotsi/flint-core';
-export { Flint, FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride } from '@diegotsi/flint-core';
+import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps, Flint as Flint$1 } from '@diegotsi/flint-core';
+export { FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride } from '@diegotsi/flint-core';
 import * as react from 'react';
 
 declare type addedNodeMutation = {
@@ -444,4 +444,6 @@ declare function FlintModal({ user, meta, theme, zIndex, onClose, getEnvironment
 
 declare function FlintWidget(props: FlintWidgetProps): react.JSX.Element;
 
-export { FlintModal, FlintWidget };
+declare const Flint: typeof Flint$1;
+
+export { Flint, FlintModal, FlintWidget };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps } from '@diegotsi/flint-core';
-export { Flint, FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride } from '@diegotsi/flint-core';
+import { FlintUser, Theme, EnvironmentInfo, ConsoleEntry, NetworkEntry, FormErrorEntry, ReportPayload, ReportResult, FlintWidgetProps, Flint as Flint$1 } from '@diegotsi/flint-core';
+export { FlintConfig, FlintUser, FlintWidgetProps, Locale, ReportPayload, ReportResult, Severity, Theme, ThemeOverride } from '@diegotsi/flint-core';
 import * as react from 'react';
 
 declare type addedNodeMutation = {
@@ -444,4 +444,6 @@ declare function FlintModal({ user, meta, theme, zIndex, onClose, getEnvironment
 
 declare function FlintWidget(props: FlintWidgetProps): react.JSX.Element;
 
-export { FlintModal, FlintWidget };
+declare const Flint: typeof Flint$1;
+
+export { Flint, FlintModal, FlintWidget };

package/dist/index.js

@@ -1,6 +1,7 @@
 // src/FlintModal.tsx
 import {
-  Flint
+  Flint,
+  trackDatadogBugReported
 } from "@diegotsi/flint-core";
 import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
 import { useTranslation } from "react-i18next";
@@ -351,6 +352,12 @@ function FlintModal({
       setResult(res);
       setStatus("success");
       onSuccess?.(res);
+      trackDatadogBugReported({
+        bugId: res.id,
+        severity: payload.severity,
+        url: payload.url,
+        title: payload.description.slice(0, 120)
+      });
       const events = getReplayEvents();
       if (events.length > 0) {
         submitReplay(serverUrl, projectKey, res.id, events).catch(() => {
@@ -1431,9 +1438,41 @@ widgetI18n.use(initReactI18next).init({
 var i18n_default = widgetI18n;
 
 // src/store.ts
-import { getSnapshot, subscribe } from "@diegotsi/flint-core";
+import { Flint as CoreFlint, getSnapshot, subscribe } from "@diegotsi/flint-core";
 import { useSyncExternalStore } from "react";
-import { _setFormErrorCollector, Flint as Flint2 } from "@diegotsi/flint-core";
+
+// src/replayRecorder.ts
+function createRrwebRecorder(replayBufferMs) {
+  return async (onEmit) => {
+    const { record } = await import("rrweb");
+    let started = false;
+    const stop = record({
+      emit: (event, isCheckout) => {
+        const checkout = isCheckout || !started;
+        started = true;
+        onEmit(event, checkout);
+      },
+      checkoutEveryNms: replayBufferMs,
+      maskAllInputs: true
+    });
+    return stop ?? void 0;
+  };
+}
+
+// src/store.ts
+import { _setFormErrorCollector } from "@diegotsi/flint-core";
+var DEFAULT_REPLAY_BUFFER_MS = 6e4;
+function init(config) {
+  if (config.enableReplay && !config._replayRecorder) {
+    CoreFlint.init({
+      ...config,
+      _replayRecorder: createRrwebRecorder(config.replayBufferMs ?? DEFAULT_REPLAY_BUFFER_MS)
+    });
+    return;
+  }
+  CoreFlint.init(config);
+}
+var Flint2 = { ...CoreFlint, init };
 function useFlintStore() {
   return useSyncExternalStore(subscribe, getSnapshot);
 }
@@ -1516,10 +1555,6 @@ function WidgetContent({
     setOpen(true);
     onOpen?.();
   };
-  const didInjectReplay = useRef3(false);
-  if (!didInjectReplay.current && config.enableReplay && !Flint3.getInstance()?.stopReplay) {
-    didInjectReplay.current = true;
-  }
   const global = Flint3.getInstance();
   const label = buttonLabel ?? t("buttonLabel");
   return /* @__PURE__ */ jsxs3(Fragment2, { children: [