@1001-digital/layers.evm 1.0.2 → 1.0.3

package/.playground/app/components/SignedIn.client.vue

@@ -17,25 +17,12 @@
     <EvmTransactionFlow
       :request="sendTransaction"
       :text="{
-        title: {
-          confirm: 'Send Transaction',
-          requesting: 'Requesting...',
-          waiting: 'Waiting for confirmation...',
-          complete: 'Transaction Complete!',
-          error: 'Transaction Error',
-        },
+        title: { confirm: 'Send Transaction' },
         lead: {
           confirm:
             'This will send 0 ETH to your address as a test transaction.',
-          requesting: 'Please confirm the transaction in your wallet.',
-          waiting: 'Your transaction is being processed...',
-          complete: 'Your transaction has been confirmed on-chain.',
-          error: 'An error occurred while processing your transaction.',
-        },
-        action: {
-          confirm: 'Send Transaction',
-          error: 'Try Again',
         },
+        action: { confirm: 'Send Transaction' },
       }"
       @complete="onTransactionComplete"
       @cancel="onTransactionCancel"

package/app/components/EvmTransactionFlow.vue

@@ -93,9 +93,9 @@ import type { Config } from '@wagmi/vue'
 import type { TransactionReceipt, Hash } from 'viem'
 
 interface TextConfig {
-  title: Record<string, string>
-  lead: Record<string, string>
-  action: Record<string, string>
+  title?: Record<string, string>
+  lead?: Record<string, string>
+  action?: Record<string, string>
 }
 
 type Step =
@@ -107,6 +107,28 @@ type Step =
   | 'complete'
   | 'error'
 
+const defaultText = {
+  title: {
+    confirm: 'Confirm Transaction',
+    chain: 'Switch Network',
+    requesting: 'Requesting',
+    waiting: 'Processing',
+    complete: 'Complete',
+    error: 'Error',
+  },
+  lead: {
+    confirm: 'Please review and confirm this transaction.',
+    chain: 'Please switch to the correct network to continue.',
+    requesting: 'Requesting transaction signature...',
+    waiting: 'Waiting for transaction confirmation...',
+    complete: 'Transaction confirmed successfully.',
+  },
+  action: {
+    confirm: 'Execute',
+    error: 'Try Again',
+  },
+} satisfies TextConfig
+
 const slots = useSlots()
 const checkChain = useEnsureChainIdCheck()
 
@@ -124,17 +146,6 @@ const props = withDefaults(
     dismissable?: boolean
   }>(),
   {
-    text: () => ({
-      title: {
-        confirm: 'Confirm Transaction',
-      },
-      lead: {
-        confirm: 'Please review and confirm this transaction.',
-      },
-      action: {
-        confirm: 'Execute',
-      },
-    }),
     delayAfter: 2000,
     delayAutoclose: 2000,
     skipConfirmation: false,
@@ -148,6 +159,12 @@ const emit = defineEmits<{
   cancel: []
 }>()
 
+const text = computed<Required<TextConfig>>(() => ({
+  title: { ...defaultText.title, ...props.text?.title },
+  lead: { ...defaultText.lead, ...props.text?.lead },
+  action: { ...defaultText.action, ...props.text?.action },
+}))
+
 const step = ref<Step>('idle')
 
 const open = computed({

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@1001-digital/layers.evm",
   "type": "module",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "./nuxt.config.ts",
   "devDependencies": {
     "@nuxt/eslint": "latest",