Minimise Data sent to client to reduce bandwidth for mobile

[nelsonic]

At present we are sending the full package (up to 40kb of JSON) back to the client for every packageOffer regardless of what the client needs to display a tile:

Example: https://numo-search-results.s3.amazonaws.com/ci/ffe95600-27d8-11e6-9b2f-133803a346f1/PMISUAX.json

the Package tile only uses a subset of the data:

Our ideal solution would be to let the Client send the list of desired/required fields in the GraphQL query requesting search results, but that is not the "fastest" solution to the problem...

So, for the immediate future (demo!) we are going to filter

Required Fields

• type: 'package'
• id
• packageOffer.hotel.name
• packageOffer.hotel.starRating
• packageOffer.hotel.images.small (only the first image ... we only display one!)
• packageOffer.price (everything) see: package-tile/index.js#L26
• packageOffer.hotel.place see: package-tile/index.js#L11
• packageOffer.flights.outbound (first item only)
• packageOffer.flights.inbound (first item only)
• packageOffer.nights
• packageOffer.provider (for context and analytics)
• packageOffer.hotel.concept (not currently used, but plan is to include concept label on tile

For complete React component see: isearch-ui/lib/package-tile/index.js