Merge branch 'master' into ag/fix/services-not-restarting

.changeset/curvy-rings-sell.md

@@ -0,0 +1,7 @@
+---
+"@fuel-wallet/connections": patch
+"@fuel-wallet/types": patch
+"fuels-wallet": patch
+---
+
+fix: disables auto-complete for more input fields (sending transactions, adding asset and changing password).  

.github/workflows/release-changeset.yaml

@@ -62,6 +62,7 @@ jobs:
         id: changesets
         uses: FuelLabs/changesets-action@main
         with:
+          publish: pnpm changeset:release
           commit: "ci(changesets): versioning packages"
           title: "ci(changesets): versioning packages"
           createGithubReleases: aggregate
@@ -71,7 +72,7 @@ jobs:
           GITHUB_TOKEN: ${{ secrets.REPO_TOKEN }}
 
       - name: Upload artifacts to Sentry
-        if: ${{ !steps.changesets.outputs.pullRequestNumber }}
+        if: steps.changesets.outputs.published == 'true'
         run: |
           pnpm sentry-cli sourcemaps inject --release ${{ env.BUILD_VERSION }} ./dist-crx
           pnpm sentry-cli sourcemaps upload --release ${{ env.BUILD_VERSION }} ./dist-crx
@@ -82,7 +83,7 @@ jobs:
         working-directory: ./packages/app
 
       - name: Attach Fuel Wallet to release
-        if: ${{ !steps.changesets.outputs.pullRequestNumber }}
+        if: steps.changesets.outputs.published == 'true'
         uses: softprops/action-gh-release@v1
         with:
           token: ${{ secrets.GITHUB_TOKEN }}

packages/app/src/systems/Account/components/AccountForm/AccountForm.tsx

@@ -27,6 +27,7 @@ export const AccountForm = ({ form, isLoading }: AccountFormProps) => {
           <Input isDisabled={isLoading}>
             <Input.Field
               {...field}
+              id="search-account-name"
               aria-label="Account Name"
               placeholder="Type account name"
             />

packages/app/src/systems/Account/components/ImportAccountForm/ImportAccountForm.tsx

@@ -26,7 +26,8 @@ export const ImportAccountForm = ({
           <Input isDisabled={isLoading}>
             <Input.Field
               {...field}
-              autoComplete="off"
+              autoComplete="new-password"
+              id="search-private-key"
               type="password"
               aria-label="Private Key"
               placeholder="Enter the private key to import from"
@@ -48,6 +49,7 @@ export const ImportAccountForm = ({
           <Input isDisabled={isLoading}>
             <Input.Field
               {...field}
+              id="search-account-name"
               aria-label="Account Name"
               placeholder="Type account name"
             />

packages/app/src/systems/Account/pages/EditAccount/EditAccount.tsx

@@ -24,7 +24,12 @@ export const EditAccount = () => {
   }
 
   return (
-    <Box.Stack gap="$4" as="form" onSubmit={form.handleSubmit(onSubmit)}>
+    <Box.Stack
+      gap="$4"
+      as="form"
+      onSubmit={form.handleSubmit(onSubmit)}
+      autoComplete="off"
+    >
       <OverlayDialogTopbar onClose={accountsHandlers.closeDialog}>
         Edit Account
       </OverlayDialogTopbar>

packages/app/src/systems/Account/pages/ImportAccount/ImportAccount.tsx

@@ -17,7 +17,12 @@ export const ImportAccount = () => {
   }
 
   return (
-    <Box.Stack gap="$4" as="form" onSubmit={form.handleSubmit(onSubmit)}>
+    <Box.Stack
+      gap="$4"
+      as="form"
+      onSubmit={form.handleSubmit(onSubmit)}
+      autoComplete="off"
+    >
       <OverlayDialogTopbar onClose={accountsHandlers.closeDialog}>
         Import Account
       </OverlayDialogTopbar>

packages/app/src/systems/Asset/components/AssetForm/AssetForm.tsx

@@ -24,6 +24,7 @@ export function AssetForm({ form, isEditing, showOnlyId }: AssetFormProps) {
           <Input>
             <Input.Field
               {...field}
+              id="search-asset-id"
               aria-label="Asset ID"
               placeholder="Asset ID"
             />
@@ -42,6 +43,7 @@ export function AssetForm({ form, isEditing, showOnlyId }: AssetFormProps) {
               <Input>
                 <Input.Field
                   {...field}
+                  id="search-name"
                   aria-label="Asset name"
                   placeholder="Asset name"
                 />
@@ -58,6 +60,7 @@ export function AssetForm({ form, isEditing, showOnlyId }: AssetFormProps) {
               <Input>
                 <Input.Field
                   {...field}
+                  id="search-symbol"
                   aria-label="Asset symbol"
                   placeholder="Asset symbol"
                 />
@@ -74,6 +77,7 @@ export function AssetForm({ form, isEditing, showOnlyId }: AssetFormProps) {
               <Input>
                 <Input.Field
                   {...field}
+                  id="search-decimals"
                   type="number"
                   min={0}
                   max={19}
@@ -92,6 +96,7 @@ export function AssetForm({ form, isEditing, showOnlyId }: AssetFormProps) {
               <Input>
                 <Input.Field
                   {...field}
+                  id="search-image-url"
                   aria-label="Asset image Url"
                   placeholder="Asset image URL"
                 />

packages/app/src/systems/Asset/pages/UpsertAsset/UpsertAsset.tsx

@@ -52,7 +52,7 @@ export function UpsertAsset() {
   }
 
   return (
-    <form onSubmit={form.handleSubmit(onSubmit)}>
+    <form onSubmit={form.handleSubmit(onSubmit)} autoComplete="off">
       <Layout title={`${isEditing ? 'Edit' : 'Add'} Asset`}>
         <Layout.TopBar />
         <Focus.Scope autoFocus>

packages/app/src/systems/Core/components/SearchInput/SearchInput.tsx

@@ -23,7 +23,9 @@ export function SearchInput({
       <Input.ElementLeft element={<Icon icon={Icon.is('Search')} />} />
       <Input.Field
         {...props}
+        autoComplete="off"
         type="search"
+        id="search-input"
         /**
          * Since we already have type="search" we don't need role here, but
          * @fuel-ui automatically add role to input. So, we need to pass

packages/app/src/systems/Network/components/NetworkForm/NetworkForm.tsx

@@ -52,6 +52,7 @@ export function NetworkForm({ form, isEditing, isLoading }: NetworkFormProps) {
             <MotionInput {...animations.slideInTop()}>
               <Input.Field
                 {...field}
+                id="search-network-url"
                 aria-label="Network URL"
                 placeholder="https://node.fuel.network/graphql"
               />
@@ -75,6 +76,7 @@ export function NetworkForm({ form, isEditing, isLoading }: NetworkFormProps) {
             <Input>
               <Input.Field
                 {...field}
+                id="search-network-name"
                 aria-label="Network name"
                 placeholder="Name of your network..."
               />

packages/app/src/systems/Network/pages/AddNetwork/AddNetwork.tsx

@@ -52,6 +52,7 @@ export function AddNetwork() {
       as="form"
       gap="$4"
       onSubmit={form.handleSubmit(onSubmit)}
+      autoComplete="off"
     >
       <OverlayDialogTopbar onClose={handlers.closeDialog}>
         Add Network

packages/app/src/systems/Network/pages/UpdateNetwork/UpdateNetwork.tsx

@@ -16,7 +16,12 @@ export function UpdateNetwork() {
   }
 
   return (
-    <Box.Stack gap="$4" as="form" onSubmit={form.handleSubmit(onSubmit)}>
+    <Box.Stack
+      gap="$4"
+      as="form"
+      onSubmit={form.handleSubmit(onSubmit)}
+      autoComplete="off"
+    >
       <OverlayDialogTopbar onClose={handlers.closeDialog}>
         Update Network
       </OverlayDialogTopbar>

packages/app/src/systems/Send/components/SendSelect/SendSelect.tsx

@@ -77,7 +77,7 @@ export function SendSelect({
                 <Input size="sm">
                   <Input.Field
                     {...field}
-                    id="address"
+                    id="search-address"
                     aria-label="Address Input"
                     placeholder="Enter a fuel address"
                   />

packages/app/src/systems/Send/pages/SendPage/SendPage.tsx

@@ -13,6 +13,7 @@ export function SendPage() {
     <form
       onSubmit={form.handleSubmit(handlers.submit)}
       data-testid={txRequest.txStatus}
+      autoComplete="off"
     >
       <Layout title={ctx.title} isLoading={status('loading')}>
         <Layout.TopBar onBack={handlers.cancel} />

packages/app/src/systems/Settings/pages/ChangePassword/ChangePassword.tsx

@@ -120,7 +120,7 @@ export function ChangePassword() {
                 render={({ field }) => (
                   <InputPassword
                     {...field}
-                    autoComplete="current-password"
+                    autoComplete="new-password"
                     css={styles.input}
                     aria-label="Current Password"
                     placeholder="Type your current password"