@salesforcedevs/dw-components 1.15.2 → 1.16.3

package/lwc.config.json

@@ -27,7 +27,6 @@
         "dw/rcgTable",
         "dw/recaptcha",
         "dw/slackCta",
-        "dw/slackSuccess",
         "dw/tbidLoginMenu",
         "dwUtils/forms"
     ]

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.15.2",
+    "version": "1.16.3",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -26,5 +26,5 @@
         "@types/setimmediate": "1.0.4",
         "setimmediate": "1.0.5"
     },
-    "gitHead": "b8602f13fe7f2d709dd2843eb07121fc05844906"
+    "gitHead": "f8568b8045441f7665a88afbff63c3c2a0e173a8"
 }

package/src/modules/dw/newsletterForm/newsletterForm.ts

@@ -168,7 +168,7 @@ export default class Form extends LightningElement {
         ) as HTMLFormElement;
 
         submitButtonEl.setAttribute("disabled", "true");
-        submitButtonEl.textContent = "...Processing request";
+        submitButtonEl.textContent = "... Processing request";
 
         try {
             const res = await fetch(

package/src/modules/dw/slackSuccess/slackSuccess.css

@@ -1,65 +0,0 @@
-@import "dxHelpers/text";
-
-.slack-success_main {
-    background-color: var(--dx-g-indigo-vibrant-30);
-
-    /* Give this thing a circular bottom that actually goes off the page, to make a rounded look */
-    border-radius: 0 0 100% 100%;
-    left: -30%;
-    margin-bottom: 100px;
-    overflow: hidden;
-    position: relative;
-    width: 160%;
-}
-
-.slack-success_container {
-    align-items: center;
-    box-sizing: border-box;
-    color: #fff;
-    display: flex;
-    flex-direction: column;
-    font-family: var(--dx-g-font-display);
-    justify-content: center;
-    margin: 0 auto;
-    max-width: 100vw;
-    padding: 60px var(--dx-g-spacing-xl);
-    text-align: center;
-}
-
-.slack-success_success-message.dx-text-display-6 {
-    color: #fff;
-}
-
-.slack-success_command {
-    background-color: var(--dx-g-indigo-vibrant-20);
-    border-radius: 3px;
-    display: inline-block;
-    font-family: var(--dx-g-font-mono);
-    font-size: var(--dx-g-text-sm);
-    font-weight: bold;
-    padding: 5px 10px;
-    margin: 0 5px;
-}
-
-.slack-success_screenshot {
-    max-height: 156px;
-    padding-top: var(--dx-g-spacing-xl);
-}
-
-.slack-success_open-button {
-    padding-top: var(--dx-g-spacing-xl);
-}
-
-.slack-success_cody {
-    padding-top: var(--dx-g-spacing-4xl);
-}
-
-@media (max-width: 768px) {
-    .slack-success_main {
-        margin-bottom: 60px;
-    }
-
-    .slack-success_cody {
-        max-width: 260px;
-    }
-}

package/src/modules/dw/slackSuccess/slackSuccess.html

@@ -1,32 +0,0 @@
-<template>
-    <div class="slack-success_main">
-        <div class="slack-success_container">
-            <p class="dx-text-display-6 slack-success_success-message">
-                Success! 🎉 You've installed the Salesforce Developers app in
-                your Slack workspace.
-            </p>
-            <p class="slack-success__instruction">
-                Type
-                <span class="slack-success_command">/recent</span>
-                in Slack and select the content you'd like to like to view.
-            </p>
-            <img
-                class="slack-success_screenshot"
-                src="/assets/images/slack-recent-shortcuts.png"
-                alt="Slack screenshot showing Recent Blog Posts and Recent Podcasts shortcuts"
-            />
-            <dx-button
-                class="slack-success_open-button"
-                href={buttonUri}
-                size="small"
-            >
-                Open Slack
-            </dx-button>
-            <img
-                class="slack-success_cody"
-                src="https://a.sfdcstatic.com/developer-website/images/cody-cloud-slack.svg"
-                alt="Cody the Bear on a laptop below a Slack icon"
-            />
-        </div>
-    </div>
-</template>

package/src/modules/dw/slackSuccess/slackSuccess.ts

@@ -1,34 +0,0 @@
-import { LightningElement } from "lwc";
-
-export default class SlackSuccess extends LightningElement {
-    private buttonUri = "slack://open";
-
-    async connectedCallback(): Promise<void> {
-        const searchParams = new URLSearchParams(window.location.search);
-        const code = searchParams.get("code");
-
-        if (!code) {
-            // TODO: failure view, design pending
-        }
-
-        const slackApiBaseUrl =
-            process.env.DSC_SLACK_API_DOMAIN ||
-            process.env.BASE_URL ||
-            "https://developer.salesforce.com";
-
-        try {
-            const response = await fetch(
-                `${slackApiBaseUrl}/slack/api/oauth?code=${code}`
-            );
-            const { url } = await response.json();
-
-            if (url) {
-                this.buttonUri = url;
-            }
-        } catch (ex) {
-            // No need to do anything other than log here; the default buttonUri should still be in
-            // place/sufficient
-            console.error(ex);
-        }
-    }
-}