@deframe-sdk/components 0.1.19 → 0.1.21

package/dist/index.d.mts

@@ -1250,6 +1250,8 @@ interface SwapFromCardViewProps {
     maxFractionDigits?: number;
     amountUsdFormatted: string;
     isAmountUsdLoading: boolean;
+    /** Optional inline error message consumed by simple variants. */
+    errorMessage?: string;
     /** react-hook-form field registration (name, onBlur, ref) */
     field?: InputFieldRegistration;
 }
@@ -1377,8 +1379,6 @@ interface SwapFromCardViewSimpleProps extends SwapFromCardViewProps {
     selectedPercentage?: number | null;
     /** Label for the last (100 %) chip. Default: 'Max.' */
     maxLabel?: string;
-    /** Custom error message shown in the inline notification */
-    errorMessage?: string;
     /** Custom label for the error action button */
     errorActionLabel?: string;
     /** Called when the error action button is clicked */

package/dist/index.d.ts

@@ -1250,6 +1250,8 @@ interface SwapFromCardViewProps {
     maxFractionDigits?: number;
     amountUsdFormatted: string;
     isAmountUsdLoading: boolean;
+    /** Optional inline error message consumed by simple variants. */
+    errorMessage?: string;
     /** react-hook-form field registration (name, onBlur, ref) */
     field?: InputFieldRegistration;
 }
@@ -1377,8 +1379,6 @@ interface SwapFromCardViewSimpleProps extends SwapFromCardViewProps {
     selectedPercentage?: number | null;
     /** Label for the last (100 %) chip. Default: 'Max.' */
     maxLabel?: string;
-    /** Custom error message shown in the inline notification */
-    errorMessage?: string;
     /** Custom label for the error action button */
     errorActionLabel?: string;
     /** Called when the error action button is clicked */

package/dist/index.js

@@ -3830,11 +3830,14 @@ function WarningIcon() {
 var SwapSignatureWarningViewSimple = ({
   errorTitle,
   errorDescription,
-  onCancel,
-  onTryAgain,
-  cancelButtonText,
-  retryButtonText
+  onCancel
 }) => {
+  React6.useEffect(() => {
+    const timer = setTimeout(() => {
+      onCancel == null ? void 0 : onCancel();
+    }, 3e3);
+    return () => clearTimeout(timer);
+  }, [onCancel]);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3900,35 +3903,6 @@ var SwapSignatureWarningViewSimple = ({
                     )
                   ]
                 }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  "data-test-id": "swap-signature-warning-simple-actions",
-                  className: "flex gap-[var(--deframe-widget-size-gap-sm)] w-full max-w-[320px]",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      SecondaryButton,
-                      {
-                        "data-test-id": "swap-signature-warning-simple-cancel",
-                        "aria-label": cancelButtonText != null ? cancelButtonText : "Cancel",
-                        className: "flex-1",
-                        onClick: onCancel,
-                        children: cancelButtonText
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      PrimaryButton,
-                      {
-                        "data-test-id": "swap-signature-warning-simple-retry",
-                        "aria-label": retryButtonText != null ? retryButtonText : "Retry",
-                        className: "flex-1",
-                        onClick: onTryAgain,
-                        children: retryButtonText
-                      }
-                    )
-                  ]
-                }
               )
             ]
           }
@@ -5216,7 +5190,7 @@ function TokenSelectorArea({
       "aria-label": selectedToken ? `Select token \u2014 currently ${selectedToken.symbol} on ${chainLabel}` : selectTokenLabel,
       className: tailwindMerge.twMerge(
         "inline-flex items-center gap-[10px]",
-        "py-[var(--deframe-widget-size-padding-y-sm)] px-[10px]",
+        "h-[54px] px-[10px]",
         "rounded-[var(--deframe-widget-size-radius-sm)]",
         "bg-[var(--deframe-widget-color-bg-tertiary)]",
         "border-none outline-none",
@@ -5264,22 +5238,15 @@ function TokenSelectorArea({
         ),
         /* @__PURE__ */ jsxRuntime.jsx(ChevronDown, {})
       ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            "data-test-id": "swap-from-card-simple-token-placeholder-icon",
-            className: "w-[38px] h-[38px] rounded-[var(--deframe-widget-size-radius-full)] bg-[var(--deframe-widget-color-bg-tertiary)] flex-shrink-0"
-          }
-        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           "span",
           {
             "data-test-id": "swap-from-card-simple-token-placeholder-label",
             className: tailwindMerge.twMerge(
-              "text-[16px] [font-weight:var(--deframe-widget-font-weight-semibold)]",
+              "text-[11px] [font-weight:var(--deframe-widget-font-weight-regular)]",
               "font-[var(--deframe-widget-font-family)]",
               "text-[color:var(--deframe-widget-color-text-secondary)]",
-              "whitespace-nowrap"
+              "whitespace-nowrap uppercase"
             ),
             children: selectTokenLabel
           }
@@ -5576,7 +5543,7 @@ var SwapToCardViewSimple = ({
   );
   const selectorBaseClasses = tailwindMerge.twMerge(
     "inline-flex items-center gap-[10px]",
-    "py-[var(--deframe-widget-size-padding-y-sm)] px-[10px]",
+    "h-[54px] px-[10px]",
     "rounded-[var(--deframe-widget-size-radius-sm)]",
     "bg-[var(--deframe-widget-color-bg-tertiary)]",
     "border-none",
@@ -5671,19 +5638,11 @@ var SwapToCardViewSimple = ({
               "aria-label": labels.selectTokenLabel,
               className: selectorBaseClasses,
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "div",
-                  {
-                    "data-test-id": "swap-to-simple-placeholder-circle",
-                    className: "rounded-[var(--deframe-widget-size-radius-full)] flex-shrink-0 bg-[var(--deframe-widget-color-bg-tertiary)]",
-                    style: { width: 38, height: 38 }
-                  }
-                ),
                 /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-test-id": "swap-to-simple-placeholder-label",
-                    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-secondary)] whitespace-nowrap",
+                    className: "text-[11px] [font-weight:var(--deframe-widget-font-weight-regular)] leading-[1.2] font-[var(--deframe-widget-font-family)] text-[color:var(--deframe-widget-color-text-secondary)] whitespace-nowrap uppercase",
                     children: labels.selectTokenLabel
                   }
                 ),
@@ -5720,7 +5679,7 @@ var SwapToCardViewSimple = ({
               "data-test-id": "swap-to-simple-output-wrapper",
               className: "flex flex-col items-end flex-1 min-w-0",
               children: [
-                isOutputLoading ? /* @__PURE__ */ jsxRuntime.jsxs(
+                isOutputLoading ? /* @__PURE__ */ jsxRuntime.jsx(
                   "span",
                   {
                     "data-test-id": "swap-to-simple-output-loading",
@@ -5731,10 +5690,7 @@ var SwapToCardViewSimple = ({
                       "text-right",
                       "flex items-center"
                     ),
-                    children: [
-                      labels.searchingQuoteLabel,
-                      /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
-                    ]
+                    children: /* @__PURE__ */ jsxRuntime.jsx(LoadingDots, {})
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx(
                   "span",