@merit-systems/echo-react-sdk 1.0.7 → 1.0.8

package/dist/index.js

@@ -10544,61 +10544,37 @@ function EchoSignIn({
       }
     ) });
   }
-  return /* @__PURE__ */ jsxs("div", { className: `echo-signin ${className}`, children: [
-    children ? /* @__PURE__ */ jsx("div", { onClick: handleSignIn, style: { cursor: "pointer" }, children }) : /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: handleSignIn,
-        disabled: isLoading,
-        className: "echo-signin-button",
-        style: {
-          display: "flex",
-          alignItems: "center",
-          gap: "8px",
-          padding: "12px 20px",
-          backgroundColor: isLoading ? "#f3f4f6" : isHovered ? "#f1f5f9" : "#ffffff",
-          color: isLoading ? "#9ca3af" : "#09090b",
-          border: "1px solid #e2e8f0",
-          borderRadius: "8px",
-          cursor: isLoading ? "not-allowed" : "pointer",
-          fontSize: "14px",
-          fontWeight: "800",
-          fontFamily: "HelveticaNowDisplay, sans-serif",
-          transition: "all 0.2s ease",
-          boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-          backdropFilter: "blur(8px)"
-        },
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        children: [
-          /* @__PURE__ */ jsx(Logo, { width: 16, height: 16, variant: "light" }),
-          /* @__PURE__ */ jsx("span", { children: isLoading ? "Signing in..." : "Sign in" })
-        ]
-      }
-    ),
-    error && /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "echo-signin-error",
-        style: {
-          marginTop: "12px",
-          display: "flex",
-          alignItems: "center",
-          gap: "8px",
-          padding: "12px 16px",
-          backgroundColor: "#fef2f2",
-          border: "1px solid #fecaca",
-          borderRadius: "8px",
-          color: "#dc2626",
-          fontSize: "14px",
-          fontFamily: "HelveticaNowDisplay, sans-serif",
-          fontWeight: "800",
-          width: "fit-content"
-        },
-        children: /* @__PURE__ */ jsx("span", { children: error })
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("div", { className: `echo-signin ${className}`, children: children ? /* @__PURE__ */ jsx("div", { onClick: handleSignIn, style: { cursor: "pointer" }, children }) : /* @__PURE__ */ jsxs(
+    "button",
+    {
+      onClick: handleSignIn,
+      disabled: isLoading,
+      className: "echo-signin-button",
+      style: {
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        padding: "12px 20px",
+        backgroundColor: isLoading ? "#f3f4f6" : isHovered ? "#f1f5f9" : "#ffffff",
+        color: isLoading ? "#9ca3af" : "#09090b",
+        border: "1px solid #e2e8f0",
+        borderRadius: "8px",
+        cursor: isLoading ? "not-allowed" : "pointer",
+        fontSize: "14px",
+        fontWeight: "800",
+        fontFamily: "HelveticaNowDisplay, sans-serif",
+        transition: "all 0.2s ease",
+        boxShadow: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+        backdropFilter: "blur(8px)"
+      },
+      onMouseEnter: () => setIsHovered(true),
+      onMouseLeave: () => setIsHovered(false),
+      children: [
+        /* @__PURE__ */ jsx(Logo, { width: 16, height: 16, variant: "light" }),
+        /* @__PURE__ */ jsx("span", { children: isLoading ? "Signing in..." : "Sign in" })
+      ]
+    }
+  ) });
 }
 const CustomAmountInput = ({
   onAddCredits,
@@ -10948,9 +10924,7 @@ function EchoTokenPurchase({
                       margin: "0 0 12px 0",
                       fontFamily: "HelveticaNowDisplay, sans-serif"
                     },
-                    children: formatCurrency(
-                      ((balance == null ? void 0 : balance.balance) || 0) + calculateAvailableSpend()
-                    )
+                    children: formatCurrency(calculateAvailableSpend())
                   }
                 ),
                 /* @__PURE__ */ jsxs("div", { style: { marginBottom: "8px" }, children: [
@@ -10980,8 +10954,9 @@ function EchoTokenPurchase({
                             }
                           ),
                           /* @__PURE__ */ jsxs("span", { children: [
-                            formatCurrency(calculateAvailableSpend()),
-                            " Free Tier",
+                            formatCurrency(freeTierBalance.userSpendInfo.amountLeft),
+                            " ",
+                            "Free Tier",
                             freeTierBalance.userSpendInfo && freeTierBalance.userSpendInfo.spendLimit && /* @__PURE__ */ jsxs("span", { style: { color: "#9ca3af", marginLeft: "8px" }, children: [
                               formatCurrency(
                                 freeTierBalance.userSpendInfo.amountSpent
@@ -10990,7 +10965,7 @@ function EchoTokenPurchase({
                               "of",
                               " ",
                               formatCurrency(
-                                freeTierBalance.userSpendInfo.amountLeft + freeTierBalance.userSpendInfo.amountSpent
+                                freeTierBalance.userSpendInfo.spendLimit
                               ),
                               " ",
                               "used"