@deframe-sdk/components 0.1.34 → 0.1.35

package/dist/index.d.mts

@@ -2306,6 +2306,7 @@ interface EarnTokenSelectorViewProps {
     chainDisabledTitle?: string;
     isNetworkDisabled?: boolean;
     currentNetworkSelected?: ChainItem | null;
+    className?: string;
 }
 declare const EarnTokenSelectorView: React__default.FC<EarnTokenSelectorViewProps>;
 
@@ -2921,10 +2922,26 @@ declare function OnchainWithdrawFailedView({ tokenSymbol, tokenLogoURI, formatte
 
 declare function WithdrawFailedIcon(): react_jsx_runtime.JSX.Element;
 
+interface EarnFormSkeletonProps {
+    headerTitle?: string;
+    tokenSymbol?: string;
+    tokenLogoURI?: string | null;
+    chainLabel?: string;
+    chainImage?: string;
+    amount?: string;
+    dollarAmount?: string;
+    availableBalance?: string;
+    cancelLabel?: string;
+    submitLabel?: string;
+}
+
 interface OnchainWithdrawProcessingViewProps {
     onClose?: () => void;
 }
-declare const OnchainWithdrawProcessingSimpleView: React$1.FC<OnchainWithdrawProcessingViewProps>;
+interface OnchainWithdrawProcessingSimpleViewProps extends OnchainWithdrawProcessingViewProps {
+    formData?: EarnFormSkeletonProps;
+}
+declare const OnchainWithdrawProcessingSimpleView: React$1.FC<OnchainWithdrawProcessingSimpleViewProps>;
 
 interface OnchainWithdrawSignatureWarningViewProps {
     tokenSymbol: string;

package/dist/index.d.ts

@@ -2306,6 +2306,7 @@ interface EarnTokenSelectorViewProps {
     chainDisabledTitle?: string;
     isNetworkDisabled?: boolean;
     currentNetworkSelected?: ChainItem | null;
+    className?: string;
 }
 declare const EarnTokenSelectorView: React__default.FC<EarnTokenSelectorViewProps>;
 
@@ -2921,10 +2922,26 @@ declare function OnchainWithdrawFailedView({ tokenSymbol, tokenLogoURI, formatte
 
 declare function WithdrawFailedIcon(): react_jsx_runtime.JSX.Element;
 
+interface EarnFormSkeletonProps {
+    headerTitle?: string;
+    tokenSymbol?: string;
+    tokenLogoURI?: string | null;
+    chainLabel?: string;
+    chainImage?: string;
+    amount?: string;
+    dollarAmount?: string;
+    availableBalance?: string;
+    cancelLabel?: string;
+    submitLabel?: string;
+}
+
 interface OnchainWithdrawProcessingViewProps {
     onClose?: () => void;
 }
-declare const OnchainWithdrawProcessingSimpleView: React$1.FC<OnchainWithdrawProcessingViewProps>;
+interface OnchainWithdrawProcessingSimpleViewProps extends OnchainWithdrawProcessingViewProps {
+    formData?: EarnFormSkeletonProps;
+}
+declare const OnchainWithdrawProcessingSimpleView: React$1.FC<OnchainWithdrawProcessingSimpleViewProps>;
 
 interface OnchainWithdrawSignatureWarningViewProps {
     tokenSymbol: string;

package/dist/index.js

@@ -4903,7 +4903,7 @@ var SwapProcessingViewSimple = () => {
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
               "rounded-[inherit]",
               "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
-              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-secondary)_88%,transparent)]"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(LoadingIcon, {}),
@@ -5255,7 +5255,7 @@ var SwapSignatureWarningViewSimple = ({
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
               "rounded-[inherit]",
               "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
-              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-secondary)_88%,transparent)]"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(WarningIcon, {}),
@@ -5445,7 +5445,7 @@ var SwapSuccessViewSimple = () => {
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
               "rounded-[inherit]",
               "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
-              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-secondary)_88%,transparent)]"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(SuccessIcon, {}),
@@ -5648,7 +5648,7 @@ var SwapTransactionFailedViewSimple = ({
               "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
               "rounded-[inherit]",
               "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
-              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+              "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-secondary)_88%,transparent)]"
             ),
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, {}),
@@ -6345,6 +6345,35 @@ var SwapFormView = ({
     )
   ] });
 };
+var FONT_SIZE_CLASSES = [
+  "text-[36px]",
+  // 0–7 chars
+  "text-[34px]",
+  // 8 chars
+  "text-[32px]",
+  // 9 chars
+  "text-[30px]",
+  // 10 chars
+  "text-[28px]",
+  // 11 chars
+  "text-[26px]",
+  // 12 chars
+  "text-[24px]",
+  // 13 chars
+  "text-[22px]",
+  // 14 chars
+  "text-[20px]"
+  // 15+ chars
+];
+function getResponsiveFontSizeClass(value) {
+  const len = value.length;
+  if (len <= 7) return FONT_SIZE_CLASSES[0];
+  const index = Math.min(len - 7, FONT_SIZE_CLASSES.length - 1);
+  return FONT_SIZE_CLASSES[index];
+}
+function useResponsiveFontSize(value) {
+  return React6.useMemo(() => getResponsiveFontSizeClass(value), [value]);
+}
 var SwapFromCardViewSimple = ({
   labels,
   selectedToken,
@@ -6368,6 +6397,7 @@ var SwapFromCardViewSimple = ({
   errorActionLabel = "Adicionar via PIX",
   onErrorAction
 }) => {
+  const fontSizeClass = useResponsiveFontSize(amountValue || "");
   const [isHovered, setIsHovered] = React6.useState(false);
   const hideTimeout = React6.useRef(null);
   const handleMouseEnter = React6.useCallback(() => {
@@ -6439,9 +6469,11 @@ var SwapFromCardViewSimple = ({
                         className: tailwindMerge.twMerge(
                           "bg-transparent border-none outline-none",
                           "text-right",
-                          "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
+                          fontSizeClass,
+                          "[font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
                           "w-full px-[var(--deframe-widget-size-padding-x-none)] py-[var(--deframe-widget-size-padding-y-none)]",
                           "font-[var(--deframe-widget-font-family)]",
+                          "overflow-hidden text-ellipsis",
                           "placeholder:text-[color:var(--deframe-widget-color-text-tertiary)]",
                           isEmpty ? "text-[color:var(--deframe-widget-color-text-tertiary)]" : "text-[color:var(--deframe-widget-color-text-primary)]"
                         )
@@ -6930,6 +6962,7 @@ var SwapToCardViewSimple = ({
 }) => {
   const handleTokenClick = onNetworkAndAssetClick != null ? onNetworkAndAssetClick : onTokenClick;
   const isEmpty = !outputAmount || Number(outputAmount) === 0;
+  const fontSizeClass = useResponsiveFontSize(outputAmount || "");
   const wrapperClasses = tailwindMerge.twMerge(
     "rounded-[var(--deframe-widget-size-radius-sm)]",
     "border",
@@ -7095,9 +7128,10 @@ var SwapToCardViewSimple = ({
                   {
                     "data-test-id": "swap-to-simple-output-amount",
                     className: tailwindMerge.twMerge(
-                      "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
+                      fontSizeClass,
+                      "[font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
                       "font-[var(--deframe-widget-font-family)]",
-                      "text-right w-full",
+                      "text-right w-full overflow-hidden text-ellipsis",
                       isEmpty ? "text-[color:var(--deframe-widget-color-text-tertiary)]" : "text-[color:var(--deframe-widget-color-text-primary)]"
                     ),
                     children: isEmpty ? "0" : outputAmount
@@ -10915,7 +10949,8 @@ var EarnTokenSelectorSimpleView = ({
   isLoading,
   selectTokenLabel,
   chainLabel,
-  chainImage
+  chainImage,
+  className
 }) => {
   const hasToken = selectedToken != null;
   const isInteractive = !!onNetworkAndAssetClick;
@@ -10934,7 +10969,8 @@ var EarnTokenSelectorSimpleView = ({
   };
   const selectorClasses = tailwindMerge.twMerge(
     baseClasses,
-    stateClasses[isInteractive ? "interactive" : "static"]
+    stateClasses[isInteractive ? "interactive" : "static"],
+    className
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
@@ -11061,9 +11097,10 @@ var EarnAmountInputSimpleView = ({
   dollarAmountFormatted
 }) => {
   const isEmpty = !value || value === "0";
+  const fontSizeClass = useResponsiveFontSize(value || "");
   const inputBaseClasses = [
     "bg-transparent border-none outline-none text-right",
-    "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]",
+    `${fontSizeClass} [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1]`,
     "w-full",
     "px-[var(--deframe-widget-size-padding-x-none)] py-[var(--deframe-widget-size-padding-y-none)]",
     "font-[var(--deframe-widget-font-family)]",
@@ -12087,7 +12124,18 @@ var EarnDepositProcessingView = ({
     }
   );
 };
-function EarnFormSkeleton() {
+function EarnFormSkeleton({
+  headerTitle = "Deposit",
+  tokenSymbol = "USDC",
+  tokenLogoURI,
+  chainLabel = "Arbitrum",
+  chainImage,
+  amount = "500",
+  dollarAmount = "\u2248 $499.87",
+  availableBalance = "Available: 1,250.00 USDC",
+  cancelLabel = "Cancel",
+  submitLabel = "Deposit"
+} = {}) {
   const headerClasses = [
     "flex items-center",
     "px-[var(--deframe-widget-size-padding-x-md)]",
@@ -12123,7 +12171,7 @@ function EarnFormSkeleton() {
       "data-test-id": "earn-form-skeleton",
       className: "flex flex-col font-[var(--deframe-widget-font-family)]",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: titleClasses2, children: "Deposit" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: titleClasses2, children: headerTitle }) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-form-skeleton-divider", className: dividerClasses }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-form-skeleton-body", className: bodyClasses, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "earn-form-skeleton-input-card", className: inputCardClasses, children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
@@ -12139,29 +12187,43 @@ function EarnFormSkeleton() {
                 ),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-shrink-0 w-[38px] h-[38px]", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
+                    tokenLogoURI ? /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
+                        src: tokenLogoURI,
+                        alt: tokenSymbol,
+                        className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                      }
+                    ) : /* @__PURE__ */ jsxRuntime.jsx(
                       "div",
                       {
                         className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center text-[12px] [font-weight:var(--deframe-widget-font-weight-bold)] text-[color:var(--deframe-widget-color-text-primary)]",
-                        children: "US"
+                        children: tokenSymbol.slice(0, 2).toUpperCase()
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] shadow-[0_0_0_2px_var(--deframe-widget-color-bg-secondary)]" })
+                    chainImage ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[var(--deframe-widget-size-radius-full)] shadow-[0_0_0_2px_var(--deframe-widget-color-bg-secondary)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
+                        src: chainImage,
+                        alt: chainLabel,
+                        className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                      }
+                    ) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-0.5 -right-0.5 w-4 h-4 rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] shadow-[0_0_0_2px_var(--deframe-widget-color-bg-secondary)]" })
                   ] }),
                   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-primary)]", children: "USDC" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-tertiary)] uppercase tracking-[0.04em] font-[var(--deframe-widget-font-family)] leading-[1.2]", children: "Arbitrum" })
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-primary)]", children: tokenSymbol }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-medium)] text-[color:var(--deframe-widget-color-text-tertiary)] uppercase tracking-[0.04em] font-[var(--deframe-widget-font-family)] leading-[1.2]", children: chainLabel })
                   ] })
                 ]
               }
             ),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0" }),
             /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-end flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1] text-[color:var(--deframe-widget-color-text-primary)] text-right w-full font-[var(--deframe-widget-font-family)]", children: "500" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: "\u2248 $499.87" })
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[36px] [font-weight:var(--deframe-widget-font-weight-semibold)] [line-height:1.1] text-[color:var(--deframe-widget-color-text-primary)] text-right w-full font-[var(--deframe-widget-font-family)]", children: amount }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: dollarAmount })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)]", children: "Available: 1,250.00 USDC" }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)]", children: availableBalance }) })
         ] }) }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-test-id": "earn-form-skeleton-footer", className: footerClasses, children: [
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -12176,7 +12238,7 @@ function EarnFormSkeleton() {
                 "text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
                 "text-[color:var(--deframe-widget-color-text-secondary)]"
               ),
-              children: "Cancel"
+              children: cancelLabel
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
@@ -12191,7 +12253,7 @@ function EarnFormSkeleton() {
                 "text-[15px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
                 "text-[color:var(--deframe-widget-color-text-primary-dark)]"
               ),
-              children: "Deposit"
+              children: submitLabel
             }
           )
         ] })
@@ -12202,7 +12264,8 @@ function EarnFormSkeleton() {
 function EarnFeedbackOverlaySimpleView({
   variant,
   title,
-  subtitle
+  subtitle,
+  formData
 }) {
   const isLoading = variant === "loading";
   const wrapperClasses = tailwindMerge.twMerge(
@@ -12218,7 +12281,7 @@ function EarnFeedbackOverlaySimpleView({
     "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-lg)]",
     "rounded-[inherit]",
     "backdrop-blur-[12px] [-webkit-backdrop-filter:blur(12px)]",
-    "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-primary)_88%,transparent)]"
+    "bg-[color-mix(in_srgb,var(--deframe-widget-color-bg-secondary)_88%,transparent)]"
   );
   const textSectionClasses = tailwindMerge.twMerge(
     "flex flex-col items-center",
@@ -12241,7 +12304,7 @@ function EarnFeedbackOverlaySimpleView({
       "data-slot": "earn-feedback-overlay-wrapper",
       className: wrapperClasses,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-feedback-overlay-skeleton", children: /* @__PURE__ */ jsxRuntime.jsx(EarnFormSkeleton, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-feedback-overlay-skeleton", children: /* @__PURE__ */ jsxRuntime.jsx(EarnFormSkeleton, __spreadValues({}, formData)) }),
         /* @__PURE__ */ jsxRuntime.jsxs(
           framerMotion.motion.div,
           {
@@ -12526,15 +12589,24 @@ function WarningIcon2() {
   );
 }
 var EarnDepositProcessingSimpleView = ({
-  title,
-  descriptionPrefix
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-deposit-processing-simple-view", children: /* @__PURE__ */ jsxRuntime.jsx(
     EarnFeedbackOverlaySimpleView,
     {
       variant: "loading",
-      title,
-      subtitle: descriptionPrefix
+      title: "Processando Dep\xF3sito...",
+      subtitle: "Aguarde enquanto seu dep\xF3sito \xE9 confirmado.",
+      formData: {
+        headerTitle: "Dep\xF3sito",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -12612,9 +12684,12 @@ var EarnDepositSuccessView = ({
   );
 };
 var EarnDepositSuccessSimpleView = ({
-  title,
-  descriptionSuffix,
-  onClose
+  onClose,
+  tokenSymbol,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onClose) return;
@@ -12625,8 +12700,15 @@ var EarnDepositSuccessSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "success",
-      title,
-      subtitle: descriptionSuffix
+      title: "Dep\xF3sito Confirmado!",
+      subtitle: "Seu saldo foi atualizado.",
+      formData: {
+        headerTitle: "Dep\xF3sito",
+        tokenSymbol: tokenSymbol || strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -12690,9 +12772,11 @@ var EarnDepositWarningView = ({
   );
 };
 var EarnDepositWarningSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onBack) return;
@@ -12703,8 +12787,15 @@ var EarnDepositWarningSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "warning",
-      title,
-      subtitle: description
+      title: "Assinatura Recusada",
+      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada.",
+      formData: {
+        headerTitle: "Dep\xF3sito",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -12771,9 +12862,11 @@ var EarnDepositFailedView = ({
   );
 };
 var EarnDepositFailedSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onBack) return;
@@ -12784,8 +12877,15 @@ var EarnDepositFailedSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "error",
-      title,
-      subtitle: description
+      title: "Dep\xF3sito Falhou",
+      subtitle: "A transa\xE7\xE3o foi revertida.",
+      formData: {
+        headerTitle: "Dep\xF3sito",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -12855,15 +12955,24 @@ var EarnWithdrawProcessingView = ({
   );
 };
 var EarnWithdrawProcessingSimpleView = ({
-  title,
-  descriptionPrefix
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "earn-withdraw-processing-simple-view", children: /* @__PURE__ */ jsxRuntime.jsx(
     EarnFeedbackOverlaySimpleView,
     {
       variant: "loading",
-      title,
-      subtitle: descriptionPrefix
+      title: "Processando Saque...",
+      subtitle: "Aguarde enquanto seu saque \xE9 confirmado.",
+      formData: {
+        headerTitle: "Saque",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -12934,9 +13043,12 @@ var EarnWithdrawSuccessView = ({
   );
 };
 var EarnWithdrawSuccessSimpleView = ({
-  title,
-  descriptionSuffix,
-  onClose
+  onClose,
+  tokenSymbol,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onClose) return;
@@ -12947,8 +13059,15 @@ var EarnWithdrawSuccessSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "success",
-      title,
-      subtitle: descriptionSuffix
+      title: "Saque Confirmado!",
+      subtitle: "Seu saldo foi atualizado.",
+      formData: {
+        headerTitle: "Saque",
+        tokenSymbol: tokenSymbol || strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -13012,9 +13131,11 @@ var EarnWithdrawWarningView = ({
   );
 };
 var EarnWithdrawWarningSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onBack) return;
@@ -13025,8 +13146,15 @@ var EarnWithdrawWarningSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "warning",
-      title,
-      subtitle: description
+      title: "Assinatura Recusada",
+      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada.",
+      formData: {
+        headerTitle: "Saque",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -13093,9 +13221,11 @@ var EarnWithdrawFailedView = ({
   );
 };
 var EarnWithdrawFailedSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__namespace.default.useEffect(() => {
     if (!onBack) return;
@@ -13106,8 +13236,15 @@ var EarnWithdrawFailedSimpleView = ({
     EarnFeedbackOverlaySimpleView,
     {
       variant: "error",
-      title,
-      subtitle: description
+      title: "Saque Falhou",
+      subtitle: "A transa\xE7\xE3o foi revertida.",
+      formData: {
+        headerTitle: "Saque",
+        tokenSymbol: strategyName,
+        tokenLogoURI: iconSrc,
+        amount: amountToken,
+        dollarAmount: amountUSD
+      }
     }
   ) });
 };
@@ -13508,7 +13645,8 @@ var OnchainDepositFormSimpleView = ({
                         isLoading: false,
                         selectTokenLabel: "SELECIONE AQUI",
                         chainLabel: (_a = selectedChain == null ? void 0 : selectedChain.name) != null ? _a : "",
-                        chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl
+                        chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl,
+                        className: "w-full justify-between"
                       }
                     ),
                     !hasToken && /* @__PURE__ */ jsxRuntime.jsx(
@@ -13805,7 +13943,12 @@ function OnchainDepositSuccessView({
   );
 }
 var OnchainDepositSuccessSimpleView = ({
-  onClose
+  onClose,
+  tokenSymbol,
+  tokenLogoURI,
+  chainName,
+  chainIconUrl,
+  formattedAmount
 }) => {
   React6__namespace.useEffect(() => {
     if (!onClose) return;
@@ -13817,7 +13960,15 @@ var OnchainDepositSuccessSimpleView = ({
     {
       variant: "success",
       title: "Dep\xF3sito Confirmado!",
-      subtitle: "Seu saldo foi atualizado."
+      subtitle: "Seu saldo foi atualizado.",
+      formData: {
+        headerTitle: "Dep\xF3sito",
+        tokenSymbol,
+        tokenLogoURI,
+        chainLabel: chainName,
+        chainImage: chainIconUrl,
+        amount: formattedAmount
+      }
     }
   ) });
 };
@@ -14847,14 +14998,16 @@ function OnchainWithdrawFailedView({
   );
 }
 var OnchainWithdrawProcessingSimpleView = ({
-  onClose: _onClose
+  onClose: _onClose,
+  formData
 }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "onchain-withdraw-processing-simple-view", children: /* @__PURE__ */ jsxRuntime.jsx(
     EarnFeedbackOverlaySimpleView,
     {
       variant: "loading",
       title: "PROCESSANDO SAQUE...",
-      subtitle: "Aguarde enquanto sua transa\xE7\xE3o \xE9 confirmada."
+      subtitle: "Aguarde enquanto sua transa\xE7\xE3o \xE9 confirmada.",
+      formData
     }
   ) });
 };
@@ -15121,7 +15274,12 @@ function OnchainWithdrawSignatureWarningView({
   );
 }
 var OnchainWithdrawSignatureWarningSimpleView = ({
-  onCancel
+  onCancel,
+  tokenSymbol,
+  tokenLogoURI,
+  chainName,
+  chainIconUrl,
+  formattedAmount
 }) => {
   React6__namespace.useEffect(() => {
     if (!onCancel) return;
@@ -15133,7 +15291,15 @@ var OnchainWithdrawSignatureWarningSimpleView = ({
     {
       variant: "warning",
       title: "Saque n\xE3o assinado",
-      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada."
+      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada.",
+      formData: {
+        headerTitle: "Saque",
+        tokenSymbol,
+        tokenLogoURI,
+        chainLabel: chainName,
+        chainImage: chainIconUrl,
+        amount: formattedAmount
+      }
     }
   ) });
 };