@envive-ai/react-hooks 0.3.56 → 0.3.57

package/src/services/amplitudeService/amplitudeService.ts

@@ -19,6 +19,33 @@ export { EnviveMetricsEventName, SpiffyMetricsEventName };
 
 const logger = new Logger('amplitudeService');
 
+// Amplitude's managed BigQuery data can surface supplementary Unicode as U+FFFD.
+// Keep the widget-training payload ASCII-safe without changing the displayed text.
+const UTF8_TRANSPORT_PREFIX = '__spiffy_utf8__:';
+
+const containsSupplementaryUnicode = (value: string): boolean =>
+  Array.from(value).some(character => (character.codePointAt(0) ?? 0) > 0xffff);
+
+const encodeSupplementaryUnicode = (value: unknown): unknown => {
+  if (typeof value === 'string') {
+    return containsSupplementaryUnicode(value)
+      ? `${UTF8_TRANSPORT_PREFIX}${encodeURIComponent(value)}`
+      : value;
+  }
+  if (Array.isArray(value)) {
+    return value.map(encodeSupplementaryUnicode);
+  }
+  if (value !== null && typeof value === 'object') {
+    return Object.fromEntries(
+      Object.entries(value).map(([key, nestedValue]) => [
+        key,
+        encodeSupplementaryUnicode(nestedValue),
+      ]),
+    );
+  }
+  return value;
+};
+
 export interface TrackEventParams {
   eventName: SpiffyMetricsEventName | EnviveMetricsEventName;
   eventProps?: Record<string, unknown>;
@@ -428,10 +455,15 @@ export class AmplitudeService {
       }
 
       const mappedEventProps = AmplitudeService.mapEventProps({ eventName, eventProps });
+      const amplitudeEventProps =
+        eventName === EnviveMetricsEventName.WidgetTextResponse ||
+        eventName === EnviveMetricsEventName.WidgetTextClicked
+          ? (encodeSupplementaryUnicode(mappedEventProps) as Record<string, unknown>)
+          : mappedEventProps;
 
       const eventData = JSON.stringify({
         eventName,
-        eventProps: mappedEventProps,
+        eventProps: amplitudeEventProps,
         created_at: new Date().toISOString(),
       });
       const encoder = new TextEncoder();
@@ -444,16 +476,16 @@ export class AmplitudeService {
 
       logger.logDebug(`amplitude tracking ${decoratedEventName}`, null, {
         event_name: decoratedEventName,
-        props: mappedEventProps,
+        props: amplitudeEventProps,
       });
 
       this.amplitudeClient.track(
         decoratedEventName,
         {
           ...this.getDefaultTrackingProps(eventName),
-          ...mappedEventProps,
-          ...(mappedEventProps
-            ? this.eventPropsToPrefixedEventProps(eventName, mappedEventProps)
+          ...amplitudeEventProps,
+          ...(amplitudeEventProps
+            ? this.eventPropsToPrefixedEventProps(eventName, amplitudeEventProps)
             : {}),
         },
         {