Loading
Feature Degradation | Agentforce Voice Read More
Communications Cloud
Table of Contents
Filter by (0)Add
Select Filters

          No results
          No results
          Here are some search tips

          Check the spelling of your keywords.
          Use more general search terms.
          Select fewer filters to broaden your search.

            Search all of Salesforce Help
            Search all of Salesforce Help
            Components Used by the Customer Self-Service Portal (Managed Package)

            You are here:

            1. Salesforce Help
            2. Docs
            3. Communications Cloud

            Components Used by the Customer Self-Service Portal (Managed Package)

            The customer self-service portal is built with FlexCards that use Integration Procedures to fetch and display the required data. Review the FlexCards used in each section or page of the customer self-service portal. The table includes information about their data sources, required inputs, sample inputs, and the pages that the FlexCards are used in. These FlexCards are responsive in desktop, tablet, and mobile versions.

            Managed Package Icon This feature is part of the Communications Cloud managed package.

            You can customize the customer self-service portal by adding or removing FlexCards or by modifying the Integration Procedures that are used as the data source by various FlexCards. You can also reuse the existing FlexCards in your custom pages as required. For information about working with FlexCards, see

            Note
            Note

            In this release, the custom Newport CSS is applied on the individual FlexCards. So if you want to change the theme of the customer self-service portal, then you can change it individually for each of the FlexCards.

            We've not applied the global Newport CSS to Multiplay Subscription Management due to an issue with the global Newport CSS on the Salesforce Communities front, which was fixed in Summer '22. Since the issue has now been fixed, you can apply the Newport CSS globally. For more information, see

            Note
            Note

            Wrapper components act as containers for multiple FlexCards.

            Flex Card

            Used In

            Data Source (Integration Procedures)

            Required Input

            Sample Input

            sfi_SelfServiceLoginPage

            The Login page

            sfi_UserLogin from custom LWC Utility

            (b2cCmexSelfServiceLogin)

            • UserName

            • Password

            		 
            {
UserName: msmtest@mailinator.com,
Password: Test@1234
}

            sfi_SelfServicePortalResetPasswordWrapper

            (This component is used to reset the password.)

            The Login page

            sfi_SendResetPasswordLinkIP

            • Email

            		 
            {
“Email”: “lakshmipm@test.com”
}

            sfi_SelfServiceHomeWrapper

            The Home page

            IP calling from utility LWC (b2cCmexSelfServiceUtility) - sfi_TopNavData

            • Interaction ID

            		 
            {
InteractionId: a0j5e000002rJ93AAE
}

            sfi_SelfServiceTopNavigationBar

            (This component is a static component. The navigation bar is a header.)

            The Home page

            N/A

            N/A

            N/A

            sfi_SelfServiceAssetOverviewWrapper

            (This component is a static component.)

            The Home page

            N/A

            N/A

            N/A

            sfi_SelfServiceManageActions

            (This component is a static component.)

            The Home page

            N/A

            N/A

            N/A

            sfi_SelfServiceAssetWrapper

            (This component acts as a container for the Asset Viewer page.)

            The Service page (the Account Record page).

            IP calling from utility LWC (b2cCmexSelfServiceUtility) - sfi_TopNavData

            • Interaction ID

            		 
            {
InteractionId: a0j5e000002rJ93AAE
}

            sfi_SelfServiceTopNavigationBar

            (This component is a static component. The navigation bar is a header.)

            The Service page (the Account Record page).

            N/A

            N/A

            N/A

            sfi_SelfServiceBreadCrumbs

            (This component is used to navigate between different pages in the portal.)

            The Service page (the Account Record page).

            sfi_FetchParentAssetDetails

            • Asset ID

            		 
            {
 “AssetId”: “02i5e00000025P7AAI”
}

            sfi_SelfServiceAssetViewerParentCard

            (This component acts as a container for the Asset Viewer.)

            The Service page (the Account Record page).

            sfi_AssetViewerDetailsFromInteraction

            • Record ID

            • The current page, offset, and page size are used by the API to configure the Load More feature (button).

            • The page size tells how many assets to load.

            • The current page is 1 by default.

            • The offset is 0 by default

            		 
            {
 “accountId”: “01i5e00000025P7AAI”,
 “currentPage”: 1,
 “offset”: 0,
 “pagesize”: 5
}

            sfi_SelfServiceWrapperServiceDetailsPage

            (This component acts as a container for the components used in the Service Details page.)

            The Service Details page (the Asset Record page).

            IP calling from utility LWC (b2cCmexSelfServiceUtility) - sfi_TopNavData

            • Interaction ID

            		 
            {
InteractionId: a0j5e000002rJ93AAE
}

            sfi_SelfServiceTopNavigationBar

            The Service Details page (the Asset Record page).

            N/A

            N/A

            N/A

            sfi_SelfServiceBreadCrumbs

            (This component is used to navigate between different pages in the portal.)

            The Service Details page (the Asset Record page).

            sfi_FetchParentAssetDetails

            • Asset ID

            		 
            {
 “AssetId”: “02i5e00000025P7AAI”
}

            sfi_SelfServiceAssetInformation

            The Service Details page (the Asset Record page).

            (sfi_FetchAndSaveAssetDetails)

            • Asset ID

            • IsSaveMode, which is true if the Integration Procedure is saving data and false if the Integration Procedure is fetching data.

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”,
 “IsSaveMode”: false
}

            sfi_SelfServiceBillingInformation

            The Service Details page (the Asset Record page).

            sfi_GetBillingInfoDetails

            • Asset ID

            		 
            {
 “assetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceBillingTermInfo

            (This component shows the term of the product.)

            The Service Details page (the Asset Record page).

            sfi_GetContractTermDetails

            • Asset ID

            		 
            {
 “assetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceCashBalance

            The Service Details page (the Asset Record page).

            sfi_AssetCashBalance

            • Asset ID

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceUsageWrapper

            (This component shows the usage details of the service.)

            The Service Details page (the Asset Record page).

            sfi_FetchUsageDetailsFromMatrixx

            • Asset ID

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”
}

            sfi_BroadbandUsageWrapper

            (This component shows the internet usage details.)

            The Service Details page (the Asset Record page).

            sfi_GetBroadbandUsageDetails

            • Asset ID

            		 
            {
 “assetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceTopupWrapper

            (This component shows the top-up details.)

            The Service Details page (the Asset Record page).

            sfi_FetchPastTopUps

            • Asset ID

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceAddonContainer

            (This component shows the add-on details.)

            The Service Details page (the Asset Record page).

            sfi_FetchPastAddons

            • Asset ID

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”
}

            sfi_SelfServiceAssetInclusionwrapper

            (This component shows the Inclusion details.)

            The Service Details page (the Asset Record page).

            sfi_GetImmediateChildAssetDetails

            • Asset ID

            • UserType

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”,
 “UserType”, “Customer”
}

            sfi_SelfServiceBundleWrapper

            (This component shows the Bundle details.)

            The Service Details page (the Asset Record page).

            sfi_GetImmediateChildAssetDetails

            • Asset ID

            • UserType

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”,
 “UserType”, “Customer”
}

            sfi_SelfServiceServiceDetailswrapper

            (This component shows the service details.)

            The Service Details page (the Asset Record page).

            sfi_GetAssetAttributeDetails

            • Asset ID

            		 
            {
 “AssetId”: “01i5e00000025P7AAI”
}
             
            Loading
            Salesforce Help | Article