How Can I make Apple App Clip Smart Banner show?

I recently developed an App Clip and published it on the App Store. I've created the default app clip experience and put the apple-app-site-association file in the .well-known directory. The JSON looks like this.

{
  "applinks": {
      "details": [
           {
            "apps": ["T3Y3F3XXXX.it.company.my-app"],
             "components": []
           }
       ]
   },

    "appclips": {
        "apps": ["T3Y3F3XXXX.it.company.my-app.Clip"]
    }
}

This is what I've done on App Store Connect:

My meta looks like this:

<meta name="ARShades" content="app-id=1586660000, app-clip-bundle-id=it.company.my-app.Clip, app-clip-display=card">

The problem is the Smart App Banner won't show. I think I've met all of the Apple stated requirements here: https://developer.apple.com/documentation/app_clips/supporting_invocations_from_your_website_and_the_messages_app

Try using the below JSON in apple-app-site-association file :

{ "applinks": {
      "details": [
           {
             "appIDs": [ "T3Y3F3XXXX.it.company.my-app" ],
             "components": [
               {
                  "#": "no_universal_links",
                  "exclude": true,
                  "comment": "Matches any URL whose fragment equals no_universal_links and instructs the system not to open it as a universal link"
               }
             ]
           }
       ]    },
    "appclips": {
        "apps": ["T3Y3F3XXXX.it.company.my-app.Clip"]
    } 
}