@social-mail/social-mail-client 1.2.366 → 1.2.368

package/src/site-editor/blocks/Card.tsx

@@ -33,43 +33,6 @@ StylerSets.register("low", styled.css `
         grid-column: 1;
         grid-row: 3;
     }
-
-    & > section:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
-    & > h4:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Title";
-    }
     `.expand("[styler-layout=card]")
 );
 

package/src/site-editor/blocks/Carousel.tsx

@@ -18,26 +18,6 @@ StylerSets.register("low", styled.css `
 
     display: flex;
     flex-direction: row;
-
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
-    }
 `.expand("carousel-slider"));
 
 export const Carousel = Block({

package/src/site-editor/blocks/ColumnBox.tsx

@@ -19,24 +19,6 @@ StylerSets.register("low", styled.css `
         flex: 1 1 100%;
     }
 
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
 `.expand("[styler-layout=column]"));
 
 

package/src/site-editor/blocks/Columns2.tsx

@@ -33,25 +33,6 @@ StylerSets.register("low", styled.css `
             max-width: 50%;
         }
     }
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
-    }
     `.expand("[styler-layout=columns-2]")
 );
 

package/src/site-editor/blocks/Columns3.tsx

@@ -33,25 +33,6 @@ StylerSets.register("low", styled.css `
             max-width: 33%;
         }
     }
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
-    }
 
     `.expand("[styler-layout=columns-3]")
 );

package/src/site-editor/blocks/ImageBox.tsx

@@ -23,17 +23,6 @@ StylerSets.register("low", styled.css `
         max-width: 100%;
     }
 
-    @media (min-width: 600px) { 
-        & {
-            flex-direction: row;
-        }
-        & > * {
-            padding: ${stylerVars.sizeDefault};
-            flex: 1 1 50%;
-            max-width: 50%;
-        }
-    }
-
     & > img {
         align-self: stretch;
         border-radius: ${stylerVars.sizeLarge}
@@ -46,23 +35,21 @@ StylerSets.register("low", styled.css `
         }
     }
 
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
+
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 50%;
+            max-width: 50%;
+        }
     }
     `.expand("[styler-layout=image-box]")
 );

package/src/site-editor/blocks/ImageCard.tsx

@@ -65,43 +65,6 @@ display: grid;
             grid-row: 2;
         }
     }
-
-    & > section:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
-    & > h4:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Title";
-    }
     `.expand("[styler-layout=image-card]")
 );
 

package/src/site-editor/blocks/ImageGallery.tsx

@@ -19,26 +19,6 @@ StylerSets.register("low", styled.css `
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
-
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
-    }
 `.expand("image-gallery"));
 
 StylerSets.register("low", styled.css `

package/src/site-editor/blocks/InjectBox.tsx

@@ -20,26 +20,6 @@ StylerSets.register("low", styled.css `
             user-select: none;
             pointer-events: none;
         }
-
-        &:empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            height: 100%;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "INJECT HTML";
-        }
-
     }
 `.expand("body[editing]"));
 

package/src/site-editor/blocks/MarqueeText.tsx

@@ -2,32 +2,6 @@
 
 import XNode from "@web-atoms/core/dist/core/XNode";
 import { Block } from "./Block";
-import { StylerSets } from "../styler/StylerSets";
-import styled from "@web-atoms/core/dist/style/styled";
-
-StylerSets.register("low", styled.css `
-
-
-    &:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Marquee Text";
-
-    }
-`.expand("marquee-text"));
 
 /* eslint-disable @typescript-eslint/no-namespace */
 declare global {

package/src/site-editor/blocks/PDFFlipBook.tsx

@@ -14,34 +14,6 @@ declare global {
     }
 }
 
-StylerSets.register("low", styled.css `
-    & pdf-flip-book {
-        & * {
-            user-select: none;
-            pointer-events: none;
-        }
-
-        &:empty:before {
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            height: 100%;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            min-height: 30px;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            content: "PDF Book";
-        }
-    }
-`.expand("body[editing]"));
-
 export const PDFFlipBook = Block({
     className: "fad fa-grid-4",
     title: "Add Image Grid",

package/src/site-editor/blocks/RightImageBox.tsx

@@ -23,18 +23,6 @@ StylerSets.register("low", styled.css `
         max-width: 100%;
     }
 
-    @media (min-width: 600px) { 
-        & {
-            flex-direction: row-reverse;
-        }
-
-        & > * {
-            padding: ${stylerVars.sizeDefault};
-            flex: 1 1 50%;
-            max-width: 50%;
-        }
-    }
-
     & > img {
         align-self: stretch;
         border-radius: ${stylerVars.sizeLarge}
@@ -47,24 +35,22 @@ StylerSets.register("low", styled.css `
         }
     }
 
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
+    @media (min-width: 600px) { 
+        & {
+            flex-direction: row-reverse;
+        }
+
+        & > img {
+            align-self: center;
+        }
+
+        & > * {
+            padding: ${stylerVars.sizeDefault};
+            flex: 1 1 50%;
+            max-width: 50%;
+        }
     }
+
     `.expand("[styler-layout=right-image-box]")
 
 );

package/src/site-editor/blocks/RowBox.tsx

@@ -28,24 +28,6 @@ StylerSets.register("low", styled.css `
             flex-wrap: nowrap;
         }
     }
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
     `.expand("[styler-layout=row]")
 );
 

package/src/site-editor/blocks/TextBox.tsx

@@ -15,26 +15,6 @@ StylerSets.register("low", styled.css `
     border-radius: ${stylerVars.sizeDefault};
     justify-items: center;
     align-items: stretch;
-
-    & > p:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-
-    }
     `.expand("[styler-layout=text-box]")
 
 );

package/src/site-editor/blocks/TextMask.tsx

@@ -5,24 +5,6 @@ import { StylerSets } from "../styler/StylerSets";
 
     StylerSets.register("low", styled.css `
         &:empty:before {
-            padding: 10px;
-            background-color: #ddd;
-            color: #000;
-            font-size: 16px;
-            font-weight: bold;
-            font-family: 'Courier New', Courier, monospace;
-            height: 100%;
-            min-height: 100px;
-            display: flex;
-            justify-items: center;
-            align-items: center;
-            opacity: 0.3;
-            border-radius: 3px;
-            white-space: nowrap;
-            overflow: hidden;
-            text-align: center;
-            vertical-align: middle;
-            text-overflow: ellipsis;
             content: "Text Mask";
         }
     `.expand("body[editing] [styler-background-clip=text]"));

package/src/site-editor/blocks/VerticalImageBox.tsx

@@ -34,24 +34,6 @@ StylerSets.register("low", styled.css `
         }
     }
 
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
     `.expand("[styler-layout=vertical-image-box]")
 
 );

package/src/site-editor/blocks/VideoPlayer.tsx

@@ -6,31 +6,6 @@ import { defaultImageSrc } from "./defaultImage";
 import styled from "@web-atoms/core/dist/style/styled";
 import { StylerSets } from "../styler/StylerSets";
 
-StylerSets.register("low", styled.css `
-
-
-    & > *:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        min-height: 100px;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Video Player";
-
-    }
-`.expand("video-player"));
-
 StylerSets.register("low", styled.css `
 
     display: flex;

package/src/site-editor/blocks/WrapGrid.tsx

@@ -12,24 +12,6 @@ StylerSets.register("low", styled.css `
     padding: ${stylerVars.sizeDefault};
     margin: ${stylerVars.sizeDefault};
     border-radius: ${stylerVars.sizeDefault};
-    &:empty:before {
-        background-color: #ddd;
-        color: #000;
-        font-size: 16px;
-        font-weight: bold;
-        font-family: 'Courier New', Courier, monospace;
-        height: 100%;
-        display: flex;
-        justify-items: center;
-        align-items: center;
-        min-height: 30px;
-        opacity: 0.3;
-        border-radius: 3px;
-        white-space: nowrap;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        content: "Container";
-    }
     `.expand("[styler-layout=wrap-list]")
 );
 

package/src/web/page/mails/service/ConversationService.tsx

@@ -49,7 +49,7 @@ export const renderMail = AtomControl.registerProperty("data-html", "html", (c,
             if (src) {
                 if (src.startsWith("cid:")) {
                     cid = src.substring(4);
-                    const a = mail.attachments.find((x) => x.contentID === cid);
+                    const a = mail.attachments?.find((x) => x.contentID === cid);
                     if (a) {
                         iterator.setAttribute("src", apiPath(`/api/files/${a.appFileID}/${a.fileContentID}/${a.name}`));
                     }