Delivery Options

This combination uses the following store modules in order to retrieve the correct data:

  • vehicle
  • checkout
  • finance

Context Object

In order to make sure the components load the following values are required from the context object. Including the site wide values.

window.ND_COMPONENT_CONTEXT = {
  site: {
    gfSearchApi: {
      apiUrl: '',
      clientToken: '',
      uuid: '',
    },
    onlineDepositSoftwareHash: '',
    valuationGroupSoftwareHash: '',
    franchiseHash: '',
    locationHash: '',
  },
  vehicle: {
    id: '',
  },
};

Usage

Cancel
Options
Vue Component Usage
<checkout-delivery-options
  dialog
></checkout-delivery-options>
HTML Element Component Usage
<nd-component name="checkout-delivery-options" data='{"dialog":true}'></nd-component>

Api/Services
Search
Get-vehicle

Endpoint: context.site.gfSearchApi

Checkout
Payment-v2-config

Endpoint: https://payment.api.netdirector.auto/api/v2/configuration/${onlineDepositSoftwareHash}?${identifiersQueryString}

Method: GET

Get-extras-options

Endpoint: (context.site.onlinePaymentsApi || https://payments-2.netdirector.co.uk)/api/delivery-collection/${onlineDepositSoftwareHash}

Method: POST

Get-geo-location

Endpoint: https://geolocation.netdirector.auto/api/address-lookup/${country}/${searchString}

Method: GET

Module/properties
Vehicle

state.vehicle.item

state.vehicle.context

Checkout

state.checkout.configuration

state.checkout.context

state.checkout.deliveryOptions

state.checkout.deliveryStep

state.checkout.selectedDeliveryMethodId

state.checkout.deliveryAddress

state.checkout.errors

state.checkout.selectedDealerLocationHash

state.checkout.cancelTokenSource

state.checkout.oldSelectedDeliveryMethodId

state.checkout.xSessionReference

Finance

state.finance.products

state.finance.quotes

state.finance.errors