LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 2.0
Salesforce Lightning B2B Commerce App 2.0
  • Salesforce Lightning B2B Commerce App 2.0
  • Introduction
    • How it works
    • What's new in version 2.0
  • Upgrading to version 2.0
  • Integrate the Salesforce Lightning app
    • Step 1: Install the Digital River app
    • Step 2: Configure the Digital River app
    • Step 3: Register external services
    • Step 4: Configure DCM logs
    • Step 5: Add custom fields to the page layouts
    • Step 6: Enable email deliverability
    • Step 7: Import ECCN codes, tax groups, and tax types
    • Step 8: Configure and synchronize the products
    • Step 9: Schedule backend jobs
    • Step 10: Set up integration between Salesforce and Digital River
    • Step 11: Set up webhooks
    • Step 12: Configure landed cost
    • Step 13: Manage permission sets
    • Step 14: Configure shipping integration
    • Step 15: Integrating refunds
    • Step 16: Configure the From email address
    • Step 17: Integrate the Digital River components into the Commerce storefront
      • Integrate the Digital River components into the B2B Commerce LWR template
        • Add components to the Checkout page
        • Add custom components outside of checkout
      • Integrate the Digital River components into an asynchronous checkout flow
        • Custom components used in the checkout subflows
        • Subflow configuration
          • Configure the delivery method subflow
          • Configure the Checkout Summary subflow
          • Configure the Payment and Billing Address subflow
            • Edit the Payment Method screen
            • Edit the decision elements
            • Link screen components
          • Configure the shipping address subflow
            • Configure the shipping address screen
        • Configure the main checkout flow
      • Integrate the Digital River components into a synchronous checkout flow
        • Deploy flows using Salesforce Workbench
        • Update the flow nodes in the synchronous checkout flow
          • Create custom variables
          • Delete nodes
          • Connect nodes
          • Modify nodes
          • Add nodes
        • Configure screens for a customized synchronous flow
          • Add custom components to screens in the synchronous checkout flow
          • Configure the Shipping Options screen
          • Configure the Delivery Method Screen
          • Configure the Checkout Summary screen
          • Configure the Payment And Billing Address screen
          • Configure the Place Order Confirmation screen
      • Add custom components to pages (Aura)
        • Drag and drop (custom) components
    • Step 18: Test the Salesforce Lightning app integration
    • Step 19: Consider recommended extensions
  • Extend the Salesforce Lightning app
    • Customizing the Lightning web components
      • Designer attributes
        • Designer attributes for LWR
        • Designer attributes for Aura
      • Components
        • Buyer info component
        • DR util component
        • DR Terms component
        • Checkout summary component
        • Order Summary component
        • Place order component
        • Payments component
        • Payment details component
        • Tax identifier component
        • DR compliance component
        • Address details component
        • Offline refund component
        • Hide checkout summary component (Aura only)
    • Extend the Ship From address
    • Extend the webhook framework
    • Configure subscriptions
    • Shipping choice extension point
    • Customer credit
      • addCustomerCreditSourceToCheckout
      • deattachPaymentToCheckout
      • getAmountRemainingforCheckout
      • getCartDetailsById
      • Publishing connector events
    • Tax calculation
    • Overriding Digital River CSS
    • Mapping custom fields (LWR only)
    • Add a spinner component (LWR only)
  • User guide
    • Regulatory fees
    • Tax certificates
    • Tax identifiers
    • My wallet
    • Customer credit
    • Checkout and order creation
    • Fulfillment/cancellation flow
    • Refunds
    • Offline refunds
    • Invoices and credit memos
  • Support
  • Appendix
    • Custom fields and objects
    • Contact point address
    • Multi-currency support
Powered by GitBook
On this page
  • Publish an event to place an order
  • Publish the Order summary component events
  1. Extend the Salesforce Lightning app
  2. Customizing the Lightning web components
  3. Components

Order Summary component

Learn how to use the Order Summary component.

PreviousCheckout summary componentNextPlace order component

Last updated 1 year ago

Note: The information in this section applies to both the drb2b_orderSummary component (Aura only) and thedrb2b_orderSummary_LWR component (LWR only).

The drb2b_orderSummary component serves two purposes: a) Display Order Summary information on the final Place Order page. b) Handle logic to place the order and navigate the shopper to the Thank You page. The component is always required on the Place Order page but can be used with some or all hidden UI elements.

Note: In LWR implementations, include this component with the UI elements hidden.

Publish an event to place an order

Depending on the checkout flow, you may need the order placement triggered by a button outside the connector’s native Place Order button. Refer to the section below for details.

Note: You must still have at least one drb2b_orderSummary component on the page (with the “Place Order” designer attribute set to true), even if the UI elements are hidden. The component is required to fire the order placement logic.

Publish the Order summary component events

Complete the following tasks to publish various event types. The event purpose and payload will vary depending on the use case.

Import DigitalRiverMessageChannel__c message channel and message service into a custom JavaScript file, as shown below.

Import example
import dr_lms from "@salesforce/messageChannel/digitalriverv3__DigitalRiverMessageChannel__c";

import {publish, MessageContext } from "lightning/messageService";

Declare the message context variable as shown below.

Declare variable example
@wire(MessageContext) messageContext;

Publish the event.

Event publishing example
publish(this.messageContext, dr_lms, { 
                    purpose: '<purpose>',           
                    payload: '<payload>'            
                });

Refer to the following table for more information on the Order summary component events.

Event purpose
Event payload example
Description

toggleShowOSComponent

{"isShow":true}

Publish this event to show {"isShow":true} or hide {"isShow":false} the Order Summary component

placeOrder

n/a

Publish this event to place the order. The shopper will be redirected to the Thank You page

You should make sure that the designer attribute for Bypass Validation on the drb2b_orderSummary component is set to {!$GlobalConstant.False} or {!$GlobalConstant.True}based on whether the connector validations should be performed or whether you will implement custom validations.

See details in the .

Publish the Order summary component events
Publish an event to place an order section