Bust anki quick-select FTUE state to re-show the updated FTUE

Author: killergerbah

common/app/components/App.tsx

@@ -1186,10 +1186,10 @@ function App({
     const { initialized: i18nInitialized } = useI18n({ language: settings.language });
 
     const handleDismissShowAnkiDialogQuickSelectFtue = useCallback(() => {
-        onGlobalStateChanged({ ftueHasSeenAnkiDialogQuickSelect: true });
+        onGlobalStateChanged({ ftueHasSeenAnkiDialogQuickSelectV2: true });
     }, [onGlobalStateChanged]);
 
-    const showAnkiDialogQuickSelectFtue = !isMobile && globalState?.ftueHasSeenAnkiDialogQuickSelect === false;
+    const showAnkiDialogQuickSelectFtue = !isMobile && globalState?.ftueHasSeenAnkiDialogQuickSelectV2 === false;
 
     if (!i18nInitialized) {
         return null;

common/global-state/index.ts

@@ -4,11 +4,11 @@
 // not be affected by settings profiles. For example: FTUE state.
 
 export const initialGlobalState: GlobalState = {
-    ftueHasSeenAnkiDialogQuickSelect: false,
+    ftueHasSeenAnkiDialogQuickSelectV2: false,
 };
 
 export interface GlobalState {
-    ftueHasSeenAnkiDialogQuickSelect: boolean;
+    ftueHasSeenAnkiDialogQuickSelectV2: boolean;
 }
 
 export interface GlobalStateProvider {

extension/src/controllers/anki-ui-controller.ts

@@ -252,7 +252,7 @@ export default class AnkiUiController {
                         });
                         return;
                     case 'dismissedQuickSelectFtue':
-                        globalStateProvider.set({ ftueHasSeenAnkiDialogQuickSelect: true }).catch(console.error);
+                        globalStateProvider.set({ ftueHasSeenAnkiDialogQuickSelectV2: true }).catch(console.error);
                         return;
                     case 'exported':
                         const exportedMessage = message as AnkiUiBridgeExportedMessage;
@@ -349,7 +349,7 @@ export default class AnkiUiController {
         return {
             profiles: await profilesPromise,
             activeProfile: (await activeProfilePromise)?.name,
-            ftueHasSeenAnkiDialogQuickSelect: (await globalStatePromise).ftueHasSeenAnkiDialogQuickSelect,
+            ftueHasSeenAnkiDialogQuickSelect: (await globalStatePromise).ftueHasSeenAnkiDialogQuickSelectV2,
         };
     }
 

extension/src/controllers/tab-anki-ui-controller.ts

@@ -74,7 +74,7 @@ export class TabAnkiUiController {
             ...card,
             profiles: await profilesPromise,
             activeProfile: (await activeProfilePromise)?.name,
-            ftueHasSeenAnkiDialogQuickSelect: (await globalStatePromise).ftueHasSeenAnkiDialogQuickSelect,
+            ftueHasSeenAnkiDialogQuickSelect: (await globalStatePromise).ftueHasSeenAnkiDialogQuickSelectV2,
         };
         client.updateState(state);
     }
@@ -159,7 +159,7 @@ export class TabAnkiUiController {
                         });
                         return;
                     case 'dismissedQuickSelectFtue':
-                        globalStateProvider.set({ ftueHasSeenAnkiDialogQuickSelect: true }).catch(console.error);
+                        globalStateProvider.set({ ftueHasSeenAnkiDialogQuickSelectV2: true }).catch(console.error);
                         return;
                     case 'exported':
                         const exportedMessage = message as AnkiUiBridgeExportedMessage;

extension/src/services/extension-global-state-provider.test.ts

@@ -3,12 +3,12 @@ import { MockStorageArea } from './mock-storage-area';
 
 it('can retrieve list of keys', async () => {
     const provider = new ExtensionGlobalStateProvider(new MockStorageArea());
-    expect(await provider.get(['ftueHasSeenAnkiDialogQuickSelect'])).toEqual({
-        ftueHasSeenAnkiDialogQuickSelect: false,
+    expect(await provider.get(['ftueHasSeenAnkiDialogQuickSelectV2'])).toEqual({
+        ftueHasSeenAnkiDialogQuickSelectV2: false,
     });
-    await provider.set({ ftueHasSeenAnkiDialogQuickSelect: true });
-    expect(await provider.get(['ftueHasSeenAnkiDialogQuickSelect'])).toEqual({
-        ftueHasSeenAnkiDialogQuickSelect: true,
+    await provider.set({ ftueHasSeenAnkiDialogQuickSelectV2: true });
+    expect(await provider.get(['ftueHasSeenAnkiDialogQuickSelectV2'])).toEqual({
+        ftueHasSeenAnkiDialogQuickSelectV2: true,
     });
 });
 
@@ -19,5 +19,5 @@ it('can retrieve 0 keys', async () => {
 
 it('can retrieve all keys', async () => {
     const provider = new ExtensionGlobalStateProvider(new MockStorageArea());
-    expect(await provider.getAll()).toEqual({ ftueHasSeenAnkiDialogQuickSelect: false });
+    expect(await provider.getAll()).toEqual({ ftueHasSeenAnkiDialogQuickSelectV2: false });
 });