@dj-test/payment-sdk 1.0.5 → 1.0.7

package/dist/index.d.mts

@@ -1638,7 +1638,11 @@ declare const supportedChains: ({
     };
     readonly network: "base-sepolia";
 })[];
-declare const createWagmiConfig: (projectId?: string) => Config$1;
+/**
+ * Create wagmi config following Daimo Pay approach
+ * Uses injected connectors + deep links, no WalletConnect dependency
+ */
+declare const createWagmiConfig: () => Config$1;
 declare const getEvmChainById: (chainId: number) => {
     blockExplorers: {
         readonly default: {
@@ -3594,7 +3598,6 @@ declare const PaymentModal: React.FC<PaymentModalProps>;
 
 interface WalletProviderProps {
     children: ReactNode;
-    projectId?: string;
     queryClient?: QueryClient;
 }
 declare const WalletProvider: React.FC<WalletProviderProps>;

package/dist/index.d.ts

@@ -1638,7 +1638,11 @@ declare const supportedChains: ({
     };
     readonly network: "base-sepolia";
 })[];
-declare const createWagmiConfig: (projectId?: string) => Config$1;
+/**
+ * Create wagmi config following Daimo Pay approach
+ * Uses injected connectors + deep links, no WalletConnect dependency
+ */
+declare const createWagmiConfig: () => Config$1;
 declare const getEvmChainById: (chainId: number) => {
     blockExplorers: {
         readonly default: {
@@ -3594,7 +3598,6 @@ declare const PaymentModal: React.FC<PaymentModalProps>;
 
 interface WalletProviderProps {
     children: ReactNode;
-    projectId?: string;
     queryClient?: QueryClient;
 }
 declare const WalletProvider: React.FC<WalletProviderProps>;

package/dist/index.js

@@ -166,28 +166,32 @@ var supportedEvmChains = [
   import_chains.baseSepolia
 ];
 var supportedChains = supportedEvmChains;
-var createWagmiConfig = (projectId) => {
-  const connectors = [(0, import_connectors.injected)()];
-  if (projectId) {
-    const sdkConfig = config.getConfig();
-    const environment = sdkConfig.environment || "sandbox";
-    const paymentDomain = PAYMENT_DOMAINS[environment];
-    connectors.push(
-      (0, import_connectors.walletConnect)({
-        projectId,
-        metadata: {
-          name: "Payment SDK",
-          description: "Multi-chain Payment SDK",
-          url: paymentDomain,
-          icons: [`${paymentDomain}/icon.png`]
-        },
-        showQrModal: true
-      })
-    );
-  }
+var createWagmiConfig = () => {
   return (0, import_wagmi.createConfig)({
     chains: [import_chains.mainnet, import_chains.sepolia, import_chains.polygon, import_chains.polygonAmoy, import_chains.base, import_chains.baseSepolia],
-    connectors,
+    connectors: [
+      // Injected connector - primary method for both web and mobile in-app browsers
+      (0, import_connectors.injected)({
+        target() {
+          return {
+            id: "injected",
+            name: "Browser Wallet",
+            provider: typeof window !== "undefined" ? window.ethereum : void 0
+          };
+        }
+      }),
+      // MetaMask specific connector
+      (0, import_connectors.metaMask)({
+        dappMetadata: {
+          name: "Payment SDK",
+          url: typeof window !== "undefined" ? window.location.origin : ""
+        }
+      }),
+      // Coinbase Wallet
+      (0, import_connectors.coinbaseWallet)({
+        appName: "Payment SDK"
+      })
+    ],
     transports: {
       [import_chains.mainnet.id]: (0, import_wagmi.http)(),
       [import_chains.sepolia.id]: (0, import_wagmi.http)(),
@@ -618,7 +622,9 @@ var useOrder = (publicOrderId, options) => {
         const sdkError = handleAPIError(err);
         if (isInitial && retryCount < maxRetries && (sdkError.message.includes("incomplete") || sdkError.message.includes("null or invalid"))) {
           retryCount++;
-          console.log(`[useOrder] Retrying order fetch (${retryCount}/${maxRetries})...`);
+          console.log(
+            `[useOrder] Retrying order fetch (${retryCount}/${maxRetries})...`
+          );
           setTimeout(() => fetchOrder(true), 500);
           return;
         }
@@ -632,7 +638,10 @@ var useOrder = (publicOrderId, options) => {
     fetchOrder(true);
     isInitialFetch.current = false;
     if (enablePolling) {
-      intervalRef.current = setInterval(() => fetchOrder(false), pollingInterval);
+      intervalRef.current = setInterval(
+        () => fetchOrder(false),
+        pollingInterval
+      );
     }
     return () => {
       if (intervalRef.current) {
@@ -2510,7 +2519,10 @@ var OrderPayment = ({
     }
   }, [order, hasNotifiedSuccess, onSuccess, onError, publicOrderId]);
   const handleWalletPaymentSuccess = (result) => {
-    console.log("[OrderPayment] Wallet payment success, txHash:", result.txHash);
+    console.log(
+      "[OrderPayment] Wallet payment success, txHash:",
+      result.txHash
+    );
   };
   const handleRetry = () => {
     window.location.reload();
@@ -2557,13 +2569,30 @@ var OrderPayment = ({
   if (error) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: `order-payment error ${className}`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "error-container", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "#ef4444", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 8v4M12 16h.01", strokeWidth: "2", strokeLinecap: "round" })
-        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+          "svg",
+          {
+            width: "64",
+            height: "64",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "#ef4444",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 8v4M12 16h.01", strokeWidth: "2", strokeLinecap: "round" })
+            ]
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h3", { children: "Payment Error" }),
         /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { children: error.message }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("button", { onClick: () => window.location.reload(), className: "retry-button", children: "Try Again" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          "button",
+          {
+            onClick: () => window.location.reload(),
+            className: "retry-button",
+            children: "Try Again"
+          }
+        )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("style", { children: `
           .order-payment.error {
@@ -2615,7 +2644,10 @@ var OrderPayment = ({
     return null;
   }
   const orderState = getOrderState(order.orderStat);
-  const isExpired = new Date(order.expireDt) < /* @__PURE__ */ new Date();
+  const expireDate = new Date(
+    order.expireDt.endsWith("Z") ? order.expireDt : order.expireDt + "Z"
+  );
+  const isExpired = expireDate < /* @__PURE__ */ new Date();
   if (orderState !== "waiting" /* WAITING */ || isExpired) {
     return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       OrderStatusScreen,
@@ -3487,13 +3519,9 @@ var defaultQueryClient = new import_react_query.QueryClient({
 });
 var WalletProvider = ({
   children,
-  projectId,
   queryClient = defaultQueryClient
 }) => {
-  const wagmiConfig = (0, import_react12.useMemo)(
-    () => createWagmiConfig(projectId),
-    [projectId]
-  );
+  const wagmiConfig = (0, import_react12.useMemo)(() => createWagmiConfig(), []);
   const adapterFactory = (0, import_react12.useMemo)(() => {
     const factory = new WalletAdapterFactory();
     factory.initializeEvmAdapter(wagmiConfig);

package/dist/index.mjs

@@ -86,7 +86,7 @@ import {
   base,
   baseSepolia
 } from "wagmi/chains";
-import { injected, walletConnect } from "@wagmi/connectors";
+import { injected, coinbaseWallet, metaMask } from "@wagmi/connectors";
 var supportedEvmChains = [
   mainnet,
   sepolia,
@@ -96,28 +96,32 @@ var supportedEvmChains = [
   baseSepolia
 ];
 var supportedChains = supportedEvmChains;
-var createWagmiConfig = (projectId) => {
-  const connectors = [injected()];
-  if (projectId) {
-    const sdkConfig = config.getConfig();
-    const environment = sdkConfig.environment || "sandbox";
-    const paymentDomain = PAYMENT_DOMAINS[environment];
-    connectors.push(
-      walletConnect({
-        projectId,
-        metadata: {
-          name: "Payment SDK",
-          description: "Multi-chain Payment SDK",
-          url: paymentDomain,
-          icons: [`${paymentDomain}/icon.png`]
-        },
-        showQrModal: true
-      })
-    );
-  }
+var createWagmiConfig = () => {
   return createConfig({
     chains: [mainnet, sepolia, polygon, polygonAmoy, base, baseSepolia],
-    connectors,
+    connectors: [
+      // Injected connector - primary method for both web and mobile in-app browsers
+      injected({
+        target() {
+          return {
+            id: "injected",
+            name: "Browser Wallet",
+            provider: typeof window !== "undefined" ? window.ethereum : void 0
+          };
+        }
+      }),
+      // MetaMask specific connector
+      metaMask({
+        dappMetadata: {
+          name: "Payment SDK",
+          url: typeof window !== "undefined" ? window.location.origin : ""
+        }
+      }),
+      // Coinbase Wallet
+      coinbaseWallet({
+        appName: "Payment SDK"
+      })
+    ],
     transports: {
       [mainnet.id]: http(),
       [sepolia.id]: http(),
@@ -548,7 +552,9 @@ var useOrder = (publicOrderId, options) => {
         const sdkError = handleAPIError(err);
         if (isInitial && retryCount < maxRetries && (sdkError.message.includes("incomplete") || sdkError.message.includes("null or invalid"))) {
           retryCount++;
-          console.log(`[useOrder] Retrying order fetch (${retryCount}/${maxRetries})...`);
+          console.log(
+            `[useOrder] Retrying order fetch (${retryCount}/${maxRetries})...`
+          );
           setTimeout(() => fetchOrder(true), 500);
           return;
         }
@@ -562,7 +568,10 @@ var useOrder = (publicOrderId, options) => {
     fetchOrder(true);
     isInitialFetch.current = false;
     if (enablePolling) {
-      intervalRef.current = setInterval(() => fetchOrder(false), pollingInterval);
+      intervalRef.current = setInterval(
+        () => fetchOrder(false),
+        pollingInterval
+      );
     }
     return () => {
       if (intervalRef.current) {
@@ -2451,7 +2460,10 @@ var OrderPayment = ({
     }
   }, [order, hasNotifiedSuccess, onSuccess, onError, publicOrderId]);
   const handleWalletPaymentSuccess = (result) => {
-    console.log("[OrderPayment] Wallet payment success, txHash:", result.txHash);
+    console.log(
+      "[OrderPayment] Wallet payment success, txHash:",
+      result.txHash
+    );
   };
   const handleRetry = () => {
     window.location.reload();
@@ -2498,13 +2510,30 @@ var OrderPayment = ({
   if (error) {
     return /* @__PURE__ */ jsxs5("div", { className: `order-payment error ${className}`, children: [
       /* @__PURE__ */ jsxs5("div", { className: "error-container", children: [
-        /* @__PURE__ */ jsxs5("svg", { width: "64", height: "64", viewBox: "0 0 24 24", fill: "none", stroke: "#ef4444", children: [
-          /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
-          /* @__PURE__ */ jsx7("path", { d: "M12 8v4M12 16h.01", strokeWidth: "2", strokeLinecap: "round" })
-        ] }),
+        /* @__PURE__ */ jsxs5(
+          "svg",
+          {
+            width: "64",
+            height: "64",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "#ef4444",
+            children: [
+              /* @__PURE__ */ jsx7("circle", { cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+              /* @__PURE__ */ jsx7("path", { d: "M12 8v4M12 16h.01", strokeWidth: "2", strokeLinecap: "round" })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsx7("h3", { children: "Payment Error" }),
         /* @__PURE__ */ jsx7("p", { children: error.message }),
-        /* @__PURE__ */ jsx7("button", { onClick: () => window.location.reload(), className: "retry-button", children: "Try Again" })
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            onClick: () => window.location.reload(),
+            className: "retry-button",
+            children: "Try Again"
+          }
+        )
       ] }),
       /* @__PURE__ */ jsx7("style", { children: `
           .order-payment.error {
@@ -2556,7 +2585,10 @@ var OrderPayment = ({
     return null;
   }
   const orderState = getOrderState(order.orderStat);
-  const isExpired = new Date(order.expireDt) < /* @__PURE__ */ new Date();
+  const expireDate = new Date(
+    order.expireDt.endsWith("Z") ? order.expireDt : order.expireDt + "Z"
+  );
+  const isExpired = expireDate < /* @__PURE__ */ new Date();
   if (orderState !== "waiting" /* WAITING */ || isExpired) {
     return /* @__PURE__ */ jsx7("div", { className, children: /* @__PURE__ */ jsx7(
       OrderStatusScreen,
@@ -3428,13 +3460,9 @@ var defaultQueryClient = new QueryClient({
 });
 var WalletProvider = ({
   children,
-  projectId,
   queryClient = defaultQueryClient
 }) => {
-  const wagmiConfig = useMemo2(
-    () => createWagmiConfig(projectId),
-    [projectId]
-  );
+  const wagmiConfig = useMemo2(() => createWagmiConfig(), []);
   const adapterFactory = useMemo2(() => {
     const factory = new WalletAdapterFactory();
     factory.initializeEvmAdapter(wagmiConfig);

package/package.json

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