@salesforcedevs/dx-components 1.14.7-alpha5 → 1.14.9-playground-404-1

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.14.7-alpha5",
+    "version": "1.14.9-playground-404-1",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/errorFallback/errorFallback.css

@@ -5,22 +5,23 @@
     flex-direction: column;
     align-items: center;
     gap: 44px;
+    margin-bottom: var(--dx-g-spacing-2xl);
 }
 
 .error-image {
-    width: 445.467px;
-    height: 260px;
-    padding: 42.467px 35.214px 0 35.533px;
+    width: 375px;
+    height: 218px;
 }
 
 .dx-text-display-4 {
     font-weight: var(--dx-g-font-demi);
     letter-spacing: -0.32px;
+    text-align: center;
 }
 
 .dx-text-body-1 {
     letter-spacing: 0.024px;
     font-weight: var(--dx-g-font-normal);
     text-align: center;
-    width: 528px;
+    max-width: 528px;
 }

package/src/modules/dx/errorFallback/errorFallback.html

@@ -5,10 +5,7 @@
             alt="error fallback image"
             class="error-image"
         />
-        <div class="dx-text-display-4">Temporary Loading Glitch</div>
-        <div class="dx-text-body-1">
-            Looks like this content has briefly vanished into the horizon!
-            Refresh the page and try again.
-        </div>
+        <div class="dx-text-display-4">{title}</div>
+        <div class="dx-text-body-1">{description}</div>
     </div>
 </template>

package/src/modules/dx/errorFallback/errorFallback.ts

@@ -1,3 +1,7 @@
-import { LightningElement } from "lwc";
+import { api, LightningElement } from "lwc";
 
-export default class ErrorFallback extends LightningElement {}
+export default class ErrorFallback extends LightningElement {
+    @api title: string = "Temporary Loading Glitch";
+    @api description: string =
+        "Looks like this content has briefly vanished into the horizon! Refresh the page and try again.";
+}

package/src/modules/dx/redirectChecker/redirectChecker.ts

@@ -1,9 +1,7 @@
 // urlWatcherComponent.ts
 import { LightningElement } from "lwc";
-import UrlWatcher from "../../../utils/urlWatcher";
 
 export default class UrlWatcherComponent extends LightningElement {
-    watcher = UrlWatcher;
     connectedCallback() {
         // Just ensure the singleton initializes
     }

package/src/modules/dxUtils/normalizers/normalizers.ts

@@ -1,5 +1,9 @@
 import get from "lodash.get";
-import { WordpressPodcastEpisode, WordpressBlogPost } from "typings/custom";
+import {
+    WordpressPodcastEpisode,
+    WordpressBlogPost,
+    WordpressSingleBlogPostResponse
+} from "typings/custom";
 
 export const toJson = (value: string | object | null) =>
     typeof value === "string" ? JSON.parse(value) : value;
@@ -65,6 +69,24 @@ export const normalizePost = ({
     title
 });
 
+export const normalizeSinglePostResponse = ({
+    id,
+    authors = [],
+    date,
+    link,
+    featured_image,
+    yoast_head_json
+}: WordpressSingleBlogPostResponse) => ({
+    body: yoast_head_json?.description,
+    datetime: date,
+    href: link,
+    authors: authors,
+    imgAlt: "Blogpost image",
+    imgSrc: featured_image,
+    id,
+    title: yoast_head_json?.title
+});
+
 export const normalizeBoolean = (
     value: string | boolean | number | undefined
 ): boolean => (typeof value === "string" ? value === "true" : !!value);