@1001-digital/components 1.1.1 → 1.1.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1001-digital/components",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "type": "module",
   "sideEffects": [
     "*.css"

package/src/evm/components/EvmProfile.vue

@@ -46,6 +46,8 @@
     </div>
 
     <div class="profile-actions">
+      <slot name="actions" />
+
       <EvmSwitchNetwork>
         <template #default="{ currentChain }">
           <Icon type="wallet" />

package/src/evm/components/EvmSeedPhraseInput.vue

@@ -67,7 +67,7 @@ watch(
     const incoming = val.trim().split(/\s+/)
     if (incoming.length === 12) {
       for (let i = 0; i < 12; i++) {
-        words.value[i] = incoming[i]
+        words.value[i] = incoming[i]!
       }
     }
   },
@@ -119,7 +119,7 @@ function onPaste(event: ClipboardEvent, index: number) {
   if (pasted.length > 1) {
     event.preventDefault()
     for (let i = 0; i < pasted.length && index + i < 12; i++) {
-      words.value[index + i] = pasted[i].toLowerCase()
+      words.value[index + i] = pasted[i]!.toLowerCase()
     }
     const nextIndex = Math.min(index + pasted.length, 11)
     focusInput(nextIndex)
@@ -129,12 +129,12 @@ function onPaste(event: ClipboardEvent, index: number) {
 function onInput(index: number) {
   // Auto-advance if the word contains a space (mobile autocomplete)
   const val = words.value[index]
-  if (val.includes(' ')) {
+  if (val?.includes(' ')) {
     const parts = val.trim().split(/\s+/)
-    words.value[index] = parts[0]
+    words.value[index] = parts[0]!
     if (parts.length > 1 && index < 11) {
       for (let i = 1; i < parts.length && index + i < 12; i++) {
-        words.value[index + i] = parts[i]
+        words.value[index + i] = parts[i]!
       }
       focusInput(Math.min(index + parts.length, 11))
     }

package/src/evm/components/EvmSwitchNetwork.vue

@@ -1,52 +1,54 @@
 <template>
-  <Button
-    @click="dialogOpen = true"
-    :class="className"
-  >
-    <slot :current-chain="currentChain">
-      {{ currentChain?.name || 'Unknown Network' }}
-    </slot>
-  </Button>
-
-  <Dialog
-    title="Switch Network"
-    v-model:open="dialogOpen"
-    @closed="onClosed"
-    compat
-  >
-    <Alert
-      v-if="errorMessage"
-      type="error"
+  <template v-if="chains.length > 1">
+    <Button
+      @click="dialogOpen = true"
+      :class="className"
     >
-      {{ errorMessage }}
-    </Alert>
-
-    <Loading
-      v-if="switching"
-      spinner
-      stacked
-      :txt="`Switching to ${switchingTo}...`"
-    />
-
-    <div
-      v-if="!switching"
-      class="chain-list"
+      <slot :current-chain="currentChain">
+        {{ currentChain?.name || 'Unknown Network' }}
+      </slot>
+    </Button>
+
+    <Dialog
+      title="Switch Network"
+      v-model:open="dialogOpen"
+      @closed="onClosed"
+      compat
     >
-      <Button
-        v-for="chain in chains"
-        :key="chain.id"
-        :disabled="chain.id === currentChainId || undefined"
-        :class="['chain-item', { active: chain.id === currentChainId }]"
-        @click="() => switchTo(chain)"
+      <Alert
+        v-if="errorMessage"
+        type="error"
       >
-        <span>{{ chain.name }}</span>
-        <Icon
-          v-if="chain.id === currentChainId"
-          type="check"
-        />
-      </Button>
-    </div>
-  </Dialog>
+        {{ errorMessage }}
+      </Alert>
+
+      <Loading
+        v-if="switching"
+        spinner
+        stacked
+        :txt="`Switching to ${switchingTo}...`"
+      />
+
+      <div
+        v-if="!switching"
+        class="chain-list"
+      >
+        <Button
+          v-for="chain in chains"
+          :key="chain.id"
+          :disabled="chain.id === currentChainId || undefined"
+          :class="['chain-item', { active: chain.id === currentChainId }]"
+          @click="() => switchTo(chain)"
+        >
+          <span>{{ chain.name }}</span>
+          <Icon
+            v-if="chain.id === currentChainId"
+            type="check"
+          />
+        </Button>
+      </div>
+    </Dialog>
+  </template>
 </template>
 
 <script setup lang="ts">

package/src/evm/connectors/inAppWallet.ts

@@ -44,6 +44,7 @@ export function inAppWallet(parameters: InAppWalletParameters = {}) {
   type Provider =
     ReturnType<typeof custom> extends (...args: infer A) => infer R ? R : never
 
+  // @ts-expect-error wagmi 0.4.x withCapabilities conditional return type
   return createConnector<Provider>((config) => {
     let account: PrivateKeyAccount | null = null
     let currentChainId: number = config.chains[0].id