Messages not displayed. Card has "Loading" text

[aidab98]

I have tried deploying this card but facing a problem.
I have generated the sppkg package and uploaded it in the app catalog. However, when I add the card on the dashboard and fill in the URI and endpoint fields, the card is not displaying the messages and is just showing loading.
Also note that after I uploaded the package, no API access were shown in the SharePoint admin center.

Appreciate your help.

[Mikhail2k15]

@aidab98 did you provide the correct settings for your CC?

[Mikhail2k15]

Try to use the latest version updated today and check this simple guide https://github.com/Mikhail2k15/viva-connections-company-communicator/wiki/Deployment-Guide

[aidab98]

@Mikhail2k15 thank you for sharing the file and deployment guide.
I've have uploaded now the latest version of the sppkg file. However, when I go to the API access to approve, it is returning this error. Please advise.

[Mikhail2k15]

Check your name for app registration
It should be the same Company Communicator App. Did you deploy the CC with that app registration?

[aidab98]

I have company communicator deployed, but it doesn't have the same name set up. What should be done in this case?

[Mikhail2k15]

In that case try to change the resource name in config and rebuild the solution
"webApiPermissionRequests": [
{
"resource": "Company Communicator App",
"scope": "access_as_user"
}

[Mikhail2k15]

config/package-solution.json

[aidab98]

Thanks for your help. Can you please provide guidance on rebuild the solution and create the sppkg file?

[Mikhail2k15]

It is on the home page

How to build solution

Clone this repository
Ensure that you are at the solution folder
In the command-line run:
npm install
gulp serve --nobrowser
gulp bundle --ship
gulp package-solution --ship

[aidab98]

Thanks for sharing. I followed those steps and the build fails when I run the gulp serve --nobrowser command. It either takes a lot of time to run and never ends or gives this error.
Error - [webpack] 'dist':
No localized files found under the root directory ("C:\Users\aidabayoumi\Downloads\viva-connections-company-communicator-main (1)\viva-connections-company-communicator-main") matching pattern "lib/adaptiveCardExtensions/companyCommunicator/loc/{locale}.js"

[Mikhail2k15]

Try to update your environment to the latest version npm install @microsoft/generator-sharepoint@latest --global

[Mikhail2k15]

Make sure that you are in the right folder when you are running gulp commands

[aidab98]

Thanks for clarifying, but the build is still not working. Its stuck at gulp serve. Please advise and if there are additional prerequisites that need to be installed.

[Mikhail2k15]

Nothing special.... in order to verify that you sfpx dev environment is working correctly try to generate a simple project and build run this command yo @microsoft/sharepoint than select Adaptive Card Extension and other options by default

[Mikhail2k15]

Or I have created a better way to do it.
Just fork this repo and run GitHub Action workflow to build your own sppkg without setup an environment locally.

[Mikhail2k15]

https://github.com/Mikhail2k15/viva-connections-company-communicator/wiki/How-to-build-solution