chore: Flutter Gen2 fixes (#7738)

* chore: update mfa page to change flutter snippets from js to dart

* chore: combine duplicate sms mfa text from swift and flutter

* chore: added flutter snippet for global sign out

* chore: fix sign up next steps from enums to flutter

* chore: fix outputs to amplify config in _configureAmplify method

* chore: fix flutter sign in next steps from using enums

* chore: add APIPluginOptions

* chore: add view analytics console

* chore: add user agent back into json in analytics record event page

* chore: fix automated reconnection snippet to use APIPluginOptions

* chore: remove next.js related page and snippets from data

* chore: add flutter snippet to customize auth rules public data access

* chore: remove duplicate lines of code between swift and

* chore: replace js code snippet with flutter for per user data access

* chore: replace js snippets with flutter for multi-user data access

* chore: replaced js snippets in signed-in user data access with flutter snippets

* chore: replace js snippets with flutter snippets in user group-based data access

* chore: replace js snippet with flutter snippets in custom data access using lambda functions page

* chore: replaced js snippet with flutter snippet in use openID Connect as an authorization provider page

* chore: replace js snippets with flutter snippets in configure custom identity and group claims page

* chore: fixed amplifyconfig and replaced with ApmlifyConfig

* Update src/pages/[platform]/build-a-backend/data/customize-authz/configure-custom-identity-and-group-claim/index.mdx

Co-authored-by: Elijah Quartey <Equartey@users.noreply.github.com>

* chore: fix API code snippets

* Update src/pages/[platform]/build-a-backend/data/set-up-data/index.mdx

Co-authored-by: Elijah Quartey <Equartey@users.noreply.github.com>

* chore: fixed multi-user-data-access code and replaced with flutter code

* chore: revert changes in gen1 docs

* chore: remove gen1 remnants for analytics category

---------

Co-authored-by: Elijah Quartey <Equartey@users.noreply.github.com>

Author: khatruong2009

src/pages/[platform]/build-a-backend/auth/concepts/multi-factor-authentication/index.mdx

@@ -253,10 +253,14 @@ class InMemoryStorage implements SecureStorageInterface {
 </InlineFilter>
 
 ## Token Revocation
-<InlineFilter filters={["angular", "javascript", "nextjs", "react", "vue", "android", "flutter"]}>
+<InlineFilter filters={["angular", "javascript", "nextjs", "react", "vue", "android"]}>
 Token revocation is enabled automatically in Amplify Auth. To revoke tokens you can set up global sign-out with `signOut({ global: true })` to globally sign out your user from all of their devices.
 </InlineFilter>
 
+<InlineFilter filters={["flutter"]}>
+Token revocation is enabled automatically in Amplify Auth. To revoke tokens you can invoke `await Amplify.Auth.signOut(options: const signOutOptions(globalSignOut: true))` to globally sign out your user from all of their devices.
+</InlineFilter>
+
 <InlineFilter filters={["swift"]}>
 Token revocation is enabled automatically in Amplify Auth. To revoke tokens you can invoke `await Amplify.Auth.signOut(options: .init(globalSignOut: true))` to globally sign out your user from all of their devices.
 </InlineFilter>

src/pages/[platform]/build-a-backend/auth/concepts/tokens-and-credentials/index.mdx

@@ -253,7 +253,7 @@ func signIn(username: String, password: String) -> AnyCancellable {
 
 The `signIn` API response will include a `nextStep` property, which can be used to determine if further action is required. It may return the following next steps:
 
-<InlineFilter filters={["angular", "javascript", "react", "nextjs", "vue", "flutter", "android"]}>
+<InlineFilter filters={["angular", "javascript", "react", "nextjs", "vue", "android"]}>
 - `CONFIRM_SIGN_IN_WITH_NEW_PASSWORD_REQUIRED` - The user was created with a temporary password and must set a new one. Complete the process with `confirmSignIn`.
 - `CONFIRM_SIGN_IN_WITH_CUSTOM_CHALLENGE` - The sign-in must be confirmed with a custom challenge response. Complete the process with `confirmSignIn`.
 - `CONFIRM_SIGN_IN_WITH_TOTP_CODE` - The sign-in must be confirmed with a TOTP code from the user. Complete the process with `confirmSignIn`.
@@ -265,7 +265,7 @@ The `signIn` API response will include a `nextStep` property, which can be used
 - `DONE` - The sign in process has been completed.
 </InlineFilter>
 
-<InlineFilter filters={["swift"]}>
+<InlineFilter filters={["swift", "flutter"]}>
 - `confirmSignInWithNewPassword` - The user was created with a temporary password and must set a new one. Complete the process with `confirmSignIn`.
 - `confirmSignInWithCustomChallenge` - The sign-in must be confirmed with a custom challenge response. Complete the process with `confirmSignIn`.
 - `confirmSignInWithTOTPCode` - The sign-in must be confirmed with a TOTP code from the user. Complete the process with `confirmSignIn`.

src/pages/[platform]/build-a-backend/auth/connect-your-frontend/sign-in/index.mdx

@@ -285,13 +285,13 @@ func signUp(username: String, password: String, email: String, phonenumber: Stri
 
 The `signUp` API response will include a `nextStep` property, which can be used to determine if further action is required. It may return the following next steps:
 
-<InlineFilter filters={["angular", "javascript", "react", "nextjs", "vue", "flutter", "android"]}>
+<InlineFilter filters={["angular", "javascript", "react", "nextjs", "vue", "android"]}>
 - `CONFIRM_SIGN_UP` - The sign up needs to be confirmed by collecting a code from the user and calling `confirmSignUp`.
 - `DONE` - The sign up process has been fully completed.
 - `COMPLETE_AUTO_SIGN_IN` - The sign up process needs to complete by invoking the `autoSignIn` API.
 </InlineFilter>
 
-<InlineFilter filters={["swift"]}>
+<InlineFilter filters={["swift", "flutter"]}>
 - `confirmUser` - The sign up needs to be confirmed by collecting a code from the user and calling `confirmSignUp` API.
 - `done` - The sign up process has been fully completed.
 </InlineFilter>

src/pages/[platform]/build-a-backend/auth/connect-your-frontend/sign-up/index.mdx

@@ -410,7 +410,7 @@ Future<void> main() async {
 Future<void> _configureAmplify() async {
   try {
     await Amplify.addPlugin(AmplifyAuthCognito());
-    await Amplify.configure(outputs);
+    await Amplify.configure(amplifyConfig);
     safePrint('Successfully configured');
   } on Exception catch (e) {
     safePrint('Error configuring Amplify: $e');

src/pages/[platform]/build-a-backend/auth/set-up-auth/index.mdx

@@ -9,7 +9,6 @@ export const meta = {
   platforms: [
     'android',
     'angular',
-    'flutter',
     'javascript',
     'nextjs',
     'react',

src/pages/[platform]/build-a-backend/data/connect-from-server-runtime/index.mdx

@@ -7,7 +7,6 @@ export const meta = {
   platforms: [
     'android',
     'angular',
-    'flutter',
     'javascript',
     'nextjs',
     'react',

src/pages/[platform]/build-a-backend/data/connect-from-server-runtime/nextjs-server-runtime/index.mdx

@@ -56,6 +56,8 @@ export const data = defineData({ schema });
 
 ```
 
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "swift"]}>
+
 In your application, you can perform CRUD operations against the model using `client.models.<model-name>` with the `userPool` auth mode.
 
 ```ts
@@ -76,3 +78,29 @@ const { errors, data: newTodo } = await client.models.Todo.create(
   // highlight-end
 );
 ```
+
+</InlineFilter>
+
+<InlineFilter filters={["flutter"]}>
+In your application, you can perform CRUD operations against the model with the `userPools` auth mode.
+  
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.userPools,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
+
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+</InlineFilter>

src/pages/[platform]/build-a-backend/data/customize-authz/configure-custom-identity-and-group-claim/index.mdx

@@ -68,6 +68,7 @@ export const data = defineData({
   },
 });
 ```
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "swift"]}>
 
 In your application, you can perform CRUD operations against the model using `client.models.<model-name>` with the `lambda` auth mode.
 
@@ -89,6 +90,33 @@ const { errors, data: newTodo } = await client.models.Todo.create(
 );
 ```
 
+</InlineFilter>
+
+<InlineFilter filters={["flutter"]}>
+In your application, you can perform CRUD operations against the model with the `function` auth mode.
+
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.function,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
+
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+
+</InlineFilter>
+
 The Lambda function of choice will receive an authorization token from the client and execute the desired authorization logic. The AppSync GraphQL API will receive a payload from Lambda after invocation to allow or deny the API call accordingly.
 
 To configure a Lambda function as the authorization mode, create a new file `amplify/data/custom-authorizer.ts`. You can use this Lambda function code template as a starting point for your authorization handler code:

src/pages/[platform]/build-a-backend/data/customize-authz/custom-data-access-patterns/index.mdx

@@ -47,7 +47,7 @@ const schema = a.schema({
 });
 ```
 
-<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android"]}>
 
 In your application, you can perform CRUD operations against the model using `client.models.<model-name>` with the `userPool` auth mode.
 
@@ -88,6 +88,51 @@ await client.models.Todo.update(
 
 </InlineFilter>
 
+<InlineFilter filters={["flutter"]}>
+In your application, you can perform CRUD operations against the model with the `userPools` auth mode.
+  
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.userPools,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
+
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+
+Add another user as an owner
+
+```dart
+try {
+  createdTodo.owners!.add(otherUserId);
+  let updateRequest = ModelMutations.update(
+    createdTodo,
+    authorizationMode: APIAuthorizationType.userPools,
+  );
+  final updatedTodo = await Amplify.API.mutations(request: updateRequest).response;
+
+  if (updatedTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+
+} catch {
+  safePrint("Failed to update todo", error)
+}
+```
+</InlineFilter>
+
 <InlineFilter filters={["swift"]}>
 
 In your application, you can perform CRUD operations against the model with the `amazonCognitoUserPools` auth mode.

src/pages/[platform]/build-a-backend/data/customize-authz/multi-user-data-access/index.mdx

@@ -59,7 +59,7 @@ const schema = a.schema({
 });
 ```
 
-<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android"]}>
 
 In your application, you can perform CRUD operations against the model using `client.models.<model-name>` with the `userPool` auth mode.
 
@@ -82,6 +82,30 @@ const { errors, data: newTodo } = await client.models.Todo.create(
 ```
 </InlineFilter>
 
+<InlineFilter filters={["flutter"]}>
+In your application, you can perform CRUD operations against the model with the `userPools` auth mode.
+  
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.userPools,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
+
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+</InlineFilter>
+
 <InlineFilter filters={["swift"]}>
 
 In your application, you can perform CRUD operations against the model with the `amazonCognitoUserPools` auth mode.

src/pages/[platform]/build-a-backend/data/customize-authz/per-user-per-owner-data-access/index.mdx

@@ -45,7 +45,7 @@ const schema = a.schema({
 });
 ```
 
-<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android", "flutter"]}>
+<InlineFilter filters={["javascript", "angular", "react-native", "react", "nextjs", "vue", "android"]}>
 
 In your application, you can perform CRUD operations against the model using `client.models.<model-name>` by specifying the `apiKey` auth mode.
 
@@ -69,9 +69,35 @@ const { errors, data: newTodo } = await client.models.Todo.create(
 
 </InlineFilter>
 
-<InlineFilter filters={["swift"]}>
-
+<InlineFilter filters={["swift", "flutter"]}>
 In your application, you can perform CRUD operations against the model by specifying the `apiKey` auth mode.
+</InlineFilter>
+
+<InlineFilter filters={["flutter"]}>
+
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.apiKey,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
+
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
 
 ```swift
 do {
@@ -149,8 +175,32 @@ const { errors, data: newTodo } = await client.models.Todo.create(
 
 </InlineFilter>
 
-<InlineFilter filters={["swift"]}>
+<InlineFilter filters={["flutter"]}>
+In your application, you can perform CRUD operations against the model with the `iam` auth mode.
+
+```dart
+try {
+  final todo = Todo(content: 'My new todo');
+  final request = ModelMutations.create(
+    todo,  
+    authorizationMode: APIAuthorizationType.iam,
+  );
+  final createdTodo = await Amplify.API.mutations(request: request).response;
+
+  if (createdTodo == null) {
+    safePrint('errors: ${response.errors}');
+    return;
+  }
+  safePrint('Mutation result: ${createdTodo.name}');
 
+} on APIException catch (e) {
+  safePrint('Failed to create todo', e);
+}
+```
+
+</InlineFilter>
+
+<InlineFilter filters={["swift"]}>
 In your application, you can perform CRUD operations against the model with the `awsIAM` auth mode.
 
 ```swift