[Payment Request] Accepted credit card type icons in the credit card editor

ios/chrome/browser/ui/settings/material_cell_catalog_view_controller.mm

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 #import "ios/chrome/browser/ui/settings/material_cell_catalog_view_controller.h"
 
 #import <UIKit/UIKit.h>
 
 #import "base/mac/foundation_util.h"
 #include "components/autofill/core/browser/autofill_data_util.h"
 #include "components/autofill/core/browser/credit_card.h"
 #include "components/grit/components_scaled_resources.h"
+#import "ios/chrome/browser/payments/cells/accepted_payment_methods_item.h"
 #import "ios/chrome/browser/payments/cells/autofill_profile_item.h"
 #import "ios/chrome/browser/payments/cells/payments_text_item.h"
 #import "ios/chrome/browser/payments/cells/price_item.h"
 #import "ios/chrome/browser/ui/authentication/account_control_item.h"
 #import "ios/chrome/browser/ui/authentication/signin_promo_item.h"
 #import "ios/chrome/browser/ui/authentication/signin_promo_view_configurator.h"
 #import "ios/chrome/browser/ui/authentication/signin_promo_view_mediator.h"
 #import "ios/chrome/browser/ui/autofill/cells/autofill_edit_item.h"
 #import "ios/chrome/browser/ui/autofill/cells/cvc_item.h"
 #import "ios/chrome/browser/ui/autofill/cells/status_item.h"
@@ skipping 26 matching lines @@
 
 namespace {
 
 typedef NS_ENUM(NSInteger, SectionIdentifier) {
   SectionIdentifierTextCell = kSectionIdentifierEnumZero,
   SectionIdentifierDetailCell,
   SectionIdentifierSwitchCell,
   SectionIdentifierNativeAppCell,
   SectionIdentifierAutofill,
   SectionIdentifierPayments,
+  SectionIdentifierPaymentsNoBackground,
   SectionIdentifierAccountCell,
   SectionIdentifierAccountControlCell,
   SectionIdentifierFooters,
   SectionIdentifierContentSuggestionsCell,
 };
 
 typedef NS_ENUM(NSInteger, ItemType) {
   ItemTypeTextCheckmark = kItemTypeEnumZero,
   ItemTypeTextDetail,
   ItemTypeText,
@@ skipping 21 matching lines @@
   ItemTypeAutofillStatus,
   ItemTypeAutofillStorageSwitch,
   ItemTypeAccountControlDynamicHeight,
   ItemTypeFooter,
   ItemTypeContentSuggestions,
 };
 
 // Image fixed horizontal size.
 const CGFloat kHorizontalImageFixedSize = 40;
 
+// Credit Card icon size.
+const CGFloat kCardTypeIconDimension = 25.0;
+
 }  // namespace
 
 @implementation MaterialCellCatalogViewController
 
 - (instancetype)init {
   self = [super initWithStyle:CollectionViewControllerStyleAppBar];
   if (self) {
     [self loadModel];
   }
   return self;
@@ skipping 141 matching lines @@
       toSectionWithIdentifier:SectionIdentifierAutofill];
   [model addItem:[self statusItemError]
       toSectionWithIdentifier:SectionIdentifierAutofill];
   [model addItem:[self storageSwitchItem]
       toSectionWithIdentifier:SectionIdentifierAutofill];
 
   // Payments cells.
   [model addSectionWithIdentifier:SectionIdentifierPayments];
   [model addItem:[self paymentsItemWithWrappingTextandOptionalImage]
       toSectionWithIdentifier:SectionIdentifierPayments];
+
   PriceItem* priceItem1 =
       [[PriceItem alloc] initWithType:ItemTypePaymentsSingleLine];
   priceItem1.item = @"Total";
   priceItem1.notification = @"Updated";
   priceItem1.price = @"USD $100.00";
   [model addItem:priceItem1 toSectionWithIdentifier:SectionIdentifierPayments];
   PriceItem* priceItem2 =
       [[PriceItem alloc] initWithType:ItemTypePaymentsSingleLine];
   priceItem2.item = @"Price label is long and should get clipped";
   priceItem2.notification = @"Updated";
@@ skipping 28 matching lines @@
   profileItem2.notification = @"Some fields are missing";
   [model addItem:profileItem2
       toSectionWithIdentifier:SectionIdentifierPayments];
   AutofillProfileItem* profileItem3 =
       [[AutofillProfileItem alloc] initWithType:ItemTypePaymentsDynamicHeight];
   profileItem3.address = @"All fields are optional";
   profileItem3.email = @"foo@bar.com";
   [model addItem:profileItem3
       toSectionWithIdentifier:SectionIdentifierPayments];
 
+  // Payments cells with no background.
+  [model addSectionWithIdentifier:SectionIdentifierPaymentsNoBackground];
+  [model addItem:[self acceptedPaymentMethodsItem]
+      toSectionWithIdentifier:SectionIdentifierPaymentsNoBackground];
+
   // Account cells.
   [model addSectionWithIdentifier:SectionIdentifierAccountCell];
   [model addItem:[self accountItemDetailWithError]
       toSectionWithIdentifier:SectionIdentifierAccountCell];
   [model addItem:[self accountItemCheckMark]
       toSectionWithIdentifier:SectionIdentifierAccountCell];
   [model addItem:[self accountSignInItem]
       toSectionWithIdentifier:SectionIdentifierAccountCell];
   [model addItem:[self coldStateSigninPromoItem]
       toSectionWithIdentifier:SectionIdentifierAccountCell];
@@ skipping 81 matching lines @@
     default:
       return self.styler.cellStyle;
   }
 }
 
 - (BOOL)collectionView:(UICollectionView*)collectionView
     shouldHideItemBackgroundAtIndexPath:(NSIndexPath*)indexPath {
   NSInteger sectionIdentifier =
       [self.collectionViewModel sectionIdentifierForSection:indexPath.section];
   switch (sectionIdentifier) {
+    case SectionIdentifierPaymentsNoBackground:
     case SectionIdentifierFooters:
       // Display the Learn More footer without any background image or
       // shadowing.
       return YES;
     default:
       return NO;
   }
 }
 
 - (BOOL)collectionView:(nonnull UICollectionView*)collectionView
@@ skipping 130 matching lines @@
 
 - (CollectionViewItem*)paymentsItemWithWrappingTextandOptionalImage {
   PaymentsTextItem* item =
       [[PaymentsTextItem alloc] initWithType:ItemTypePaymentsDynamicHeight];
   item.text = @"If you want to display a long text that wraps to the next line "
               @"and may need to feature an image this is the cell to use.";
   item.image = [UIImage imageNamed:@"app_icon_placeholder"];
   return item;
 }
 
+- (CollectionViewItem*)acceptedPaymentMethodsItem {
+  AcceptedPaymentMethodsItem* item = [[AcceptedPaymentMethodsItem alloc]
+      initWithType:ItemTypePaymentsDynamicHeight];
+  item.message = @"Cards accepted:";
+
+  NSMutableArray* cardTypeIcons = [NSMutableArray array];
+  const char* cardTypes[]{autofill::kVisaCard,
+                          autofill::kMasterCard,
+                          autofill::kAmericanExpressCard,
+                          autofill::kJCBCard,
+                          autofill::kDinersCard,
+                          autofill::kDiscoverCard};
+  for (const std::string& cardType : cardTypes) {
+    autofill::data_util::PaymentRequestData data =
+        autofill::data_util::GetPaymentRequestData(cardType);
+    UIImage* cardTypeIcon =
+        ResizeImage(NativeImage(data.icon_resource_id),
+                    CGSizeMake(kCardTypeIconDimension, kCardTypeIconDimension),
+                    ProjectionMode::kAspectFillNoClipping);
+    [cardTypeIcons addObject:cardTypeIcon];
+  }
+  item.methodTypeIcons = cardTypeIcons;
+  return item;
+}
+
 - (CollectionViewItem*)autofillItemWithMainAndTrailingText {
   AutofillDataItem* item =
       [[AutofillDataItem alloc] initWithType:ItemTypeAutofillDynamicHeight];
   item.text = @"Main Text";
   item.trailingDetailText = @"Trailing Detail Text";
   item.accessoryType = MDCCollectionViewCellAccessoryNone;
   return item;
 }
 
 - (CollectionViewItem*)autofillItemWithLeadingTextOnly {
@@ skipping 133 matching lines @@
 - (ContentSuggestionsFooterItem*)contentSuggestionsFooterItem {
   ContentSuggestionsFooterItem* footerItem =
       [[ContentSuggestionsFooterItem alloc]
           initWithType:ItemTypeContentSuggestions
                  title:@"Footer title"
                  block:nil];
   return footerItem;
 }
 
 @end