@deframe-sdk/components 0.1.37 → 0.1.38

package/dist/index.mjs

@@ -10669,21 +10669,33 @@ var EarnNoBalanceNotificationView = ({
   prompt,
   actionLabel,
   onAction
-}) => /* @__PURE__ */ jsx("div", { className: "px-[var(--deframe-widget-size-padding-x-md)] mt-[var(--deframe-widget-size-gap-md)]", children: /* @__PURE__ */ jsx(SectionCard, { className: "bg-[var(--deframe-widget-color-state-warning)]/10 border border-[var(--deframe-widget-color-state-warning)]/20", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-[var(--deframe-widget-size-gap-sm)]", children: [
-  /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-[var(--deframe-widget-size-gap-sm)]", children: [
-    /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-[color:var(--deframe-widget-color-state-warning)] flex-shrink-0 mt-0.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", className: "text-[color:var(--deframe-widget-color-text-primary)]", children: prompt }) })
-  ] }),
-  /* @__PURE__ */ jsx(
-    PrimaryButton,
-    {
-      type: "button",
-      onClick: onAction,
-      className: "w-full mt-[var(--deframe-widget-size-gap-sm)]",
-      children: actionLabel
-    }
-  )
-] }) }) });
+}) => /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-md)]", children: /* @__PURE__ */ jsxs(
+  "div",
+  {
+    "data-test-id": "earn-no-balance-notification",
+    className: [
+      "bg-[color-mix(in_srgb,var(--deframe-widget-color-state-warning)_16%,transparent)]",
+      "border border-[var(--deframe-widget-color-state-warning)]",
+      "rounded-[var(--deframe-widget-size-radius-sm)]",
+      "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
+      "flex flex-col gap-[var(--deframe-widget-size-gap-md)]"
+    ].join(" "),
+    children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-[var(--deframe-widget-size-gap-sm)]", children: [
+        /* @__PURE__ */ jsx("svg", { className: "w-5 h-5 text-[color:var(--deframe-widget-color-state-warning)] flex-shrink-0 mt-0.5", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx("path", { fillRule: "evenodd", d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z", clipRule: "evenodd" }) }),
+        /* @__PURE__ */ jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsx(TextBody, { variant: "text-small", children: prompt }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        PrimaryButton,
+        {
+          type: "button",
+          onClick: onAction,
+          children: actionLabel
+        }
+      )
+    ]
+  }
+) });
 var EarnTxStatusCardView = ({
   statusLabel,
   isProcessing,
@@ -11290,6 +11302,8 @@ var EarnDepositFormViewSimple = ({
   isTxError,
   txSuccessMessage,
   txErrorMessage,
+  // Insufficient balance
+  insufficientBalanceMessage,
   // Bytecode error
   bytecodeErrorMessage,
   // Submit button
@@ -11297,7 +11311,7 @@ var EarnDepositFormViewSimple = ({
   submitButtonText
 }) => {
   const hasToken = selectedToken != null;
-  const hasError = !!bytecodeErrorMessage;
+  const hasError = !!insufficientBalanceMessage || !!bytecodeErrorMessage;
   const isSubmitDisabled = !hasToken || submitDisabled || !amountValue || amountValue === "0" || amountValue === "";
   const [cardHovered, setCardHovered] = React6__default.useState(false);
   const hideTimerRef = React6__default.useRef(void 0);
@@ -11458,7 +11472,21 @@ var EarnDepositFormViewSimple = ({
                         children: selectTokenLabel
                       }
                     ),
-                    /* @__PURE__ */ jsx(AnimatePresence, { children: hasToken && cardHovered && /* @__PURE__ */ jsx(
+                    hasError && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "error",
+                        message: insufficientBalanceMessage || bytecodeErrorMessage
+                      }
+                    ) }),
+                    showNoBalanceNotification ? /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                      EarnNoBalanceNotificationView,
+                      {
+                        prompt: noBalancePrompt,
+                        actionLabel: goToSwapLabel,
+                        onAction: onGoToSwap
+                      }
+                    ) }) : /* @__PURE__ */ jsx(AnimatePresence, { children: hasToken && cardHovered && /* @__PURE__ */ jsx(
                       motion.div,
                       {
                         "data-slot": "deposit-simple-chips-row",
@@ -11478,21 +11506,6 @@ var EarnDepositFormViewSimple = ({
                           }
                         )
                       }
-                    ) }),
-                    showNoBalanceNotification && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
-                      EarnNoBalanceNotificationView,
-                      {
-                        prompt: noBalancePrompt,
-                        actionLabel: goToSwapLabel,
-                        onAction: onGoToSwap
-                      }
-                    ) }),
-                    bytecodeErrorMessage && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
-                      EarnInlineNotificationSimpleView,
-                      {
-                        variant: "error",
-                        message: bytecodeErrorMessage
-                      }
                     ) })
                   ]
                 }
@@ -11748,6 +11761,8 @@ var EarnWithdrawFormViewSimple = ({
   isTxError,
   txSuccessMessage,
   txErrorMessage,
+  // Insufficient balance
+  insufficientBalanceMessage,
   // Bytecode error
   bytecodeErrorMessage,
   // Submit button
@@ -11755,7 +11770,7 @@ var EarnWithdrawFormViewSimple = ({
   submitButtonText
 }) => {
   const hasToken = selectedToken != null;
-  const hasError = !!bytecodeErrorMessage;
+  const hasError = !!insufficientBalanceMessage || !!bytecodeErrorMessage;
   const isSubmitDisabled = !hasToken || submitDisabled || !amountValue || amountValue === "0" || amountValue === "";
   const [cardHovered, setCardHovered] = React6__default.useState(false);
   const hideTimerRef = React6__default.useRef(void 0);
@@ -11934,11 +11949,11 @@ var EarnWithdrawFormViewSimple = ({
                         )
                       }
                     ) }),
-                    bytecodeErrorMessage && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
+                    hasError && /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx(
                       EarnInlineNotificationSimpleView,
                       {
                         variant: "error",
-                        message: bytecodeErrorMessage
+                        message: insufficientBalanceMessage || bytecodeErrorMessage
                       }
                     ) })
                   ]