fix(CLI/JS): Updating social sign-in attribute mappings callout on imported Auth (#5223)

* Updating social sign in attribute mappings callout on imported Auth

* adding callout to fragments/common

* Updating link

Co-authored-by: josef <[email protected]>

---------

Co-authored-by: josef <[email protected]>

Author: nadetastic

src/fragments/common/writable-vs-mutable-attributes.mdx

@@ -0,0 +1,3 @@
+<Callout warning={true}>
+For social sign-in, required attributes such as email will need to be both mutable on the User Pool as well as writable on the User Pool Client. [Learn more about mapping social sign-in provider attributes](https://docs.aws.amazon.com/cognito/latest/developerguide/cognito-user-pools-specifying-attribute-mapping.html#cognito-user-pools-specifying-attribute-mapping-requirements).
+</Callout>

src/fragments/lib/auth/js/start.mdx

@@ -127,9 +127,9 @@ Amplify.configure({
 // You can get the current config object
 const currentConfig = Auth.configure();
 ```
-<Callout warning={true}>
-If your existing UserPool client has a required attribute that is NOT set to mutable, you may face login issues when using Social sign in. To resolve this, you will need to <ExternalLink href="https://docs.aws.amazon.com/cognito/latest/developerguide/user-pool-settings-client-apps.html">create a new UserPool client</ExternalLink> and mark the required attribute as mutable.
-</Callout>
+import attributesCallout from "/src/fragments/common/writable-vs-mutable-attributes.mdx";
+
+<Fragments fragments={{all: attributesCallout}} />
 
 ### Note about OAuth configuration parameters
 These settings can be found in the Cognito User Pools console under **App Integration** section

src/pages/cli/auth/import.mdx

@@ -33,9 +33,9 @@ Select the "Cognito User Pool only" option when you've run `amplify import auth`
 
 Run `amplify push` to complete the import procedure.
 
-<Callout warning={true}>
-If your existing UserPool client has a required attribute that is NOT set to mutable, you may face login issues when using Social sign in. To resolve this, you will need to <ExternalLink href="https://docs.aws.amazon.com/cognito/latest/developerguide/user-pool-settings-client-apps.html">create a new UserPool client</ExternalLink> and mark the required attribute as mutable.
-</Callout>
+import attributesCallout from "/src/fragments/common/writable-vs-mutable-attributes.mdx";
+
+<Fragments fragments={{all: attributesCallout}} />
 
 ## Import an existing Identity Pool