Slack: Fallback missing user name and last name in message (#219)

* Slack: Fallback missing user name and lastname in message

* Slack: Add billing address and user email

.changeset/kind-sheep-jog.md

@@ -0,0 +1,6 @@
+---
+"saleor-app-slack": patch
+---
+
+Fix problem with "undefined" user's name & last name in case they are not available.
+Introduces "n/a" fallback

.changeset/seven-frogs-return.md

@@ -0,0 +1,5 @@
+---
+"saleor-app-slack": minor
+---
+
+Billing address is now also included into Slack message. Additonally user emails is always defined

apps/slack/src/lib/slack.ts

@@ -9,9 +9,27 @@ export const sendSlackMessage = async (
 ) => {
   const {
     saleorDomain,
-    order: { id, number, user, shippingAddress, subtotal, shippingPrice, total },
+    order: {
+      id,
+      number,
+      user,
+      shippingAddress,
+      subtotal,
+      shippingPrice,
+      total,
+      billingAddress,
+      userEmail,
+    },
   } = data;
 
+  const getCustomerName = () => {
+    if (user?.firstName && user?.lastName) {
+      return `${user.firstName} ${user.lastName}`;
+    } else {
+      return `n/a`;
+    }
+  };
+
   const response = await fetch(to, {
     method: "POST",
     body: JSON.stringify({
@@ -27,7 +45,7 @@ export const sendSlackMessage = async (
           type: "section",
           text: {
             type: "mrkdwn",
-            text: `*Customer*\n${user?.firstName} ${user?.lastName}\n${user?.email}`,
+            text: `*Customer*\n${getCustomerName()}\nEmail: ${userEmail}`,
           },
         },
         {
@@ -37,6 +55,13 @@ export const sendSlackMessage = async (
             text: `*Shipping Address*\n${shippingAddress?.streetAddress1}\n${shippingAddress?.postalCode} ${shippingAddress?.city}\n${shippingAddress?.country.country}`,
           },
         },
+        {
+          type: "section",
+          text: {
+            type: "mrkdwn",
+            text: `*Billing Address*\n${billingAddress?.streetAddress1}\n${billingAddress?.postalCode} ${billingAddress?.city}\n${billingAddress?.country.country}`,
+          },
+        },
         {
           type: "section",
           text: {

apps/slack/src/pages/api/webhooks/order-created.ts

@@ -10,6 +10,7 @@ import { sendSlackMessage } from "../../../lib/slack";
 const OrderCreatedWebhookPayload = gql`
   fragment OrderCreatedWebhookPayload on OrderCreated {
     order {
+      userEmail
       id
       number
       user {
@@ -25,6 +26,14 @@ const OrderCreatedWebhookPayload = gql`
           country
         }
       }
+      billingAddress {
+        streetAddress1
+        city
+        postalCode
+        country {
+          country
+        }
+      }
       subtotal {
         gross {
           amount