Lightning Web Component Setup

The Present package exposes a Lightning Web Component (LWC) called fast-slides. This is the main component of the Present package.

Present package namespace

The managed Present package has the namespace andmoney and should be used whenever you reference a component, sObject, class or custom metadata from the package.

Present wrapper component

In order to use the fast-slides LWC component it needs the following inputs:

1. customerType - This is the customer type (ID) which is used to match with the master templates’ customer type.
2. recordId - This is the ID or the event. If the fast-slides component is used in a RecordPage other than Event you need to implement your own functions to get the EventId.
3. config - This is the config object for the fast-slides component.

The config object

The config object in Present supports the following properties:

Property	Type	Description
agenda	string	Predefined agenda text (e.g., from Quick Texts)
preselectedLabel	string	Label to pre-filter templates on load
labelWhitelist	string[]	Only show these labels in the filter dropdown
hideLabelFilter	boolean	Hide the label filter completely

All properties are optional. See Template Labels for detailed documentation on label filtering configuration.

An example implementation of a LWC wrapping the fast-slides component is shown below.

<template>
  <lightning-card>
    <h3 slot="title">
      <lightning-icon
              icon-name="custom:custom62"
              size="small"
              class="slds-m-right_small">
      </lightning-icon>
      Mødepræsentation
    </h3>
    <andmoney-fast-slides
            customer-type-input={customerType}
            record-id={recordId}
            config={config}>
    </andmoney-fast-slides>
  </lightning-card>
</template>

{collapsed-title=”Present LWC Wrapper” collapsible=”true” default-state=”collapsed”}

This implementation is very simple and can be modified to match your styling etc.

Present LWC wrapper

• lightning-card: The fast-slides component is wrapped in lightning-card with a h3 title with an lightning-icon.
• andmoney-fast-slides: The fast-slides component with customerType and recordId input.
• Since we provide a Managed Salesforce package, all components and SObjects include an andmoney namespace. Either andmoney- instead of c- for LWC components or andmoney__ for SObjects.

{width=”600”}

In order to fetch the customer type passed to the fast-slides component we use the sample implementation found here.

The Javascript for the PresentWrapper component can be found below. Here we use a wired function:

@wire(getCustomerTypeFromEvent, { eventId: "$recordId" })
 async wiredGetCustomerTypeFromEvents(response) {
 ...
 }

which fetches the customer type from the event through the account associated with the event.

Full implementation here:

import getCustomerTypeFromEvent
    from "@salesforce/apex/[YOUR_IMPLEMENTATION]";
import { LightningElement, api, wire } from "lwc";

export default class PresentWrapper extends LightningElement {
  @api recordId;
  
  // This will pass in the config.agenda to the Present agenda field
  config = {
    agenda: "this\n is\n the \n agenda"
  }

  customerType;
  _getCustomerTypeResponse;

  @wire(getCustomerTypeFromEvent, { eventId: "$recordId" })
  async wiredGetCustomerTypeFromEvents(response) {
    this._getCustomerTypeResponse = response;

    const { data, error } = response;

    if (data) {
      this.customerType = data.value;
    } else if (error) {
      this.customerType = "PRIVATE";
    }
  }
}

{collapsible=”true” collapsed-title=”present-wrapper.js” default-state=”collapsed”}