@kelet-ai/feedback-ui 1.1.1 → 1.1.4

package/dist/feedback-ui.es.js

@@ -435,7 +435,7 @@ function getLatestEvent() {
   return { ...latestEvent };
 }
 const KeletContext = createContext(null);
-const DefaultKeletBaseUrl = "https://api.kelet.ai/api";
+const DefaultKeletBaseUrl = "https://api.kelet.ai";
 const useKelet = () => {
   const context = useContext(KeletContext);
   if (!context) {
@@ -466,23 +466,31 @@ const KeletProvider = ({ apiKey, project, baseUrl, children }) => {
       "apiKey is required either directly or from a parent KeletProvider"
     );
   }
+  let resolvedBaseUrl = baseUrl || DefaultKeletBaseUrl;
+  if (resolvedBaseUrl.endsWith("/api")) {
+    resolvedBaseUrl = resolvedBaseUrl.slice(0, -4);
+  }
+  if (resolvedBaseUrl.endsWith("/")) {
+    resolvedBaseUrl = resolvedBaseUrl.slice(0, -1);
+  }
   const feedback = async (data) => {
-    const resolvedBaseUrl = baseUrl || DefaultKeletBaseUrl;
-    const url = `${resolvedBaseUrl}/projects/${project}/signal`;
+    const url = `${resolvedBaseUrl}/api/projects/${project}/signal`;
     const capturedEvent = getLatestEvent();
     const metadata = {
-      ...data.extra_metadata ?? {},
+      ...data.metadata ?? {},
       ...capturedEvent && { $dom_event: capturedEvent }
     };
     const req = {
       session_id: data.session_id,
-      source: data.source || "EXPLICIT",
-      vote: data.vote,
-      explanation: data.explanation,
-      correction: data.correction,
-      selection: data.selection,
+      kind: data.kind,
+      source: data.source,
       trigger_name: data.trigger_name,
-      metadata: Object.keys(metadata).length > 0 ? metadata : void 0
+      score: data.score,
+      value: data.value,
+      confidence: data.confidence,
+      metadata: Object.keys(metadata).length > 0 ? metadata : void 0,
+      timestamp: data.timestamp || (/* @__PURE__ */ new Date()).toISOString(),
+      trace_id: data.trace_id
     };
     const response = await fetch(url, {
       method: "POST",
@@ -528,9 +536,7 @@ const mergeProps = (slotProps, childProps) => {
   }
   return { ...slotProps, ...overrideProps };
 };
-const VoteFeedbackContext = createContext(
-  null
-);
+const VoteFeedbackContext = createContext(null);
 const useVoteFeedbackContext = () => {
   const context = useContext(VoteFeedbackContext);
   if (!context) {
@@ -545,10 +551,12 @@ const VoteFeedbackRoot = ({
   onFeedback,
   defaultText = "",
   session_id: sessionIdProp,
-  extra_metadata,
-  trigger_name
+  metadata,
+  trigger_name: triggerProp,
+  trace_id
 }) => {
   const session_id = typeof sessionIdProp === "function" ? sessionIdProp() : sessionIdProp;
+  const trigger_name = triggerProp || void 0;
   const [showPopover, setShowPopover] = useState(false);
   const [feedbackText, setFeedbackText] = useState(defaultText);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -570,9 +578,12 @@ const VoteFeedbackRoot = ({
     setVote("upvote");
     const data = {
       session_id,
-      vote: "upvote",
-      ...extra_metadata && { extra_metadata },
-      ...trigger_name && { trigger_name }
+      kind: "feedback",
+      source: "human",
+      trigger_name,
+      score: 1,
+      ...metadata && { metadata },
+      ...trace_id && { trace_id }
     };
     try {
       setIsSubmitting(true);
@@ -580,15 +591,18 @@ const VoteFeedbackRoot = ({
     } finally {
       setIsSubmitting(false);
     }
-  }, [handler, session_id, extra_metadata, trigger_name]);
+  }, [handler, session_id, metadata, trigger_name, trace_id]);
   const handleDownvote = useCallback(async () => {
     setVote("downvote");
     if (handler) {
       const data = {
         session_id,
-        vote: "downvote",
-        ...extra_metadata && { extra_metadata },
-        ...trigger_name && { trigger_name }
+        kind: "feedback",
+        source: "human",
+        trigger_name,
+        score: 0,
+        ...metadata && { metadata },
+        ...trace_id && { trace_id }
       };
       try {
         setIsSubmitting(true);
@@ -608,7 +622,7 @@ const VoteFeedbackRoot = ({
       document.body.appendChild(announcement);
       setTimeout(() => document.body.removeChild(announcement), 1e3);
     }, 0);
-  }, [handler, session_id, extra_metadata, trigger_name]);
+  }, [handler, session_id, metadata, trigger_name, trace_id]);
   const handleTextareaChange = useCallback(
     (e) => {
       setFeedbackText(e.target.value);
@@ -620,10 +634,13 @@ const VoteFeedbackRoot = ({
     if (hasText) {
       const data = {
         session_id,
-        vote: "downvote",
-        explanation: feedbackText,
-        ...extra_metadata && { extra_metadata },
-        ...trigger_name && { trigger_name }
+        kind: "feedback",
+        source: "human",
+        trigger_name,
+        score: 0,
+        value: feedbackText,
+        ...metadata && { metadata },
+        ...trace_id && { trace_id }
       };
       try {
         setIsSubmitting(true);
@@ -648,8 +665,9 @@ const VoteFeedbackRoot = ({
     feedbackText,
     defaultText,
     session_id,
-    extra_metadata,
-    trigger_name
+    metadata,
+    trigger_name,
+    trace_id
   ]);
   const handleKeyDown = useCallback(
     (e) => {
@@ -700,8 +718,9 @@ const VoteFeedbackRoot = ({
     popoverId,
     triggerId,
     session_id,
-    extra_metadata,
-    trigger_name
+    metadata,
+    trigger_name,
+    trace_id
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsx(VoteFeedbackContext.Provider, { value: contextValue, children });
 };
@@ -1337,223 +1356,6 @@ function requireDeepDiff() {
   return deepDiff$1.exports;
 }
 var deepDiffExports = requireDeepDiff();
-var levenshtein$1 = { exports: {} };
-const peq = new Uint32Array(65536);
-const myers_32 = (a, b) => {
-  const n = a.length;
-  const m = b.length;
-  const lst = 1 << n - 1;
-  let pv = -1;
-  let mv = 0;
-  let sc = n;
-  let i = n;
-  while (i--) {
-    peq[a.charCodeAt(i)] |= 1 << i;
-  }
-  for (i = 0; i < m; i++) {
-    let eq = peq[b.charCodeAt(i)];
-    const xv = eq | mv;
-    eq |= (eq & pv) + pv ^ pv;
-    mv |= ~(eq | pv);
-    pv &= eq;
-    if (mv & lst) {
-      sc++;
-    }
-    if (pv & lst) {
-      sc--;
-    }
-    mv = mv << 1 | 1;
-    pv = pv << 1 | ~(xv | mv);
-    mv &= xv;
-  }
-  i = n;
-  while (i--) {
-    peq[a.charCodeAt(i)] = 0;
-  }
-  return sc;
-};
-const myers_x = (b, a) => {
-  const n = a.length;
-  const m = b.length;
-  const mhc = [];
-  const phc = [];
-  const hsize = Math.ceil(n / 32);
-  const vsize = Math.ceil(m / 32);
-  for (let i = 0; i < hsize; i++) {
-    phc[i] = -1;
-    mhc[i] = 0;
-  }
-  let j = 0;
-  for (; j < vsize - 1; j++) {
-    let mv2 = 0;
-    let pv2 = -1;
-    const start2 = j * 32;
-    const vlen2 = Math.min(32, m) + start2;
-    for (let k = start2; k < vlen2; k++) {
-      peq[b.charCodeAt(k)] |= 1 << k;
-    }
-    for (let i = 0; i < n; i++) {
-      const eq = peq[a.charCodeAt(i)];
-      const pb = phc[i / 32 | 0] >>> i & 1;
-      const mb = mhc[i / 32 | 0] >>> i & 1;
-      const xv = eq | mv2;
-      const xh = ((eq | mb) & pv2) + pv2 ^ pv2 | eq | mb;
-      let ph = mv2 | ~(xh | pv2);
-      let mh = pv2 & xh;
-      if (ph >>> 31 ^ pb) {
-        phc[i / 32 | 0] ^= 1 << i;
-      }
-      if (mh >>> 31 ^ mb) {
-        mhc[i / 32 | 0] ^= 1 << i;
-      }
-      ph = ph << 1 | pb;
-      mh = mh << 1 | mb;
-      pv2 = mh | ~(xv | ph);
-      mv2 = ph & xv;
-    }
-    for (let k = start2; k < vlen2; k++) {
-      peq[b.charCodeAt(k)] = 0;
-    }
-  }
-  let mv = 0;
-  let pv = -1;
-  const start = j * 32;
-  const vlen = Math.min(32, m - start) + start;
-  for (let k = start; k < vlen; k++) {
-    peq[b.charCodeAt(k)] |= 1 << k;
-  }
-  let score = m;
-  for (let i = 0; i < n; i++) {
-    const eq = peq[a.charCodeAt(i)];
-    const pb = phc[i / 32 | 0] >>> i & 1;
-    const mb = mhc[i / 32 | 0] >>> i & 1;
-    const xv = eq | mv;
-    const xh = ((eq | mb) & pv) + pv ^ pv | eq | mb;
-    let ph = mv | ~(xh | pv);
-    let mh = pv & xh;
-    score += ph >>> m - 1 & 1;
-    score -= mh >>> m - 1 & 1;
-    if (ph >>> 31 ^ pb) {
-      phc[i / 32 | 0] ^= 1 << i;
-    }
-    if (mh >>> 31 ^ mb) {
-      mhc[i / 32 | 0] ^= 1 << i;
-    }
-    ph = ph << 1 | pb;
-    mh = mh << 1 | mb;
-    pv = mh | ~(xv | ph);
-    mv = ph & xv;
-  }
-  for (let k = start; k < vlen; k++) {
-    peq[b.charCodeAt(k)] = 0;
-  }
-  return score;
-};
-const distance = (a, b) => {
-  if (a.length < b.length) {
-    const tmp = b;
-    b = a;
-    a = tmp;
-  }
-  if (b.length === 0) {
-    return a.length;
-  }
-  if (a.length <= 32) {
-    return myers_32(a, b);
-  }
-  return myers_x(a, b);
-};
-const closest = (str, arr) => {
-  let min_distance = Infinity;
-  let min_index = 0;
-  for (let i = 0; i < arr.length; i++) {
-    const dist = distance(str, arr[i]);
-    if (dist < min_distance) {
-      min_distance = dist;
-      min_index = i;
-    }
-  }
-  return arr[min_index];
-};
-const mod = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  closest,
-  distance
-}, Symbol.toStringTag, { value: "Module" }));
-const require$$0 = /* @__PURE__ */ getAugmentedNamespace(mod);
-var hasRequiredLevenshtein;
-function requireLevenshtein() {
-  if (hasRequiredLevenshtein) return levenshtein$1.exports;
-  hasRequiredLevenshtein = 1;
-  (function(module, exports) {
-    (function() {
-      var collator;
-      try {
-        collator = typeof Intl !== "undefined" && typeof Intl.Collator !== "undefined" ? Intl.Collator("generic", { sensitivity: "base" }) : null;
-      } catch (err) {
-        console.log("Collator could not be initialized and wouldn't be used");
-      }
-      var levenshtein2 = require$$0;
-      var prevRow = [], str2Char = [];
-      var Levenshtein = {
-        /**
-         * Calculate levenshtein distance of the two strings.
-         *
-         * @param str1 String the first string.
-         * @param str2 String the second string.
-         * @param [options] Additional options.
-         * @param [options.useCollator] Use `Intl.Collator` for locale-sensitive string comparison.
-         * @return Integer the levenshtein distance (0 and above).
-         */
-        get: function(str1, str2, options) {
-          var useCollator = options && collator && options.useCollator;
-          if (useCollator) {
-            var str1Len = str1.length, str2Len = str2.length;
-            if (str1Len === 0) return str2Len;
-            if (str2Len === 0) return str1Len;
-            var curCol, nextCol, i, j, tmp;
-            for (i = 0; i < str2Len; ++i) {
-              prevRow[i] = i;
-              str2Char[i] = str2.charCodeAt(i);
-            }
-            prevRow[str2Len] = str2Len;
-            var strCmp;
-            for (i = 0; i < str1Len; ++i) {
-              nextCol = i + 1;
-              for (j = 0; j < str2Len; ++j) {
-                curCol = nextCol;
-                strCmp = 0 === collator.compare(str1.charAt(i), String.fromCharCode(str2Char[j]));
-                nextCol = prevRow[j] + (strCmp ? 0 : 1);
-                tmp = curCol + 1;
-                if (nextCol > tmp) {
-                  nextCol = tmp;
-                }
-                tmp = prevRow[j + 1] + 1;
-                if (nextCol > tmp) {
-                  nextCol = tmp;
-                }
-                prevRow[j] = curCol;
-              }
-              prevRow[j] = nextCol;
-            }
-            return nextCol;
-          }
-          return levenshtein2.distance(str1, str2);
-        }
-      };
-      if (module !== null && true && module.exports === exports) {
-        module.exports = Levenshtein;
-      } else if (typeof self !== "undefined" && typeof self.postMessage === "function" && typeof self.importScripts === "function") {
-        self.Levenshtein = Levenshtein;
-      } else if (typeof window !== "undefined" && window !== null) {
-        window.Levenshtein = Levenshtein;
-      }
-    })();
-  })(levenshtein$1, levenshtein$1.exports);
-  return levenshtein$1.exports;
-}
-var levenshteinExports = requireLevenshtein();
-const levenshtein = /* @__PURE__ */ getDefaultExportFromCjs(levenshteinExports);
 class Diff {
   diff(oldStr, newStr, options = {}) {
     let callback;
@@ -1963,6 +1765,223 @@ function splitLines(text) {
   }
   return result;
 }
+var levenshtein$1 = { exports: {} };
+const peq = new Uint32Array(65536);
+const myers_32 = (a, b) => {
+  const n = a.length;
+  const m = b.length;
+  const lst = 1 << n - 1;
+  let pv = -1;
+  let mv = 0;
+  let sc = n;
+  let i = n;
+  while (i--) {
+    peq[a.charCodeAt(i)] |= 1 << i;
+  }
+  for (i = 0; i < m; i++) {
+    let eq = peq[b.charCodeAt(i)];
+    const xv = eq | mv;
+    eq |= (eq & pv) + pv ^ pv;
+    mv |= ~(eq | pv);
+    pv &= eq;
+    if (mv & lst) {
+      sc++;
+    }
+    if (pv & lst) {
+      sc--;
+    }
+    mv = mv << 1 | 1;
+    pv = pv << 1 | ~(xv | mv);
+    mv &= xv;
+  }
+  i = n;
+  while (i--) {
+    peq[a.charCodeAt(i)] = 0;
+  }
+  return sc;
+};
+const myers_x = (b, a) => {
+  const n = a.length;
+  const m = b.length;
+  const mhc = [];
+  const phc = [];
+  const hsize = Math.ceil(n / 32);
+  const vsize = Math.ceil(m / 32);
+  for (let i = 0; i < hsize; i++) {
+    phc[i] = -1;
+    mhc[i] = 0;
+  }
+  let j = 0;
+  for (; j < vsize - 1; j++) {
+    let mv2 = 0;
+    let pv2 = -1;
+    const start2 = j * 32;
+    const vlen2 = Math.min(32, m) + start2;
+    for (let k = start2; k < vlen2; k++) {
+      peq[b.charCodeAt(k)] |= 1 << k;
+    }
+    for (let i = 0; i < n; i++) {
+      const eq = peq[a.charCodeAt(i)];
+      const pb = phc[i / 32 | 0] >>> i & 1;
+      const mb = mhc[i / 32 | 0] >>> i & 1;
+      const xv = eq | mv2;
+      const xh = ((eq | mb) & pv2) + pv2 ^ pv2 | eq | mb;
+      let ph = mv2 | ~(xh | pv2);
+      let mh = pv2 & xh;
+      if (ph >>> 31 ^ pb) {
+        phc[i / 32 | 0] ^= 1 << i;
+      }
+      if (mh >>> 31 ^ mb) {
+        mhc[i / 32 | 0] ^= 1 << i;
+      }
+      ph = ph << 1 | pb;
+      mh = mh << 1 | mb;
+      pv2 = mh | ~(xv | ph);
+      mv2 = ph & xv;
+    }
+    for (let k = start2; k < vlen2; k++) {
+      peq[b.charCodeAt(k)] = 0;
+    }
+  }
+  let mv = 0;
+  let pv = -1;
+  const start = j * 32;
+  const vlen = Math.min(32, m - start) + start;
+  for (let k = start; k < vlen; k++) {
+    peq[b.charCodeAt(k)] |= 1 << k;
+  }
+  let score = m;
+  for (let i = 0; i < n; i++) {
+    const eq = peq[a.charCodeAt(i)];
+    const pb = phc[i / 32 | 0] >>> i & 1;
+    const mb = mhc[i / 32 | 0] >>> i & 1;
+    const xv = eq | mv;
+    const xh = ((eq | mb) & pv) + pv ^ pv | eq | mb;
+    let ph = mv | ~(xh | pv);
+    let mh = pv & xh;
+    score += ph >>> m - 1 & 1;
+    score -= mh >>> m - 1 & 1;
+    if (ph >>> 31 ^ pb) {
+      phc[i / 32 | 0] ^= 1 << i;
+    }
+    if (mh >>> 31 ^ mb) {
+      mhc[i / 32 | 0] ^= 1 << i;
+    }
+    ph = ph << 1 | pb;
+    mh = mh << 1 | mb;
+    pv = mh | ~(xv | ph);
+    mv = ph & xv;
+  }
+  for (let k = start; k < vlen; k++) {
+    peq[b.charCodeAt(k)] = 0;
+  }
+  return score;
+};
+const distance = (a, b) => {
+  if (a.length < b.length) {
+    const tmp = b;
+    b = a;
+    a = tmp;
+  }
+  if (b.length === 0) {
+    return a.length;
+  }
+  if (a.length <= 32) {
+    return myers_32(a, b);
+  }
+  return myers_x(a, b);
+};
+const closest = (str, arr) => {
+  let min_distance = Infinity;
+  let min_index = 0;
+  for (let i = 0; i < arr.length; i++) {
+    const dist = distance(str, arr[i]);
+    if (dist < min_distance) {
+      min_distance = dist;
+      min_index = i;
+    }
+  }
+  return arr[min_index];
+};
+const mod = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest,
+  distance
+}, Symbol.toStringTag, { value: "Module" }));
+const require$$0 = /* @__PURE__ */ getAugmentedNamespace(mod);
+var hasRequiredLevenshtein;
+function requireLevenshtein() {
+  if (hasRequiredLevenshtein) return levenshtein$1.exports;
+  hasRequiredLevenshtein = 1;
+  (function(module, exports) {
+    (function() {
+      var collator;
+      try {
+        collator = typeof Intl !== "undefined" && typeof Intl.Collator !== "undefined" ? Intl.Collator("generic", { sensitivity: "base" }) : null;
+      } catch (err) {
+        console.log("Collator could not be initialized and wouldn't be used");
+      }
+      var levenshtein2 = require$$0;
+      var prevRow = [], str2Char = [];
+      var Levenshtein = {
+        /**
+         * Calculate levenshtein distance of the two strings.
+         *
+         * @param str1 String the first string.
+         * @param str2 String the second string.
+         * @param [options] Additional options.
+         * @param [options.useCollator] Use `Intl.Collator` for locale-sensitive string comparison.
+         * @return Integer the levenshtein distance (0 and above).
+         */
+        get: function(str1, str2, options) {
+          var useCollator = options && collator && options.useCollator;
+          if (useCollator) {
+            var str1Len = str1.length, str2Len = str2.length;
+            if (str1Len === 0) return str2Len;
+            if (str2Len === 0) return str1Len;
+            var curCol, nextCol, i, j, tmp;
+            for (i = 0; i < str2Len; ++i) {
+              prevRow[i] = i;
+              str2Char[i] = str2.charCodeAt(i);
+            }
+            prevRow[str2Len] = str2Len;
+            var strCmp;
+            for (i = 0; i < str1Len; ++i) {
+              nextCol = i + 1;
+              for (j = 0; j < str2Len; ++j) {
+                curCol = nextCol;
+                strCmp = 0 === collator.compare(str1.charAt(i), String.fromCharCode(str2Char[j]));
+                nextCol = prevRow[j] + (strCmp ? 0 : 1);
+                tmp = curCol + 1;
+                if (nextCol > tmp) {
+                  nextCol = tmp;
+                }
+                tmp = prevRow[j + 1] + 1;
+                if (nextCol > tmp) {
+                  nextCol = tmp;
+                }
+                prevRow[j] = curCol;
+              }
+              prevRow[j] = nextCol;
+            }
+            return nextCol;
+          }
+          return levenshtein2.distance(str1, str2);
+        }
+      };
+      if (module !== null && true && module.exports === exports) {
+        module.exports = Levenshtein;
+      } else if (typeof self !== "undefined" && typeof self.postMessage === "function" && typeof self.importScripts === "function") {
+        self.Levenshtein = Levenshtein;
+      } else if (typeof window !== "undefined" && window !== null) {
+        window.Levenshtein = Levenshtein;
+      }
+    })();
+  })(levenshtein$1, levenshtein$1.exports);
+  return levenshtein$1.exports;
+}
+var levenshteinExports = requireLevenshtein();
+const levenshtein = /* @__PURE__ */ getDefaultExportFromCjs(levenshteinExports);
 function formatDiff(oldValue, newValue, diffType = "git", context = 1) {
   switch (diffType) {
     case "git":
@@ -2139,25 +2158,17 @@ function useStateChangeTracking(currentState, session_id, options) {
     (startState, endState, triggerName) => {
       const diffPercentage = calculateDiffPercentage(startState, endState);
       const diffString = formatDiff(startState, endState, diffType);
-      let vote;
-      if (options?.vote) {
-        if (typeof options.vote === "function") {
-          vote = options.vote(startState, endState, diffPercentage);
-        } else {
-          vote = options.vote;
-        }
-      } else {
-        vote = diffPercentage > 0.5 ? "downvote" : "upvote";
-      }
+      const score = typeof options?.score === "function" ? options.score(startState, endState, diffPercentage) : options?.score ?? (diffPercentage > 0.5 ? 0 : 1);
       const idString = typeof session_id === "function" ? session_id(endState) : session_id;
       feedbackHandler({
         session_id: idString,
-        vote,
-        explanation: `State change with diff percentage: ${(diffPercentage * 100).toFixed(1)}%`,
-        correction: diffString,
-        source: "IMPLICIT",
-        extra_metadata: options?.metadata,
-        trigger_name: triggerName
+        kind: "edit",
+        source: "human",
+        trigger_name: triggerName,
+        score,
+        value: diffString,
+        confidence: diffPercentage,
+        metadata: options?.metadata
       });
     },
     [options, session_id, diffType, feedbackHandler]