@kelet-ai/feedback-ui 1.1.1 → 1.1.4

package/dist/feedback-ui.umd.js

@@ -438,7 +438,7 @@
     return { ...latestEvent };
   }
   const KeletContext = require$$0$1.createContext(null);
-  const DefaultKeletBaseUrl = "https://api.kelet.ai/api";
+  const DefaultKeletBaseUrl = "https://api.kelet.ai";
   const useKelet = () => {
     const context = require$$0$1.useContext(KeletContext);
     if (!context) {
@@ -469,23 +469,31 @@
         "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",
@@ -531,9 +539,7 @@
     }
     return { ...slotProps, ...overrideProps };
   };
-  const VoteFeedbackContext = require$$0$1.createContext(
-    null
-  );
+  const VoteFeedbackContext = require$$0$1.createContext(null);
   const useVoteFeedbackContext = () => {
     const context = require$$0$1.useContext(VoteFeedbackContext);
     if (!context) {
@@ -548,10 +554,12 @@
     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] = require$$0$1.useState(false);
     const [feedbackText, setFeedbackText] = require$$0$1.useState(defaultText);
     const [isSubmitting, setIsSubmitting] = require$$0$1.useState(false);
@@ -573,9 +581,12 @@
       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);
@@ -583,15 +594,18 @@
       } finally {
         setIsSubmitting(false);
       }
-    }, [handler, session_id, extra_metadata, trigger_name]);
+    }, [handler, session_id, metadata, trigger_name, trace_id]);
     const handleDownvote = require$$0$1.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);
@@ -611,7 +625,7 @@
         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 = require$$0$1.useCallback(
       (e) => {
         setFeedbackText(e.target.value);
@@ -623,10 +637,13 @@
       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);
@@ -651,8 +668,9 @@
       feedbackText,
       defaultText,
       session_id,
-      extra_metadata,
-      trigger_name
+      metadata,
+      trigger_name,
+      trace_id
     ]);
     const handleKeyDown = require$$0$1.useCallback(
       (e) => {
@@ -703,8 +721,9 @@
       popoverId,
       triggerId,
       session_id,
-      extra_metadata,
-      trigger_name
+      metadata,
+      trigger_name,
+      trace_id
     };
     return /* @__PURE__ */ jsxRuntimeExports.jsx(VoteFeedbackContext.Provider, { value: contextValue, children });
   };
@@ -1340,223 +1359,6 @@
     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(module2, exports3) {
-      (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 (module2 !== null && true && module2.exports === exports3) {
-          module2.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;
@@ -1966,6 +1768,223 @@
     }
     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(module2, exports3) {
+      (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 (module2 !== null && true && module2.exports === exports3) {
+          module2.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":
@@ -2142,25 +2161,17 @@
       (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]