Accept Google Pay with UI components

var paymentDataRequestObject = googlepayInstance.initPaymentDataRequestObject({
  gatewayMerchantId: "yourUnzerChannelId",
  merchantInfo: {
    merchantId: "yourGooglePayMerchantId",
    merchantName: 'yourMerchantName'
  },
  transactionInfo: {
    countryCode: 'CH',
    currencyCode: 'EUR',
    totalPrice: '19.99'
  },
  emailRequired: true,
  billingAddressRequired: true,
  billingAddressParameters: {
    format: 'FULL'
  },
  // ... other parameters
  onPaymentAuthorizedCallback: (paymentData) => {
    return googlepayInstance.createResource(paymentData)
            .then(result => {
              let typeId = result.id;
              // Submit the ID to your server-side integration
              document.getElementById('example-googlepay-success-holder').innerHTML = "created type ID: " + typeId;
              // Return object { status: 'success' }
              return { status: 'success' }
            })
            .catch(function (error) {
              let errorMessage = error.customerMessage || error.message || 'Error';
              document.getElementById('example-googlepay-error-holder').innerHTML = errorMessage;

              // return object { status: 'error' }
              return {
                status: 'error',
                message: errorMessage || 'Unexpected error'
              }
            })
  },
  // ... other parameters
})

// Call create function and pass paymentDataRequestObject parameter 
googlepayInstance.create(
        {
          containerId: 'example-googlepay',
        },
        paymentDataRequestObject
);

const SAMPLE_DEFAULT_SHIPPING_OPTIONS = {
  defaultSelectedOptionId: 'shipping-001',
  shippingOptions: [
    {
      'id': 'shipping-001',
      'label': 'Free: Standard shipping',
      'description': 'Free Shipping delivered in 5 business days.'
    },
    {
      'id': 'shipping-002',
      'label': '$1.99: Standard shipping',
      'description': 'Standard shipping delivered in 3 business days.'
    },
    {
      'id': 'shipping-003',
      'label': '$10: Express shipping',
      'description': 'Express shipping delivered in 1 business day.'
    },
  ]
}

var paymentDataRequestObject = googlepayInstance.initPaymentDataRequestObject({
  gatewayMerchantId: "yourUnzerChannelId",
  merchantInfo: {
    merchantId: "yourGooglePayMerchantId",
    merchantName: 'yourMerchantName'
  },
  transactionInfo: {
    countryCode: 'CH',
    currencyCode: 'EUR',
    totalPrice: '19.99'
  },
  allowedCardNetworks: ['MASTERCARD'],
  buttonColor: 'white',
  shippingAddressRequired: true,
  shippingAddressParameters: {
    allowedCountryCodes: ['CH', 'DK', 'DE', 'US', 'HK', 'GB'],
    phoneNumberRequired: false
  },
  shippingOptionRequired: true,
  shippingOptionParameters: SAMPLE_DEFAULT_SHIPPING_OPTIONS,
  emailRequired: true,
  billingAddressRequired: true,
  
  // ... other parameters
  
  onPaymentDataChangedCallback: (intermediatePaymentData) => {
    // Sample logic to update the payment data by building new shipping options and new total calculation.
    let shippingAddress = intermediatePaymentData.shippingAddress;
    let shippingOptionData = intermediatePaymentData.shippingOptionData;
    let paymentDataRequestUpdate = {};

    if (intermediatePaymentData.callbackTrigger === "INITIALIZE" || intermediatePaymentData.callbackTrigger === "SHIPPING_ADDRESS") {
      if (shippingAddress.administrativeArea === "NJ") {
        paymentDataRequestUpdate.error = {
          reason: 'SHIPPING_ADDRESS_UNSERVICEABLE',
          message: 'Cannot ship to the selected address',
          intent: 'SHIPPING_ADDRESS'
        };
      } else {
        paymentDataRequestUpdate.newShippingOptionParameters = {
          defaultSelectedOptionId: 'shipping-001',
          shippingOptions: [
            {
              'id': 'shipping-001',
              'label': 'Free: Standard shipping',
              'description': 'Free Shipping delivered in 5 business days.'
            },
            // other values 
          ]
        };
        let selectedShippingOptionId = paymentDataRequestUpdate.newShippingOptionParameters.defaultSelectedOptionId;
        paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(selectedShippingOptionId);
      }
    } else if (intermediatePaymentData.callbackTrigger == "SHIPPING_OPTION") {
      paymentDataRequestUpdate.newTransactionInfo = calculateNewTransactionInfo(shippingOptionData.id);
    }

    return paymentDataRequestUpdate;
  }
})

// Call create function and pass paymentDataRequestObject parameter 
googlepayInstance.create(
        {
          containerId: 'example-googlepay',
        },
        paymentDataRequestObject
);


// -----------------------------------------------------------------
// Sample shipping helper functions, to be implemented be the merchant
// -----------------------------------------------------------------
function calculateNewTransactionInfo(shippingOptionId) {
  let newTransactionInfo = getGoogleTransactionInfo();

  let shippingCost = getShippingCosts()[shippingOptionId];
  newTransactionInfo.displayItems.push({
    type: "LINE_ITEM",
    label: "Shipping cost",
    price: shippingCost,
    status: "FINAL"
  });

  let totalPrice = 0.00;
  newTransactionInfo.displayItems.forEach(displayItem => totalPrice += parseFloat(displayItem.price));
  newTransactionInfo.totalPrice = totalPrice.toString();
  newTransactionInfo.totalPriceLabel = paymentDataRequestObject.transactionInfo.totalPriceLabel;

  return newTransactionInfo;
}

const SAMPLE_UNSERVICEABLE_ADDRESS_ERROR = {
  reason: 'SHIPPING_ADDRESS_UNSERVICEABLE',
  message: 'Cannot ship to the selected address',
  intent: 'SHIPPING_ADDRESS'
}

const SAMPLE_TRANSACTION_INFO = {
  countryCode: 'CH',
  currencyCode: "EUR",
  totalPriceStatus: "FINAL",
  totalPrice: "12.00",
}

const SHIPPING_COSTS = {
  'shipping-001': '0.00',
  'shipping-002': '1.99',
  'shipping-003': '10.00'
}

function getUnserviceableAddressError() {
  return JSON.parse(JSON.stringify(SAMPLE_UNSERVICEABLE_ADDRESS_ERROR));
}

function getNewShippingOptions() {
  return JSON.parse(JSON.stringify(SAMPLE_DEFAULT_SHIPPING_OPTIONS));
}

function getGoogleTransactionInfo() {
  return JSON.parse(JSON.stringify(SAMPLE_TRANSACTION_INFO));
}

function getShippingCosts() {
  return JSON.parse(JSON.stringify(SHIPPING_COSTS));
}

$address = (new Address())
    ->setName('Rainer Zufall')
    ->setStreet('Unzerstraße 18')
    ->setZip('22767')
    ->setCity('Hamburg')
    ->setCountry('DE');

$customer = (new Customer())
    ->setFirstname('Rainer')
    ->setLastname('Zufall')
    ->setSalutation(Salutations::MR)
    ->setCompany('Unzer GmbH')
    ->setBirthDate('1972-12-24')
    ->setEmail('rainer.zufall@domain.de')
    ->setLanguage("de")
    ->setPhone('+49 152 987654321')
    ->setBillingAddress($address)
    ->setShippingAddress($address);

$unzer = new Unzer('s-priv-xxxxxxxxxx');
$unzer->createCustomer($customer);

Unzer unzer = new Unzer("s-priv-xxxxxxxxxx");

Address address = new Address()
        .setName('Rainer Zufall')
        .setStreet('Unzerstraße 18')
        .setZip('22767')
        .setCity('Hamburg')
        setCountry('DE');
        
Customer customer = new Customer("John", "Doe")
        .setSalutation(Salutations::MR)
        .setCompany('Unzer GmbH')
        .setBirthDate('1972-12-24')
        .setEmail('rainer.zufall@domain.de')
        .setLanguage("de")
        .setPhone('+49 152 987654321')
        .setBillingAddress(address)
        .setShippingAddress(address);

unzer.createCustomer(customer);

$unzer = new Unzer('s-priv-xxxxxxxxxx');

$basketItem1 = (new BasketItem())
    ->setBasketItemReferenceId('Item-d030efbd4963')
    ->setQuantity(10)
    ->setUnit('m')
    ->setAmountPerUnitGross(20.00)
    ->setAmountDiscountPerUnitGross(1.00)
    ->setVat(19.0)
    ->setTitle('SDM 6 CABLE')
    ->setSubTitle('This is brand new Mid 2019 version')
    ->setImageUrl('https://a.storyblok.com/f/91629/x/1ba8deb8cc/unzer_primarylogo__white_rgb.svg')
    ->setType(BasketItemTypes::GOODS);

$basketItem2 = (new UnzerSDK\Resources\EmbeddedResources\BasketItem())
    ->setTitle('Shipment fee')
    ->setBasketItemReferenceId('express-shipping')
    ->setQuantity(1)
    ->setAmountPerUnitGross(5.95)
    ->setVat(19.0)
    ->setType(UnzerSDK\Constants\BasketItemTypes::SHIPMENT);

$basket = (new Basket())
    ->setTotalValueGross(195.95)
    ->setCurrencyCode('EUR')
    ->setOrderId('Order-12345')
    ->setNote('Test Basket')
    ->addBasketItem($basketItem1)
    ->addBasketItem($basketItem2);

$unzer->createBasket($basket);

BasketItem basketItem1 = new BasketItem()
        .setBasketItemReferenceId("Item-d030efbd4963")
        .setQuantity(BigDecimal.valueOf(10))
        .setUnit("m")
        .setAmountPerUnitGross(BigDecimal.valueOf(20.00))
        .setAmountDiscountPerUnitGross(BigDecimal.valueOf(1.00))
        .setVat(BigDecimal.valueOf(19.0))
        .setTitle("SDM 6 CABLE")
        .setSubTitle("This is brand new Mid 2019 version")
        .setImageUrl(new URL("https://a.storyblok.com/f/91629/x/1ba8deb8cc/unzer_primarylogo__white_rgb.svg"))
        .setType(BasketItem.Type.GOODS);

BasketItem basketItem2 = (new BasketItem())
    .setBasketItemReferenceId("express-shipping")
    .setQuantity(1)
    .setAmountPerUnitGross(BigDecimal.valueOf(5.95))
    .setVat(BigDecimal.valueOf(19.0))
    .setTitle("Shipment fee")
    .setType(BasketItem.Type.GOODS);

Basket basket  = new Basket()
    .setTotalValueGross(BigDecimal.valueOf(195.95))
    .setCurrencyCode(Currency.getInstance("EUR"))
    .setOrderId("Order-12345")
    .setNote("Test Basket")
    .addBasketItem(basketItem1)
    .addBasketItem(basketItem2);

Unzer unzer = new Unzer("s-priv-xxxxxxxxxx");
unzer.createBasket(basket);

$unzer     = new UnzerSDK\Unzer('s-priv-xxxxxxxxxx');

$charge = new Charge(105.95, 'EUR', 'https://www.my-shop-url.de/returnhandler');
$typeId = 's-gop-3qujdbdjas5w';

$unzer->performCharge($charge, $typeId);

Unzer unzer = new Unzer("s-priv-xxxxxxxxxx");

Charge charge = (Charge) new Charge()
        .setAmount(BigDecimal.valueOf(105.95))
        .setCurrency(Currency.getInstance("EUR"))
        .setTypeId("s-gop-zex7c9iibpek")
        .setReturnUrl(unsafeUrl("https://www.my-shop-url.de/returnhandler");

unzer.charge(charge);

$unzer     = new UnzerSDK\Unzer('s-priv-xxxxxxxxxx');

$authorization = (new Authorization(105.95, 'EUR', 'https://www.my-shop-url.de/returnhandler'));
$typeId = 's-gop-3qujdbdjas5w';

$unzer->performAuthorization($authorization, $typeId);

Unzer unzer = new Unzer("s-priv-xxxxxxxxxx");
    
Authorization authorization = (new Authorization())
        .setAmount(BigDecimal.valueOf(105.95))
        .setCurrency(Currency.getInstance("EUR"))
        .setTypeId("s-gop-zex7c9iibpek")
        .setReturnUrl(unsafeUrl("https://www.my-shop-url.de/returnhandler");

unzer.authorize(authorization);

$unzer = new Unzer('s-priv-xxxxxxxxx');
$charge = $unzer->performChargeOnPayment('s-pay-1', new Charge());

Unzer unzer = new Unzer("s-priv-xxxxxxxxxx");
Charge charge = unzer.chargeAuthorization("s-pay-1");