@salesforcedevs/dw-components 1.15.0 → 1.16.2

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.0",
+    "version": "1.16.2",
     "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": "f2ca29c18bf3158e8edc88a21402617e528f2243"
+    "gitHead": "602466e6ecec48ad5685a6bcc75c6a8aa22eb80d"
 }

package/src/modules/dw/cardBlogPostProvider/cardBlogPostProvider.html

@@ -15,7 +15,10 @@
                         authors={firstPost.authors}
                     ></dx-card-blog-post>
                     <dx-grid columns="one">
-                        <template for:each={secondAndThird} for:item="post">
+                        <template
+                            for:each={secondThirdAndFourth}
+                            for:item="post"
+                        >
                             <dx-card-blog-post
                                 layout="horizontal"
                                 datetime={post.datetime}
@@ -30,26 +33,6 @@
                     </dx-grid>
                 </dx-grid>
             </div>
-            <dx-grid columns="four">
-                <template for:each={restOfBlogPosts} for:item="post">
-                    <dx-card-blog-post
-                        label="BLOG POST"
-                        body={post.body}
-                        datetime={post.datetime}
-                        href={post.href}
-                        img-alt={post.imgAlt}
-                        img-src={post.imgSrc}
-                        key={post.id}
-                        header={post.title}
-                        authors={post.authors}
-                    ></dx-card-blog-post>
-                    <dx-hr
-                        spacing="2xs"
-                        class="mobile-divider_posts"
-                        key={post.id}
-                    ></dx-hr>
-                </template>
-            </dx-grid>
         </div>
 
         <div class="hide-on-desktop">

package/src/modules/dw/cardBlogPostProvider/cardBlogPostProvider.ts

@@ -17,7 +17,7 @@ type BlogPost = {
 };
 
 export default class CardBlogPostProvider extends LightningElement {
-    @api count: string = "7";
+    @api count: string = "4";
     @track _sortedPosts: BlogPost[] = [];
 
     private _featuredPost: BlogPost | undefined;
@@ -28,7 +28,7 @@ export default class CardBlogPostProvider extends LightningElement {
         if (this._featuredPost) {
             this._sortedPosts = [
                 this._featuredPost,
-                ...this.filterOutFeaturedPost(posts)
+                ...this.filterOutFeaturedPost(posts, this._featuredPost)
             ];
         } else {
             this._sortedPosts = posts;
@@ -43,7 +43,7 @@ export default class CardBlogPostProvider extends LightningElement {
         this._featuredPost = featuredPost;
         this._sortedPosts = [
             featuredPost,
-            ...this.filterOutFeaturedPost(this._posts)
+            ...this.filterOutFeaturedPost(this._posts, featuredPost)
         ];
     }
 
@@ -56,19 +56,15 @@ export default class CardBlogPostProvider extends LightningElement {
         return this._sortedPosts[0];
     }
 
-    get secondAndThird() {
-        return this._sortedPosts.slice(1, 3);
+    get secondThirdAndFourth() {
+        return this._sortedPosts.slice(1, 4);
     }
 
-    get restOfBlogPosts() {
-        return this._sortedPosts.slice(3);
-    }
-
-    private filterOutFeaturedPost(posts: BlogPost[]) {
+    private filterOutFeaturedPost(posts: BlogPost[], featuredPost: BlogPost) {
         // the featured post + the rest must equal count
         const countMinusOne = parseInt(this.count, 10) - 1;
         return posts
-            .filter((post) => post.id !== this._featuredPost.id)
+            .filter((post) => post.id !== featuredPost.id)
             .slice(0, countMinusOne);
     }
 

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);
-        }
-    }
-}