@salesforcedevs/dw-components 1.3.196-canary.10 → 1.3.197-canary.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dw-components",
-    "version": "1.3.196-canary.10",
+    "version": "1.3.197-canary.0",
     "description": "Lightning web components for https://developer.salesforce.com",
     "license": "MIT",
     "engines": {

package/src/modules/dw/codeSamplesGrid/codeSamplesGrid.css

@@ -83,7 +83,6 @@ dx-section {
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: 50px auto;
 }
 
@@ -158,13 +157,13 @@ dx-section {
 }
 
 @media screen and (min-width: 1025px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
+    .item-container:not(:nth-child(1), :nth-child(2), :nth-child(3)) {
         margin-top: 70px;
     }
 }
 
 @media screen and (max-width: 1024px) and (min-width: 768px) {
-    .item-container:not(:nth-child(1)):not(:nth-child(2)) {
+    .item-container:not(:nth-child(1), :nth-child(2)) {
         margin-top: 51px;
     }
 }

package/src/modules/dw/contentArchive/contentArchive.css

@@ -182,13 +182,13 @@ dx-filter-menu {
 
 .chip-title {
     font-weight: bold;
-    color: rgb(24, 24, 24);
+    color: rgb(24 24 24);
 }
 
 .chip-item {
-    border: 2px solid rgb(92, 92, 92);
+    border: 2px solid rgb(92 92 92);
     border-radius: 4px;
-    color: rgb(92, 92, 92);
+    color: rgb(92 92 92);
     font-weight: 600;
     padding: 2px 4px;
 }

package/src/modules/dw/docsGrid/docsGrid.css

@@ -33,7 +33,6 @@
 
 .pagination-container {
     max-width: fit-content;
-    max-width: -moz-fit-content;
     margin: var(--dx-g-spacing-lg) auto;
 }
 

package/src/modules/dw/eventsList/eventsList.css

@@ -23,7 +23,7 @@ dx-section.events-action-bar::part(container) {
 
 dx-section.upcoming-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud1.svg");
     width: 146px;
     height: 106px;
     position: absolute;
@@ -34,7 +34,7 @@ dx-section.upcoming-events::part(container)::before {
 
 dx-section.upcoming-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud2.svg");
     width: 152px;
     height: 111px;
     position: absolute;
@@ -45,7 +45,7 @@ dx-section.upcoming-events::part(container)::after {
 
 dx-section.past-events::part(container)::before {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-gradient-elipse.svg");
     width: 2991px;
     height: 839px;
     position: absolute;
@@ -56,7 +56,7 @@ dx-section.past-events::part(container)::before {
 
 dx-section:not(:nth-child(2)).past-events::part(container)::after {
     content: "";
-    background-image: url(https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/events-cloud3.svg");
     width: 655px;
     height: 270px;
     position: absolute;

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

@@ -4,6 +4,7 @@
         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

@@ -227,11 +227,7 @@ export default class J2sCardSequence extends LightningElement {
 
     renderedCallback() {
         if (!this.isLoading) {
-            (
-                this.template.querySelector(
-                    "dx-step-sequence"
-                ) as unknown as StepSequence
-            )?.remeasureSteps();
+            (this.refs.stepSequence as StepSequence)?.remeasureSteps();
         }
 
         if (
@@ -384,11 +380,7 @@ export default class J2sCardSequence extends LightningElement {
         if (andStoreIndex) {
             this.initialStepIndex = stepIndex; // update sessionStorage value
         }
-        (
-            this.template.querySelector(
-                "dx-step-sequence"
-            ) as unknown as StepSequence
-        )?.jumpToStep(stepIndex);
+        (this.refs.stepSequence as StepSequence)?.jumpToStep(stepIndex);
     }
 
     private async getCountryList() {
@@ -448,7 +440,7 @@ export default class J2sCardSequence extends LightningElement {
 
     private async getDrmEmailOverride(
         tbid: string
-    ): Promise<string> {
+    ): Promise<string | undefined> {
         let resolvedEmail = "";
 
         if (!tbid) {
@@ -464,7 +456,9 @@ export default class J2sCardSequence extends LightningElement {
                 }
             }
         } catch (ex) {
-            // noop; nothing to do here; just proceed with no email override
+            console.warn(
+                `Could not fetch email address from DRM, defaulting to TBID info. (Exception: ${ex})`
+            );
         }
 
         return resolvedEmail;

package/src/modules/dw/j2sCardSequenceStep/j2sCardSequenceStep.css

@@ -6,7 +6,7 @@
 dx-card-step.final-card-with-action::part(footer-container) {
     background-color: var(--dx-g-indigo-vibrant-95);
     border-radius: 8px;
-    margin: 0 30px 30px 30px;
+    margin: 0 30px 30px;
 }
 
 [slot="secondary-action-section"] {
@@ -71,6 +71,6 @@ dx-card-step.final-card-with-action::part(footer-container) {
 @media screen and (max-width: 320px) {
     /* Special styling for the final step's actions if they are shown */
     dx-card-step.final-card-with-action::part(footer-container) {
-        margin: 0 20px 30px 20px;
+        margin: 0 20px 30px;
     }
 }

package/src/modules/dw/j2sCardSequenceStep/j2sCardSequenceStep.ts

@@ -16,9 +16,9 @@ export default class J2sCardSequenceStep extends LightningElement {
 
     @api
     public notifyFormSubmitFailure(formFailureData: Partial<DrmFormData>) {
-        (
-            this.template.querySelector("dw-j2s-form") as unknown as J2sForm
-        )?.notifySubmitFailure(formFailureData);
+        ((this.template.querySelector(
+            "dw-j2s-form"
+        ) as unknown) as J2sForm)?.notifySubmitFailure(formFailureData);
     }
 
     private isJ2sFormInvalid = false;
@@ -86,9 +86,9 @@ export default class J2sCardSequenceStep extends LightningElement {
         if (this.stepIndex === 0) {
             this.dispatchEvent(new CustomEvent("getstarted"));
         } else if (this.stepIndex === 1) {
-            const j2sFormEl = this.template.querySelector(
+            const j2sFormEl = (this.template.querySelector(
                 "dw-j2s-form"
-            ) as unknown as J2sForm;
+            ) as unknown) as J2sForm;
             const formData = j2sFormEl.formDataForDrm;
 
             // For some countries, explicit approvals will be present; for others, it is implicitly assumed
@@ -109,8 +109,9 @@ export default class J2sCardSequenceStep extends LightningElement {
 
     private updateStaticInnerHtml() {
         const { bodyHtml, secondaryActionHtml } = this.stepDatum;
-        const bodyMarkupContainer =
-            this.template.querySelector("span.body-markup");
+        const bodyMarkupContainer = this.template.querySelector(
+            "span.body-markup"
+        );
         const secondaryActionMarkupContainer = this.template.querySelector(
             "span.secondary-action-markup"
         );

package/src/modules/dw/j2sForm/j2sForm.ts

@@ -253,8 +253,10 @@ export default class J2sForm extends LightningElementWithState<J2sFormState> {
     handleFormFieldChange = (evt: CustomEvent) => {
         // Event target information must be read prior to debouncing; the target is gone after the debounce.
         const { target = {}, detail } = evt;
-        const { name: targetName, required: isRequiredField } =
-            target as HTMLInputElement;
+        const {
+            name: targetName,
+            required: isRequiredField
+        } = target as HTMLInputElement;
         const value =
             typeof detail === "string"
                 ? detail

package/src/modules/dw/j2sForm/mockProps.ts

@@ -3049,21 +3049,28 @@ const tbidUserInfo = {
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/m/42.0/herherwe0823",
         partner:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/u/42.0/herherwe0823",
-        rest: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/",
+        rest:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/",
         sobjects:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/sobjects/",
-        search: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/search/",
-        query: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/query/",
-        recent: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/recent/",
+        search:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/search/",
+        query:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/query/",
+        recent:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/recent/",
         tooling_soap:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/Soap/T/42.0/herherwe0823",
         tooling_rest:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/tooling/",
         profile:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/oooooo",
-        feeds: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feeds",
-        groups: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/groups",
-        users: "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/users",
+        feeds:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feeds",
+        groups:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/groups",
+        users:
+            "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/users",
         feed_items:
             "https://trailblazer-identity--Dev1.cs192.my.salesforce.com/services/data/v42.0/chatter/feed-elements",
         feed_elements:
@@ -3079,7 +3086,8 @@ export const formMetadata = {
         'I agree to the Journey to Salesforce Program Terms, subject to the <a href="http://www.google.com">Salesforce Program Agreement</a>.',
     notAvailableAlertInfo: {
         title: "Not Available",
-        body: 'The Journey to Salesforce program is not currently available in your country. See the <a href="https://www.google.com/">program FAQs</a> for a list of participating countries.'
+        body:
+            'The Journey to Salesforce program is not currently available in your country. See the <a href="https://www.google.com/">program FAQs</a> for a list of participating countries.'
     },
     participatingCountryCodes: ["US", "CA", "IN"]
 };

package/src/modules/dw/newsletterForm/newsletterForm.css

@@ -11,7 +11,7 @@
 
 h4 {
     font-size: 20px;
-    margin: 0 0 28px 0;
+    margin: 0 0 28px;
     text-align: center;
 }
 
@@ -55,7 +55,7 @@ dx-checkbox:last-of-type {
 .marketing-text,
 .legal-text {
     font-size: 14px;
-    margin: 0 0 16px 0;
+    margin: 0 0 16px;
 }
 
 @media screen and (max-width: 360px) {

package/src/modules/dw/podcastSubscription/podcastSubscription.css

@@ -5,8 +5,7 @@
     background-repeat: no-repeat;
     background-position: center;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;
@@ -24,7 +23,7 @@
     }
 
     .badges {
-        margin: 8px auto 6px auto;
+        margin: 8px auto 6px;
         text-align: center;
     }
 
@@ -59,7 +58,7 @@
 
     .badges a {
         display: inline-block;
-        margin: 22px 13px 8px 13px;
+        margin: 22px 13px 8px;
     }
 
     .badges img {

package/src/modules/dw/slackCta/slackCta.css

@@ -4,8 +4,7 @@
 .container {
     background-repeat: no-repeat;
     display: flex;
-    flex-direction: column;
-    flex-wrap: wrap;
+    flex-flow: column wrap;
     align-items: center;
     justify-content: center;
     text-align: center;