@salesforcedevs/dw-components 1.3.207 → 1.3.211

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.207",
+    "version": "1.3.211",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {
@@ -24,5 +24,5 @@
         "@types/setimmediate": "^1.0.2",
         "setimmediate": "^1.0.5"
     },
-    "gitHead": "589869ddb0205df3817d80471db18ba35b016f49"
+    "gitHead": "868580e697a07798c02537d4bd3cab7530127812"
 }

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.html

@@ -131,8 +131,11 @@
             ></dx-pagination>
         </div>
         <dx-empty-state
+            variant="alt"
             title="Beep boop. That did not compute."
             subtitle={emptyStateSubtitle}
+            body={emptyStateBody}
+            suggestions={emptyStateSuggestions}
             if:true={showEmptyState}
         ></dx-empty-state>
     </dx-section>

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.ts

@@ -261,13 +261,24 @@ export default class CodeSamplesGrid extends LightningElement {
         return this.totalPages < 2;
     }
 
-    get emptyStateSubtitle(): string {
+    get emptyStateSubtitle() {
         return (
-            "No results" +
-            (this.searchTerm !== "" ? ` for "${this.searchTerm}"` : "")
+            "Sorry, no results were found for your search" +
+            (this.searchTerm !== "" ? ` "${this.searchTerm}"` : "")
         );
     }
 
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify([
+            "Please consider misspellings",
+            "Try different search keywords"
+        ]);
+    }
+
     handleView = (e: MediaQueryListEvent | MediaQueryList): void => {
         if (e.media === this.isDesktop && e.matches) {
             this.deviceType = "desktop";

package/src/modules/dw/contentArchive/contentArchive.html

@@ -245,7 +245,7 @@
                 </template>
             </div>
             <h3 class="results-heading" if:false={loading}>{resultsHeading}</h3>
-            <hr />
+            <hr if:false={isEmptyState} />
             <template if:true={loading}>
                 <template if:false={modalOpen}>
                     <div class="spinner-container">
@@ -328,11 +328,13 @@
                 </template>
             </template>
             <template if:true={isEmptyState}>
-                <div class="empty-state-container">
-                    <p class="empty-state-text">
-                        Please try a different filter selection.
-                    </p>
-                </div>
+                <dx-empty-state
+                    variant="alt"
+                    title="Beep boop. That did not compute."
+                    subtitle={emptyStateSubtitle}
+                    body={emptyStateBody}
+                    suggestions={emptyStateSuggestions}
+                ></dx-empty-state>
             </template>
         </div>
     </div>

package/src/modules/dw/contentArchive/contentArchive.ts

@@ -56,6 +56,18 @@ export default class ContentArchive extends LightningElement {
         return this.totalResults === 0 && !this.loading;
     }
 
+    get emptyStateSubtitle() {
+        return "Sorry, no results were found for your search";
+    }
+
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify(["Try a different filter selection"]);
+    }
+
     get currentPageLength() {
         if (this.loading) {
             return "Loading Results...";
@@ -78,7 +90,7 @@ export default class ContentArchive extends LightningElement {
         if (this.currentPage !== 1) {
             pageInfo = `- Page ${this.currentPage}`;
         }
-        return this.totalResults ? `Archive Results ${pageInfo}` : "No results";
+        return this.totalResults ? `Archive Results ${pageInfo}` : "";
     }
 
     get spinnerSize() {
@@ -258,9 +270,8 @@ export default class ContentArchive extends LightningElement {
     }
 
     private async updateCheckedStatus() {
-        const filterMenuElements = this.template.querySelectorAll(
-            "dx-filter-menu"
-        );
+        const filterMenuElements =
+            this.template.querySelectorAll("dx-filter-menu");
 
         filterMenuElements.forEach((filterMenuElement: any) =>
             filterMenuElement.updateCheckedStatus(this.selectedFilterMenuData)

package/src/modules/dw/docsGrid/docsGrid.html

@@ -83,8 +83,11 @@
         </div>
     </div>
     <dx-empty-state
+        variant="alt"
         title="Beep boop. That did not compute."
         subtitle={emptyStateSubtitle}
+        body={emptyStateBody}
+        suggestions={emptyStateSuggestions}
         if:true={showEmptyState}
     ></dx-empty-state>
 </template>

package/src/modules/dw/docsGrid/docsGrid.ts

@@ -11,6 +11,7 @@ const DSC_API_URL = {
     "en-us": "/docs/get_index/en-us/000.0/false/All%20Services/all",
     "ja-jp": "/docs/get_index/ja-jp/000.0/false/All%20Services/all"
 };
+
 const PRODUCT_FILTER_ALL_SERVICES = "all services";
 const LANGUAGE_FILTER_LABEL = "Language";
 const WAIT_TIME = 500;
@@ -259,11 +260,22 @@ export default class DocsGrid extends LightningElement {
 
     get emptyStateSubtitle() {
         return (
-            "No results" +
-            (this.searchTerm !== "" ? ` for "${this.searchTerm}"` : "")
+            "Sorry, no results were found for your search" +
+            (this.searchTerm !== "" ? ` "${this.searchTerm}"` : "")
         );
     }
 
+    get emptyStateBody() {
+        return "Search Tips:";
+    }
+
+    get emptyStateSuggestions() {
+        return JSON.stringify([
+            "Please consider misspellings",
+            "Try different search keywords"
+        ]);
+    }
+
     getOtherDocsForSelectedLocale() {
         const docsForLocale = this._otherDocs!.filter(
             (doc) => doc.locale === this.selectedLanguageFilter

package/src/modules/dw/j2sCardSequence/j2sCardSequence.html

@@ -4,7 +4,6 @@
         communicate-step-changes="true"
         force-initially-visible={forceInitiallyVisible}
         initial-step-index={initialStepIndex}
-        lwc:ref="stepSequence"
         onstepsequencechange={handleStepSequenceChange}
         optimize-position-after-animation="true"
         session-storage-id={sessionStorageId}

package/src/modules/dw/j2sCardSequence/j2sCardSequence.ts

@@ -79,8 +79,8 @@ export default class J2sCardSequence extends LightningElement {
     _recaptchaResetTimeoutId: number | null = null;
     _stepsData: StepDatum[] = [];
     @api drmDomain: string = "https://drm.my.salesforce-sites.com";
-    @api drmHandlerBaseUrl: string =
-        "https://dev-sapi-th-ms-infra-form-handler-proxy.us-w2.cloudhub.io";
+    @api formHandler: string =
+        "https://formhandlermule-1s9xrb.5sc6y6-4.usa-e2.cloudhub.io/form_handler";
     @api tbidApiBaseUrl: string | undefined;
     @api useHistory: boolean = false;
 
@@ -128,14 +128,6 @@ export default class J2sCardSequence extends LightningElement {
         return Boolean(this.tbidUserInfo);
     }
 
-    private get drmEmailUrl() {
-        return `${this.drmHandlerBaseUrl}/getEmail`;
-    }
-
-    private get formHandlerUrl() {
-        return `${this.drmHandlerBaseUrl}/form_handler`;
-    }
-
     private get formIncomingUserInfo() {
         if (!this.tbidUserInfo) {
             return {} as DrmFormData;
@@ -149,8 +141,8 @@ export default class J2sCardSequence extends LightningElement {
             Company__c: this.tbidUserInfo.custom_attributes?.CompanyName,
             MailingCountry: this.tbidUserInfo.custom_attributes?.Country,
             MailingState: this.tbidUserInfo.address?.region,
-            RelationshipToSalesforce:
-                this.tbidUserInfo.custom_attributes?.RelationshipToSalesforce
+            RelationshipToSalesforce: this.tbidUserInfo.custom_attributes
+                ?.RelationshipToSalesforce
         };
 
         // Return above object but only with keys that have a truthy value, and with any URI-encoded values decoded
@@ -227,16 +219,18 @@ export default class J2sCardSequence extends LightningElement {
 
     renderedCallback() {
         if (!this.isLoading) {
-            (this.refs.stepSequence as StepSequence)?.remeasureSteps();
+            ((this.template.querySelector(
+                "dx-step-sequence"
+            ) as unknown) as StepSequence)?.remeasureSteps();
         }
 
         if (
             this.formSubmissionFailureState &&
             this.stepsData[this.currentSequenceStep].formData
         ) {
-            const j2sCardStep = this.template.querySelectorAll(
+            const j2sCardStep = (this.template.querySelectorAll(
                 "dw-j2s-card-sequence-step"
-            ) as unknown as J2sCardSequenceStep[];
+            ) as unknown) as J2sCardSequenceStep[];
             j2sCardStep[this.currentSequenceStep]?.notifyFormSubmitFailure(
                 this.formSubmissionFailureState
             );
@@ -291,14 +285,14 @@ export default class J2sCardSequence extends LightningElement {
     }
 
     async handleFormSubmit({ detail: formData }: CustomEvent<DrmFormData>) {
-        if (!this.formHandlerUrl || !this.isLoggedIn) {
+        if (!this.formHandler || !this.isLoggedIn) {
             return;
         }
 
         this._isFormSubmitting = true;
 
         try {
-            const res = await fetch(this.formHandlerUrl, {
+            const res = await fetch(this.formHandler, {
                 method: "POST",
                 headers: {
                     "Content-Type": "application/json",
@@ -380,7 +374,9 @@ export default class J2sCardSequence extends LightningElement {
         if (andStoreIndex) {
             this.initialStepIndex = stepIndex; // update sessionStorage value
         }
-        (this.refs.stepSequence as StepSequence)?.jumpToStep(stepIndex);
+        ((this.template.querySelector(
+            "dx-step-sequence"
+        ) as unknown) as StepSequence)?.jumpToStep(stepIndex);
     }
 
     private async getCountryList() {
@@ -413,16 +409,7 @@ export default class J2sCardSequence extends LightningElement {
         try {
             const res = await fetch(`${this.tbidApiBaseUrl}/userinfo`);
             if (res.ok) {
-                const userInfo = await res.json();
-                const emailOverride = await this.getDrmEmailOverride(
-                    userInfo?.user_id
-                );
-                this.tbidUserInfo = !emailOverride
-                    ? userInfo
-                    : {
-                          ...userInfo,
-                          email: emailOverride
-                      };
+                this.tbidUserInfo = await res.json();
                 this.selectedCountry = this.formIncomingUserInfo.MailingCountry;
             }
         } catch (ex) {
@@ -437,30 +424,4 @@ export default class J2sCardSequence extends LightningElement {
 
         this._isTbidLoading = false;
     }
-
-    private async getDrmEmailOverride(
-        tbid: string
-    ): Promise<string | undefined> {
-        let resolvedEmail = "";
-
-        if (!tbid) {
-            return resolvedEmail;
-        }
-
-        try {
-            const res = await fetch(`${this.drmEmailUrl}?tbid=${tbid}`);
-            if (res.ok) {
-                const resData = await res.json();
-                if (resData.message === "success") {
-                    resolvedEmail = resData.Email;
-                }
-            }
-        } catch (ex) {
-            console.warn(
-                `Could not fetch email address from DRM, defaulting to TBID info. (Exception: ${ex})`
-            );
-        }
-
-        return resolvedEmail;
-    }
 }