Shopping Tile Widgets
The business purpose of Shopping Tile Widgets is to allow Red Apps to add tiles into results of shopping search and pricing.
![tile widget shopping](/sites/default/files/books/Images_tile-widgets_tile-widget-shopping.png)
Shopping Details, after expanding search result:
![tile widget shopping details](/sites/default/files/books/Images_tile-widgets_tile-widget-shopping-details.png)
Pricing, after 'Sell & Save Price' on previous step
![tile widget shopping pricing](/sites/default/files/books/Images_tile-widgets_tile-widget-shopping-pricing.png)
Contributing
Red Apps can contribute to Shopping Tile Widgets in two ways, depending on the place in the flow
-
via IAirPricingService for React tile in pricing drawer
-
via ExtensionPointService for search result tiles
Configurations
Tiles can be added to
-
Shopping search result drawer with
shopping-flight-segment
config.
getService(DrawerService).addConfig(['shopping-flight-segment'], shoppingDrawerConfig);
-
Pricing drawer using
createPricingTile
method fromIAirPricingService
.
getService(IAirPricingService).createPricingTile(PricingTile, showPricingModal, 'Pricing Details SDK');
Data
For shopping search tile the FlightSegment
model from sabre-ngv-app/app/common/data/flight/FlightSegment
package is used.
For pricing drawer the AirPricingData
model from sabre-ngv-pricing/response/interfaces/AirPricingData
module is used.
Detailed APIs of configs and data models used to configure and work with tile widgets can be found in TypeScript API Documentation.