@swype-org/react-sdk 0.1.211 → 0.1.213

package/dist/index.d.cts

@@ -665,12 +665,14 @@ declare function PoweredByFooter(): react_jsx_runtime.JSX.Element;
 interface PrimaryButtonProps {
     children: ReactNode;
     onClick?: () => void;
+    /** When set, renders as an `<a>` tag instead of `<button>`. */
+    href?: string;
     disabled?: boolean;
     loading?: boolean;
     /** Optional icon element rendered left of the label */
     icon?: ReactNode;
 }
-declare function PrimaryButton({ children, onClick, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
+declare function PrimaryButton({ children, onClick, href, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
 
 interface OutlineButtonProps {
     children: ReactNode;

package/dist/index.d.ts

@@ -665,12 +665,14 @@ declare function PoweredByFooter(): react_jsx_runtime.JSX.Element;
 interface PrimaryButtonProps {
     children: ReactNode;
     onClick?: () => void;
+    /** When set, renders as an `<a>` tag instead of `<button>`. */
+    href?: string;
     disabled?: boolean;
     loading?: boolean;
     /** Optional icon element rendered left of the label */
     icon?: ReactNode;
 }
-declare function PrimaryButton({ children, onClick, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
+declare function PrimaryButton({ children, onClick, href, disabled, loading, icon }: PrimaryButtonProps): react_jsx_runtime.JSX.Element;
 
 interface OutlineButtonProps {
     children: ReactNode;

package/dist/index.js

@@ -2507,20 +2507,32 @@ var rowStyle = {
   alignItems: "center",
   gap: 6
 };
-function PrimaryButton({ children, onClick, disabled, loading, icon }) {
+function PrimaryButton({ children, onClick, href, disabled, loading, icon }) {
   const { tokens } = useBlinkConfig();
   const isDisabled = disabled || loading;
-  return /* @__PURE__ */ jsxs(
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    icon && /* @__PURE__ */ jsx("span", { style: iconWrapStyle, children: icon }),
+    loading ? "Please wait..." : children
+  ] });
+  if (href && !isDisabled) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        onClick,
+        style: linkButtonStyle(tokens),
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
       onClick,
       disabled: isDisabled,
       style: buttonStyle(tokens, isDisabled),
-      children: [
-        icon && /* @__PURE__ */ jsx("span", { style: iconWrapStyle, children: icon }),
-        loading ? "Please wait..." : children
-      ]
+      children: content
     }
   );
 }
@@ -2543,6 +2555,10 @@ var buttonStyle = (tokens, disabled) => ({
   justifyContent: "center",
   gap: 8
 });
+var linkButtonStyle = (tokens) => ({
+  ...buttonStyle(tokens, false),
+  textDecoration: "none"
+});
 var iconWrapStyle = {
   display: "flex",
   alignItems: "center"
@@ -4980,10 +4996,13 @@ function OpenWalletScreen({
     {
       footer: /* @__PURE__ */ jsxs("div", { style: footerContentStyle, children: [
         error && /* @__PURE__ */ jsx(InfoBanner, { children: error }),
-        !loading && /* @__PURE__ */ jsxs(PrimaryButton, { onClick: handleOpen, children: [
+        !loading && (isCustomSchemeUri(deeplinkUri) ? /* @__PURE__ */ jsxs(PrimaryButton, { onClick: handleOpen, children: [
           "Open ",
           displayName
-        ] }),
+        ] }) : /* @__PURE__ */ jsxs(PrimaryButton, { href: deeplinkUri, children: [
+          "Open ",
+          displayName
+        ] })),
         error && onRetryStatus && /* @__PURE__ */ jsx(OutlineButton, { onClick: onRetryStatus, children: "Retry status check" }),
         /* @__PURE__ */ jsx("p", { style: hintStyle(tokens.textMuted), children: loading ? "Preparing authorization..." : error ? "Retry the status check after returning to the browser, or reopen your wallet if needed." : "If your wallet didn't open automatically, tap the button above" }),
         /* @__PURE__ */ jsx(PoweredByFooter, {})