npm - @deframe-sdk/components - Versions diffs - 0.1.29 → 0.1.30 - Mend

@deframe-sdk/components 0.1.29 → 0.1.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/dist/index.js CHANGED Viewed

@@ -11084,6 +11084,300 @@ function OnchainDepositFormView({
     }
   );
 }
+var OnchainDepositFormSimpleView = ({
+  // Token selector
+  selectedToken,
+  onTokenClick,
+  selectedChain,
+  // Address
+  depositAddress,
+  onAddressCopy,
+  // Navigation
+  onBack,
+  onClose,
+  // Labels
+  labels,
+  // Tab switcher
+  activeTab,
+  cryptoHref,
+  pixHref
+}) => {
+  var _a;
+  const hasToken = selectedToken != null;
+  const showAddressSection = hasToken && !!depositAddress;
+  const panelBaseClasses = [
+    "relative flex flex-col overflow-hidden w-[420px]",
+    "rounded-[var(--deframe-widget-size-radius-md)]",
+    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+    "font-[var(--deframe-widget-font-family)]"
+  ].join(" ");
+  const headerBaseClasses = [
+    "flex items-center",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const titleBaseClasses = [
+    "flex-1",
+    "text-[15px]",
+    "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+    "text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const dividerClasses = "h-px bg-[var(--deframe-widget-color-border-secondary)]";
+  const bodyBaseClasses = [
+    "flex flex-col",
+    "gap-[var(--deframe-widget-size-gap-md)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "onchain-deposit-simple-panel",
+      "data-test-id": "onchain-deposit-form-simple-view",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "header",
+          {
+            "data-slot": "onchain-deposit-simple-header",
+            "data-test-id": "onchain-deposit-form-simple-view-header",
+            className: headerBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "data-slot": "onchain-deposit-simple-title",
+                  "data-test-id": "onchain-deposit-form-simple-view-title",
+                  className: titleBaseClasses,
+                  children: labels.title
+                }
+              ),
+              onClose && /* @__PURE__ */ jsxRuntime.jsx(
+                CloseButton_default,
+                {
+                  onClick: onClose,
+                  ariaLabel: "Close deposit panel",
+                  testId: "onchain-deposit-form-simple-view-close"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-divider",
+            "data-test-id": "onchain-deposit-form-simple-view-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "nav",
+          {
+            "data-slot": "onchain-deposit-simple-tabs",
+            "data-test-id": "onchain-deposit-form-simple-view-tabs",
+            className: "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-sm)]",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                role: "tablist",
+                "data-test-id": "onchain-deposit-form-simple-view-tablist",
+                className: tailwindMerge.twMerge(
+                  "inline-flex w-full rounded-[var(--deframe-widget-size-radius-md)]",
+                  "bg-[var(--deframe-widget-color-bg-secondary)]",
+                  "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                  "p-[3px] gap-[2px]"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: cryptoHref != null ? cryptoHref : "/dashboard/deposit/onchain",
+                      role: "tab",
+                      "aria-selected": activeTab === "crypto",
+                      "aria-current": activeTab === "crypto" ? "page" : void 0,
+                      "aria-label": "Cripto",
+                      "data-test-id": "onchain-deposit-form-simple-view-tab-crypto",
+                      className: tailwindMerge.twMerge(
+                        "inline-flex flex-1 items-center justify-center",
+                        "gap-[var(--deframe-widget-size-gap-xs)]",
+                        "rounded-[var(--deframe-widget-size-radius-sm)]",
+                        "border-[length:var(--deframe-widget-size-border-sm)] border-solid border-transparent",
+                        "outline-none whitespace-nowrap transition-[background,color,border-color] duration-150",
+                        "font-[var(--deframe-widget-font-family)] [font-weight:var(--deframe-widget-font-weight-medium)]",
+                        "py-[5px] px-[var(--deframe-widget-size-padding-x-lg)]",
+                        "[font-size:var(--deframe-widget-font-size-md)] [line-height:var(--deframe-widget-font-leading-md)]",
+                        activeTab === "crypto" ? "text-[color:var(--deframe-widget-color-brand-primary)]" : "text-[color:var(--deframe-widget-color-text-secondary)] hover:bg-[var(--deframe-widget-color-bg-tertiary)]"
+                      ),
+                      children: "Cripto"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "a",
+                    {
+                      href: pixHref != null ? pixHref : "/dashboard/deposit/onramp",
+                      role: "tab",
+                      "aria-selected": activeTab === "pix",
+                      "aria-current": activeTab === "pix" ? "page" : void 0,
+                      "aria-label": "PIX",
+                      "data-test-id": "onchain-deposit-form-simple-view-tab-pix",
+                      className: tailwindMerge.twMerge(
+                        "inline-flex flex-1 items-center justify-center",
+                        "gap-[var(--deframe-widget-size-gap-xs)]",
+                        "rounded-[var(--deframe-widget-size-radius-sm)]",
+                        "border-[length:var(--deframe-widget-size-border-sm)] border-solid border-transparent",
+                        "outline-none whitespace-nowrap transition-[background,color,border-color] duration-150",
+                        "font-[var(--deframe-widget-font-family)] [font-weight:var(--deframe-widget-font-weight-medium)]",
+                        "py-[5px] px-[var(--deframe-widget-size-padding-x-lg)]",
+                        "[font-size:var(--deframe-widget-font-size-md)] [line-height:var(--deframe-widget-font-leading-md)]",
+                        activeTab === "pix" ? "text-[color:var(--deframe-widget-color-brand-primary)]" : "text-[color:var(--deframe-widget-color-text-secondary)] hover:bg-[var(--deframe-widget-color-bg-tertiary)]"
+                      ),
+                      children: "PIX"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-divider-tabs",
+            "data-test-id": "onchain-deposit-form-simple-view-divider-tabs",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "onchain-deposit-simple-body",
+            "data-test-id": "onchain-deposit-form-simple-view-body",
+            className: bodyBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-deposit-simple-token-card",
+                  "data-test-id": "onchain-deposit-form-simple-view-token-card",
+                  className: tailwindMerge.twMerge(
+                    "rounded-[var(--deframe-widget-size-radius-sm)]",
+                    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                    "bg-[var(--deframe-widget-color-bg-secondary)]",
+                    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]"
+                  ),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      EarnTokenSelectorSimpleView,
+                      {
+                        selectedToken,
+                        onTokenClick,
+                        onNetworkAndAssetClick: onTokenClick,
+                        isLoading: false,
+                        selectTokenLabel: "SELECIONE AQUI",
+                        chainLabel: (_a = selectedChain == null ? void 0 : selectedChain.name) != null ? _a : "",
+                        chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl
+                      }
+                    ),
+                    !hasToken && /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-deposit-simple-empty-hint",
+                        "data-test-id": "onchain-deposit-form-simple-view-empty-hint",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.tokenPlaceholder
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: showAddressSection && /* @__PURE__ */ jsxRuntime.jsxs(
+                framerMotion.motion.div,
+                {
+                  "data-slot": "onchain-deposit-simple-address-section",
+                  "data-test-id": "onchain-deposit-form-simple-view-address-section",
+                  initial: { opacity: 0, height: 0 },
+                  animate: { opacity: 1, height: "auto" },
+                  exit: { opacity: 0, height: 0 },
+                  transition: { duration: 0.2, ease: "easeOut" },
+                  style: { overflow: "hidden" },
+                  className: "flex flex-col gap-[var(--deframe-widget-size-gap-md)]",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        "data-slot": "onchain-deposit-simple-address-card",
+                        "data-test-id": "onchain-deposit-form-simple-view-address-card",
+                        className: tailwindMerge.twMerge(
+                          "rounded-[var(--deframe-widget-size-radius-sm)]",
+                          "border border-[color:var(--deframe-widget-color-border-secondary)]",
+                          "bg-[var(--deframe-widget-color-bg-secondary)]",
+                          "px-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)] pb-[var(--deframe-widget-size-padding-y-md)]"
+                        ),
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "p",
+                            {
+                              "data-test-id": "onchain-deposit-form-simple-view-address-label",
+                              className: "mb-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                              children: "Endere\xE7o de dep\xF3sito"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            AddressDisplay,
+                            {
+                              address: depositAddress,
+                              onCopy: onAddressCopy
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "warning",
+                        message: labels.warnBannerTokenChain
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "footer",
+          {
+            "data-slot": "onchain-deposit-simple-footer",
+            "data-test-id": "onchain-deposit-form-simple-view-footer",
+            className: "px-[var(--deframe-widget-size-padding-x-md)] pb-[var(--deframe-widget-size-padding-y-md)]",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              SecondaryButton,
+              {
+                type: "button",
+                className: [
+                  "w-full h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+                  "text-[15px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                  "border-[color:var(--deframe-widget-color-border-secondary)]",
+                  "outline-none",
+                  "transition-[background,color,border-color] duration-150",
+                  "hover:opacity-100",
+                  "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_60%,transparent)]",
+                  "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+                ].join(" "),
+                onClick: onBack,
+                "aria-label": labels.backLabel,
+                "data-test-id": "onchain-deposit-form-simple-view-cancel",
+                children: labels.backLabel
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
 // src/utils/truncate-address.ts
 function truncateAddress(address, startChars = 6, endChars = 4) {
@@ -11278,6 +11572,23 @@ function OnchainDepositSuccessView({
     }
   );
 }
+var OnchainDepositSuccessSimpleView = ({
+  onClose
+}) => {
+  React6__namespace.useEffect(() => {
+    if (!onClose) return;
+    const timer = setTimeout(onClose, 5e3);
+    return () => clearTimeout(timer);
+  }, [onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "onchain-deposit-success-simple-view", children: /* @__PURE__ */ jsxRuntime.jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "success",
+      title: "Dep\xF3sito Confirmado!",
+      subtitle: "Seu saldo foi atualizado."
+    }
+  ) });
+};
 function OnchainWithdrawFormView({
   selectedToken,
   onTokenClick,
@@ -11544,64 +11855,417 @@ function OnchainWithdrawFormView({
     }
   );
 }
-function OnchainWithdrawChainSelectorView({
-  actionSheetId,
-  isOpen,
-  currentActionSheetId,
+var OnchainWithdrawFormSimpleView = ({
+  // Token selector
+  selectedToken,
+  onTokenClick,
+  selectedChain,
+  // Amount
+  amount,
+  onAmountChange,
+  formattedAmountUsd,
+  formattedBalance,
+  // Percentage (new optional props)
+  onPercentageClick,
+  maxLabel,
+  // Destination address
+  destinationAddress,
+  onDestinationAddressChange,
+  // Errors
+  isBelowMinAmount,
+  walletError,
+  transferError,
+  // Submit
+  isSubmitDisabled,
+  isProcessing,
+  onSubmit,
+  submitLabel,
+  // Navigation
+  onBack,
   onClose,
-  chains,
-  onChainClick,
-  title,
-  closeAriaLabel = "Close"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ActionSheet,
-    {
-      id: actionSheetId,
-      isOpen,
-      currentActionSheetId,
-      onClose,
-      height: "auto",
-      position: "bottom",
-      closeOnBackdropClick: true,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "relative w-full max-w-2xl mx-auto h-full bg-[var(--deframe-widget-color-bg-primary)] shadow-lg overflow-y-auto h-screen",
-          "data-test-id": "onchain-withdraw-chain-selector",
-          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full px-[var(--deframe-widget-size-padding-x-md)] bg-[var(--deframe-widget-color-bg-primary)] text-[var(--deframe-widget-color-text-primary)] flex flex-col relative min-h-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-sm)] pr-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)] pb-[var(--deframe-widget-size-padding-y-md)] border-b items-center border-[var(--deframe-widget-color-border-tertiary)] flex", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: onClose,
-                className: "w-12 h-12 rounded-full flex items-center justify-center text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-brand-primary)] transition-colors cursor-pointer",
-                "aria-label": closeAriaLabel,
-                "data-test-id": "onchain-withdraw-chain-selector-close",
-                children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineClose, { className: "w-6 h-6" })
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col flex-1 min-h-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none p-6 pb-0", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    className: "text-h5 text-[color:var(--deframe-widget-color-text-secondary)] font-bold",
-                    "data-test-id": "onchain-withdraw-chain-selector-title",
-                    children: title
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("br", {})
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 w-full px-6 pb-6 flex-1 min-h-0 overflow-y-auto", children: chains.map((chain) => /* @__PURE__ */ jsxRuntime.jsxs(
-                ListItem,
-                {
-                  onClick: () => onChainClick(chain.chainId),
-                  containerClassName: `border ${chain.isSelected ? "border-[var(--deframe-widget-color-brand-primary)] bg-[var(--deframe-widget-color-bg-secondary)]" : "border-[var(--deframe-widget-color-border-secondary)]"} hover:border-[var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)] transition-colors cursor-pointer`,
-                  "data-test-id": `onchain-withdraw-chain-${chain.chainId}`,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                      "img",
-                      {
+  // Labels
+  labels
+}) => {
+  var _a;
+  const hasToken = selectedToken != null;
+  const hasAmountError = !!walletError || isBelowMinAmount;
+  const hasAddressError = !!transferError;
+  const isSubmitDisabledInternal = !hasToken || isSubmitDisabled || isProcessing || !amount || amount === "0" || amount === "" || !destinationAddress.trim();
+  const [cardHovered, setCardHovered] = React6__namespace.default.useState(false);
+  const hideTimerRef = React6__namespace.default.useRef(void 0);
+  function handleHoverStart() {
+    clearTimeout(hideTimerRef.current);
+    setCardHovered(true);
+  }
+  function handleHoverEnd() {
+    hideTimerRef.current = setTimeout(() => setCardHovered(false), 150);
+  }
+  React6__namespace.default.useEffect(() => () => clearTimeout(hideTimerRef.current), []);
+  const panelBaseClasses = [
+    "relative flex flex-col overflow-hidden w-[420px]",
+    "rounded-[var(--deframe-widget-size-radius-md)]",
+    "border border-[color:var(--deframe-widget-color-border-secondary)]",
+    "font-[var(--deframe-widget-font-family)]"
+  ].join(" ");
+  const headerBaseClasses = [
+    "flex items-center",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const titleBaseClasses = [
+    "flex-1",
+    "text-[15px]",
+    "[font-weight:var(--deframe-widget-font-weight-semibold)]",
+    "text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const dividerClasses = "h-px bg-[var(--deframe-widget-color-border-secondary)]";
+  const bodyBaseClasses = [
+    "flex flex-col",
+    "gap-[var(--deframe-widget-size-gap-md)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "py-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const inputCardClasses = tailwindMerge.twMerge(
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border",
+    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
+    "transition-[border-color,background] duration-200",
+    hasAmountError ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]"
+  );
+  const addressCardClasses = tailwindMerge.twMerge(
+    "rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border",
+    "px-[var(--deframe-widget-size-padding-x-md)] py-[var(--deframe-widget-size-padding-y-md)]",
+    "transition-[border-color,background] duration-200",
+    hasAddressError ? "border-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_32%,transparent)] bg-[color:color-mix(in_srgb,var(--deframe-widget-color-state-error)_16%,transparent)]" : "border-[color:var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)]"
+  );
+  const footerBaseClasses = [
+    "flex gap-[var(--deframe-widget-size-gap-sm)]",
+    "px-[var(--deframe-widget-size-padding-x-md)]",
+    "pb-[var(--deframe-widget-size-padding-y-md)]"
+  ].join(" ");
+  const cancelButtonClasses = [
+    "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+    "text-[15px] text-[color:var(--deframe-widget-color-text-secondary)]",
+    "border-[color:var(--deframe-widget-color-border-secondary)]",
+    "outline-none",
+    "transition-[background,color,border-color] duration-150",
+    "hover:opacity-100",
+    "hover:bg-[color:color-mix(in_srgb,var(--deframe-widget-color-bg-tertiary)_60%,transparent)]",
+    "hover:text-[color:var(--deframe-widget-color-text-primary)]"
+  ].join(" ");
+  const submitButtonClasses = [
+    "flex-1 h-12 rounded-[var(--deframe-widget-size-radius-sm)]",
+    "border-none",
+    "text-[15px]",
+    isSubmitDisabledInternal ? "text-[color:var(--deframe-widget-color-text-primary-disabled)]" : "text-[color:var(--deframe-widget-color-text-primary-dark)]",
+    "outline-none",
+    "transition-[background,color] duration-200"
+  ].join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "onchain-withdraw-simple-panel",
+      "data-test-id": "onchain-withdraw-form-simple-view",
+      className: panelBaseClasses,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "header",
+          {
+            "data-slot": "onchain-withdraw-simple-header",
+            "data-test-id": "onchain-withdraw-form-simple-view-header",
+            className: headerBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "data-slot": "onchain-withdraw-simple-title",
+                  "data-test-id": "onchain-withdraw-form-simple-view-title",
+                  className: titleBaseClasses,
+                  children: labels.title
+                }
+              ),
+              onClose && /* @__PURE__ */ jsxRuntime.jsx(
+                CloseButton_default,
+                {
+                  onClick: onClose,
+                  ariaLabel: "Close withdrawal panel",
+                  testId: "onchain-withdraw-form-simple-view-close"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-slot": "onchain-withdraw-simple-divider",
+            "data-test-id": "onchain-withdraw-form-simple-view-divider",
+            className: dividerClasses
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "onchain-withdraw-simple-body",
+            "data-test-id": "onchain-withdraw-form-simple-view-body",
+            className: bodyBaseClasses,
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-withdraw-simple-input-card",
+                  "data-test-id": "onchain-withdraw-form-simple-view-input-card",
+                  onMouseEnter: hasToken ? handleHoverStart : void 0,
+                  onMouseLeave: hasToken ? handleHoverEnd : void 0,
+                  className: inputCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "div",
+                      {
+                        "data-slot": "onchain-withdraw-simple-input-top-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-top-row",
+                        className: "flex items-center gap-[var(--deframe-widget-size-gap-sm)]",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            EarnTokenSelectorSimpleView,
+                            {
+                              selectedToken,
+                              onTokenClick,
+                              onNetworkAndAssetClick: onTokenClick,
+                              isLoading: false,
+                              selectTokenLabel: "SELECIONE AQUI",
+                              chainLabel: (_a = selectedChain == null ? void 0 : selectedChain.name) != null ? _a : "",
+                              chainImage: selectedChain == null ? void 0 : selectedChain.iconUrl
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            "div",
+                            {
+                              "data-test-id": "onchain-withdraw-form-simple-view-input-divider",
+                              className: "w-px h-10 bg-[var(--deframe-widget-color-border-secondary)] flex-shrink-0"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntime.jsx(
+                            EarnAmountInputSimpleView,
+                            {
+                              value: amount,
+                              onChange: (e) => onAmountChange(e.target.value),
+                              ariaLabel: "Amount to withdraw",
+                              dollarAmountFormatted: formattedAmountUsd
+                            }
+                          )
+                        ]
+                      }
+                    ),
+                    hasToken && formattedBalance && /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        "data-slot": "onchain-withdraw-simple-balance-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-balance-row",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)]",
+                        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          "span",
+                          {
+                            className: hasAmountError ? "text-[color:var(--deframe-widget-color-state-error)]" : "text-[color:var(--deframe-widget-color-text-secondary)]",
+                            children: [
+                              labels.balancePrefix,
+                              ": ",
+                              formattedBalance
+                            ]
+                          }
+                        ) })
+                      }
+                    ),
+                    !hasToken && /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-withdraw-simple-empty-hint",
+                        "data-test-id": "onchain-withdraw-form-simple-view-empty-hint",
+                        className: "mt-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.tokenPlaceholder
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: hasToken && onPercentageClick && cardHovered && /* @__PURE__ */ jsxRuntime.jsx(
+                      framerMotion.motion.div,
+                      {
+                        "data-slot": "onchain-withdraw-simple-chips-row",
+                        "data-test-id": "onchain-withdraw-form-simple-view-chips-row",
+                        initial: { opacity: 0, height: 0, marginTop: 0 },
+                        animate: { opacity: 1, height: "auto", marginTop: "var(--deframe-widget-size-gap-sm)" },
+                        exit: { opacity: 0, height: 0, marginTop: 0 },
+                        transition: { duration: 0.15, ease: "easeOut" },
+                        style: { overflow: "hidden" },
+                        onMouseEnter: handleHoverStart,
+                        onMouseLeave: handleHoverEnd,
+                        children: /* @__PURE__ */ jsxRuntime.jsx(
+                          EarnPercentageButtonsSimpleView,
+                          {
+                            onPercentageClick,
+                            maxLabel: maxLabel != null ? maxLabel : "M\xE1x."
+                          }
+                        )
+                      }
+                    ) }),
+                    (walletError || isBelowMinAmount) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx(
+                      EarnInlineNotificationSimpleView,
+                      {
+                        variant: "error",
+                        message: walletError != null ? walletError : labels.minAmountWarning
+                      }
+                    ) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  "data-slot": "onchain-withdraw-simple-address-card",
+                  "data-test-id": "onchain-withdraw-form-simple-view-address-card",
+                  className: addressCardClasses,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "p",
+                      {
+                        "data-slot": "onchain-withdraw-simple-address-label",
+                        "data-test-id": "onchain-withdraw-form-simple-view-address-label",
+                        className: "mb-[var(--deframe-widget-size-gap-sm)] text-[13px] text-[color:var(--deframe-widget-color-text-tertiary)] font-[var(--deframe-widget-font-family)]",
+                        children: labels.destinationAddressLabel
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        "data-slot": "onchain-withdraw-simple-address-input",
+                        "data-test-id": "onchain-withdraw-form-simple-view-address-input",
+                        type: "text",
+                        value: destinationAddress,
+                        onChange: (e) => onDestinationAddressChange(e.target.value),
+                        placeholder: labels.destinationAddressPlaceholder,
+                        disabled: isProcessing,
+                        "aria-label": labels.destinationAddressLabel,
+                        className: tailwindMerge.twMerge(
+                          "w-full bg-transparent outline-none",
+                          "text-[13px] [font-weight:var(--deframe-widget-font-weight-regular)]",
+                          "font-[var(--deframe-widget-font-family)]",
+                          "placeholder:text-[color:var(--deframe-widget-color-text-tertiary)]",
+                          "text-[color:var(--deframe-widget-color-text-primary)]",
+                          '[font-feature-settings:"tnum"]',
+                          "disabled:opacity-50 disabled:cursor-not-allowed"
+                        ),
+                        spellCheck: false,
+                        autoComplete: "off"
+                      }
+                    ),
+                    transferError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-[var(--deframe-widget-size-gap-sm)]", children: /* @__PURE__ */ jsxRuntime.jsx(EarnInlineNotificationSimpleView, { variant: "error", message: transferError }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EarnInlineNotificationSimpleView,
+                {
+                  variant: "warning",
+                  message: labels.infoBanner
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "footer",
+          {
+            "data-slot": "onchain-withdraw-simple-footer",
+            "data-test-id": "onchain-withdraw-form-simple-view-footer",
+            className: footerBaseClasses,
+            children: [
+              onBack && /* @__PURE__ */ jsxRuntime.jsx(
+                SecondaryButton,
+                {
+                  type: "button",
+                  className: cancelButtonClasses,
+                  onClick: onBack,
+                  "aria-label": "Cancel withdrawal",
+                  "data-test-id": "onchain-withdraw-form-simple-view-cancel",
+                  children: labels.backLabel
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                PrimaryButton,
+                {
+                  type: "button",
+                  className: submitButtonClasses,
+                  disabled: isSubmitDisabledInternal,
+                  onClick: onSubmit,
+                  "aria-label": submitLabel,
+                  "data-test-id": "onchain-withdraw-form-simple-view-submit",
+                  children: submitLabel
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+function OnchainWithdrawChainSelectorView({
+  actionSheetId,
+  isOpen,
+  currentActionSheetId,
+  onClose,
+  chains,
+  onChainClick,
+  title,
+  closeAriaLabel = "Close"
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ActionSheet,
+    {
+      id: actionSheetId,
+      isOpen,
+      currentActionSheetId,
+      onClose,
+      height: "auto",
+      position: "bottom",
+      closeOnBackdropClick: true,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "relative w-full max-w-2xl mx-auto h-full bg-[var(--deframe-widget-color-bg-primary)] shadow-lg overflow-y-auto h-screen",
+          "data-test-id": "onchain-withdraw-chain-selector",
+          children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full h-full px-[var(--deframe-widget-size-padding-x-md)] bg-[var(--deframe-widget-color-bg-primary)] text-[var(--deframe-widget-color-text-primary)] flex flex-col relative min-h-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full px-[var(--deframe-widget-size-padding-x-sm)] pr-[var(--deframe-widget-size-padding-x-md)] pt-[var(--deframe-widget-size-padding-y-sm)] pb-[var(--deframe-widget-size-padding-y-md)] border-b items-center border-[var(--deframe-widget-color-border-tertiary)] flex", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: onClose,
+                className: "w-12 h-12 rounded-full flex items-center justify-center text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-brand-primary)] transition-colors cursor-pointer",
+                "aria-label": closeAriaLabel,
+                "data-test-id": "onchain-withdraw-chain-selector-close",
+                children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineClose, { className: "w-6 h-6" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex flex-col flex-1 min-h-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-none p-6 pb-0", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "text-h5 text-[color:var(--deframe-widget-color-text-secondary)] font-bold",
+                    "data-test-id": "onchain-withdraw-chain-selector-title",
+                    children: title
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx("br", {})
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 w-full px-6 pb-6 flex-1 min-h-0 overflow-y-auto", children: chains.map((chain) => /* @__PURE__ */ jsxRuntime.jsxs(
+                ListItem,
+                {
+                  onClick: () => onChainClick(chain.chainId),
+                  containerClassName: `border ${chain.isSelected ? "border-[var(--deframe-widget-color-brand-primary)] bg-[var(--deframe-widget-color-bg-secondary)]" : "border-[var(--deframe-widget-color-border-secondary)]"} hover:border-[var(--deframe-widget-color-border-secondary)] bg-[var(--deframe-widget-color-bg-secondary)] transition-colors cursor-pointer`,
+                  "data-test-id": `onchain-withdraw-chain-${chain.chainId}`,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ListItemLeftSide, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "img",
+                      {
                         src: chain.iconUrl,
                         alt: chain.name,
                         className: "w-8 h-8 rounded-full object-cover"
@@ -11928,6 +12592,297 @@ function OnchainWithdrawFailedView({
     }
   );
 }
+var OnchainWithdrawProcessingSimpleView = ({
+  onClose: _onClose
+}) => {
+  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."
+    }
+  ) });
+};
+function WithdrawSignatureWarningIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: "w-20 h-20 rounded-full flex items-center justify-center",
+      style: { background: "linear-gradient(180deg, #F6A700 0%, #F59E0B 100%)" },
+      "data-test-id": "withdraw-signature-warning-icon",
+      "data-slot": "withdraw-signature-warning-icon",
+      children: /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "w-8 h-8", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M12 9V13M12 17H12.01M10.29 3.86L1.82 18A2 2 0 003.54 21H20.46A2 2 0 0022.18 18L13.71 3.86A2 2 0 0010.29 3.86Z",
+          stroke: "#121212",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) })
+    }
+  );
+}
+function OnchainWithdrawSignatureWarningView({
+  tokenSymbol,
+  tokenLogoURI,
+  formattedAmount,
+  chainName,
+  chainIconUrl,
+  destinationAddress,
+  blockchainCost,
+  onCancel,
+  onTryAgain,
+  className
+}) {
+  const [showDetails, setShowDetails] = React6.useState(true);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: tailwindMerge.twMerge(
+        "w-full max-w-[620px] relative bg-[var(--deframe-widget-color-bg-primary)] lg:bg-[var(--deframe-widget-color-bg-secondary)] overflow-hidden mx-auto lg:my-[75px] rounded",
+        className
+      ),
+      "data-test-id": "onchain-withdraw-signature-warning-view",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: onCancel,
+            className: "absolute top-4 right-4 flex items-center justify-center w-8 h-8 text-[color:var(--deframe-widget-color-text-secondary)] hover:text-[color:var(--deframe-widget-color-text-primary)] transition cursor-pointer",
+            "aria-label": "Fechar",
+            "data-test-id": "onchain-withdraw-signature-warning-close",
+            children: /* @__PURE__ */ jsxRuntime.jsx(md.MdOutlineClose, { className: "w-6 h-6" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-6 lg:p-12", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col w-full items-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(WithdrawSignatureWarningIcon, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h2",
+              {
+                className: "text-[28px] [font-weight:var(--deframe-widget-font-weight-extrabold)] text-[color:var(--deframe-widget-color-text-primary)] leading-tight",
+                "data-test-id": "onchain-withdraw-signature-warning-title",
+                children: "Saque n\xE3o assinado"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "text-[length:var(--deframe-widget-font-size-sm)] text-[color:var(--deframe-widget-color-text-secondary)] text-center",
+                "data-test-id": "onchain-withdraw-signature-warning-subtitle",
+                children: "A assinatura da transa\xE7\xE3o foi cancelada. Nenhum valor foi enviado."
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "w-full mt-8 p-5 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+              "data-test-id": "onchain-withdraw-signature-warning-summary",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative shrink-0", "data-test-id": "onchain-withdraw-signature-warning-token-icon", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[32px] h-[32px] rounded-full bg-[var(--deframe-widget-color-bg-tertiary)] flex items-center justify-center overflow-hidden", children: tokenLogoURI ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: tokenLogoURI, alt: tokenSymbol, className: "w-[32px] h-[32px] object-cover" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-bold)]", children: tokenSymbol.slice(0, 2).toUpperCase() }) }),
+                  chainIconUrl && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute -bottom-1 -right-1", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: chainIconUrl,
+                      alt: chainName,
+                      className: "w-[16px] h-[16px] rounded-full object-cover",
+                      "data-test-id": "onchain-withdraw-signature-warning-chain-icon"
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[4px]", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-sending-label",
+                        children: "Voc\xEA est\xE1 enviando"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        className: "text-[20px] [font-weight:var(--deframe-widget-font-weight-semibold)] leading-tight",
+                        "data-test-id": "onchain-withdraw-signature-warning-amount",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-[4px] mt-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-destination-label",
+                        children: "Para o endere\xE7o"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)] break-all leading-snug",
+                        "data-test-id": "onchain-withdraw-signature-warning-destination-address",
+                        children: destinationAddress
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "w-full mt-4 bg-[var(--deframe-widget-color-bg-tertiary)] rounded",
+              "data-test-id": "onchain-withdraw-signature-warning-details",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "button",
+                  {
+                    onClick: () => setShowDetails(!showDetails),
+                    className: "flex justify-between items-center w-full text-left cursor-pointer p-4",
+                    "aria-label": "Detalhes da transa\xE7\xE3o",
+                    "data-test-id": "onchain-withdraw-signature-warning-details-toggle",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[length:var(--deframe-widget-font-size-sm)] [font-weight:var(--deframe-widget-font-weight-semibold)]", children: "Detalhes da transa\xE7\xE3o" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        md.MdOutlineExpandMore,
+                        {
+                          className: tailwindMerge.twMerge(
+                            "transition-transform text-[color:var(--deframe-widget-color-text-secondary)]",
+                            showDetails && "rotate-180"
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                showDetails && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "px-4 pb-4", "data-test-id": "onchain-withdraw-signature-warning-details-content", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2 border-b border-[color:var(--deframe-widget-color-border-secondary)]", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-label",
+                        children: "Valor de retirada"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-withdraw-amount-value",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2 border-b border-[color:var(--deframe-widget-color-border-secondary)]", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-label",
+                        children: "Custo da blockchain"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-blockchain-cost-value",
+                        children: blockchainCost
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: "text-[12px] text-[color:var(--deframe-widget-color-text-secondary)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-receive-label",
+                        children: "Voc\xEA receber\xE1"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsxs(
+                      "span",
+                      {
+                        className: "text-[12px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+                        "data-test-id": "onchain-withdraw-signature-warning-receive-value",
+                        children: [
+                          formattedAmount,
+                          " ",
+                          tokenSymbol
+                        ]
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: "w-full mt-8 flex gap-3",
+              "data-test-id": "onchain-withdraw-signature-warning-actions",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  SecondaryButton,
+                  {
+                    className: "flex-1",
+                    onClick: onCancel,
+                    "data-test-id": "onchain-withdraw-signature-warning-cancel",
+                    children: "Cancelar"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PrimaryButton,
+                  {
+                    className: "flex-1",
+                    onClick: onTryAgain,
+                    "data-test-id": "onchain-withdraw-signature-warning-retry",
+                    children: "Tente novamente"
+                  }
+                )
+              ]
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+var OnchainWithdrawSignatureWarningSimpleView = ({
+  onCancel
+}) => {
+  React6__namespace.useEffect(() => {
+    if (!onCancel) return;
+    const timer = setTimeout(onCancel, 5e3);
+    return () => clearTimeout(timer);
+  }, [onCancel]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "onchain-withdraw-signature-warning-simple-view", children: /* @__PURE__ */ jsxRuntime.jsx(
+    EarnFeedbackOverlaySimpleView,
+    {
+      variant: "warning",
+      title: "Saque n\xE3o assinado",
+      subtitle: "A assinatura da transa\xE7\xE3o foi cancelada."
+    }
+  ) });
+};
 var DashboardCard = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-test-id": "dashboard-card", className: tailwindMerge.twMerge("bg-[var(--deframe-widget-color-bg-subtle)] rounded", className), children });
 };
@@ -13316,11 +14271,17 @@ exports.LoadingDots = LoadingDots;
 exports.LowRiskBadge = LowRiskBadge;
 exports.MediumRiskBadge = MediumRiskBadge;
 exports.Navbar = Navbar;
+exports.OnchainDepositFormSimpleView = OnchainDepositFormSimpleView;
 exports.OnchainDepositFormView = OnchainDepositFormView;
+exports.OnchainDepositSuccessSimpleView = OnchainDepositSuccessSimpleView;
 exports.OnchainDepositSuccessView = OnchainDepositSuccessView;
 exports.OnchainWithdrawChainSelectorView = OnchainWithdrawChainSelectorView;
 exports.OnchainWithdrawFailedView = OnchainWithdrawFailedView;
+exports.OnchainWithdrawFormSimpleView = OnchainWithdrawFormSimpleView;
 exports.OnchainWithdrawFormView = OnchainWithdrawFormView;
+exports.OnchainWithdrawProcessingSimpleView = OnchainWithdrawProcessingSimpleView;
+exports.OnchainWithdrawSignatureWarningSimpleView = OnchainWithdrawSignatureWarningSimpleView;
+exports.OnchainWithdrawSignatureWarningView = OnchainWithdrawSignatureWarningView;
 exports.OnchainWithdrawSuccessView = OnchainWithdrawSuccessView;
 exports.PercentageButton = PercentageButton;
 exports.PrimaryButton = PrimaryButton;