@openfort/react 1.5.0 → 1.6.0

package/build/utils/rpc.js

@@ -17,6 +17,17 @@ const KNOWN_CHAINS = {
     [optimismSepolia.id]: optimismSepolia,
     [arbitrumSepolia.id]: arbitrumSepolia,
 };
+/** Testnets not in {@link KNOWN_CHAINS} but still worth recognizing (deprecated/uncommon). */
+const EXTRA_TESTNET_CHAIN_IDS = new Set([5, 80001, 97, 4002]);
+/**
+ * Whether an EVM chain id is a testnet. Reads viem's chain metadata (`testnet`)
+ * for the chains the SDK bundles, falling back to a small extra set. Use this to
+ * key behaviour off the wallet's active chain rather than the publishable key.
+ */
+function isTestnetChainId(chainId) {
+    var _a;
+    return ((_a = KNOWN_CHAINS[chainId]) === null || _a === void 0 ? void 0 : _a.testnet) === true || EXTRA_TESTNET_CHAIN_IDS.has(chainId);
+}
 /**
  * Default Solana RPC URLs by cluster.
  * Production apps should provide their own RPCs via walletConfig.solana.rpcUrls.
@@ -93,5 +104,5 @@ function buildChainFromConfig(chainId, rpcUrls) {
     });
 }
 
-export { buildChainFromConfig, getChainName, getDefaultEthereumRpcUrl, getDefaultSolanaRpcUrl, getNativeCurrency };
+export { buildChainFromConfig, getChainName, getDefaultEthereumRpcUrl, getDefaultSolanaRpcUrl, getNativeCurrency, isTestnetChainId };
 //# sourceMappingURL=rpc.js.map

package/build/utils/rpc.js.map

@@ -1 +1 @@
-{"version":3,"file":"rpc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"rpc.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/version.d.ts

@@ -1 +1 @@
-export declare const OPENFORT_VERSION = "1.5.0";
+export declare const OPENFORT_VERSION = "1.6.0";

package/build/version.js

@@ -1,4 +1,4 @@
-const OPENFORT_VERSION = '1.5.0';
+const OPENFORT_VERSION = '1.6.0';
 
 export { OPENFORT_VERSION };
 //# sourceMappingURL=version.js.map

package/build/wagmi/components/ChainSelect/index.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { motion } from 'framer-motion';
 import { useState, useEffect } from 'react';
-import { css } from 'styled-components';
 import { useChainId } from 'wagmi';
 import Chain from '../../../components/Common/Chain/index.js';
+import { SwitchChainButton } from '../../../components/Common/Chain/styles.js';
 import Tooltip from '../../../components/Common/Tooltip/index.js';
 import { routes } from '../../../components/Openfort/types.js';
 import { useOpenfort } from '../../../components/Openfort/useOpenfort.js';
@@ -15,98 +15,6 @@ import { useSwitchChainFiltered } from '../../useSwitchChainFiltered.js';
 import ChainSelectDropdown from '../ChainSelectDropdown/index.js';
 
 const Container = styled(motion.div) ``;
-const SwitchChainButton = styled(motion.button) `
-  --color: var(
-    --ck-dropdown-button-color,
-    var(--ck-button-primary-color, var(--ck-body-color))
-  );
-  --background: var(
-    --ck-dropdown-button-background,
-    var(--ck-secondary-button-background, var(--ck-body-background-secondary))
-  );
-  --box-shadow: var(
-    --ck-dropdown-button-box-shadow,
-    var(
-      --ck-secondary-button-box-shadow,
-      var(--ck-button-primary-box-shadow),
-      none
-    )
-  );
-
-  --hover-color: var(--ck-dropdown-button-hover-color, var(--color));
-  --hover-background: var(
-    --ck-dropdown-button-hover-background,
-    var(--background)
-  );
-  --hover-box-shadow: var(
-    --ck-dropdown-button-hover-box-shadow,
-    var(--box-shadow)
-  );
-
-  --active-color: var(--ck-dropdown-button-active-color, var(--hover-color));
-  --active-background: var(
-    --ck-dropdown-button-active-background,
-    var(--hover-background)
-  );
-  --active-box-shadow: var(
-    --ck-dropdown-button-active-box-shadow,
-    var(--hover-box-shadow)
-  );
-
-  appearance: none;
-  user-select: none;
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 15px;
-  width: 52px;
-  height: 30px;
-  padding: 2px 6px 2px 3px;
-  font-size: 16px;
-  line-height: 19px;
-  font-weight: 500;
-  text-decoration: none;
-  white-space: nowrap;
-  transform: translateZ(0px);
-
-  transition: 100ms ease;
-  transition-property: transform, background-color, box-shadow, color;
-
-  color: var(--color);
-  background: var(--background);
-  box-shadow: var(--box-shadow);
-
-  svg {
-    position: relative;
-    display: block;
-  }
-
-  ${(props) => props.disabled
-    ? css `
-          width: auto;
-          padding: 3px;
-          position: relative;
-          left: -22px;
-        `
-    : css `
-          cursor: pointer;
-
-          @media only screen and (min-width: ${defaultTheme.mobileWidth + 1}px) {
-            &:hover,
-            &:focus-visible {
-              color: var(--hover-color);
-              background: var(--hover-background);
-              box-shadow: var(--hover-box-shadow);
-            }
-            &:active {
-              color: var(--active-color);
-              background: var(--active-background);
-              box-shadow: var(--active-box-shadow);
-            }
-          }
-        `}
-`;
 const ChevronDown = ({ ...props }) => (jsx("svg", { "aria-hidden": "true", width: "11", height: "6", viewBox: "0 0 11 6", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: jsx("path", { d: "M1.5 1L5.5 5L9.5 1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 const ChainSelector = () => {
     var _a;
@@ -134,7 +42,7 @@ const ChainSelector = () => {
                     else {
                         setIsOpen(!isOpen);
                     }
-                }, children: [disabled ? (jsx(Tooltip, { message: locales.chainNetwork, xOffset: -6, delay: 0.01, children: jsx(Chain, { id: chain === null || chain === void 0 ? void 0 : chain.id }) })) : (jsx(Chain, { id: chain === null || chain === void 0 ? void 0 : chain.id })), !disabled && jsx(ChevronDown, { style: { top: 1, left: -3 } })] })) }) }));
+                }, children: [jsx(Tooltip, { message: locales.chainNetwork, xOffset: -6, delay: 0.01, children: jsx(Chain, { id: chain === null || chain === void 0 ? void 0 : chain.id }) }), !disabled && jsx(ChevronDown, { style: { top: 1, left: -3 } })] })) }) }));
 };
 
 export { ChainSelector as default };

package/build/wagmi/components/ChainSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openfort/react",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "author": "Openfort (https://www.openfort.io)",
   "license": "BSD-2-Clause license",
   "description": "The easiest way to integrate Openfort to your project.",