Sync family/connectkit (1.9.0)

.github/workflows/dependency-review.yml

@@ -0,0 +1,19 @@
+name: 'Dependency Review'
+on: [pull_request]
+
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  dependency-review:
+    runs-on: ubuntu-latest
+    steps:
+      - name: 'Checkout Repository'
+        uses: actions/checkout@v5
+      - name: 'Dependency Review'
+        uses: actions/dependency-review-action@v4
+        with:
+          comment-summary-in-pr: on-failure
+          fail-on-severity: moderate
+          license-check: false

.github/workflows/quality.yml

@@ -16,7 +16,7 @@ jobs:
           node-version: 16
 
       - name: Use node_modules cache
-        uses: actions/cache@v2
+        uses: actions/cache@v3
         with:
           path: '**/node_modules'
           key: ${{ runner.os }}-modules-${{ hashFiles('**/pnpm-lock.yaml') }}

CHANGELOG.md

@@ -1,3 +1,31 @@
+# 1.9.1
+
+This update includes updates to the peer dependencies and improvements to the Family Accounts features.
+
+## Updated
+
+- `family` package updated to latest.
+
+## Improved
+
+- Improved support for `family` features.
+
+# 1.9.0
+
+We're thrilled to announce a major upgrade to ConnectKit—designed to make onboarding and navigating Ethereum simpler and safer than ever.
+
+Introducing [Family Accounts](https://app.family.co), simplified onboarding for new users.
+
+Learn more by reading the announcement [here](https://family.co/blog/family-accounts).
+
+## New
+
+- Support for [Family Accounts](https://app.family.co).
+
+## Improved
+
+- Updates chain logos for `zora`, `base`, `optimism` and `lens`.
+
 # 1.8.2
 
 This update includes improvements to the `CoinbaseWalletSDK` connect popup and `MockConnector`.

examples/testbench/src/components/Web3Provider.tsx

@@ -41,6 +41,7 @@ export const ckConfig = getDefaultConfig({
   appName: 'ConnectKit testbench',
   appIcon: '/app.png',
   walletConnectProjectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID!,
+  //enableFamily: false,
 });
 const customConfig = {
   ...ckConfig,

packages/connectkit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "connectkit",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "author": "Family",
   "homepage": "https://docs.family.co/connectkit",
   "license": "BSD-2-Clause license",
@@ -41,6 +41,7 @@
   "dependencies": {
     "buffer": "^6.0.3",
     "detect-browser": "^5.3.0",
+    "family": "^0.1.2",
     "framer-motion": "^6.3.11",
     "qrcode": "^1.5.0",
     "react-transition-state": "^1.1.4",

packages/connectkit/src/assets/chains.tsx

@@ -108,6 +108,27 @@ export const Ethereum = ({ testnet, ...props }: Logo) => {
   );
 };
 
+export const LensChain = ({ testnet, ...props }: { testnet?: boolean }) => (
+  <svg
+    {...props}
+    width="44"
+    height="44"
+    viewBox="0 0 44 44"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style={{
+      background: testnet
+        ? 'linear-gradient(180deg, #8995A9 0%, #424D5F 99.48%)'
+        : '#2C2D30',
+    }}
+  >
+    <path
+      d="M30.4076 17.2002C29.1337 17.2002 27.9906 17.6998 27.1194 18.506L27.0299 18.4612C26.8302 15.8187 24.6817 13.7344 21.9891 13.7344C19.2966 13.7344 17.1481 15.8187 16.9484 18.4612L16.8589 18.506C15.9877 17.6998 14.8446 17.2002 13.5706 17.2002C10.7438 17.2002 8.45068 19.4947 8.45068 22.3267C8.45068 24.7727 10.8781 26.8709 11.4807 27.3532C14.3144 29.6098 18.0054 30.9293 21.9891 30.9293C25.9729 30.9293 29.6639 29.6098 32.4976 27.3532C33.1036 26.8709 35.5276 24.7762 35.5276 22.3267C35.5276 19.4947 33.2345 17.2002 30.4042 17.2002H30.4076Z"
+      fill="white"
+    />
+  </svg>
+);
+
 export const Polygon = ({ testnet, ...props }: Logo) => (
   <svg
     {...props}
@@ -152,6 +173,15 @@ export const Optimism = ({ testnet, ...props }: Logo) => (
       d="M22.8188 27.6815C22.6977 27.6815 22.6041 27.6429 22.5381 27.5659C22.483 27.4778 22.4665 27.3788 22.4885 27.2687L24.7672 16.5358C24.7892 16.4147 24.8498 16.3156 24.9489 16.2385C25.0479 16.1615 25.1525 16.1229 25.2626 16.1229H29.6548C30.8767 16.1229 31.8564 16.3761 32.5939 16.8825C33.3426 17.3889 33.7168 18.1209 33.7168 19.0786C33.7168 19.3538 33.6838 19.64 33.6177 19.9372C33.3426 21.2032 32.7867 22.1389 31.95 22.7443C31.1244 23.3498 29.9905 23.6525 28.5485 23.6525H26.3194L25.5598 27.2687C25.5377 27.3898 25.4772 27.4888 25.3782 27.5659C25.2791 27.6429 25.1745 27.6815 25.0645 27.6815H22.8188ZM28.6641 21.3738C29.1264 21.3738 29.5282 21.2472 29.8695 20.994C30.2217 20.7408 30.4529 20.3776 30.563 19.9042C30.596 19.717 30.6125 19.552 30.6125 19.4089C30.6125 19.0896 30.519 18.8474 30.3318 18.6823C30.1446 18.5062 29.8255 18.4182 29.3741 18.4182H27.3926L26.7652 21.3738H28.6641Z"
       fill="white"
     />
+    <rect x="5.5" y="5.5" width="33" height="33" rx="16.5" fill="white" />
+    <path
+      d="M38.5 22C38.5 12.8924 31.0968 5.52416 22 5.5C12.879 5.5 5.5 12.8924 5.5 22C5.5 31.1076 12.9032 38.4758 22 38.5C31.121 38.5 38.5 31.1076 38.5 22ZM21.9758 30.2379V37.7994C15.3226 37.7994 9.92742 32.4122 9.92742 25.7687C9.92742 19.1252 15.3226 13.7379 21.9758 13.7379V6.17643C28.629 6.17643 34.0242 11.5637 34.0242 18.2072C34.0242 24.8507 28.629 30.2379 21.9758 30.2379Z"
+      fill="#FF0420"
+    />
+    <path
+      d="M22.0239 16.3223H21.9271C20.6691 18.8347 18.8062 20.6949 16.29 21.9511V22.0477C18.8062 23.304 20.6691 25.1641 21.9271 27.6766H22.0239C23.282 25.1641 25.1449 23.304 27.661 22.0477V21.9511C25.1449 20.6949 23.282 18.8347 22.0239 16.3223Z"
+      fill="#FF0420"
+    />
   </svg>
 );
 
@@ -850,6 +880,7 @@ const Zora = ({ testnet, ...props }: { testnet?: boolean }) => (
 export default {
   UnknownChain,
   Base,
+  LensChain,
   Ethereum,
   Polygon,
   Optimism,