@metricshift/react 1.0.1 → 1.0.3

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import $e, { useState as $, useRef as ze, useEffect as Me, createContext as br, useContext as gr } from "react";
+import $e, { useState as $, useRef as Ae, useEffect as Me, createContext as br, useContext as gr } from "react";
 var ve = { exports: {} }, J = {};
 /**
  * @license React
@@ -13,17 +13,17 @@ var We;
 function xr() {
   if (We) return J;
   We = 1;
-  var d = $e, k = Symbol.for("react.element"), O = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, p = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var d = $e, _ = Symbol.for("react.element"), O = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, p = d.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, o = { key: !0, ref: !0, __self: !0, __source: !0 };
   function F(E, b, T) {
-    var y, R = {}, v = null, z = null;
-    T !== void 0 && (v = "" + T), b.key !== void 0 && (v = "" + b.key), b.ref !== void 0 && (z = b.ref);
+    var y, R = {}, v = null, A = null;
+    T !== void 0 && (v = "" + T), b.key !== void 0 && (v = "" + b.key), b.ref !== void 0 && (A = b.ref);
     for (y in b) f.call(b, y) && !o.hasOwnProperty(y) && (R[y] = b[y]);
     if (E && E.defaultProps) for (y in b = E.defaultProps, b) R[y] === void 0 && (R[y] = b[y]);
-    return { $$typeof: k, type: E, key: v, ref: z, props: R, _owner: p.current };
+    return { $$typeof: _, type: E, key: v, ref: A, props: R, _owner: p.current };
   }
   return J.Fragment = O, J.jsx = F, J.jsxs = F, J;
 }
-var K = {};
+var H = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -36,7 +36,7 @@ var K = {};
 var Ye;
 function yr() {
   return Ye || (Ye = 1, process.env.NODE_ENV !== "production" && function() {
-    var d = $e, k = Symbol.for("react.element"), O = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), F = Symbol.for("react.provider"), E = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), z = Symbol.for("react.offscreen"), D = Symbol.iterator, C = "@@iterator";
+    var d = $e, _ = Symbol.for("react.element"), O = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), F = Symbol.for("react.provider"), E = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), y = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), A = Symbol.for("react.offscreen"), D = Symbol.iterator, C = "@@iterator";
     function B(e) {
       if (e === null || typeof e != "object")
         return null;
@@ -61,10 +61,10 @@ function yr() {
         c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
       }
     }
-    var i = !1, j = !1, H = !1, re = !1, te = !1, G;
+    var i = !1, j = !1, K = !1, re = !1, te = !1, G;
     G = Symbol.for("react.module.reference");
     function ne(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === f || e === o || te || e === p || e === T || e === y || re || e === z || i || j || H || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === R || e.$$typeof === F || e.$$typeof === E || e.$$typeof === b || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === f || e === o || te || e === p || e === T || e === y || re || e === A || i || j || K || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === R || e.$$typeof === F || e.$$typeof === E || e.$$typeof === b || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -125,7 +125,7 @@ function yr() {
         }
       return null;
     }
-    var A = Object.assign, g = 0, M, W, be, ge, xe, ye, he;
+    var z = Object.assign, g = 0, M, W, be, ge, xe, ye, he;
     function me() {
     }
     me.__reactDisabledLog = !0;
@@ -161,25 +161,25 @@ function yr() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: A({}, e, {
+            log: z({}, e, {
               value: M
             }),
-            info: A({}, e, {
+            info: z({}, e, {
               value: W
             }),
-            warn: A({}, e, {
+            warn: z({}, e, {
               value: be
             }),
-            error: A({}, e, {
+            error: z({}, e, {
               value: ge
             }),
-            group: A({}, e, {
+            group: z({}, e, {
               value: xe
             }),
-            groupCollapsed: A({}, e, {
+            groupCollapsed: z({}, e, {
               value: ye
             }),
-            groupEnd: A({}, e, {
+            groupEnd: z({}, e, {
               value: he
             })
           });
@@ -232,29 +232,29 @@ function yr() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(l, []);
-            } catch (_) {
-              a = _;
+            } catch (k) {
+              a = k;
             }
             Reflect.construct(e, [], l);
           } else {
             try {
               l.call();
-            } catch (_) {
-              a = _;
+            } catch (k) {
+              a = k;
             }
             e.call(l.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (_) {
-            a = _;
+          } catch (k) {
+            a = k;
           }
           e();
         }
-      } catch (_) {
-        if (_ && a && typeof _.stack == "string") {
-          for (var s = _.stack.split(`
+      } catch (k) {
+        if (k && a && typeof k.stack == "string") {
+          for (var s = k.stack.split(`
 `), S = a.stack.split(`
 `), x = s.length - 1, m = S.length - 1; x >= 1 && m >= 0 && s[x] !== S[m]; )
             m--;
@@ -340,11 +340,11 @@ function yr() {
           }
       }
     }
-    var Ke = Array.isArray;
+    var He = Array.isArray;
     function le(e) {
-      return Ke(e);
+      return He(e);
     }
-    function He(e) {
+    function Ke(e) {
       {
         var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return t;
@@ -352,17 +352,17 @@ function yr() {
     }
     function Ge(e) {
       try {
-        return _e(e), !1;
+        return ke(e), !1;
       } catch {
         return !0;
       }
     }
-    function _e(e) {
+    function ke(e) {
       return "" + e;
     }
-    function ke(e) {
+    function _e(e) {
       if (Ge(e))
-        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", He(e)), _e(e);
+        return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), ke(e);
     }
     var je = P.ReactCurrentOwner, Xe = {
       key: !0,
@@ -414,7 +414,7 @@ function yr() {
     var nr = function(e, r, t, a, u, c, l) {
       var s = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: k,
+        $$typeof: _,
         // Built-in properties that belong on the element
         type: e,
         key: r,
@@ -443,7 +443,7 @@ function yr() {
     function ar(e, r, t, a, u) {
       {
         var c, l = {}, s = null, S = null;
-        t !== void 0 && (ke(t), s = "" + t), Ze(r) && (ke(r.key), s = "" + r.key), Qe(r) && (S = r.ref, er(r, u));
+        t !== void 0 && (_e(t), s = "" + t), Ze(r) && (_e(r.key), s = "" + r.key), Qe(r) && (S = r.ref, er(r, u));
         for (c in r)
           q.call(r, c) && !Xe.hasOwnProperty(c) && (l[c] = r[c]);
         if (e && e.defaultProps) {
@@ -469,7 +469,7 @@ function yr() {
     var ce;
     ce = !1;
     function fe(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === k;
+      return typeof e == "object" && e !== null && e.$$typeof === _;
     }
     function Pe() {
       {
@@ -569,7 +569,7 @@ Check the top-level render call using <` + t + ">.");
       }
     }
     var De = {};
-    function Ae(e, r, t, a, u, c) {
+    function ze(e, r, t, a, u, c) {
       {
         var l = ne(e);
         if (!l) {
@@ -578,7 +578,7 @@ Check the top-level render call using <` + t + ">.");
           var S = or();
           S ? s += S : s += Pe();
           var x;
-          e === null ? x = "null" : le(e) ? x = "array" : e !== void 0 && e.$$typeof === k ? (x = "<" + (I(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, s);
+          e === null ? x = "null" : le(e) ? x = "array" : e !== void 0 && e.$$typeof === _ ? (x = "<" + (I(e.type) || "Unknown") + " />", s = " Did you accidentally export a JSX literal instead of a component?") : x = typeof e, h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", x, s);
         }
         var m = ar(e, r, t, u, c);
         if (m == null)
@@ -597,11 +597,11 @@ Check the top-level render call using <` + t + ">.");
               Ie(w, e);
         }
         if (q.call(r, "key")) {
-          var Y = I(e), _ = Object.keys(r).filter(function(vr) {
+          var Y = I(e), k = Object.keys(r).filter(function(vr) {
             return vr !== "key";
-          }), de = _.length > 0 ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), de = k.length > 0 ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!De[Y + de]) {
-            var pr = _.length > 0 ? "{" + _.join(": ..., ") + ": ...}" : "{}";
+            var pr = k.length > 0 ? "{" + k.join(": ..., ") + ": ...}" : "{}";
             h(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -614,20 +614,20 @@ React keys must be passed directly to JSX without using spread:
       }
     }
     function ur(e, r, t) {
-      return Ae(e, r, t, !0);
+      return ze(e, r, t, !0);
     }
     function cr(e, r, t) {
-      return Ae(e, r, t, !1);
+      return ze(e, r, t, !1);
     }
     var fr = cr, dr = ur;
-    K.Fragment = f, K.jsx = fr, K.jsxs = dr;
-  }()), K;
+    H.Fragment = f, H.jsx = fr, H.jsxs = dr;
+  }()), H;
 }
 process.env.NODE_ENV === "production" ? ve.exports = xr() : ve.exports = yr();
 var n = ve.exports;
 const hr = ({
   isOpen: d,
-  onClose: k,
+  onClose: _,
   onSubmit: O
 }) => {
   const [f, p] = $({
@@ -636,7 +636,7 @@ const hr = ({
     feedbackType: "general",
     userEmail: "",
     userName: ""
-  }), [o, F] = $(!1), [E, b] = $("idle"), [T, y] = $(""), [R, v] = $(!1), z = ze(null), D = ze(null);
+  }), [o, F] = $(!1), [E, b] = $("idle"), [T, y] = $(""), [R, v] = $(!1), A = Ae(null), D = Ae(null);
   Me(() => (d ? (v(!0), document.body.style.overflow = "hidden", setTimeout(() => {
     var i;
     (i = D.current) == null || i.focus();
@@ -652,7 +652,7 @@ const hr = ({
   }, [d, o]);
   const C = () => {
     v(!1), setTimeout(() => {
-      k(), setTimeout(() => {
+      _(), setTimeout(() => {
         p({
           text: "",
           rating: void 0,
@@ -719,7 +719,7 @@ const hr = ({
       children: /* @__PURE__ */ n.jsxs(
         "div",
         {
-          ref: z,
+          ref: A,
           style: L,
           onClick: (i) => i.stopPropagation(),
           children: [
@@ -1047,16 +1047,16 @@ const hr = ({
     }
   );
 };
-async function mr(d, k, O) {
+async function mr(d, _, O) {
   const f = {
     "Content-Type": "application/json"
   };
-  O && (f["X-API-Key"] = O);
+  O && (f.Authorization = `Bearer ${O}`);
   try {
     const p = await fetch(`${d}/api/feedback`, {
       method: "POST",
       headers: f,
-      body: JSON.stringify(k)
+      body: JSON.stringify(_)
     });
     if (!p.ok) {
       const o = await p.json().catch(() => ({}));
@@ -1069,8 +1069,8 @@ async function mr(d, k, O) {
 }
 const Rr = ({
   projectId: d,
-  apiKey: k,
-  apiUrl: O = "http://localhost:3000",
+  apiKey: _,
+  apiUrl: O = "https://metricshift-sdk-be-production.up.railway.app",
   buttonText: f = "Feedback",
   showIcon: p = !0,
   position: o = "bottom-right",
@@ -1081,13 +1081,13 @@ const Rr = ({
   customStyles: y,
   customClassName: R = "",
   disabled: v = !1,
-  autoOpen: z = !1,
+  autoOpen: A = !1,
   onOpen: D,
   onClose: C,
   onSuccess: B,
   onError: P
 }) => {
-  const [h, L] = $(z), [i, j] = $(!1), H = () => {
+  const [h, L] = $(A), [i, j] = $(!1), K = () => {
     v || (L(!0), D == null || D());
   }, re = () => {
     L(!1), C == null || C();
@@ -1103,7 +1103,7 @@ const Rr = ({
         user_email: g.userEmail,
         user_name: g.userName,
         feedback_type: g.feedbackType
-      }, W = await mr(O, M, k);
+      }, W = await mr(O, M, _);
       B && (W != null && W.id) && B(W.id);
     } catch (M) {
       throw P && M instanceof Error && P(M), M;
@@ -1155,7 +1155,7 @@ const Rr = ({
     transform: i && !v ? "translateY(-2px)" : "translateY(0)",
     outline: "none",
     ...y
-  }, A = {
+  }, z = {
     fontSize: V.iconSize,
     lineHeight: 1,
     display: "flex",
@@ -1165,7 +1165,7 @@ const Rr = ({
     /* @__PURE__ */ n.jsxs(
       "button",
       {
-        onClick: H,
+        onClick: K,
         onMouseEnter: () => !v && j(!0),
         onMouseLeave: () => !v && j(!1),
         disabled: v,
@@ -1177,10 +1177,10 @@ const Rr = ({
         role: "button",
         tabIndex: v ? -1 : 0,
         onKeyDown: (g) => {
-          !v && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), H());
+          !v && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), K());
         },
         children: [
-          p && /* @__PURE__ */ n.jsx("span", { style: A, "aria-hidden": "true", children: "💬" }),
+          p && /* @__PURE__ */ n.jsx("span", { style: z, "aria-hidden": "true", children: "💬" }),
           /* @__PURE__ */ n.jsx("span", { children: f })
         ]
       }
@@ -1199,12 +1199,12 @@ const Rr = ({
   if (!d)
     throw new Error("useMetricShift must be used within MetricShiftProvider");
   return d;
-}, _r = ({
+}, kr = ({
   config: d,
-  children: k
-}) => /* @__PURE__ */ n.jsx(Be.Provider, { value: d, children: k });
+  children: _
+}) => /* @__PURE__ */ n.jsx(Be.Provider, { value: d, children: _ });
 let pe = null;
-const kr = {
+const _r = {
   /**
    * Initialize the MetricShift SDK
    * @param config - SDK configuration
@@ -1226,8 +1226,8 @@ const kr = {
 export {
   Rr as FeedbackButton,
   hr as FeedbackModal,
-  kr as MetricShift,
-  _r as MetricShiftProvider,
+  _r as MetricShift,
+  kr as MetricShiftProvider,
   mr as submitFeedback,
   Sr as useMetricShift
 };