Email & Notifications

import { OrderStateTransitionEvent } from '@vendure/core';import { EmailEventListener, transformOrderLineAssetUrls, hydrateShippingLines } from '@vendure/email-plugin';// The 'order-confirmation' string is used by the EmailPlugin to identify// which template to use when rendering the email.export const orderConfirmationHandler = new EmailEventListener('order-confirmation')    .on(OrderStateTransitionEvent)    // Only send the email when the Order is transitioning to the    // "PaymentSettled" state and the Order has a customer associated with it.    .filter(        event =>            event.toState === 'PaymentSettled'            && !!event.order.customer,    )    // We commonly need to load some additional data to be able to render the email    // template. This is done via the `loadData()` method. In this method we are    // mutating the Order object to ensure that product images are correctly    // displayed in the email, as well as fetching shipping line data from the database.    .loadData(async ({ event, injector }) => {        transformOrderLineAssetUrls(event.ctx, event.order, injector);        const shippingLines = await hydrateShippingLines(event.ctx, event.order, injector);        return { shippingLines };    })    // Here we are setting the recipient of the email to be the    // customer's email address.    .setRecipient(event => event.order.customer!.emailAddress)    // We can interpolate variables from the EmailPlugin's configured    // `globalTemplateVars` object.    .setFrom('{{ fromAddress }}')    // We can also interpolate variables made available by the    // `setTemplateVars()` method below    .setSubject('Order confirmation for #{{ order.code }}')    // The object returned here defines the variables which are    // available to the email template.    .setTemplateVars(event => ({ order: event.order, shippingLines: event.data.shippingLines }))

import { VendureConfig } from '@vendure/core';import { EmailPlugin } from '@vendure/email-plugin';export const config: VendureConfig = {    // ...    plugins: [        EmailPlugin.init({            // ...            globalTemplateVars: { // [!code highlight]                fromAddress: '"MyShop" <noreply@myshop.com>', // [!code highlight]                verifyEmailAddressUrl: 'https://www.myshop.com/verify', // [!code highlight]                passwordResetUrl: 'https://www.myshop.com/password-reset', // [!code highlight]                changeEmailAddressUrl: 'https://www.myshop.com/verify-email-address-change', // [!code highlight]                adminPasswordResetUrl: 'https://my-server.com/dashboard/reset-password' // [!code highlight]            }, // [!code highlight]        }),    ],};

import { OnModuleInit } from '@nestjs/common';import { PluginCommonModule, VendurePlugin, EventBus } from '@vendure/core';import { OrderStateTransitionEvent } from '@vendure/core';// A custom service which sends SMS messages// using a third-party SMS provider such as Twilio.import { SmsService } from './sms.service';@VendurePlugin({    imports: [PluginCommonModule],    providers: [SmsService],})export class SmsPlugin implements OnModuleInit {    constructor(        private eventBus: EventBus,        private smsService: SmsService,    ) {}    onModuleInit() {        this.eventBus            .ofType(OrderStateTransitionEvent)            .filter(event => event.toState === 'Shipped')            .subscribe(event => {                this.smsService.sendOrderShippedMessage(event.order);            });    }}