@deframe-sdk/components 0.1.34 → 0.1.35

package/dist/index.mjs

@@ -4879,7 +4879,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__ */ jsx(LoadingIcon, {}),
@@ -5231,7 +5231,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__ */ jsx(WarningIcon, {}),
@@ -5421,7 +5421,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__ */ jsx(SuccessIcon, {}),
@@ -5624,7 +5624,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__ */ jsx(ErrorIcon, {}),
@@ -6321,6 +6321,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 useMemo(() => getResponsiveFontSizeClass(value), [value]);
+}
 var SwapFromCardViewSimple = ({
   labels,
   selectedToken,
@@ -6344,6 +6373,7 @@ var SwapFromCardViewSimple = ({
   errorActionLabel = "Adicionar via PIX",
   onErrorAction
 }) => {
+  const fontSizeClass = useResponsiveFontSize(amountValue || "");
   const [isHovered, setIsHovered] = useState(false);
   const hideTimeout = useRef(null);
   const handleMouseEnter = useCallback(() => {
@@ -6415,9 +6445,11 @@ var SwapFromCardViewSimple = ({
                         className: 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)]"
                         )
@@ -6906,6 +6938,7 @@ var SwapToCardViewSimple = ({
 }) => {
   const handleTokenClick = onNetworkAndAssetClick != null ? onNetworkAndAssetClick : onTokenClick;
   const isEmpty = !outputAmount || Number(outputAmount) === 0;
+  const fontSizeClass = useResponsiveFontSize(outputAmount || "");
   const wrapperClasses = twMerge(
     "rounded-[var(--deframe-widget-size-radius-sm)]",
     "border",
@@ -7071,9 +7104,10 @@ var SwapToCardViewSimple = ({
                   {
                     "data-test-id": "swap-to-simple-output-amount",
                     className: 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
@@ -10891,7 +10925,8 @@ var EarnTokenSelectorSimpleView = ({
   isLoading,
   selectTokenLabel,
   chainLabel,
-  chainImage
+  chainImage,
+  className
 }) => {
   const hasToken = selectedToken != null;
   const isInteractive = !!onNetworkAndAssetClick;
@@ -10910,7 +10945,8 @@ var EarnTokenSelectorSimpleView = ({
   };
   const selectorClasses = twMerge(
     baseClasses,
-    stateClasses[isInteractive ? "interactive" : "static"]
+    stateClasses[isInteractive ? "interactive" : "static"],
+    className
   );
   return /* @__PURE__ */ jsx(
     "button",
@@ -11037,9 +11073,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)]",
@@ -12063,7 +12100,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)]",
@@ -12099,7 +12147,7 @@ function EarnFormSkeleton() {
       "data-test-id": "earn-form-skeleton",
       className: "flex flex-col font-[var(--deframe-widget-font-family)]",
       children: [
-        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses2, children: "Deposit" }) }),
+        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-header", className: headerClasses, children: /* @__PURE__ */ jsx("span", { className: titleClasses2, children: headerTitle }) }),
         /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-divider", className: dividerClasses }),
         /* @__PURE__ */ jsx("div", { "data-test-id": "earn-form-skeleton-body", className: bodyClasses, children: /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-form-skeleton-input-card", className: inputCardClasses, children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]", children: [
@@ -12115,29 +12163,43 @@ function EarnFormSkeleton() {
                 ),
                 children: [
                   /* @__PURE__ */ jsxs("div", { className: "relative flex-shrink-0 w-[38px] h-[38px]", children: [
-                    /* @__PURE__ */ jsx(
+                    tokenLogoURI ? /* @__PURE__ */ jsx(
+                      "img",
+                      {
+                        src: tokenLogoURI,
+                        alt: tokenSymbol,
+                        className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                      }
+                    ) : /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx(
+                      "img",
+                      {
+                        src: chainImage,
+                        alt: chainLabel,
+                        className: "w-full h-full rounded-[var(--deframe-widget-size-radius-full)] object-cover"
+                      }
+                    ) }) : /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-start min-w-0", children: [
-                    /* @__PURE__ */ 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__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0" }),
             /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end flex-1 min-w-0", children: [
-              /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: "\u2248 $499.87" })
+              /* @__PURE__ */ 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__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: dollarAmount })
             ] })
           ] }),
-          /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)]", children: "Available: 1,250.00 USDC" }) })
+          /* @__PURE__ */ jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)]", children: availableBalance }) })
         ] }) }),
         /* @__PURE__ */ jsxs("div", { "data-test-id": "earn-form-skeleton-footer", className: footerClasses, children: [
           /* @__PURE__ */ jsx(
@@ -12152,7 +12214,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__ */ jsx(
@@ -12167,7 +12229,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
             }
           )
         ] })
@@ -12178,7 +12240,8 @@ function EarnFormSkeleton() {
 function EarnFeedbackOverlaySimpleView({
   variant,
   title,
-  subtitle
+  subtitle,
+  formData
 }) {
   const isLoading = variant === "loading";
   const wrapperClasses = twMerge(
@@ -12194,7 +12257,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 = twMerge(
     "flex flex-col items-center",
@@ -12217,7 +12280,7 @@ function EarnFeedbackOverlaySimpleView({
       "data-slot": "earn-feedback-overlay-wrapper",
       className: wrapperClasses,
       children: [
-        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-feedback-overlay-skeleton", children: /* @__PURE__ */ jsx(EarnFormSkeleton, {}) }),
+        /* @__PURE__ */ jsx("div", { "data-test-id": "earn-feedback-overlay-skeleton", children: /* @__PURE__ */ jsx(EarnFormSkeleton, __spreadValues({}, formData)) }),
         /* @__PURE__ */ jsxs(
           motion.div,
           {
@@ -12502,15 +12565,24 @@ function WarningIcon2() {
   );
 }
 var EarnDepositProcessingSimpleView = ({
-  title,
-  descriptionPrefix
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-deposit-processing-simple-view", children: /* @__PURE__ */ 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
+      }
     }
   ) });
 };
@@ -12588,9 +12660,12 @@ var EarnDepositSuccessView = ({
   );
 };
 var EarnDepositSuccessSimpleView = ({
-  title,
-  descriptionSuffix,
-  onClose
+  onClose,
+  tokenSymbol,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onClose) return;
@@ -12601,8 +12676,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
+      }
     }
   ) });
 };
@@ -12666,9 +12748,11 @@ var EarnDepositWarningView = ({
   );
 };
 var EarnDepositWarningSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onBack) return;
@@ -12679,8 +12763,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
+      }
     }
   ) });
 };
@@ -12747,9 +12838,11 @@ var EarnDepositFailedView = ({
   );
 };
 var EarnDepositFailedSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onBack) return;
@@ -12760,8 +12853,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
+      }
     }
   ) });
 };
@@ -12831,15 +12931,24 @@ var EarnWithdrawProcessingView = ({
   );
 };
 var EarnWithdrawProcessingSimpleView = ({
-  title,
-  descriptionPrefix
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   return /* @__PURE__ */ jsx("div", { "data-test-id": "earn-withdraw-processing-simple-view", children: /* @__PURE__ */ 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
+      }
     }
   ) });
 };
@@ -12910,9 +13019,12 @@ var EarnWithdrawSuccessView = ({
   );
 };
 var EarnWithdrawSuccessSimpleView = ({
-  title,
-  descriptionSuffix,
-  onClose
+  onClose,
+  tokenSymbol,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onClose) return;
@@ -12923,8 +13035,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
+      }
     }
   ) });
 };
@@ -12988,9 +13107,11 @@ var EarnWithdrawWarningView = ({
   );
 };
 var EarnWithdrawWarningSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onBack) return;
@@ -13001,8 +13122,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
+      }
     }
   ) });
 };
@@ -13069,9 +13197,11 @@ var EarnWithdrawFailedView = ({
   );
 };
 var EarnWithdrawFailedSimpleView = ({
-  title,
-  description,
-  onBack
+  onBack,
+  amountToken,
+  amountUSD,
+  iconSrc,
+  strategyName
 }) => {
   React6__default.useEffect(() => {
     if (!onBack) return;
@@ -13082,8 +13212,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
+      }
     }
   ) });
 };
@@ -13484,7 +13621,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__ */ jsx(
@@ -13781,7 +13919,12 @@ function OnchainDepositSuccessView({
   );
 }
 var OnchainDepositSuccessSimpleView = ({
-  onClose
+  onClose,
+  tokenSymbol,
+  tokenLogoURI,
+  chainName,
+  chainIconUrl,
+  formattedAmount
 }) => {
   React6.useEffect(() => {
     if (!onClose) return;
@@ -13793,7 +13936,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
+      }
     }
   ) });
 };
@@ -14823,14 +14974,16 @@ function OnchainWithdrawFailedView({
   );
 }
 var OnchainWithdrawProcessingSimpleView = ({
-  onClose: _onClose
+  onClose: _onClose,
+  formData
 }) => {
   return /* @__PURE__ */ jsx("div", { "data-test-id": "onchain-withdraw-processing-simple-view", children: /* @__PURE__ */ 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
     }
   ) });
 };
@@ -15097,7 +15250,12 @@ function OnchainWithdrawSignatureWarningView({
   );
 }
 var OnchainWithdrawSignatureWarningSimpleView = ({
-  onCancel
+  onCancel,
+  tokenSymbol,
+  tokenLogoURI,
+  chainName,
+  chainIconUrl,
+  formattedAmount
 }) => {
   React6.useEffect(() => {
     if (!onCancel) return;
@@ -15109,7 +15267,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
+      }
     }
   ) });
 };