PM-3349 PM-3350 MAUI Migration Initial

src/Core/Controls/AccountSwitchingOverlay/AccountSwitchingOverlayView.xaml

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ContentView
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:xct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    xmlns:effects="clr-namespace:Bit.App.Effects"
+    xmlns:view="clr-namespace:Bit.Core.Models.View"
+    x:Name="_mainOverlay"
+    x:DataType="controls:AccountSwitchingOverlayViewModel"
+    x:Class="Bit.App.Controls.AccountSwitchingOverlayView"
+    BackgroundColor="#22000000"
+    Padding="0"
+    IsVisible="False">
+    <StackLayout
+        x:Name="_accountListContainer"
+        VerticalOptions="Fill"
+        HorizontalOptions="FillAndExpand"
+        BackgroundColor="Transparent">
+        <Frame
+            Padding="0"
+            HorizontalOptions="Fill"
+            VerticalOptions="Start">
+            <Frame.Shadow>
+                <Shadow
+                    Brush="Black"
+                    Radius="10"
+                    Offset="0,3" />
+            </Frame.Shadow>
+            <ListView
+                x:Name="_accountListView"
+                ItemsSource="{Binding BindingContext.AccountViews, Source={x:Reference _mainOverlay}}"
+                BackgroundColor="{DynamicResource BackgroundColor}"
+                VerticalOptions="Start"
+                RowHeight="{Binding AccountListRowHeight, Source={x:Reference _mainOverlay}}"
+                effects:ScrollViewContentInsetAdjustmentBehaviorEffect.ContentInsetAdjustmentBehavior="Never"
+                AutomationId="AccountListView">
+                <ListView.ItemTemplate>
+                    <DataTemplate x:DataType="view:AccountView">
+                        <controls:AccountViewCell
+                            Account="{Binding .}"
+                            SelectAccountCommand="{Binding SelectAccountCommand, Source={x:Reference _mainOverlay}}"
+                            LongPressAccountCommand="{Binding LongPressAccountCommand, Source={x:Reference _mainOverlay}}"
+                            AutomationId="AccountViewCell"
+                            />
+                    </DataTemplate>
+                </ListView.ItemTemplate>
+                <ListView.Effects>
+                    <effects:ScrollViewContentInsetAdjustmentBehaviorEffect />
+                </ListView.Effects>
+            </ListView>
+        </Frame>
+        <BoxView
+            BackgroundColor="Transparent"
+            HorizontalOptions="Fill"
+            VerticalOptions="FillAndExpand">
+            <BoxView.GestureRecognizers>
+                <TapGestureRecognizer Tapped="FreeSpaceOverlay_Tapped" />
+            </BoxView.GestureRecognizers>
+        </BoxView>
+    </StackLayout>
+</ContentView>

src/Core/Controls/AccountSwitchingOverlay/AccountSwitchingOverlayView.xaml.cs

@@ -0,0 +1,196 @@
+using System;
+using System.Threading.Tasks;
+using System.Windows.Input;
+using Bit.Core.Abstractions;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+using Bit.App.Utilities;
+
+namespace Bit.App.Controls
+{
+    public partial class AccountSwitchingOverlayView : ContentView
+    {
+        public static readonly BindableProperty MainPageProperty = BindableProperty.Create(
+            nameof(MainPage),
+            typeof(ContentPage),
+            typeof(AccountSwitchingOverlayView),
+            defaultBindingMode: BindingMode.OneWay);
+
+        public static readonly BindableProperty MainFabProperty = BindableProperty.Create(
+            nameof(MainFab),
+            typeof(View),
+            typeof(AccountSwitchingOverlayView),
+            defaultBindingMode: BindingMode.OneWay);
+
+        public ContentPage MainPage
+        {
+            get => (ContentPage)GetValue(MainPageProperty);
+            set => SetValue(MainPageProperty, value);
+        }
+
+        public View MainFab
+        {
+            get => (View)GetValue(MainFabProperty);
+            set => SetValue(MainFabProperty, value);
+        }
+
+        readonly LazyResolve<ILogger> _logger = new LazyResolve<ILogger>("logger");
+
+        public AccountSwitchingOverlayView()
+        {
+            InitializeComponent();
+
+            ToggleVisibililtyCommand = new AsyncCommand(ToggleVisibilityAsync,
+                onException: ex => _logger.Value.Exception(ex),
+                allowsMultipleExecutions: false);
+
+            SelectAccountCommand = new AsyncCommand<AccountViewCellViewModel>(SelectAccountAsync,
+                onException: ex => _logger.Value.Exception(ex),
+                allowsMultipleExecutions: false);
+
+            LongPressAccountCommand = new AsyncCommand<AccountViewCellViewModel>(LongPressAccountAsync,
+                onException: ex => _logger.Value.Exception(ex),
+                allowsMultipleExecutions: false);
+        }
+
+        public AccountSwitchingOverlayViewModel ViewModel => BindingContext as AccountSwitchingOverlayViewModel;
+
+        public ICommand ToggleVisibililtyCommand { get; }
+
+        public ICommand SelectAccountCommand { get; }
+
+        public ICommand LongPressAccountCommand { get; }
+
+        public int AccountListRowHeight => // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+Device.RuntimePlatform == Device.Android ? 74 : 70;
+
+        public bool LongPressAccountEnabled { get; set; } = true;
+
+        public Action AfterHide { get; set; }
+
+        public async Task ToggleVisibilityAsync()
+        {
+            if (IsVisible)
+            {
+                await HideAsync();
+            }
+            else
+            {
+                await ShowAsync();
+            }
+        }
+
+        public async Task ShowAsync()
+        {
+            if (ViewModel == null)
+            {
+                return;
+            }
+
+            await ViewModel.RefreshAccountViewsAsync();
+
+            await Device.InvokeOnMainThreadAsync(async () =>
+            {
+                // start listView in default (off-screen) position
+                await _accountListContainer.TranslateTo(0, _accountListContainer.Height * -1, 0);
+
+                // re-measure in case accounts have been removed without changing screens
+                if (ViewModel.AccountViews != null)
+                {
+                    _accountListView.HeightRequest = AccountListRowHeight * ViewModel.AccountViews.Count;
+                }
+
+                // set overlay opacity to zero before making visible and start fade-in
+                Opacity = 0;
+                IsVisible = true;
+                this.FadeTo(1, 100);
+
+                if (Device.RuntimePlatform == Device.Android && MainFab != null)
+                {
+                    // start fab fade-out
+                    MainFab.FadeTo(0, 200);
+                }
+
+                // slide account list into view
+                await _accountListContainer.TranslateTo(0, 0, 200, Easing.SinOut);
+            });
+        }
+
+        public async Task HideAsync()
+        {
+            if (!IsVisible)
+            {
+                // already hidden, don't animate again
+                return;
+            }
+            // Not all animations are awaited. This is intentional to allow multiple simultaneous animations.
+            await Device.InvokeOnMainThreadAsync(async () =>
+            {
+                // start overlay fade-out
+                this.FadeTo(0, 200);
+
+                if (Device.RuntimePlatform == Device.Android && MainFab != null)
+                {
+                    // start fab fade-in
+                    MainFab.FadeTo(1, 200);
+                }
+
+                // slide account list out of view
+                await _accountListContainer.TranslateTo(0, _accountListContainer.Height * -1, 200, Easing.SinIn);
+
+                // remove overlay
+                IsVisible = false;
+
+                AfterHide?.Invoke();
+            });
+        }
+
+        private async void FreeSpaceOverlay_Tapped(object sender, EventArgs e)
+        {
+            try
+            {
+                await HideAsync();
+            }
+            catch (Exception ex)
+            {
+                _logger.Value.Exception(ex);
+            }
+        }
+
+        private async Task SelectAccountAsync(AccountViewCellViewModel item)
+        {
+            try
+            {
+                await Task.Delay(100);
+                await HideAsync();
+
+                ViewModel?.SelectAccountCommand?.Execute(item);
+            }
+            catch (Exception ex)
+            {
+                _logger.Value.Exception(ex);
+            }
+        }
+
+        private async Task LongPressAccountAsync(AccountViewCellViewModel item)
+        {
+            if (!LongPressAccountEnabled || !item.IsAccount)
+            {
+                return;
+            }
+            try
+            {
+                await Task.Delay(100);
+                await HideAsync();
+
+                ViewModel?.LongPressAccountCommand?.Execute(
+                    new Tuple<ContentPage, AccountViewCellViewModel>(MainPage, item));
+            }
+            catch (Exception ex)
+            {
+                _logger.Value.Exception(ex);
+            }
+        }
+    }
+}

src/Core/Controls/AccountSwitchingOverlay/AccountSwitchingOverlayViewModel.cs

@@ -0,0 +1,89 @@
+using System;
+using System.Collections.Generic;
+using System.Threading.Tasks;
+using System.Windows.Input;
+using Bit.App.Utilities;
+using Bit.Core.Abstractions;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class AccountSwitchingOverlayViewModel : ExtendedViewModel
+    {
+        private readonly IStateService _stateService;
+        private readonly IMessagingService _messagingService;
+
+        public AccountSwitchingOverlayViewModel(IStateService stateService,
+            IMessagingService messagingService,
+            ILogger logger)
+        {
+            _stateService = stateService;
+            _messagingService = messagingService;
+
+            SelectAccountCommand = new AsyncCommand<AccountViewCellViewModel>(SelectAccountAsync,
+                onException: ex => logger.Exception(ex),
+                allowsMultipleExecutions: false);
+
+            LongPressAccountCommand = new AsyncCommand<Tuple<ContentPage, AccountViewCellViewModel>>(LongPressAccountAsync,
+                onException: ex => logger.Exception(ex),
+                allowsMultipleExecutions: false);
+        }
+
+        // this needs to be a new list every time for the binding to get updated,
+        // XF doesn't currentlyl provide a direct way to update on same instance
+        // https://github.com/xamarin/Xamarin.Forms/issues/1950
+        public List<AccountView> AccountViews => _stateService?.AccountViews is null ? null : new List<AccountView>(_stateService.AccountViews);
+
+        public bool AllowActiveAccountSelection { get; set; }
+
+        public bool AllowAddAccountRow { get; set; }
+
+        public ICommand SelectAccountCommand { get; }
+
+        public ICommand LongPressAccountCommand { get; }
+
+        public bool FromIOSExtension { get; set; }
+
+        private async Task SelectAccountAsync(AccountViewCellViewModel item)
+        {
+            if (!item.AccountView.IsAccount)
+            {
+                _messagingService.Send(AccountsManagerMessageCommands.ADD_ACCOUNT);
+                return;
+            }
+
+            if (!item.AccountView.IsActive)
+            {
+                await _stateService.SetActiveUserAsync(item.AccountView.UserId);
+                _messagingService.Send(AccountsManagerMessageCommands.SWITCHED_ACCOUNT);
+                if (FromIOSExtension)
+                {
+                    await _stateService.SaveExtensionActiveUserIdToStorageAsync(item.AccountView.UserId);
+                }
+            }
+            else if (AllowActiveAccountSelection)
+            {
+                _messagingService.Send(AccountsManagerMessageCommands.SWITCHED_ACCOUNT);
+            }
+        }
+
+        private async Task LongPressAccountAsync(Tuple<ContentPage, AccountViewCellViewModel> item)
+        {
+            var (page, account) = item;
+            if (account.AccountView.IsAccount)
+            {
+                await AppHelpers.AccountListOptions(page, account);
+            }
+        }
+
+        public async Task RefreshAccountViewsAsync()
+        {
+            await _stateService.RefreshAccountViewsAsync(AllowAddAccountRow);
+
+            Device.BeginInvokeOnMainThread(() => TriggerPropertyChanged(nameof(AccountViews)));
+        }
+    }
+}

src/Core/Controls/AccountViewCell/AccountViewCell.xaml

@@ -0,0 +1,173 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<ViewCell xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+          xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+          xmlns:xct="http://schemas.microsoft.com/dotnet/2022/maui/toolkit"
+          x:Class="Bit.App.Controls.AccountViewCell"
+          xmlns:controls="clr-namespace:Bit.App.Controls"
+          xmlns:u="clr-namespace:Bit.App.Utilities"
+          xmlns:core="clr-namespace:Bit.Core"
+          x:Name="_accountView"
+          x:DataType="controls:AccountViewCellViewModel">
+    <!--TODO: [MAUI-Migration] add long press
+          xct:TouchEffect.LongPressCommand="{Binding LongPressAccountCommand, Source={x:Reference _accountView}}"
+          xct:TouchEffect.LongPressCommandParameter="{Binding .}"-->
+    <Grid RowSpacing="0"
+          ColumnSpacing="0">
+        <Grid.GestureRecognizers>
+            <TapGestureRecognizer Command="{Binding SelectAccountCommand, Source={x:Reference _accountView}}" CommandParameter="{Binding .}" />
+        </Grid.GestureRecognizers>
+
+        <Grid.Resources>
+            <u:InverseBoolConverter x:Key="inverseBool" />
+        </Grid.Resources>
+
+        <Grid
+            IsVisible="{Binding IsAccount}"
+            VerticalOptions="CenterAndExpand">
+            
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+
+            <Image
+                Grid.Column="0"
+                Source="{Binding AvatarImageSource}"
+                HorizontalOptions="Center"
+                Margin="10,0"
+                VerticalOptions="Center" />
+
+            <Grid
+                Grid.Column="1"
+                RowSpacing="1"
+                VerticalOptions="Center">
+
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="Auto" />
+                </Grid.RowDefinitions>
+
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="Auto" />
+                </Grid.ColumnDefinitions>
+
+                <Label
+                    Grid.Row="0"
+                    Text="{Binding AccountView.Email}"
+                    IsVisible="{Binding IsActive}"
+                    StyleClass="accountlist-title, accountlist-title-platform"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountEmailLabel" />
+                <Label
+                    Grid.Row="0"
+                    Text="{Binding AccountView.Email}"
+                    IsVisible="{Binding IsActive, Converter={StaticResource inverseBool}}"
+                    StyleClass="accountlist-title, accountlist-title-platform"
+                    TextColor="{DynamicResource MutedColor}"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountEmailLabel" />
+                <Label
+                    Grid.Row="1"
+                    IsVisible="{Binding ShowHostname}"
+                    Text="{Binding AccountView.Hostname}"
+                    StyleClass="accountlist-sub, accountlist-sub-platform"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountHostUrlLabel" />
+                <Label
+                    Grid.Row="2"
+                    Text="{u:I18n AccountUnlocked}"
+                    IsVisible="{Binding IsUnlockedAndNotActive}"
+                    StyleClass="accountlist-sub, accountlist-sub-platform"
+                    FontAttributes="Italic"
+                    TextTransform="Lowercase"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountStatusLabel" />
+                <Label
+                    Grid.Row="2"
+                    Text="{u:I18n AccountLocked}"
+                    IsVisible="{Binding IsLockedAndNotActive}"
+                    StyleClass="accountlist-sub, accountlist-sub-platform"
+                    FontAttributes="Italic"
+                    TextTransform="Lowercase"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountStatusLabel" />
+                <Label
+                    Grid.Row="2"
+                    Text="{u:I18n AccountLoggedOut}"
+                    IsVisible="{Binding IsLoggedOutAndNotActive}"
+                    StyleClass="accountlist-sub, accountlist-sub-platform"
+                    FontAttributes="Italic"
+                    TextTransform="Lowercase"
+                    LineBreakMode="TailTruncation"
+                    AutomationId="AccountStatusLabel" />
+            </Grid>
+
+            <controls:IconLabel
+                Grid.Column="2"
+                Text="{Binding AuthStatusIconNotActive}" 
+                IsVisible="{Binding IsActive, Converter={StaticResource inverseBool}}"
+                Margin="12,0"
+                HorizontalOptions="Center"
+                VerticalOptions="Center"
+                StyleClass="list-icon, list-icon-platform"
+                AutomationId="InactiveVaultIcon" />
+            <controls:IconLabel
+                Grid.Column="2"
+                Text="{Binding AuthStatusIconActive}" 
+                IsVisible="{Binding IsActive}"
+                Margin="12,0"
+                HorizontalOptions="Center"
+                VerticalOptions="Center"
+                StyleClass="list-icon, list-icon-platform"
+                TextColor="{DynamicResource TextColor}"
+                AutomationId="ActiveVaultIcon" />
+        </Grid>
+
+        <Grid
+            IsVisible="{Binding IsAccount, Converter={StaticResource inverseBool}}"
+            VerticalOptions="CenterAndExpand">
+            
+            <Grid.RowDefinitions>
+                <RowDefinition Height="Auto" />
+            </Grid.RowDefinitions>
+
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="Auto" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
+
+            <!--TODO: [MAUI-Migration] check that is the same-->
+            <!--<Image
+                Grid.Column="0"
+                VerticalOptions="Center"
+                HorizontalOptions="Center"
+                Margin="14,0"
+                WidthRequest="{OnPlatform 24, iOS=24, Android=26}"
+                HeightRequest="{OnPlatform 24, iOS=24, Android=26}"
+                Source="plus.png"
+                xct:IconTintColorEffect.TintColor="{DynamicResource TextColor}"
+                AutomationProperties.IsInAccessibleTree="False" />-->
+            <controls:IconLabel
+                Grid.Column="0"
+                VerticalOptions="Center"
+                HorizontalOptions="Center"
+                Margin="14,0"
+                TextColor="{DynamicResource TextColor}"
+                Text="{Binding Source={x:Static core:BitwardenIcons.Plus}}"
+                AutomationProperties.IsInAccessibleTree="False" />
+            <Label
+                Text="{u:I18n AddAccount}"
+                StyleClass="accountlist-title, accountlist-title-platform"
+                LineBreakMode="TailTruncation"
+                VerticalOptions="Center"
+                Grid.Column="1"
+                AutomationId="AddAccountButton" />
+        </Grid>
+    </Grid>
+</ViewCell>

src/Core/Controls/AccountViewCell/AccountViewCell.xaml.cs

@@ -0,0 +1,55 @@
+using System.Windows.Input;
+using Bit.Core.Models.View;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class AccountViewCell : ViewCell
+    {
+        public static readonly BindableProperty AccountProperty = BindableProperty.Create(
+            nameof(Account), typeof(AccountView), typeof(AccountViewCell));
+
+        public static readonly BindableProperty SelectAccountCommandProperty = BindableProperty.Create(
+            nameof(SelectAccountCommand), typeof(ICommand), typeof(AccountViewCell));
+
+        public static readonly BindableProperty LongPressAccountCommandProperty = BindableProperty.Create(
+            nameof(LongPressAccountCommand), typeof(ICommand), typeof(AccountViewCell));
+
+        public AccountViewCell()
+        {
+            InitializeComponent();
+        }
+
+        public AccountView Account
+        {
+            get => GetValue(AccountProperty) as AccountView;
+            set => SetValue(AccountProperty, value);
+        }
+
+        public ICommand SelectAccountCommand
+        {
+            get => GetValue(SelectAccountCommandProperty) as ICommand;
+            set => SetValue(SelectAccountCommandProperty, value);
+        }
+
+        public ICommand LongPressAccountCommand
+        {
+            get => GetValue(LongPressAccountCommandProperty) as ICommand;
+            set => SetValue(LongPressAccountCommandProperty, value);
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+            if (propertyName == AccountProperty.PropertyName)
+            {
+                if (Account == null)
+                {
+                    return;
+                }
+                BindingContext = new AccountViewCellViewModel(Account);
+            }
+        }
+    }
+}

src/Core/Controls/AccountViewCell/AccountViewCellViewModel.cs

@@ -0,0 +1,94 @@
+using Bit.Core;
+using Bit.Core.Enums;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+
+namespace Bit.App.Controls
+{
+    public class AccountViewCellViewModel : ExtendedViewModel
+    {
+        private AccountView _accountView;
+        private AvatarImageSource _avatar;
+
+        public AccountViewCellViewModel(AccountView accountView)
+        {
+            AccountView = accountView;
+            AvatarImageSource = ServiceContainer.Resolve<IAvatarImageSourcePool>("avatarImageSourcePool")
+                ?.GetOrCreateAvatar(AccountView.UserId, AccountView.Name, AccountView.Email, AccountView.AvatarColor);
+        }
+
+        public AccountView AccountView
+        {
+            get => _accountView;
+            set => SetProperty(ref _accountView, value);
+        }
+
+        public AvatarImageSource AvatarImageSource
+        {
+            get => _avatar;
+            set => SetProperty(ref _avatar, value);
+        }
+
+        public bool IsAccount
+        {
+            get => AccountView.IsAccount;
+        }
+
+        public bool ShowHostname
+        {
+            get => !string.IsNullOrWhiteSpace(AccountView.Hostname);
+        }
+
+        public bool IsActive
+        {
+            get => AccountView.IsActive;
+        }
+
+        public bool IsUnlocked
+        {
+            get => AccountView.AuthStatus == AuthenticationStatus.Unlocked;
+        }
+
+        public bool IsUnlockedAndNotActive
+        {
+            get => IsUnlocked && !IsActive;
+        }
+
+        public bool IsLocked
+        {
+            get => AccountView.AuthStatus == AuthenticationStatus.Locked;
+        }
+
+        public bool IsLockedAndNotActive
+        {
+            get => IsLocked && !IsActive;
+        }
+
+        public bool IsLoggedOut
+        {
+            get => AccountView.AuthStatus == AuthenticationStatus.LoggedOut;
+        }
+
+        public bool IsLoggedOutAndNotActive
+        {
+            get => IsLoggedOut && !IsActive;
+        }
+
+        public string AuthStatusIconActive
+        {
+            get => BitwardenIcons.CheckCircle;
+        }
+
+        public string AuthStatusIconNotActive
+        {
+            get
+            {
+                if (IsUnlocked)
+                {
+                    return BitwardenIcons.Unlock;
+                }
+                return BitwardenIcons.Lock;
+            }
+        }
+    }
+}

src/Core/Controls/AuthenticatorViewCell/AuthenticatorViewCell.xaml

@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<controls:ExtendedGrid xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+                       xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+                       x:Class="Bit.App.Controls.AuthenticatorViewCell"
+                       xmlns:controls="clr-namespace:Bit.App.Controls"
+                       xmlns:pages="clr-namespace:Bit.App.Pages"
+                       xmlns:u="clr-namespace:Bit.App.Utilities"
+                       xmlns:ff="clr-namespace:FFImageLoading.Maui;assembly=FFImageLoading.Compat.Maui"
+                       xmlns:core="clr-namespace:Bit.Core"
+                       StyleClass="list-row, list-row-platform"
+                       HorizontalOptions="FillAndExpand"
+                       x:DataType="pages:GroupingsPageTOTPListItem"
+                       ColumnDefinitions="40,*,40,Auto,40"
+                       RowSpacing="0"
+                       Padding="0,10,0,0"
+                       RowDefinitions="*,*">
+
+    <Grid.Resources>
+        <u:IconGlyphConverter x:Key="iconGlyphConverter" />
+        <u:InverseBoolConverter x:Key="inverseBool" />
+    </Grid.Resources>
+
+    <controls:IconLabel
+        Grid.Column="0"
+        HorizontalOptions="Center"
+        VerticalOptions="Center"
+        StyleClass="list-icon, list-icon-platform"
+        Grid.RowSpan="2"
+        IsVisible="{Binding ShowIconImage, Converter={StaticResource inverseBool}}"
+        Text="{Binding Cipher, Converter={StaticResource iconGlyphConverter}}"
+        AutomationProperties.IsInAccessibleTree="False" />
+
+    <ff:CachedImage
+        Grid.Column="0"
+        BitmapOptimizations="True"
+        ErrorPlaceholder="login.png"
+        LoadingPlaceholder="login.png"
+        HorizontalOptions="Center"
+        VerticalOptions="Center"
+        WidthRequest="22"
+        HeightRequest="22"
+        Grid.RowSpan="2"
+        IsVisible="{Binding ShowIconImage}"
+        Source="{Binding IconImageSource, Mode=OneTime}"
+        AutomationProperties.IsInAccessibleTree="False" />
+
+    <Label
+        LineBreakMode="TailTruncation"
+        Grid.Column="1"
+        Grid.Row="0"
+        VerticalTextAlignment="Center"
+        VerticalOptions="Fill"
+        StyleClass="list-title, list-title-platform"
+        Text="{Binding Cipher.Name}" />
+
+    <Label
+        LineBreakMode="TailTruncation"
+        Grid.Column="1"
+        Grid.Row="1"
+        VerticalTextAlignment="Center"
+        VerticalOptions="Fill"
+        StyleClass="list-subtitle, list-subtitle-platform"
+        Text="{Binding Cipher.SubTitle}" />
+
+    <controls:CircularProgressbarView
+        Progress="{Binding Progress}"
+        Grid.Row="0"
+        Grid.Column="2"
+        Grid.RowSpan="2"
+        HorizontalOptions="Fill"
+        VerticalOptions="CenterAndExpand" />
+
+    <Label
+        Text="{Binding TotpSec, Mode=OneWay}"
+        Style="{DynamicResource textTotp}"
+        Grid.Row="0"
+        Grid.Column="2"
+        Grid.RowSpan="2"
+        StyleClass="text-sm"
+        HorizontalTextAlignment="Center"
+        HorizontalOptions="Fill"
+        VerticalTextAlignment="Center"
+        VerticalOptions="Fill" />
+    
+    <StackLayout
+        Grid.Row="0"
+        Grid.Column="3"
+        Margin="3,0,2,0"
+        Spacing="5"
+        Grid.RowSpan="2"
+        Orientation="Horizontal"
+        HorizontalOptions="Fill"
+        VerticalOptions="Fill">
+
+        <controls:MonoLabel
+            Text="{Binding TotpCodeFormattedStart, Mode=OneWay}"
+            Style="{DynamicResource textTotp}"
+            StyleClass="text-lg"
+            HorizontalTextAlignment="Center"
+            VerticalTextAlignment="Center"
+            HorizontalOptions="Center"
+            VerticalOptions="FillAndExpand" />
+        
+        <controls:MonoLabel
+            Text="{Binding TotpCodeFormattedEnd, Mode=OneWay}"
+            Style="{DynamicResource textTotp}"
+            StyleClass="text-lg"
+            HorizontalTextAlignment="Center"
+            VerticalTextAlignment="Center"
+            HorizontalOptions="Center"
+            VerticalOptions="FillAndExpand" />
+    </StackLayout>
+
+    <controls:IconButton
+        StyleClass="box-row-button, box-row-button-platform"
+        Text="{Binding Source={x:Static core:BitwardenIcons.Clone}}"
+        Command="{Binding CopyCommand}"
+        CommandParameter="LoginTotp"
+        Grid.Row="0"
+        Grid.Column="4"
+        Grid.RowSpan="2"
+        Padding="0,0,1,0"
+        HorizontalOptions="Center"
+        VerticalOptions="Center"
+        AutomationProperties.IsInAccessibleTree="True"
+        SemanticProperties.Description="{u:I18n CopyTotp}" />
+</controls:ExtendedGrid>

src/Core/Controls/AuthenticatorViewCell/AuthenticatorViewCell.xaml.cs

@@ -0,0 +1,68 @@
+using System;
+using Bit.App.Pages;
+using Bit.App.Utilities;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class AuthenticatorViewCell : ExtendedGrid
+    {
+        public static readonly BindableProperty CipherProperty = BindableProperty.Create(
+            nameof(Cipher), typeof(CipherView), typeof(AuthenticatorViewCell), default(CipherView), BindingMode.TwoWay);
+
+        public static readonly BindableProperty WebsiteIconsEnabledProperty = BindableProperty.Create(
+            nameof(WebsiteIconsEnabled), typeof(bool?), typeof(AuthenticatorViewCell));
+
+        public static readonly BindableProperty TotpSecProperty = BindableProperty.Create(
+            nameof(TotpSec), typeof(long), typeof(AuthenticatorViewCell));
+
+        public AuthenticatorViewCell()
+        {
+            InitializeComponent();
+        }
+
+        public Command CopyCommand { get; set; }
+
+        public CipherView Cipher
+        {
+            get => GetValue(CipherProperty) as CipherView;
+            set => SetValue(CipherProperty, value);
+        }
+
+        public bool? WebsiteIconsEnabled
+        {
+            get => (bool)GetValue(WebsiteIconsEnabledProperty);
+            set => SetValue(WebsiteIconsEnabledProperty, value);
+        }
+
+        public long TotpSec
+        {
+            get => (long)GetValue(TotpSecProperty);
+            set => SetValue(TotpSecProperty, value);
+        }
+
+        public bool ShowIconImage
+        {
+            get => WebsiteIconsEnabled ?? false
+                && !string.IsNullOrWhiteSpace(Cipher.Login?.Uri)
+                && IconImageSource != null;
+        }
+
+        private string _iconImageSource = string.Empty;
+        public string IconImageSource
+        {
+            get
+            {
+                if (_iconImageSource == string.Empty) // default value since icon source can return null
+                {
+                    _iconImageSource = IconImageHelper.GetLoginIconImage(Cipher);
+                }
+                return _iconImageSource;
+            }
+
+        }
+    }
+}

src/Core/Controls/AvatarImageSource.cs

@@ -0,0 +1,182 @@
+using System;
+using System.IO;
+using System.Text;
+using System.Threading;
+using System.Threading.Tasks;
+using Bit.Core.Utilities;
+using SkiaSharp;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class AvatarImageSource : StreamImageSource
+    {
+        private readonly string _text;
+        private readonly string _id;
+        private readonly string _color;
+
+        public override bool Equals(object obj)
+        {
+            if (obj is null)
+            {
+                return false;
+            }
+
+            if (obj is AvatarImageSource avatar)
+            {
+                return avatar._id == _id && avatar._text == _text && avatar._color == _color;
+            }
+
+            return base.Equals(obj);
+        }
+
+        public override int GetHashCode() => _id?.GetHashCode() ?? _text?.GetHashCode() ?? -1;
+
+        public AvatarImageSource(string userId = null, string name = null, string email = null, string color = null)
+        {
+            _id = userId;
+            _text = name;
+            if (string.IsNullOrWhiteSpace(_text))
+            {
+                _text = email;
+            }
+            _color = color;
+        }
+
+        public override Func<CancellationToken, Task<Stream>> Stream => GetStreamAsync;
+
+        private Task<Stream> GetStreamAsync(CancellationToken userToken = new CancellationToken())
+        {
+            // TODO: [MAUI-Migration] [Critical] now methods are private protected so cannot be used here, figure out workaround
+            //OnLoadingStarted();
+            //userToken.Register(CancellationTokenSource.Cancel);
+            var result = Draw();
+            //OnLoadingCompleted(CancellationTokenSource.IsCancellationRequested);
+            return Task.FromResult(result);
+        }
+
+        private Stream Draw()
+        {
+            string chars;
+            string upperCaseText = null;
+
+            if (string.IsNullOrEmpty(_text))
+            {
+                chars = "..";
+            }
+            else if (_text?.Length > 1)
+            {
+                upperCaseText = _text.ToUpper();
+                chars = GetFirstLetters(upperCaseText, 2);
+            }
+            else
+            {
+                chars = upperCaseText = _text.ToUpper();
+            }
+
+            var bgColor = _color ?? CoreHelpers.StringToColor(_id ?? upperCaseText, "#33ffffff");
+            var textColor = CoreHelpers.TextColorFromBgColor(bgColor);
+            var size = 50;
+
+            using (var bitmap = new SKBitmap(size * 2,
+                size * 2,
+                SKImageInfo.PlatformColorType,
+                SKAlphaType.Premul))
+            {
+                using (var canvas = new SKCanvas(bitmap))
+                {
+                    canvas.Clear(SKColors.Transparent);
+                    using (var paint = new SKPaint
+                    {
+                        IsAntialias = true,
+                        Style = SKPaintStyle.Fill,
+                        StrokeJoin = SKStrokeJoin.Miter,
+                        Color = SKColor.Parse(bgColor)
+                    })
+                    {
+                        var midX = canvas.LocalClipBounds.Size.ToSizeI().Width / 2;
+                        var midY = canvas.LocalClipBounds.Size.ToSizeI().Height / 2;
+                        var radius = midX - midX / 5;
+
+                        using (var circlePaint = new SKPaint
+                        {
+                            IsAntialias = true,
+                            Style = SKPaintStyle.Fill,
+                            StrokeJoin = SKStrokeJoin.Miter,
+                            Color = SKColor.Parse(bgColor)
+                        })
+                        {
+                            canvas.DrawCircle(midX, midY, radius, circlePaint);
+
+                            var typeface = SKTypeface.FromFamilyName("Arial", SKFontStyle.Normal);
+                            var textSize = midX / 1.3f;
+                            using (var textPaint = new SKPaint
+                            {
+                                IsAntialias = true,
+                                Style = SKPaintStyle.Fill,
+                                Color = SKColor.Parse(textColor),
+                                TextSize = textSize,
+                                TextAlign = SKTextAlign.Center,
+                                Typeface = typeface
+                            })
+                            {
+                                var rect = new SKRect();
+                                textPaint.MeasureText(chars, ref rect);
+                                canvas.DrawText(chars, midX, midY + rect.Height / 2, textPaint);
+
+                                using (var img = SKImage.FromBitmap(bitmap))
+                                {
+                                    var data = img.Encode(SKEncodedImageFormat.Png, 100);
+                                    return data?.AsStream(true);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        private string GetFirstLetters(string data, int charCount)
+        {
+            var sanitizedData = data.Trim();
+            var parts = sanitizedData.Split(new char[] { ' ' }, StringSplitOptions.RemoveEmptyEntries);
+
+            if (parts.Length > 1 && charCount <= 2)
+            {
+                var text = string.Empty;
+                for (var i = 0; i < charCount; i++)
+                {
+                    text += parts[i][0];
+                }
+                return text;
+            }
+            if (sanitizedData.Length > 2)
+            {
+                return sanitizedData.Substring(0, 2);
+            }
+            return sanitizedData;
+        }
+
+        private Color StringToColor(string str)
+        {
+            if (str == null)
+            {
+                return Color.FromArgb("#33ffffff");
+            }
+            var hash = 0;
+            for (var i = 0; i < str.Length; i++)
+            {
+                hash = str[i] + ((hash << 5) - hash);
+            }
+            var color = "#FF";
+            for (var i = 0; i < 3; i++)
+            {
+                var value = (hash >> (i * 8)) & 0xff;
+                var base16 = "00" + Convert.ToString(value, 16);
+                color += base16.Substring(base16.Length - 2);
+            }
+            return Color.FromArgb(color);
+        }
+    }
+}

src/Core/Controls/AvatarImageSourcePool.cs

@@ -0,0 +1,33 @@
+using System;
+using System.Collections.Concurrent;
+
+namespace Bit.App.Controls
+{
+    public interface IAvatarImageSourcePool
+    {
+        AvatarImageSource GetOrCreateAvatar(string userId, string name, string email, string color);
+    }
+
+    public class AvatarImageSourcePool : IAvatarImageSourcePool
+    {
+        private readonly ConcurrentDictionary<string, AvatarImageSource> _cache = new ConcurrentDictionary<string, AvatarImageSource>();
+
+        public AvatarImageSource GetOrCreateAvatar(string userId, string name, string email, string color)
+        {
+            var key = $"{userId}{name}{email}{color}";
+            if (!_cache.TryGetValue(key, out var avatar))
+            {
+                avatar = new AvatarImageSource(userId, name, email, color);
+                if (!_cache.TryAdd(key, avatar)
+                    &&
+                    !_cache.TryGetValue(key, out avatar)) // If add fails another thread created the avatar in between the first try get and the try add.
+                {
+                    // if add and get after fails, then something wrong is going on with this method.
+                    throw new InvalidOperationException("Something is wrong creating the avatar image");
+                }
+            }
+            return avatar;
+        }
+    }
+}
+

src/Core/Controls/CipherViewCell/CipherViewCell.xaml

@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<controls:ExtendedGrid xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    x:Class="Bit.App.Controls.CipherViewCell"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    xmlns:u="clr-namespace:Bit.App.Utilities"
+    xmlns:ff="clr-namespace:FFImageLoading.Maui;assembly=FFImageLoading.Compat.Maui"
+    xmlns:core="clr-namespace:Bit.Core"
+    StyleClass="list-row, list-row-platform"
+    RowSpacing="0"
+    ColumnSpacing="0"
+    x:DataType="controls:CipherViewCellViewModel"
+    AutomationId="CipherCell">
+
+    <Grid.Resources>
+        <u:IconGlyphConverter x:Key="iconGlyphConverter"/>
+        <u:IconImageConverter x:Key="iconImageConverter"/>
+        <u:InverseBoolConverter x:Key="inverseBool" />
+        <u:StringHasValueConverter x:Key="stringHasValueConverter" />
+    </Grid.Resources>
+
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto" />
+    </Grid.RowDefinitions>
+
+    <Grid.ColumnDefinitions>
+        <ColumnDefinition Width="40" x:Name="_iconColumn" />
+        <ColumnDefinition Width="*" />
+        <ColumnDefinition Width="60" />
+    </Grid.ColumnDefinitions>
+
+    <controls:IconLabel
+        Grid.Column="0"
+        HorizontalOptions="Center"
+        VerticalOptions="Center"
+        StyleClass="list-icon, list-icon-platform"
+        IsVisible="{Binding ShowIconImage, Converter={StaticResource inverseBool}}"
+        Text="{Binding Cipher, Converter={StaticResource iconGlyphConverter}}"
+        ShouldUpdateFontSizeDynamicallyForAccesibility="True"
+        AutomationProperties.IsInAccessibleTree="False"
+        AutomationId="CipherTypeIcon" />
+
+    <ff:CachedImage
+        x:Name="_iconImage"
+        Grid.Column="0"
+        BitmapOptimizations="True"
+        ErrorPlaceholder="login.png"
+        LoadingPlaceholder="login.png"
+        HorizontalOptions="CenterAndExpand"
+        VerticalOptions="CenterAndExpand"
+        Margin="9"
+        WidthRequest="22"
+        HeightRequest="22"
+        Aspect="AspectFit"
+        IsVisible="{Binding ShowIconImage}"
+        Source="{Binding IconImageSource, Mode=OneTime}"
+        AutomationProperties.IsInAccessibleTree="False"
+        AutomationId="CipherWebsiteIcon" />
+
+    <Grid RowSpacing="0" ColumnSpacing="0" Grid.Row="0" Grid.Column="1" VerticalOptions="Center" Padding="0, 7">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <Label 
+            LineBreakMode="TailTruncation"
+            Grid.Column="0"
+            Grid.Row="0"
+            StyleClass="list-title, list-title-platform"
+            Text="{Binding Cipher.Name}"
+            AutomationId="CipherNameLabel" />
+        <Label
+            LineBreakMode="TailTruncation"
+            Grid.Column="0"
+            Grid.Row="1"
+            Grid.ColumnSpan="3"
+            StyleClass="list-subtitle, list-subtitle-platform"
+            Text="{Binding Cipher.SubTitle}"
+            IsVisible="{Binding Source={RelativeSource Self}, Path=Text,
+                        Converter={StaticResource stringHasValueConverter}}"
+            AutomationId="CipherSubTitleLabel" />
+        <controls:IconLabel
+            Grid.Column="1"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Collection}}"
+            IsVisible="{Binding Cipher.Shared, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n Shared}"
+            AutomationId="CipherInCollectionIcon" />
+        <controls:IconLabel
+            Grid.Column="2"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Paperclip}}"
+            IsVisible="{Binding Cipher.HasAttachments, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n Attachments}"
+            AutomationId="CipherWithAttachmentsIcon" />
+    </Grid>
+
+    <controls:MiButton
+        Grid.Row="0"
+        Grid.Column="2"
+        Text="{Binding Source={x:Static core:BitwardenIcons.ViewCellMenu}}"
+        StyleClass="list-row-button, list-row-button-platform, btn-disabled"
+        Clicked="MoreButton_Clicked"
+        VerticalOptions="CenterAndExpand"
+        HorizontalOptions="EndAndExpand"
+        AutomationProperties.IsInAccessibleTree="True"
+        SemanticProperties.Description="{u:I18n Options}"
+        AutomationId="CipherOptionsButton" />
+
+</controls:ExtendedGrid>

src/Core/Controls/CipherViewCell/CipherViewCell.xaml.cs

@@ -0,0 +1,83 @@
+using System;
+using System.Windows.Input;
+using Bit.App.Abstractions;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class CipherViewCell : ExtendedGrid
+    {
+        private const int ICON_COLUMN_DEFAULT_WIDTH = 40;
+        private const int ICON_IMAGE_DEFAULT_WIDTH = 22;
+
+        public static readonly BindableProperty CipherProperty = BindableProperty.Create(
+            nameof(Cipher), typeof(CipherView), typeof(CipherViewCell), default(CipherView), BindingMode.OneWay);
+
+        public static readonly BindableProperty WebsiteIconsEnabledProperty = BindableProperty.Create(
+            nameof(WebsiteIconsEnabled), typeof(bool?), typeof(CipherViewCell));
+
+        public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(
+            nameof(ButtonCommand), typeof(ICommand), typeof(CipherViewCell));
+
+        public CipherViewCell()
+        {
+            InitializeComponent();
+
+            var fontScale = ServiceContainer.Resolve<IDeviceActionService>("deviceActionService").GetSystemFontSizeScale();
+            _iconColumn.Width = new GridLength(ICON_COLUMN_DEFAULT_WIDTH * fontScale, GridUnitType.Absolute);
+            _iconImage.WidthRequest = ICON_IMAGE_DEFAULT_WIDTH * fontScale;
+            _iconImage.HeightRequest = ICON_IMAGE_DEFAULT_WIDTH * fontScale;
+        }
+
+        public bool? WebsiteIconsEnabled
+        {
+            get => (bool)GetValue(WebsiteIconsEnabledProperty);
+            set => SetValue(WebsiteIconsEnabledProperty, value);
+        }
+
+        public CipherView Cipher
+        {
+            get => GetValue(CipherProperty) as CipherView;
+            set => SetValue(CipherProperty, value);
+        }
+
+        public ICommand ButtonCommand
+        {
+            get => GetValue(ButtonCommandProperty) as ICommand;
+            set => SetValue(ButtonCommandProperty, value);
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+            if (propertyName == CipherProperty.PropertyName)
+            {
+                if (Cipher == null)
+                {
+                    return;
+                }
+                BindingContext = new CipherViewCellViewModel(Cipher, WebsiteIconsEnabled ?? false);
+            }
+            else if (propertyName == WebsiteIconsEnabledProperty.PropertyName)
+            {
+                if (Cipher == null)
+                {
+                    return;
+                }
+                ((CipherViewCellViewModel)BindingContext).WebsiteIconsEnabled = WebsiteIconsEnabled ?? false;
+            }
+        }
+
+        private void MoreButton_Clicked(object sender, EventArgs e)
+        {
+            var cipher = ((sender as MiButton)?.BindingContext as CipherViewCellViewModel)?.Cipher;
+            if (cipher != null)
+            {
+                ButtonCommand?.Execute(cipher);
+            }
+        }
+    }
+}

src/Core/Controls/CipherViewCell/CipherViewCellViewModel.cs

@@ -0,0 +1,51 @@
+using Bit.App.Utilities;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+
+namespace Bit.App.Controls
+{
+    public class CipherViewCellViewModel : ExtendedViewModel
+    {
+        private CipherView _cipher;
+        private bool _websiteIconsEnabled;
+        private string _iconImageSource = string.Empty;
+
+        public CipherViewCellViewModel(CipherView cipherView, bool websiteIconsEnabled)
+        {
+            Cipher = cipherView;
+            WebsiteIconsEnabled = websiteIconsEnabled;
+        }
+
+        public CipherView Cipher
+        {
+            get => _cipher;
+            set => SetProperty(ref _cipher, value);
+        }
+
+        public bool WebsiteIconsEnabled
+        {
+            get => _websiteIconsEnabled;
+            set => SetProperty(ref _websiteIconsEnabled, value);
+        }
+
+        public bool ShowIconImage
+        {
+            get => WebsiteIconsEnabled
+                && !string.IsNullOrWhiteSpace(Cipher.LaunchUri)
+                && IconImageSource != null;
+        }
+
+        public string IconImageSource
+        {
+            get
+            {
+                if (_iconImageSource == string.Empty) // default value since icon source can return null
+                {
+                    _iconImageSource = IconImageHelper.GetIconImage(Cipher);
+                }
+                return _iconImageSource;
+            }
+
+        }
+    }
+}

src/Core/Controls/CircularProgressbarView.cs

@@ -0,0 +1,142 @@
+using System;
+using System.Runtime.CompilerServices;
+using SkiaSharp;
+using Microsoft.Maui.Graphics;
+using Microsoft.Maui.Devices;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+using SkiaSharp.Views.Maui.Controls;
+using SkiaSharp.Views.Maui;
+
+namespace Bit.App.Controls
+{
+    public class CircularProgressbarView : SKCanvasView
+    {
+        private Circle _circle;
+
+        public static readonly BindableProperty ProgressProperty = BindableProperty.Create(
+            nameof(Progress), typeof(double), typeof(CircularProgressbarView), propertyChanged: OnProgressChanged);
+
+        public static readonly BindableProperty RadiusProperty = BindableProperty.Create(
+            nameof(Radius), typeof(float), typeof(CircularProgressbarView), 15f);
+
+        public static readonly BindableProperty StrokeWidthProperty = BindableProperty.Create(
+            nameof(StrokeWidth), typeof(float), typeof(CircularProgressbarView), 3f);
+
+        public static readonly BindableProperty ProgressColorProperty = BindableProperty.Create(
+            nameof(ProgressColor), typeof(Color), typeof(CircularProgressbarView), Color.FromArgb("175DDC"));
+
+        public static readonly BindableProperty EndingProgressColorProperty = BindableProperty.Create(
+            nameof(EndingProgressColor), typeof(Color), typeof(CircularProgressbarView), Color.FromArgb("dd4b39"));
+
+        public static readonly BindableProperty BackgroundProgressColorProperty = BindableProperty.Create(
+            nameof(BackgroundProgressColor), typeof(Color), typeof(CircularProgressbarView), Colors.White);
+
+        public double Progress
+        {
+            get { return (double)GetValue(ProgressProperty); }
+            set { SetValue(ProgressProperty, value); }
+        }
+
+        public float Radius
+        {
+            get => (float)GetValue(RadiusProperty);
+            set => SetValue(RadiusProperty, value);
+        }
+        public float StrokeWidth
+        {
+            get => (float)GetValue(StrokeWidthProperty);
+            set => SetValue(StrokeWidthProperty, value);
+        }
+
+        public Color ProgressColor
+        {
+            get => (Color)GetValue(ProgressColorProperty);
+            set => SetValue(ProgressColorProperty, value);
+        }
+
+        public Color EndingProgressColor
+        {
+            get => (Color)GetValue(EndingProgressColorProperty);
+            set => SetValue(EndingProgressColorProperty, value);
+        }
+
+        public Color BackgroundProgressColor
+        {
+            get => (Color)GetValue(BackgroundProgressColorProperty);
+            set => SetValue(BackgroundProgressColorProperty, value);
+        }
+
+        private static void OnProgressChanged(BindableObject bindable, object oldvalue, object newvalue)
+        {
+            var context = bindable as CircularProgressbarView;
+            context.InvalidateSurface();
+        }
+
+        protected override void OnPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+            if (propertyName == nameof(Progress))
+            {
+                _circle = new Circle(Radius * (float)DeviceDisplay.MainDisplayInfo.Density, (info) => new SKPoint((float)info.Width / 2, (float)info.Height / 2));
+            }
+        }
+
+        protected override void OnPaintSurface(SKPaintSurfaceEventArgs e)
+        {
+            base.OnPaintSurface(e);
+            if (_circle != null)
+            {
+                _circle.CalculateCenter(e.Info);
+                e.Surface.Canvas.Clear();
+                DrawCircle(e.Surface.Canvas, _circle, StrokeWidth * (float)DeviceDisplay.MainDisplayInfo.Density, BackgroundProgressColor.ToSKColor());
+                DrawArc(e.Surface.Canvas, _circle, () => (float)Progress, StrokeWidth * (float)DeviceDisplay.MainDisplayInfo.Density, ProgressColor.ToSKColor(), EndingProgressColor.ToSKColor());
+            }
+        }
+
+        private void DrawCircle(SKCanvas canvas, Circle circle, float strokewidth, SKColor color)
+        {
+            canvas.DrawCircle(circle.Center, circle.Redius,
+                new SKPaint()
+                {
+                    StrokeWidth = strokewidth,
+                    Color = color,
+                    IsStroke = true,
+                    IsAntialias = true
+                });
+        }
+
+        private void DrawArc(SKCanvas canvas, Circle circle, Func<float> progress, float strokewidth, SKColor color, SKColor progressEndColor)
+        {
+            var progressValue = progress();
+            var angle = progressValue * 3.6f;
+            canvas.DrawArc(circle.Rect, 270, angle, false,
+                new SKPaint()
+                {
+                    StrokeWidth = strokewidth,
+                    Color = progressValue < 20f ? progressEndColor : color,
+                    IsStroke = true,
+                    IsAntialias = true
+                });
+        }
+    }
+
+    public class Circle
+    {
+        private readonly Func<SKImageInfo, SKPoint> _centerFunc;
+
+        public Circle(float redius, Func<SKImageInfo, SKPoint> centerFunc)
+        {
+            _centerFunc = centerFunc;
+            Redius = redius;
+        }
+        public SKPoint Center { get; set; }
+        public float Redius { get; set; }
+        public SKRect Rect => new SKRect(Center.X - Redius, Center.Y - Redius, Center.X + Redius, Center.Y + Redius);
+
+        public void CalculateCenter(SKImageInfo argsInfo)
+        {
+            Center = _centerFunc(argsInfo);
+        }
+    }
+}

src/Core/Controls/CustomLabel.cs

@@ -0,0 +1,14 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class CustomLabel : Label
+    {
+        public CustomLabel()
+        {
+        }
+
+        public int? FontWeight { get; set; }
+    }
+}

src/Core/Controls/DateTime/DateTimePicker.xaml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<Grid
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    x:Class="Bit.App.Controls.DateTimePicker"
+    ColumnDefinitions="*,*">
+    <controls:ExtendedDatePicker
+        x:Name="_datePicker"
+        Grid.Column="0"
+        NullableDate="{Binding Date, Mode=TwoWay}"
+        Format="d"
+        AutomationProperties.IsInAccessibleTree="True" />
+    <controls:ExtendedTimePicker
+        x:Name="_timePicker"
+        Grid.Column="1"
+        NullableTime="{Binding Time, Mode=TwoWay}"
+        Format="t"
+        AutomationProperties.IsInAccessibleTree="True" />
+</Grid>

src/Core/Controls/DateTime/DateTimePicker.xaml.cs

@@ -0,0 +1,40 @@
+using System.Runtime.CompilerServices;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+using CommunityToolkit.Maui.Converters;
+using CommunityToolkit.Maui.ImageSources;
+using CommunityToolkit.Maui;
+using CommunityToolkit.Maui.Core;
+using CommunityToolkit.Maui.Layouts;
+using CommunityToolkit.Maui.Views;
+
+namespace Bit.App.Controls
+{
+    public partial class DateTimePicker : Grid
+    {
+        public DateTimePicker()
+        {
+            InitializeComponent();
+        }
+
+        protected override void OnPropertyChanged([CallerMemberName] string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+
+            if (propertyName == nameof(BindingContext)
+                &&
+                BindingContext is DateTimeViewModel dateTimeViewModel)
+            {
+                AutomationProperties.SetName(_datePicker, dateTimeViewModel.DateName);
+                AutomationProperties.SetName(_timePicker, dateTimeViewModel.TimeName);
+
+                _datePicker.PlaceHolder = dateTimeViewModel.DatePlaceholder;
+                _timePicker.PlaceHolder = dateTimeViewModel.TimePlaceholder;
+            }
+        }
+    }
+
+    public class LazyDateTimePicker : LazyView<DateTimePicker>
+    {
+    }
+}

src/Core/Controls/DateTime/DateTimeViewModel.cs

@@ -0,0 +1,70 @@
+using System;
+using Bit.Core.Utilities;
+
+namespace Bit.App.Controls
+{
+    public class DateTimeViewModel : ExtendedViewModel
+    {
+        DateTime? _date;
+        TimeSpan? _time;
+
+        public DateTimeViewModel(string dateName, string timeName)
+        {
+            DateName = dateName;
+            TimeName = timeName;
+        }
+
+        public Action<DateTime?> OnDateChanged { get; set; }
+        public Action<TimeSpan?> OnTimeChanged { get; set; }
+
+        public DateTime? Date
+        {
+            get => _date;
+            set
+            {
+                if (SetProperty(ref _date, value))
+                {
+                    OnDateChanged?.Invoke(value);
+                }
+            }
+        }
+        public TimeSpan? Time
+        {
+            get => _time;
+            set
+            {
+                if (SetProperty(ref _time, value))
+                {
+                    OnTimeChanged?.Invoke(value);
+                }
+            }
+        }
+
+        public string DateName { get; }
+        public string TimeName { get; }
+
+        public string DatePlaceholder { get; set; }
+        public string TimePlaceholder { get; set; }
+
+        public DateTime? DateTime
+        {
+            get
+            {
+                if (Date.HasValue)
+                {
+                    if (Time.HasValue)
+                    {
+                        return Date.Value.Add(Time.Value);
+                    }
+                    return Date;
+                }
+                return null;
+            }
+            set
+            {
+                Date = value?.Date;
+                Time = value?.Date.TimeOfDay;
+            }
+        }
+    }
+}

src/Core/Controls/ExtendedCollectionView.cs

@@ -0,0 +1,20 @@
+using System.Globalization;
+using CommunityToolkit.Maui.Converters;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedCollectionView : CollectionView
+    {
+        public string ExtraDataForLogging { get; set; }
+    }
+
+    public class SelectionChangedEventArgsConverter : BaseConverterOneWay<SelectionChangedEventArgs, object>
+    {
+        public override object DefaultConvertReturnValue { get; set; } = null;
+
+        public override object ConvertFrom(SelectionChangedEventArgs value, CultureInfo culture)
+        {
+            return value?.CurrentSelection.FirstOrDefault();
+        }
+    }
+}

src/Core/Controls/ExtendedDatePicker.cs

@@ -0,0 +1,87 @@
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedDatePicker : DatePicker
+    {
+        private string _format;
+
+        public static readonly BindableProperty PlaceHolderProperty = BindableProperty.Create(
+            nameof(PlaceHolder), typeof(string), typeof(ExtendedDatePicker));
+
+        public string PlaceHolder
+        {
+            get { return (string)GetValue(PlaceHolderProperty); }
+            set { SetValue(PlaceHolderProperty, value); }
+        }
+
+        public static readonly BindableProperty NullableDateProperty = BindableProperty.Create(
+            nameof(NullableDate), typeof(DateTime?), typeof(ExtendedDatePicker));
+
+        public DateTime? NullableDate
+        {
+            get { return (DateTime?)GetValue(NullableDateProperty); }
+            set
+            {
+                SetValue(NullableDateProperty, value);
+                UpdateDate();
+            }
+        }
+
+        private void UpdateDate()
+        {
+            if (NullableDate.HasValue)
+            {
+                if (_format != null)
+                {
+                    Format = _format;
+                }
+            }
+            else
+            {
+                Format = PlaceHolder;
+            }
+        }
+
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            if (BindingContext != null)
+            {
+                _format = Format;
+                UpdateDate();
+            }
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+
+            if (propertyName == DateProperty.PropertyName || (propertyName == IsFocusedProperty.PropertyName &&
+                                                              !IsFocused && (Date.ToString("d") ==
+                                                                             DateTime.Now.ToString("d"))))
+            {
+                NullableDate = Date;
+                UpdateDate();
+            }
+
+            if (propertyName == NullableDateProperty.PropertyName)
+            {
+                if (NullableDate.HasValue)
+                {
+                    Date = NullableDate.Value;
+                    if (Date.ToString(_format) == DateTime.Now.ToString(_format))
+                    {
+                        UpdateDate();
+                    }
+                }
+                else
+                {
+                    UpdateDate();
+                }
+            }
+        }
+    }
+}

src/Core/Controls/ExtendedGrid.cs

@@ -0,0 +1,9 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedGrid : Grid
+    {
+    }
+}

src/Core/Controls/ExtendedSearchBar.cs

@@ -0,0 +1,22 @@
+using Bit.App.Utilities;
+using Microsoft.Maui.Graphics;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedSearchBar : SearchBar
+    {
+        public ExtendedSearchBar()
+        {
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            if (Device.RuntimePlatform == Device.iOS)
+            {
+                if (ThemeManager.UsingLightTheme)
+                {
+                    TextColor = Colors.Black;
+                }
+            }
+        }
+    }
+}

src/Core/Controls/ExtendedSlider.cs

@@ -0,0 +1,17 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedSlider : Slider
+    {
+        public static readonly BindableProperty ThumbBorderColorProperty = BindableProperty.Create(
+            nameof(ThumbBorderColor), typeof(Color), typeof(ExtendedSlider), Color.FromArgb("b5b5b5"));
+
+        public Color ThumbBorderColor
+        {
+            get => (Color)GetValue(ThumbBorderColorProperty);
+            set => SetValue(ThumbBorderColorProperty, value);
+        }
+    }
+}

src/Core/Controls/ExtendedStackLayout.cs

@@ -0,0 +1,9 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedStackLayout : StackLayout
+    {
+    }
+}

src/Core/Controls/ExtendedStepper.cs

@@ -0,0 +1,27 @@
+using Microsoft.Maui.Graphics;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedStepper : Stepper
+    {
+        public static readonly BindableProperty StepperBackgroundColorProperty = BindableProperty.Create(
+            nameof(StepperBackgroundColor), typeof(Color), typeof(ExtendedStepper), Colors.White);
+
+        public static readonly BindableProperty StepperForegroundColorProperty = BindableProperty.Create(
+            nameof(StepperForegroundColor), typeof(Color), typeof(ExtendedStepper), Colors.Black);
+
+        public Color StepperBackgroundColor
+        {
+            get => (Color)GetValue(StepperBackgroundColorProperty);
+            set => SetValue(StepperBackgroundColorProperty, value);
+        }
+
+        public Color StepperForegroundColor
+        {
+            get => (Color)GetValue(StepperForegroundColorProperty);
+            set => SetValue(StepperForegroundColorProperty, value);
+        }
+    }
+}

src/Core/Controls/ExtendedTimePicker.cs

@@ -0,0 +1,87 @@
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedTimePicker : TimePicker
+    {
+        private string _format;
+
+        public static readonly BindableProperty PlaceHolderProperty = BindableProperty.Create(
+            nameof(PlaceHolder), typeof(string), typeof(ExtendedTimePicker));
+
+        public string PlaceHolder
+        {
+            get { return (string)GetValue(PlaceHolderProperty); }
+            set { SetValue(PlaceHolderProperty, value); }
+        }
+
+        public static readonly BindableProperty NullableTimeProperty = BindableProperty.Create(
+            nameof(NullableTime), typeof(TimeSpan?), typeof(ExtendedTimePicker));
+
+        public TimeSpan? NullableTime
+        {
+            get { return (TimeSpan?)GetValue(NullableTimeProperty); }
+            set
+            {
+                SetValue(NullableTimeProperty, value);
+                UpdateTime();
+            }
+        }
+
+        private void UpdateTime()
+        {
+            if (NullableTime.HasValue)
+            {
+                if (_format != null)
+                {
+                    Format = _format;
+                }
+            }
+            else
+            {
+                Format = PlaceHolder;
+            }
+        }
+
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            if (BindingContext != null)
+            {
+                _format = Format;
+                UpdateTime();
+            }
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+
+            if (propertyName == TimeProperty.PropertyName || (propertyName == IsFocusedProperty.PropertyName &&
+                                                              !IsFocused && (Time.ToString("t") ==
+                                                                             DateTime.Now.TimeOfDay.ToString("t"))))
+            {
+                NullableTime = Time;
+                UpdateTime();
+            }
+
+            if (propertyName == NullableTimeProperty.PropertyName)
+            {
+                if (NullableTime.HasValue)
+                {
+                    Time = NullableTime.Value;
+                    if (Time.ToString(_format) == DateTime.Now.TimeOfDay.ToString(_format))
+                    {
+                        UpdateTime();
+                    }
+                }
+                else
+                {
+                    UpdateTime();
+                }
+            }
+        }
+    }
+}

src/Core/Controls/ExtendedToolbarItem.cs

@@ -0,0 +1,30 @@
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class ExtendedToolbarItem : ToolbarItem
+    {
+        public bool UseOriginalImage { get; set; }
+
+        // HACK: For the issue of correctly updating the avatar toolbar item color on iOS
+        // we need to subscribe to the PropertyChanged event of the ToolbarItem on the CustomNavigationRenderer
+        // The problem is that there are a lot of private places where the navigation renderer disposes objects
+        // that we don't have access to, and that we should in order to properly prevent memory leaks
+        // So as a hack solution we have this OnAppearing/OnDisappearing actions and methods to be called on page lifecycle
+        // to subscribe/unsubscribe indirectly on the CustomNavigationRenderer
+        public Action OnAppearingAction { get; set; }
+        public Action OnDisappearingAction { get; set; }
+
+        public void OnAppearing()
+        {
+            OnAppearingAction?.Invoke();
+        }
+
+        public void OnDisappearing()
+        {
+            OnDisappearingAction?.Invoke();
+        }
+    }
+}

src/Core/Controls/ExternalLinkItemView.xaml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<ContentView
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    x:Class="Bit.App.Controls.ExternalLinkItemView"
+    xmlns:core="clr-namespace:Bit.Core"
+    x:Name="_contentView">
+    <ContentView.GestureRecognizers>
+        <TapGestureRecognizer Command="{Binding GoToLinkCommand, Mode=OneWay, Source={x:Reference _contentView}}" />
+    </ContentView.GestureRecognizers>
+    <StackLayout
+        Orientation="Horizontal">
+        <controls:CustomLabel
+            Text="{Binding Title, Mode=OneWay, Source={x:Reference _contentView}}"
+            HorizontalOptions="StartAndExpand"
+            LineBreakMode="TailTruncation" />
+
+        <controls:IconLabel
+            Text="{Binding Source={x:Static core:BitwardenIcons.ShareSquare}}"
+            TextColor="{DynamicResource TextColor}"
+            HorizontalOptions="End"
+            VerticalOptions="Center"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{Binding Title, Mode=OneWay, Source={x:Reference _contentView}}" />
+
+    </StackLayout>
+</ContentView>
+

src/Core/Controls/ExternalLinkItemView.xaml.cs

@@ -0,0 +1,32 @@
+using System.Windows.Input;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class ExternalLinkItemView : ContentView
+    {
+        public static readonly BindableProperty TitleProperty = BindableProperty.Create(
+            nameof(Title), typeof(string), typeof(ExternalLinkItemView), null, BindingMode.OneWay);
+
+        public static readonly BindableProperty GoToLinkCommandProperty = BindableProperty.Create(
+            nameof(GoToLinkCommand), typeof(ICommand), typeof(ExternalLinkItemView));
+
+        public ExternalLinkItemView()
+        {
+            InitializeComponent();
+        }
+
+        public string Title
+        {
+            get { return (string)GetValue(TitleProperty); }
+            set { SetValue(TitleProperty, value); }
+        }
+
+        public ICommand GoToLinkCommand
+        {
+            get => GetValue(GoToLinkCommandProperty) as ICommand;
+            set => SetValue(GoToLinkCommandProperty, value);
+        }
+    }
+}

src/Core/Controls/HybridWebView.cs

@@ -0,0 +1,35 @@
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class HybridWebView : View
+    {
+        private Action<string> _func;
+
+        public static readonly BindableProperty UriProperty = BindableProperty.Create(propertyName: nameof(Uri),
+            returnType: typeof(string), declaringType: typeof(HybridWebView), defaultValue: default(string));
+
+        public string Uri
+        {
+            get { return (string)GetValue(UriProperty); }
+            set { SetValue(UriProperty, value); }
+        }
+
+        public void RegisterAction(Action<string> callback)
+        {
+            _func = callback;
+        }
+
+        public void Cleanup()
+        {
+            _func = null;
+        }
+
+        public void InvokeAction(string data)
+        {
+            _func?.Invoke(data);
+        }
+    }
+}

src/Core/Controls/IconButton.cs

@@ -0,0 +1,26 @@
+using Bit.App.Effects;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class IconButton : Button
+    {
+        public IconButton()
+        {
+            Padding = 0;
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "bwi-font";
+                    break;
+                case Device.Android:
+                    FontFamily = "bwi-font.ttf#bwi-font";
+                    break;
+            }
+
+            Effects.Add(new RemoveFontPaddingEffect());
+        }
+    }
+}

src/Core/Controls/IconLabel.cs

@@ -0,0 +1,27 @@
+using Bit.App.Effects;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class IconLabel : Label
+    {
+        public bool ShouldUpdateFontSizeDynamicallyForAccesibility { get; set; }
+
+        public IconLabel()
+        {
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "bwi-font";
+                    break;
+                case Device.Android:
+                    FontFamily = "bwi-font.ttf#bwi-font";
+                    break;
+            }
+
+            Effects.Add(new RemoveFontPaddingEffect());
+        }
+    }
+}

src/Core/Controls/IconLabelButton/IconLabelButton.xaml

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Frame xmlns="http://schemas.microsoft.com/dotnet/2021/maui" 
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    x:Class="Bit.App.Controls.IconLabelButton"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    x:Name="_iconLabelButton"
+    HeightRequest="45"
+    Padding="1"
+    StyleClass="btn-icon-secondary"
+    BackgroundColor="{Binding IconLabelBorderColor, Source={x:Reference _iconLabelButton}}"
+    BorderColor="Transparent"
+    HasShadow="False">
+    <Frame.GestureRecognizers>
+        <TapGestureRecognizer Command="{Binding ButtonCommand, Source={x:Reference _iconLabelButton}}" />
+    </Frame.GestureRecognizers>
+    <Frame
+        Margin="0"
+        Padding="0"
+        CornerRadius="{Binding CornerRadius, Source={x:Reference _iconLabelButton}}"
+        BackgroundColor="{Binding IconLabelBackgroundColor, Source={x:Reference _iconLabelButton}}"
+        BorderColor="Transparent"
+        IsClippedToBounds="True"
+        HasShadow="False">
+        <StackLayout
+            Orientation="Horizontal"
+            HorizontalOptions="Center">
+            <controls:IconLabel
+                VerticalOptions="Center"
+                HorizontalTextAlignment="Center"
+                FontSize="Large"
+                TextColor="{Binding IconLabelColor, Source={x:Reference _iconLabelButton}}"
+                Text="{Binding Icon, Source={x:Reference _iconLabelButton}}">
+            </controls:IconLabel>
+            <Label
+                VerticalOptions="Center"
+                HorizontalTextAlignment="Center"
+                TextColor="{Binding IconLabelColor, Source={x:Reference _iconLabelButton}}"
+                FontSize="Medium"
+                Text="{Binding Label, Source={x:Reference _iconLabelButton}}"/>
+        </StackLayout>
+    </Frame>
+</Frame>

src/Core/Controls/IconLabelButton/IconLabelButton.xaml.cs

@@ -0,0 +1,77 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows.Input;
+using Bit.Core.Models.Domain;
+using Microsoft.Maui.Controls.Xaml;
+using Microsoft.Maui.Graphics;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class IconLabelButton : Frame
+    {
+        public static readonly BindableProperty IconProperty = BindableProperty.Create(
+            nameof(Icon), typeof(string), typeof(IconLabelButton));
+
+        public static readonly BindableProperty LabelProperty = BindableProperty.Create(
+            nameof(Label), typeof(string), typeof(IconLabelButton));
+
+        public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(
+            nameof(ButtonCommand), typeof(ICommand), typeof(IconLabelButton));
+
+        public static readonly BindableProperty IconLabelColorProperty = BindableProperty.Create(
+            nameof(IconLabelColor), typeof(Color), typeof(IconLabelButton), Colors.White);
+
+        public static readonly BindableProperty IconLabelBackgroundColorProperty = BindableProperty.Create(
+            nameof(IconLabelBackgroundColor), typeof(Color), typeof(IconLabelButton), Colors.White);
+
+        public static readonly BindableProperty IconLabelBorderColorProperty = BindableProperty.Create(
+            nameof(IconLabelBorderColor), typeof(Color), typeof(IconLabelButton), Colors.White);
+
+        public IconLabelButton()
+        {
+            InitializeComponent();
+        }
+
+        public string Icon
+        {
+            get => GetValue(IconProperty) as string;
+            set => SetValue(IconProperty, value);
+        }
+
+        public string Label
+        {
+            get => GetValue(LabelProperty) as string;
+            set => SetValue(LabelProperty, value);
+        }
+
+        public ICommand ButtonCommand
+        {
+            get => GetValue(ButtonCommandProperty) as ICommand;
+            set => SetValue(ButtonCommandProperty, value);
+        }
+
+        public Color IconLabelColor
+        {
+            get { return (Color)GetValue(IconLabelColorProperty); }
+            set { SetValue(IconLabelColorProperty, value); }
+        }
+
+        public Color IconLabelBackgroundColor
+        {
+            get { return (Color)GetValue(IconLabelBackgroundColorProperty); }
+            set { SetValue(IconLabelBackgroundColorProperty, value); }
+        }
+
+        public Color IconLabelBorderColor
+        {
+            get { return (Color)GetValue(IconLabelBorderColorProperty); }
+            set { SetValue(IconLabelBorderColorProperty, value); }
+        }
+    }
+}
+

src/Core/Controls/MiButton.cs

@@ -0,0 +1,23 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class MiButton : Button
+    {
+        public MiButton()
+        {
+            Padding = 0;
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "Material Icons";
+                    break;
+                case Device.Android:
+                    FontFamily = "MaterialIcons_Regular.ttf#Material Icons";
+                    break;
+            }
+        }
+    }
+}

src/Core/Controls/MiLabel.cs

@@ -0,0 +1,22 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class MiLabel : Label
+    {
+        public MiLabel()
+        {
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "Material Icons";
+                    break;
+                case Device.Android:
+                    FontFamily = "MaterialIcons_Regular.ttf#Material Icons";
+                    break;
+            }
+        }
+    }
+}

src/Core/Controls/MonoEntry.cs

@@ -0,0 +1,22 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class MonoEntry : Entry
+    {
+        public MonoEntry()
+        {
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "Menlo-Regular";
+                    break;
+                case Device.Android:
+                    FontFamily = "RobotoMono_Regular.ttf#Roboto Mono";
+                    break;
+            }
+        }
+    }
+}

src/Core/Controls/MonoLabel.cs

@@ -0,0 +1,22 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class MonoLabel : Label
+    {
+        public MonoLabel()
+        {
+            // TODO Xamarin.Forms.Device.RuntimePlatform is no longer supported. Use Microsoft.Maui.Devices.DeviceInfo.Platform instead. For more details see https://learn.microsoft.com/en-us/dotnet/maui/migration/forms-projects#device-changes
+            switch (Device.RuntimePlatform)
+            {
+                case Device.iOS:
+                    FontFamily = "Menlo-Regular";
+                    break;
+                case Device.Android:
+                    FontFamily = "RobotoMono_Regular.ttf#Roboto Mono";
+                    break;
+            }
+        }
+    }
+}

src/Core/Controls/PasswordStrengthProgressBar/IPasswordStrengthable.cs

@@ -0,0 +1,11 @@
+using System.Collections.Generic;
+
+namespace Bit.App.Controls
+{
+    public interface IPasswordStrengthable
+    {
+        string Password { get; }
+        List<string> UserInputs { get; }
+    }
+}
+

src/Core/Controls/PasswordStrengthProgressBar/PasswordStrengthCategory.cs

@@ -0,0 +1,17 @@
+using Bit.Core.Attributes;
+
+namespace Bit.App.Controls
+{
+    public enum PasswordStrengthLevel
+    {
+        [LocalizableEnum("Weak")]
+        VeryWeak,
+        [LocalizableEnum("Weak")]
+        Weak,
+        [LocalizableEnum("Good")]
+        Good,
+        [LocalizableEnum("Strong")]
+        Strong
+    }
+}
+

src/Core/Controls/PasswordStrengthProgressBar/PasswordStrengthProgressBar.xaml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<StackLayout
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    xmlns:u="clr-namespace:Bit.App.Utilities"
+    x:DataType="controls:PasswordStrengthViewModel"
+    x:Class="Bit.App.Controls.PasswordStrengthProgressBar"
+    StyleClass="box">
+    
+    <StackLayout.Resources>
+        <ResourceDictionary>
+            <u:LocalizableEnumConverter x:Key="localizableEnum" />
+        </ResourceDictionary>
+    </StackLayout.Resources>
+
+    <ProgressBar
+        x:Name="_progressBar"
+        u:ProgressBarExtensions.AnimatedProgress="{Binding PasswordStrength}"
+        ScaleY="2" />
+
+    <Label
+        x:Name="_progressLabel"
+        Text="{Binding PasswordStrengthLevel, Converter={StaticResource localizableEnum}, TargetNullValue=' ' }"
+        StyleClass="box-footer-label" />
+
+</StackLayout>
+

src/Core/Controls/PasswordStrengthProgressBar/PasswordStrengthProgressBar.xaml.cs

@@ -0,0 +1,110 @@
+using System;
+using Microsoft.Maui.Graphics;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class PasswordStrengthProgressBar : StackLayout
+    {
+        public static readonly BindableProperty PasswordStrengthLevelProperty = BindableProperty.Create(
+            nameof(PasswordStrengthLevel),
+            typeof(PasswordStrengthLevel),
+            typeof(PasswordStrengthProgressBar),
+            propertyChanged: OnControlPropertyChanged);
+
+        public static readonly BindableProperty VeryWeakColorProperty = BindableProperty.Create(
+            nameof(VeryWeakColor),
+            typeof(Color),
+            typeof(PasswordStrengthProgressBar),
+            propertyChanged: OnControlPropertyChanged);
+
+        public static readonly BindableProperty WeakColorProperty = BindableProperty.Create(
+            nameof(WeakColor),
+            typeof(Color),
+            typeof(PasswordStrengthProgressBar),
+            propertyChanged: OnControlPropertyChanged);
+
+        public static readonly BindableProperty GoodColorProperty = BindableProperty.Create(
+            nameof(GoodColor),
+            typeof(Color),
+            typeof(PasswordStrengthProgressBar),
+            propertyChanged: OnControlPropertyChanged);
+
+        public static readonly BindableProperty StrongColorProperty = BindableProperty.Create(
+            nameof(StrongColor),
+            typeof(Color),
+            typeof(PasswordStrengthProgressBar),
+            propertyChanged: OnControlPropertyChanged);
+
+        public PasswordStrengthLevel? PasswordStrengthLevel
+        {
+            get { return (PasswordStrengthLevel?)GetValue(PasswordStrengthLevelProperty); }
+            set { SetValue(PasswordStrengthLevelProperty, value); }
+        }
+
+        public Color VeryWeakColor
+        {
+            get { return (Color)GetValue(VeryWeakColorProperty); }
+            set { SetValue(VeryWeakColorProperty, value); }
+        }
+
+        public Color WeakColor
+        {
+            get { return (Color)GetValue(WeakColorProperty); }
+            set { SetValue(WeakColorProperty, value); }
+        }
+
+        public Color GoodColor
+        {
+            get { return (Color)GetValue(GoodColorProperty); }
+            set { SetValue(GoodColorProperty, value); }
+        }
+
+        public Color StrongColor
+        {
+            get { return (Color)GetValue(StrongColorProperty); }
+            set { SetValue(StrongColorProperty, value); }
+        }
+
+        public PasswordStrengthProgressBar()
+        {
+            InitializeComponent();
+            SetBinding(PasswordStrengthProgressBar.PasswordStrengthLevelProperty, new Binding() { Path = nameof(PasswordStrengthViewModel.PasswordStrengthLevel) });
+            UpdateColors();
+        }
+
+        private static void OnControlPropertyChanged(BindableObject bindable, object oldValue, object newValue)
+        {
+            (bindable as PasswordStrengthProgressBar)?.UpdateColors();
+        }
+
+        public void UpdateColors()
+        {
+            if (_progressBar == null || _progressLabel == null)
+            {
+                return;
+            }
+            _progressBar.ProgressColor = GetColorForStrength();
+            _progressLabel.TextColor = _progressBar.ProgressColor;
+        }
+
+        private Color GetColorForStrength()
+        {
+            switch (PasswordStrengthLevel)
+            {
+                case Controls.PasswordStrengthLevel.VeryWeak:
+                    return VeryWeakColor;
+                case Controls.PasswordStrengthLevel.Weak:
+                    return WeakColor;
+                case Controls.PasswordStrengthLevel.Good:
+                    return GoodColor;
+                case Controls.PasswordStrengthLevel.Strong:
+                    return StrongColor;
+                default:
+                    return Colors.Transparent;
+            }
+        }
+    }
+}
+

src/Core/Controls/PasswordStrengthProgressBar/PasswordStrengthViewModel.cs

@@ -0,0 +1,68 @@
+using System.Collections.Generic;
+using Bit.Core.Abstractions;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class PasswordStrengthViewModel : ExtendedViewModel
+    {
+        private readonly IPasswordGenerationService _passwordGenerationService;
+        private readonly IPasswordStrengthable _passwordStrengthable;
+        private double _passwordStrength;
+        private Color _passwordColor;
+        private PasswordStrengthLevel? _passwordStrengthLevel;
+
+        public PasswordStrengthViewModel(IPasswordStrengthable passwordStrengthable)
+        {
+            _passwordGenerationService = ServiceContainer.Resolve<IPasswordGenerationService>();
+            _passwordStrengthable = passwordStrengthable;
+        }
+
+        public double PasswordStrength
+        {
+            get => _passwordStrength;
+            set => SetProperty(ref _passwordStrength, value);
+        }
+
+        public PasswordStrengthLevel? PasswordStrengthLevel
+        {
+            get => _passwordStrengthLevel;
+            set => SetProperty(ref _passwordStrengthLevel, value);
+        }
+
+        public List<string> GetPasswordStrengthUserInput(string email) => _passwordGenerationService.GetPasswordStrengthUserInput(email);
+
+        public void CalculatePasswordStrength()
+        {
+            if (string.IsNullOrEmpty(_passwordStrengthable.Password))
+            {
+                PasswordStrength = 0;
+                PasswordStrengthLevel = null;
+                return;
+            }
+
+            var passwordStrength = _passwordGenerationService.PasswordStrength(_passwordStrengthable.Password, _passwordStrengthable.UserInputs);
+            // The passwordStrength.Score is 0..4, convertion was made to be used as a progress directly by the control 0..1 
+            PasswordStrength = (passwordStrength.Score + 1f) / 5f;
+            if (PasswordStrength <= 0.4f)
+            {
+                PasswordStrengthLevel = Controls.PasswordStrengthLevel.VeryWeak;
+            }
+            else if (PasswordStrength <= 0.6f)
+            {
+                PasswordStrengthLevel = Controls.PasswordStrengthLevel.Weak;
+            }
+            else if (PasswordStrength <= 0.8f)
+            {
+                PasswordStrengthLevel = Controls.PasswordStrengthLevel.Good;
+            }
+            else
+            {
+                PasswordStrengthLevel = Controls.PasswordStrengthLevel.Strong;
+            }
+        }
+    }
+}
+

src/Core/Controls/RepeaterView.cs

@@ -0,0 +1,98 @@
+using System;
+using System.Collections;
+using System.Collections.Specialized;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    [Obsolete]
+    public class RepeaterView : StackLayout
+    {
+        public static readonly BindableProperty ItemTemplateProperty = BindableProperty.Create(
+            nameof(ItemTemplate), typeof(DataTemplate), typeof(RepeaterView), default(DataTemplate));
+
+        public static readonly BindableProperty ItemsSourceProperty = BindableProperty.Create(
+            nameof(ItemsSource), typeof(ICollection), typeof(RepeaterView), null, BindingMode.OneWay,
+            propertyChanged: ItemsSourceChanging);
+
+        public RepeaterView()
+        {
+            Spacing = 0;
+        }
+
+        public ICollection ItemsSource
+        {
+            get => GetValue(ItemsSourceProperty) as ICollection;
+            set => SetValue(ItemsSourceProperty, value);
+        }
+
+        public DataTemplate ItemTemplate
+        {
+            get => GetValue(ItemTemplateProperty) as DataTemplate;
+            set => SetValue(ItemTemplateProperty, value);
+        }
+
+        private void OnCollectionChanged(object sender,
+            NotifyCollectionChangedEventArgs notifyCollectionChangedEventArgs)
+        {
+            Populate();
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+            if (propertyName == ItemTemplateProperty.PropertyName || propertyName == ItemsSourceProperty.PropertyName)
+            {
+                Populate();
+            }
+        }
+
+        protected override void OnBindingContextChanged()
+        {
+            base.OnBindingContextChanged();
+            Populate();
+        }
+
+        protected virtual View ViewFor(object item)
+        {
+            View view = null;
+            var template = ItemTemplate;
+            if (template != null)
+            {
+                if (template is DataTemplateSelector selector)
+                {
+                    template = selector.SelectTemplate(item, this);
+                }
+                var content = template.CreateContent();
+                view = content is View ? content as View : ((ViewCell)content).View;
+                view.BindingContext = item;
+            }
+            return view;
+        }
+
+        private void Populate()
+        {
+            if (ItemsSource != null)
+            {
+                Children.Clear();
+                foreach (var item in ItemsSource)
+                {
+                    Children.Add(ViewFor(item));
+                }
+            }
+        }
+
+        private static void ItemsSourceChanging(BindableObject bindable, object oldValue, object newValue)
+        {
+            if (oldValue != null && oldValue is INotifyCollectionChanged ov)
+            {
+                ov.CollectionChanged -= (bindable as RepeaterView).OnCollectionChanged;
+            }
+            if (newValue != null && newValue is INotifyCollectionChanged nv)
+            {
+                nv.CollectionChanged += (bindable as RepeaterView).OnCollectionChanged;
+            }
+        }
+    }
+}

src/Core/Controls/SelectableLabel.cs

@@ -0,0 +1,11 @@
+using System;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class SelectableLabel : Label
+    {
+
+    }
+}

src/Core/Controls/SendViewCell/SendViewCell.xaml

@@ -0,0 +1,142 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<controls:ExtendedGrid xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    x:Class="Bit.App.Controls.SendViewCell"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    xmlns:u="clr-namespace:Bit.App.Utilities"
+    xmlns:core="clr-namespace:Bit.Core"
+    StyleClass="list-row, list-row-platform"
+    RowSpacing="0"
+    ColumnSpacing="0"
+    x:DataType="controls:SendViewCellViewModel">
+
+    <Grid.Resources>
+          <u:SendIconGlyphConverter x:Key="sendIconGlyphConverter"/>
+    </Grid.Resources>
+
+    <Grid.RowDefinitions>
+        <RowDefinition Height="Auto" />
+    </Grid.RowDefinitions>
+
+    <Grid.ColumnDefinitions>
+        <ColumnDefinition Width="40" x:Name="_iconColumn" />
+        <ColumnDefinition Width="*" />
+        <ColumnDefinition Width="60" />
+    </Grid.ColumnDefinitions>
+
+    <controls:IconLabel
+        Grid.Row="0"
+        Grid.Column="0"
+        HorizontalOptions="Center"
+        VerticalOptions="Center"
+        StyleClass="list-icon, list-icon-platform"
+        Text="{Binding Send, Converter={StaticResource sendIconGlyphConverter}}"
+        ShouldUpdateFontSizeDynamicallyForAccesibility="True"
+        AutomationProperties.IsInAccessibleTree="False" />
+
+    <Grid RowSpacing="0" ColumnSpacing="0" Grid.Row="0" Grid.Column="1" VerticalOptions="Center" Padding="0, 7">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="*" />
+        </Grid.ColumnDefinitions>
+
+        <Label
+            LineBreakMode="TailTruncation"
+            Grid.Column="0"
+            Grid.Row="0"
+            StyleClass="list-title, list-title-platform"
+            Text="{Binding Send.Name}"
+            AutomationId="SendNameLabel" />
+        <Label
+            LineBreakMode="TailTruncation"
+            Grid.Column="0"
+            Grid.Row="1"
+            Grid.ColumnSpan="6"
+            StyleClass="list-subtitle, list-subtitle-platform"
+            Text="{Binding Send.DisplayDate}"
+            AutomationId="SendDateLabel" />
+        <controls:IconLabel
+            Grid.Column="1"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.ExclamationTriangle}}"
+            IsVisible="{Binding Send.Disabled, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n Disabled}"
+            AutomationId="DisabledSendLabel" />
+        <controls:IconLabel
+            Grid.Column="2"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Key}}"
+            IsVisible="{Binding Send.HasPassword, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n Password}"
+            AutomationId="PasswordProtectedSendLabel" />
+        <controls:IconLabel
+            Grid.Column="3"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Ban}}"
+            IsVisible="{Binding Send.MaxAccessCountReached, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n MaxAccessCountReached}"
+            AutomationId="SendMaxAccessCountReachedLabel" />
+        <controls:IconLabel
+            Grid.Column="4"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Clock}}"
+            IsVisible="{Binding Send.Expired, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n Expired}"
+            AutomationId="ExpiredSendLabel" />
+        <controls:IconLabel
+            Grid.Column="5"
+            Grid.Row="0"
+            HorizontalOptions="Start"
+            VerticalOptions="Center"
+            StyleClass="list-title-icon"
+            Margin="5, 0, 0, 0"
+            Text="{Binding Source={x:Static core:BitwardenIcons.Trash}}"
+            IsVisible="{Binding Send.PendingDelete, Mode=OneTime}"
+            AutomationProperties.IsInAccessibleTree="True"
+            SemanticProperties.Description="{u:I18n PendingDelete}"
+            AutomationId="SendWithPendingDeletionLabel" />
+    </Grid>
+
+    <controls:MiButton
+        Grid.Row="0"
+        Grid.Column="2"
+        Text="{Binding Source={x:Static core:BitwardenIcons.ViewCellMenu}}"
+        IsVisible="{Binding ShowOptions, Mode=OneWay}"
+        StyleClass="list-row-button, list-row-button-platform, btn-disabled"
+        Clicked="MoreButton_Clicked"
+        VerticalOptions="CenterAndExpand"
+        HorizontalOptions="EndAndExpand"
+        AutomationProperties.IsInAccessibleTree="True"
+        SemanticProperties.Description="{u:I18n Options}"
+        AutomationId="SendOptionsButton" />
+
+</controls:ExtendedGrid>

src/Core/Controls/SendViewCell/SendViewCell.xaml.cs

@@ -0,0 +1,69 @@
+using System;
+using Bit.App.Abstractions;
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class SendViewCell : ExtendedGrid
+    {
+        public static readonly BindableProperty SendProperty = BindableProperty.Create(
+            nameof(Send), typeof(SendView), typeof(SendViewCell), default(SendView), BindingMode.OneWay);
+
+        public static readonly BindableProperty ButtonCommandProperty = BindableProperty.Create(
+            nameof(ButtonCommand), typeof(Command<SendView>), typeof(SendViewCell));
+
+        public static readonly BindableProperty ShowOptionsProperty = BindableProperty.Create(
+            nameof(ShowOptions), typeof(bool), typeof(SendViewCell), true, BindingMode.OneWay);
+
+        public SendViewCell()
+        {
+            InitializeComponent();
+
+            var deviceActionService = ServiceContainer.Resolve<IDeviceActionService>("deviceActionService");
+            _iconColumn.Width = new GridLength(40 * deviceActionService.GetSystemFontSizeScale(), GridUnitType.Absolute);
+        }
+
+        public SendView Send
+        {
+            get => GetValue(SendProperty) as SendView;
+            set => SetValue(SendProperty, value);
+        }
+
+        public Command<SendView> ButtonCommand
+        {
+            get => GetValue(ButtonCommandProperty) as Command<SendView>;
+            set => SetValue(ButtonCommandProperty, value);
+        }
+
+        public bool ShowOptions
+        {
+            get => (bool)GetValue(ShowOptionsProperty);
+            set => SetValue(ShowOptionsProperty, value);
+        }
+
+        protected override void OnPropertyChanged(string propertyName = null)
+        {
+            base.OnPropertyChanged(propertyName);
+            if (propertyName == SendProperty.PropertyName)
+            {
+                if (Send == null)
+                {
+                    return;
+                }
+                BindingContext = new SendViewCellViewModel(Send, ShowOptions);
+            }
+        }
+
+        private void MoreButton_Clicked(object sender, EventArgs e)
+        {
+            var send = ((sender as MiButton)?.BindingContext as SendViewCellViewModel)?.Send;
+            if (send != null)
+            {
+                ButtonCommand?.Execute(send);
+            }
+        }
+    }
+}

src/Core/Controls/SendViewCell/SendViewCellViewModel.cs

@@ -0,0 +1,29 @@
+using Bit.Core.Models.View;
+using Bit.Core.Utilities;
+
+namespace Bit.App.Controls
+{
+    public class SendViewCellViewModel : ExtendedViewModel
+    {
+        private SendView _send;
+        private bool _showOptions;
+
+        public SendViewCellViewModel(SendView sendView, bool showOptions)
+        {
+            Send = sendView;
+            ShowOptions = showOptions;
+        }
+
+        public SendView Send
+        {
+            get => _send;
+            set => SetProperty(ref _send, value);
+        }
+
+        public bool ShowOptions
+        {
+            get => _showOptions;
+            set => SetProperty(ref _showOptions, value);
+        }
+    }
+}

src/Core/Controls/Settings/BaseSettingControlView.cs

@@ -0,0 +1,26 @@
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public class BaseSettingItemView : ContentView
+    {
+        public static readonly BindableProperty TitleProperty = BindableProperty.Create(
+            nameof(Title), typeof(string), typeof(SwitchItemView), null, BindingMode.OneWay);
+
+        public static readonly BindableProperty SubtitleProperty = BindableProperty.Create(
+            nameof(Subtitle), typeof(string), typeof(SwitchItemView), null, BindingMode.OneWay);
+
+        public string Title
+        {
+            get { return (string)GetValue(TitleProperty); }
+            set { SetValue(TitleProperty, value); }
+        }
+
+        public string Subtitle
+        {
+            get { return (string)GetValue(SubtitleProperty); }
+            set { SetValue(SubtitleProperty, value); }
+        }
+    }
+}

src/Core/Controls/Settings/SettingChooserItemView.xaml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<controls:BaseSettingItemView
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    x:Class="Bit.App.Controls.SettingChooserItemView"
+    x:Name="_contentView"
+    ControlTemplate="{StaticResource SettingControlTemplate}">
+    <controls:BaseSettingItemView.GestureRecognizers>
+        <TapGestureRecognizer Command="{Binding ChooseCommand, Mode=OneWay, Source={x:Reference _contentView}}" />
+    </controls:BaseSettingItemView.GestureRecognizers>
+
+    <controls:CustomLabel
+        Text="{Binding DisplayValue, Source={x:Reference _contentView}}"
+        HorizontalTextAlignment="End"
+        TextColor="{DynamicResource MutedColor}"
+        StyleClass="list-sub" />
+
+</controls:BaseSettingItemView>

src/Core/Controls/Settings/SettingChooserItemView.xaml.cs

@@ -0,0 +1,32 @@
+using System.Windows.Input;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class SettingChooserItemView : BaseSettingItemView
+    {
+        public static readonly BindableProperty DisplayValueProperty = BindableProperty.Create(
+            nameof(DisplayValue), typeof(string), typeof(SettingChooserItemView), null, BindingMode.OneWay);
+
+        public static readonly BindableProperty ChooseCommandProperty = BindableProperty.Create(
+            nameof(ChooseCommand), typeof(ICommand), typeof(ExternalLinkItemView));
+
+        public string DisplayValue
+        {
+            get { return (string)GetValue(DisplayValueProperty); }
+            set { SetValue(DisplayValueProperty, value); }
+        }
+
+        public SettingChooserItemView()
+        {
+            InitializeComponent();
+        }
+
+        public ICommand ChooseCommand
+        {
+            get => GetValue(ChooseCommandProperty) as ICommand;
+            set => SetValue(ChooseCommandProperty, value);
+        }
+    }
+}

src/Core/Controls/Settings/SwitchItemView.xaml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<controls:BaseSettingItemView
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
+    xmlns:controls="clr-namespace:Bit.App.Controls"
+    x:Class="Bit.App.Controls.SwitchItemView"
+    x:Name="_contentView"
+    ControlTemplate="{StaticResource SettingControlTemplate}">
+    <controls:BaseSettingItemView.GestureRecognizers>
+        <TapGestureRecognizer Tapped="ContentView_Tapped" />
+    </controls:BaseSettingItemView.GestureRecognizers>
+
+    <Switch
+        x:Name="_switch"
+        HeightRequest="20"
+        Scale="{OnPlatform iOS=0.8, Android=1}"
+        IsToggled="{Binding IsToggled, Mode=TwoWay, Source={x:Reference _contentView}}"
+        AutomationId="{Binding SwitchAutomationId, Mode=OneWay, Source={x:Reference _contentView}}"/>
+</controls:BaseSettingItemView>

src/Core/Controls/Settings/SwitchItemView.xaml.cs

@@ -0,0 +1,46 @@
+using System.Windows.Input;
+using Microsoft.Maui.Controls;
+using Microsoft.Maui;
+
+namespace Bit.App.Controls
+{
+    public partial class SwitchItemView : BaseSettingItemView
+    {
+        public static readonly BindableProperty IsToggledProperty = BindableProperty.Create(
+            nameof(IsToggled), typeof(bool), typeof(SwitchItemView), null, BindingMode.TwoWay);
+
+        public static readonly BindableProperty SwitchAutomationIdProperty = BindableProperty.Create(
+            nameof(SwitchAutomationId), typeof(string), typeof(SwitchItemView), null, BindingMode.OneWay);
+
+        public static readonly BindableProperty ToggleSwitchCommandProperty = BindableProperty.Create(
+            nameof(ToggleSwitchCommand), typeof(ICommand), typeof(ExternalLinkItemView));
+
+        public SwitchItemView()
+        {
+            InitializeComponent();
+        }
+
+        public bool IsToggled
+        {
+            get { return (bool)GetValue(IsToggledProperty); }
+            set { SetValue(IsToggledProperty, value); }
+        }
+
+        public string SwitchAutomationId
+        {
+            get { return (string)GetValue(SwitchAutomationIdProperty); }
+            set { SetValue(SwitchAutomationIdProperty, value); }
+        }
+
+        public ICommand ToggleSwitchCommand
+        {
+            get => GetValue(ToggleSwitchCommandProperty) as ICommand;
+            set => SetValue(ToggleSwitchCommandProperty, value);
+        }
+
+        void ContentView_Tapped(System.Object sender, System.EventArgs e)
+        {
+            _switch.IsToggled = !_switch.IsToggled;
+        }
+    }
+}