@dogeos/dogeos-sdk 3.2.0-beta.1 → 3.2.0-beta.2

package/README.md

@@ -1,4 +1,4 @@
-# Dogeos Connect Kit
+# DogeOS Connect Kit
 
 A lightweight React SDK for integrating crypto wallet connection functionality into your applications. It provides a configurable wallet list modal and basic account operations.
 
@@ -47,7 +47,6 @@ import React from "react";
 import { WalletConnectProvider } from "@dogeos/dogeos-sdk";
 
 const dogeConfig = {
-  ...config,
   clientId: "your-client-id",
 };
 
@@ -275,12 +274,8 @@ const config = {
 
     // Social login methods
     socialLogins: [
-      {
-        type: "google",
-      },
-      {
-        type: "x",
-      },
+      { type: "google" },
+      { type: "x" },
     ],
   },
   clientId: "your-client-id",
@@ -295,6 +290,8 @@ export function App() {
 }
 ```
 
+When a social login provider does not include a `clientId`, the SDK uses the default DogeOS Google and X client IDs configured for the embedded wallet.
+
 ### Configure Theme
 
 You can customize the UI theme:
@@ -776,8 +773,15 @@ interface WalletConnectKitConfig {
     url: string;
     icons: string[];
   };
+  clientId: string;
   theme?: ThemeConfig;
   login?: UserLoginConfig;
+  embeddedWalletConfig?: {
+    /**
+     * @default "prod-dogeos"
+     */
+    stage?: "prod-dogeos" | "prod" | "pre" | "dev";
+  };
 }
 ````
 
@@ -794,7 +798,7 @@ interface Chain {
   };
   rpcUrls: {
     default: {
-      http: string[];
+      http: readonly string[];
     };
   };
   blockExplorers?: {
@@ -832,7 +836,18 @@ type ChainType = "evm" | "solana" | "aptos" | "dogecoin";
 
 ### Supported Next.js version
 
-- Next.js 14/15 version had supported
+- Next.js 14 and 15 are supported.
+
+### What Content Security Policy entries are required?
+
+If your app uses a restrictive CSP, allow the DogeOS embedded wallet iframe and Tomo social login relay:
+
+```html
+<meta
+  http-equiv="Content-Security-Policy"
+  content="frame-src 'self' https://dogeos.embedded-wallet.tomo.inc; connect-src 'self' https://mydoge-wallet.tomo.inc https://social-relay.tomo.inc;"
+/>
+```
 
 ### How to get WalletConnect Project ID?
 

package/dist/index.d.ts

@@ -6,9 +6,11 @@ import { ConnectorProvider } from '@tomo-inc/wallet-adaptor-base';
 import { ConnectorProviders } from '@tomo-inc/wallet-adaptor-base';
 import { default as default_2 } from 'react';
 import { EmbeddedWallet } from '@tomo-inc/embedded-wallet-providers';
+import { EmbeddedWalletConfig } from '@tomo-inc/embedded-wallet-providers';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { SignInParams } from '@tomo-inc/wallet-adaptor-base';
 import { ThemeConfig as ThemeConfig_2 } from '@tomo-inc/tomo-ui';
+import { TomoStage } from '@tomo-inc/wallet-utils';
 import { WalletConfig } from '@tomo-inc/wallet-adaptor-base';
 import { WalletInfo } from '@tomo-inc/wallet-adaptor-base';
 import { WalletProvider } from '@tomo-inc/inject-providers';
@@ -26,7 +28,7 @@ export declare type Chain = {
     };
     rpcUrls: {
         default: {
-            http: string[];
+            http: readonly string[];
         };
     };
     blockExplorers?: {
@@ -66,6 +68,10 @@ export declare interface ConnectVariables {
     chainId?: string;
 }
 
+export declare type DogeOSEmbeddedWalletConfig = Omit<EmbeddedWalletConfig, "stage"> & {
+    stage?: EmbeddedWalletStage;
+};
+
 /**
  * Connected information from embedded wallet
  */
@@ -75,6 +81,8 @@ declare interface EmbeddedWalletConnectedInfo {
     dogeProvider?: ProviderConnectionInfo;
 }
 
+export declare type EmbeddedWalletStage = TomoStage;
+
 declare interface EmbeddedWalletState {
     wallet: EmbeddedWallet | null;
     isAvailable: boolean;
@@ -302,7 +310,7 @@ export declare interface WalletConnectKitConfig {
     theme?: ThemeConfig;
     login?: UserLoginConfig;
     embeddedWalletConfig?: {
-        stage?: "dev" | "pre" | "prod";
+        stage?: EmbeddedWalletStage;
     };
 }