feat: initial chain to connect to (#511)

Author: petar-omni

.changeset/tall-falcons-boil.md

@@ -0,0 +1,5 @@
+---
+"@stakekit/widget": patch
+---
+
+feat: initial chain to connect

packages/widget/src/providers/rainbow-kit.tsx

@@ -39,7 +39,7 @@ export const RainbowKitProviderWithTheme = ({
 
   const { t, i18n } = useTranslation();
 
-  const { hideAccountAndChainSelector } = useSettings();
+  const { hideAccountAndChainSelector, initialChain } = useSettings();
 
   const chainIdsToUse = useMemo(
     () => new Set(connectorChains.map((c) => c.id)),
@@ -85,6 +85,7 @@ export const RainbowKitProviderWithTheme = ({
       appInfo={{ disclaimer: Disclamer, appName: t("shared.stake_kit") }}
       {...(hideAccountAndChainSelector && { avatar: null })}
       showRecentTransactions={false}
+      initialChain={initialChain}
       theme={finalTheme}
       hideDisconnect={hideDisconnect}
       dialogRoot={portalContainer}

packages/widget/src/providers/settings/types.ts

@@ -1,6 +1,9 @@
 import type { TokenDto, TransactionFormat } from "@stakekit/api-hooks";
 import type { ReactNode } from "react";
-import type { SupportedSKChains } from "../../domain/types/chains";
+import type {
+  SupportedSKChainIds,
+  SupportedSKChains,
+} from "../../domain/types/chains";
 import type { PreferredTokenYieldsPerNetwork } from "../../domain/types/stake";
 import type { SKExternalProviders } from "../../domain/types/wallets";
 import type { Languages, localResources } from "../../translation";
@@ -72,6 +75,7 @@ export type SettingsProps = {
   preferredTokenYieldsPerNetwork?: PreferredTokenYieldsPerNetwork;
   portalContainer?: HTMLElement;
   tonConnectManifestUrl?: string;
+  initialChain?: SupportedSKChainIds;
 };
 
 export type SettingsContextType = SettingsProps & VariantProps;