@dj-test/payment-sdk 1.0.8 → 1.0.9

package/dist/index.js

@@ -1137,6 +1137,52 @@ var shortenErrorMessage = (error) => {
   return message;
 };
 
+// src/utils/mobile.ts
+var isMobile = () => {
+  if (typeof window === "undefined") return false;
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    navigator.userAgent
+  );
+};
+var isMetaMaskBrowser = () => {
+  if (typeof window === "undefined") return false;
+  const { ethereum } = window;
+  return Boolean(ethereum && ethereum.isMetaMask);
+};
+var isMetaMaskAvailable = () => {
+  if (typeof window === "undefined") return false;
+  const { ethereum } = window;
+  return Boolean(ethereum && ethereum.isMetaMask);
+};
+var openMetaMaskDeepLink = (returnUrl) => {
+  if (typeof window === "undefined") return;
+  const url = returnUrl || window.location.href;
+  const deepLink = `https://metamask.app.link/dapp/${url.replace(/^https?:\/\//, "")}`;
+  window.location.href = deepLink;
+};
+var getConnectionStrategy = () => {
+  if (!isMobile() || isMetaMaskBrowser()) {
+    if (isMetaMaskAvailable()) {
+      return {
+        type: "injected",
+        message: "Connect with browser wallet"
+      };
+    }
+    return {
+      type: "unavailable",
+      message: "Please install MetaMask extension"
+    };
+  }
+  return {
+    type: "deeplink",
+    message: "Open in MetaMask app",
+    action: () => openMetaMaskDeepLink()
+  };
+};
+var shouldUseDeepLink = () => {
+  return isMobile() && !isMetaMaskBrowser();
+};
+
 // src/components/PayWithWallet.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var PayWithWallet = ({
@@ -1400,10 +1446,21 @@ var PayWithWallet = ({
             },
             connector.id
           )) })
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "no-wallets", children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "no-wallets", children: isMobile() && !isMetaMaskBrowser() && adapterType === "evm" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "Open in MetaMask App" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "wallet-hint", children: "MetaMask browser extension not detected" }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "button",
+            {
+              onClick: () => openMetaMaskDeepLink(),
+              className: "btn-deep-link",
+              children: "Open MetaMask App"
+            }
+          )
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "No compatible wallet detected" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "wallet-hint", children: adapterType === "tron" ? "Please install TronLink extension to continue" : "Please install MetaMask, Trust Wallet, or WalletConnect to continue" })
-        ] })
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "wallet-hint", children: adapterType === "tron" ? "Please install TronLink extension to continue" : "Please install MetaMask, Trust Wallet, or compatible wallet to continue" })
+        ] }) })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "wallet-connected", children: [
         /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "connected-info", children: [
           /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: "connected-address", children: truncateAddress(wallet.address, 6, 4) }),
@@ -1692,6 +1749,28 @@ var PayWithWallet = ({
           color: hsl(25 95.8% 35%) !important;
         }
 
+        .btn-deep-link {
+          margin-top: 1rem;
+          padding: 0.625rem 1.25rem;
+          background: hsl(222.2 47.4% 11.2%);
+          color: hsl(210 40% 98%);
+          border: none;
+          border-radius: 0.5rem;
+          font-weight: 600;
+          cursor: pointer;
+          transition: all 0.15s;
+          font-size: 0.875rem;
+          width: 100%;
+          height: 2.5rem;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .btn-deep-link:hover {
+          background: hsl(222.2 47.4% 8%);
+        }
+
         @keyframes spin {
           to { transform: rotate(360deg); }
         }
@@ -3837,52 +3916,6 @@ var useWallet = () => {
     // EVM만 체크
   };
 };
-
-// src/utils/mobile.ts
-var isMobile = () => {
-  if (typeof window === "undefined") return false;
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    navigator.userAgent
-  );
-};
-var isMetaMaskBrowser = () => {
-  if (typeof window === "undefined") return false;
-  const { ethereum } = window;
-  return Boolean(ethereum && ethereum.isMetaMask);
-};
-var isMetaMaskAvailable = () => {
-  if (typeof window === "undefined") return false;
-  const { ethereum } = window;
-  return Boolean(ethereum && ethereum.isMetaMask);
-};
-var openMetaMaskDeepLink = (returnUrl) => {
-  if (typeof window === "undefined") return;
-  const url = returnUrl || window.location.href;
-  const deepLink = `https://metamask.app.link/dapp/${url.replace(/^https?:\/\//, "")}`;
-  window.location.href = deepLink;
-};
-var getConnectionStrategy = () => {
-  if (!isMobile() || isMetaMaskBrowser()) {
-    if (isMetaMaskAvailable()) {
-      return {
-        type: "injected",
-        message: "Connect with browser wallet"
-      };
-    }
-    return {
-      type: "unavailable",
-      message: "Please install MetaMask extension"
-    };
-  }
-  return {
-    type: "deeplink",
-    message: "Open in MetaMask app",
-    action: () => openMetaMaskDeepLink()
-  };
-};
-var shouldUseDeepLink = () => {
-  return isMobile() && !isMetaMaskBrowser();
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   API_ENDPOINTS,

package/dist/index.mjs

@@ -1072,6 +1072,52 @@ var shortenErrorMessage = (error) => {
   return message;
 };
 
+// src/utils/mobile.ts
+var isMobile = () => {
+  if (typeof window === "undefined") return false;
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
+    navigator.userAgent
+  );
+};
+var isMetaMaskBrowser = () => {
+  if (typeof window === "undefined") return false;
+  const { ethereum } = window;
+  return Boolean(ethereum && ethereum.isMetaMask);
+};
+var isMetaMaskAvailable = () => {
+  if (typeof window === "undefined") return false;
+  const { ethereum } = window;
+  return Boolean(ethereum && ethereum.isMetaMask);
+};
+var openMetaMaskDeepLink = (returnUrl) => {
+  if (typeof window === "undefined") return;
+  const url = returnUrl || window.location.href;
+  const deepLink = `https://metamask.app.link/dapp/${url.replace(/^https?:\/\//, "")}`;
+  window.location.href = deepLink;
+};
+var getConnectionStrategy = () => {
+  if (!isMobile() || isMetaMaskBrowser()) {
+    if (isMetaMaskAvailable()) {
+      return {
+        type: "injected",
+        message: "Connect with browser wallet"
+      };
+    }
+    return {
+      type: "unavailable",
+      message: "Please install MetaMask extension"
+    };
+  }
+  return {
+    type: "deeplink",
+    message: "Open in MetaMask app",
+    action: () => openMetaMaskDeepLink()
+  };
+};
+var shouldUseDeepLink = () => {
+  return isMobile() && !isMetaMaskBrowser();
+};
+
 // src/components/PayWithWallet.tsx
 import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var PayWithWallet = ({
@@ -1335,10 +1381,21 @@ var PayWithWallet = ({
             },
             connector.id
           )) })
-        ] }) : /* @__PURE__ */ jsxs("div", { className: "no-wallets", children: [
+        ] }) : /* @__PURE__ */ jsx3("div", { className: "no-wallets", children: isMobile() && !isMetaMaskBrowser() && adapterType === "evm" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx3("p", { children: "Open in MetaMask App" }),
+          /* @__PURE__ */ jsx3("p", { className: "wallet-hint", children: "MetaMask browser extension not detected" }),
+          /* @__PURE__ */ jsx3(
+            "button",
+            {
+              onClick: () => openMetaMaskDeepLink(),
+              className: "btn-deep-link",
+              children: "Open MetaMask App"
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx3("p", { children: "No compatible wallet detected" }),
-          /* @__PURE__ */ jsx3("p", { className: "wallet-hint", children: adapterType === "tron" ? "Please install TronLink extension to continue" : "Please install MetaMask, Trust Wallet, or WalletConnect to continue" })
-        ] })
+          /* @__PURE__ */ jsx3("p", { className: "wallet-hint", children: adapterType === "tron" ? "Please install TronLink extension to continue" : "Please install MetaMask, Trust Wallet, or compatible wallet to continue" })
+        ] }) })
       ] }) : /* @__PURE__ */ jsxs("div", { className: "wallet-connected", children: [
         /* @__PURE__ */ jsxs("div", { className: "connected-info", children: [
           /* @__PURE__ */ jsx3("p", { className: "connected-address", children: truncateAddress(wallet.address, 6, 4) }),
@@ -1627,6 +1684,28 @@ var PayWithWallet = ({
           color: hsl(25 95.8% 35%) !important;
         }
 
+        .btn-deep-link {
+          margin-top: 1rem;
+          padding: 0.625rem 1.25rem;
+          background: hsl(222.2 47.4% 11.2%);
+          color: hsl(210 40% 98%);
+          border: none;
+          border-radius: 0.5rem;
+          font-weight: 600;
+          cursor: pointer;
+          transition: all 0.15s;
+          font-size: 0.875rem;
+          width: 100%;
+          height: 2.5rem;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        }
+
+        .btn-deep-link:hover {
+          background: hsl(222.2 47.4% 8%);
+        }
+
         @keyframes spin {
           to { transform: rotate(360deg); }
         }
@@ -3772,52 +3851,6 @@ var useWallet = () => {
     // EVM만 체크
   };
 };
-
-// src/utils/mobile.ts
-var isMobile = () => {
-  if (typeof window === "undefined") return false;
-  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
-    navigator.userAgent
-  );
-};
-var isMetaMaskBrowser = () => {
-  if (typeof window === "undefined") return false;
-  const { ethereum } = window;
-  return Boolean(ethereum && ethereum.isMetaMask);
-};
-var isMetaMaskAvailable = () => {
-  if (typeof window === "undefined") return false;
-  const { ethereum } = window;
-  return Boolean(ethereum && ethereum.isMetaMask);
-};
-var openMetaMaskDeepLink = (returnUrl) => {
-  if (typeof window === "undefined") return;
-  const url = returnUrl || window.location.href;
-  const deepLink = `https://metamask.app.link/dapp/${url.replace(/^https?:\/\//, "")}`;
-  window.location.href = deepLink;
-};
-var getConnectionStrategy = () => {
-  if (!isMobile() || isMetaMaskBrowser()) {
-    if (isMetaMaskAvailable()) {
-      return {
-        type: "injected",
-        message: "Connect with browser wallet"
-      };
-    }
-    return {
-      type: "unavailable",
-      message: "Please install MetaMask extension"
-    };
-  }
-  return {
-    type: "deeplink",
-    message: "Open in MetaMask app",
-    action: () => openMetaMaskDeepLink()
-  };
-};
-var shouldUseDeepLink = () => {
-  return isMobile() && !isMetaMaskBrowser();
-};
 export {
   API_ENDPOINTS,
   ChainType as ChainTypes,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dj-test/payment-sdk",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "Payment SDK for blockchain-based payment system",
   "main": "dist/index.js",
   "module": "dist/index.mjs",