@social-mail/social-mail-client 1.8.279 → 1.8.280

package/dist/public/channel/pages/PublicChannelPage.js

@@ -1,183 +0,0 @@
-System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atoms/web-controls/dist/mobile-app/MobileApp", "../BlogImageService", "../BlogService", "@web-atoms/core/dist/core/XNode", "../controls/blog-header/BlogHeader", "@web-atoms/core/dist/core/Bind", "../controls/RecentPosts", "../controls/TagCloud", "../controls/UpcomingEvents", "../controls/PostList", "../controls/post-view/PostView", "../UrlService", "../../../services/EntityService", "@web-atoms/core/dist/view-model/Action", "../../../common/Mailto", "../emoji/EmojiPopup", "@web-atoms/core/dist/web/core/AtomUI"], function (_export, _context) {
-  "use strict";
-
-  var __awaiter, __decorate, __metadata, InjectProperty, ContentPage, BlogImageService, BlogService, XNode, BlogHeader, Bind, RecentPosts, TagCloud, UpcomingEvents, PopularPosts, PostView, UrlService, EntityService, Action, Mailto, EmojiPopup, AncestorEnumerator, PublicChannelPage, commentIcon;
-  _export("default", void 0);
-  return {
-    setters: [function (_tslib) {
-      __awaiter = _tslib.__awaiter;
-      __decorate = _tslib.__decorate;
-      __metadata = _tslib.__metadata;
-    }, function (_webAtomsCoreDistCoreInjectProperty) {
-      InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
-    }, function (_webAtomsWebControlsDistMobileAppMobileApp) {
-      ContentPage = _webAtomsWebControlsDistMobileAppMobileApp.ContentPage;
-    }, function (_BlogImageService) {
-      BlogImageService = _BlogImageService.default;
-    }, function (_BlogService) {
-      BlogService = _BlogService.default;
-    }, function (_webAtomsCoreDistCoreXNode) {
-      XNode = _webAtomsCoreDistCoreXNode.default;
-    }, function (_controlsBlogHeaderBlogHeader) {
-      BlogHeader = _controlsBlogHeaderBlogHeader.default;
-    }, function (_webAtomsCoreDistCoreBind) {
-      Bind = _webAtomsCoreDistCoreBind.default;
-    }, function (_controlsRecentPosts) {
-      RecentPosts = _controlsRecentPosts.default;
-    }, function (_controlsTagCloud) {
-      TagCloud = _controlsTagCloud.default;
-    }, function (_controlsUpcomingEvents) {
-      UpcomingEvents = _controlsUpcomingEvents.default;
-    }, function (_controlsPostList) {
-      PopularPosts = _controlsPostList.default;
-    }, function (_controlsPostViewPostView) {
-      PostView = _controlsPostViewPostView.default;
-    }, function (_UrlService) {
-      UrlService = _UrlService.UrlService;
-    }, function (_servicesEntityService) {
-      EntityService = _servicesEntityService.default;
-    }, function (_webAtomsCoreDistViewModelAction) {
-      Action = _webAtomsCoreDistViewModelAction.default;
-    }, function (_commonMailto) {
-      Mailto = _commonMailto.Mailto;
-    }, function (_emojiEmojiPopup) {
-      EmojiPopup = _emojiEmojiPopup.default;
-    }, function (_webAtomsCoreDistWebCoreAtomUI) {
-      AncestorEnumerator = _webAtomsCoreDistWebCoreAtomUI.AncestorEnumerator;
-    }],
-    execute: function () {
-      commentIcon = "💬";
-      _export("default", PublicChannelPage = class PublicChannelPage extends ContentPage {
-        constructor() {
-          super(...arguments);
-          this.search = "";
-          this.tag = "";
-          this.author = "";
-          this.emails = [];
-          this.email = null;
-        }
-        init() {
-          return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            var _b;
-            const {
-              channel,
-              slug
-            } = this.parameters;
-            this.channel = yield this.blogService.getChannel(void 0, channel, void 0);
-            const {
-              mailboxID: channelID
-            } = this.channel;
-            const emailID = UrlService.getEmailID(slug);
-            this.email = yield this.blogService.getEmail({
-              emailID,
-              channelID,
-              channel
-            });
-            document.title = this.email.subject + " - Social " + this.channel.emailAddress.emailAddress;
-            (_a = (_b = this.email).engagements) !== null && _a !== void 0 ? _a : _b.engagements = [];
-            this.emails = [this.email];
-            this.renderer = XNode.create("section", {
-              "data-blog-list": "blog-list"
-            }, XNode.create(BlogHeader, {
-              search: Bind.twoWaysImmediate(() => this.search),
-              channel: this.channel
-            }), XNode.create("section", {
-              "data-width": "100%"
-            }, XNode.create(PostView, {
-              channel: this.channel,
-              email: this.emails[0]
-            })), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(UpcomingEvents, {
-              channel: this.channel
-            }), XNode.create(PopularPosts, null), XNode.create(RecentPosts, null)), XNode.create("footer", null));
-            this.resolve(EntityService).postPageReady();
-          });
-        }
-        engagementClick({
-          engagement
-        }) {
-          const emoji = engagement.engagement;
-          this.reactAction(emoji);
-        }
-        reactAction(emoji) {
-          const {
-            email
-          } = this;
-          const {
-            headerMessageID
-          } = email;
-          const {
-            channel: {
-              emailAddress: {
-                emailAddress
-              }
-            }
-          } = this;
-          const subject = `${emoji}:${BigInt(email.emailID).toString(36)}:${headerMessageID}`;
-          const link = Mailto.create({
-            to: emailAddress,
-            subject,
-            body: emoji,
-            inReplyTo: headerMessageID
-          });
-          this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-              link,
-              shareTitle: `React ${emoji} Via`
-            },
-            bubbles: true
-          }));
-        }
-        reactEmail(email, ce) {
-          return __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const parentElement = (_a = AncestorEnumerator.findSelector(ce.target, "button,a")) !== null && _a !== void 0 ? _a : ce.target;
-            const emoji = yield EmojiPopup.show(parentElement);
-            this.reactAction(emoji);
-          });
-        }
-        replyEmail(email, ce) {
-          return __awaiter(this, void 0, void 0, function* () {
-            const emoji = commentIcon;
-            email = this.email;
-            const {
-              headerMessageID
-            } = email;
-            const {
-              channel: {
-                emailAddress: {
-                  emailAddress
-                }
-              }
-            } = this;
-            const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-            const link = Mailto.create({
-              to: emailAddress,
-              subject,
-              inReplyTo: headerMessageID
-            });
-            this.element.dispatchEvent(new CustomEvent("shareLink", {
-              detail: {
-                link,
-                shareTitle: "Add Comment Via"
-              },
-              bubbles: true
-            }));
-          });
-        }
-      });
-      __decorate([InjectProperty, __metadata("design:type", BlogService)], PublicChannelPage.prototype, "blogService", void 0);
-      __decorate([InjectProperty, __metadata("design:type", BlogImageService)], PublicChannelPage.prototype, "blogImageService", void 0);
-      __decorate([Action({
-        onEvent: "engagement-click"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], PublicChannelPage.prototype, "engagementClick", null);
-      __decorate([Action({
-        onEvent: "react-email"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], PublicChannelPage.prototype, "reactEmail", null);
-      __decorate([Action({
-        onEvent: "reply-email"
-      }), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], PublicChannelPage.prototype, "replyEmail", null);
-    }
-  };
-});
-//# sourceMappingURL=PublicChannelPage.js.map

package/dist/public/channel/pages/PublicChannelPage.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["PublicChannelPage","commentIcon","_export","setters","_tslib","InjectProperty","_webAtomsCoreDistCoreInjectProperty","default","_webAtomsWebControlsDistMobileAppMobileApp","ContentPage","_BlogImageService","BlogImageService","_BlogService","BlogService","_webAtomsCoreDistCoreXNode","XNode","_controlsBlogHeaderBlogHeader","BlogHeader","_webAtomsCoreDistCoreBind","Bind","_controlsRecentPosts","RecentPosts","_controlsTagCloud","TagCloud","_controlsUpcomingEvents","UpcomingEvents","_controlsPostList","PopularPosts","_controlsPostViewPostView","PostView","_UrlService","UrlService","_servicesEntityService","EntityService","_webAtomsCoreDistViewModelAction","Action","_commonMailto","Mailto","_emojiEmojiPopup","EmojiPopup","_webAtomsCoreDistWebCoreAtomUI","AncestorEnumerator","execute","constructor","search","tag","author","emails","email","init","channel","slug","parameters","blogService","getChannel","mailboxID","channelID","emailID","getEmailID","getEmail","document","title","subject","emailAddress","_a","_b","engagements","renderer","create","twoWaysImmediate","resolve","postPageReady","engagementClick","engagement","emoji","reactAction","headerMessageID","BigInt","toString","link","to","body","inReplyTo","element","dispatchEvent","CustomEvent","detail","shareTitle","bubbles","reactEmail","ce","parentElement","findSelector","target","show","replyEmail","Number","__decorate","onEvent"],"sources":["../../../../src/public/channel/pages/PublicChannelPage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/src/public/channel/controls/post-summary/PostSummary.global.css

@@ -1,162 +0,0 @@
-post-summary {
-    display: grid;
-    grid-template-columns: 1fr 2fr auto;
-    grid-template-rows: auto auto 1fr auto;
-
-    padding-bottom: 10px;
-    padding-right: 20px;
-
-    border-bottom: solid 1px lightgray;
-
-    max-height: 285px;
-    height: 285px;
-
-    overflow: hidden;
-
-    margin-bottom: 10px;
-
-    gap: 10px;
-
-    row-gap: 20px;
-
-    & > [data-element=preview] {
-        grid-row: 1 / span 4;
-        grid-column: 1;
-        background-color: #343a400d;
-        object-fit: contain;
-        width: 275px;
-        height: 275px;
-        border: none;
-        outline: none;
-        text-decoration: none;
-
-        border-radius: 10px;
-
-        & > img {
-            width: 100%;
-            height: 100%;
-            object-fit: contain;
-        }
-
-    }
-    
-    & > [data-element=preview-text] {
-        grid-row: 1 / span 4;
-        grid-column: 1;
-        background-color: gray;
-        width: 275px;
-        max-height: 275px;
-        height: 275px;
-        border: none;
-        outline: none;
-        text-decoration: none;
-        font-size: 40px;
-        line-height: 50px;
-        color: white;
-        padding: 10px;
-        border-radius: 10px;
-        text-overflow: ellipsis;
-        overflow:hidden;
-        position: relative;
-        &::after {
-            position: absolute;
-            left: 0;
-            right: 0;
-            top: 0;
-            bottom: 0;
-            content: "";
-            pointer-events: none;
-            background: linear-gradient(to top, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.5) 50px);
-        }
-    }
-
-    & > [data-element=title] {
-        grid-row: 2;
-        grid-column: 2 / span 2;
-        font-size: 1.5em;
-        line-height: 1.2;
-        text-decoration: none;
-        margin: 0;
-        & a {
-            text-decoration: none;
-        }
-    }
-
-    & > [data-element=date] {
-        grid-row: 1; 
-        grid-column: 3;
-        font-size: 0.70rem;
-        line-height: 1;
-        letter-spacing:0.05rem;
-        margin: 0;
-    }
-
-    & > [data-element=author] {
-        grid-row: 1;
-        grid-column: 2;
-        font-size: 0.70rem;
-        line-height: 1;
-        letter-spacing:0.05rem;
-        margin: 0;
-    }
-
-    & > section {
-        grid-row: 3;
-        grid-column: 2 / span 2;
-        position: relative;
-    }
-
-    & > footer {
-        grid-row: 4;
-        grid-column: 1 / span 3;
-    }
-
-    @media (max-width: 900px) {
-
-
-        & {
-            grid-template-columns: auto 1fr auto;
-            grid-template-rows: auto 1fr auto auto auto auto;
-            height: unset;
-            max-height: unset;
-        }
-
-        & > [data-element=preview] {
-            grid-column: 1 / span 3;
-            grid-row: 2;
-            max-height: 200px;
-            width: unset;
-        }
-
-        & > [data-element=preview-text] {
-            grid-column: 1 / span 3;
-            width: 100%;
-            grid-row: 4;
-        }
-
-        & > [data-element=title] {
-            grid-column: 1 / span 3;
-            grid-row: 3;
-        }
-
-        & > [data-element=date] {
-            grid-column: 3;
-            grid-row: 1;
-        }
-
-        & > [data-element=author] {
-            grid-column: 1;
-            grid-row: 1;
-        }
-
-        & > section {
-            grid-column: 1 / span 3;
-            grid-row: 5;
-        }
-
-        & > footer {
-            grid-column: 1 / span 3;
-            grid-row: 6;
-        }
-    }
-}

package/src/public/channel/controls/post-summary/PostSummary.tsx

@@ -1,82 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { IChannelEmail, IEmailEngagement, IMailbox } from "../../../../model/model";
-import { DateFormats } from "../../../../common/date/DateFormats";
-import { UrlService } from "../../UrlService";
-import loaderImage from "@social-mail/social-mail-client/content/images/gif/loader.gif";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import BlogImageService from "../../BlogImageService";
-
-const commentIcon = "💬";
-
-import "./PostSummary.global.css";
-
-
-/* eslint-disable @typescript-eslint/no-namespace */
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "post-summary": any;
-        }
-    }
-}
-
-document.body.addEventListener("click", (e) => {
-    let target = e.target as HTMLElement;
-    do {
-        const href = target.tagName === "POST-SUMMARY" && target.getAttribute("data-link");
-        if (href) {
-            location.href = href;
-            return;
-        }
-        target = target.parentElement;
-    } while(target);
-});
-
-export default function PostSummary ({
-        channel = void 0 as IMailbox,
-        mailboxEmail = void 0 as IChannelEmail,
-        itemPath = void 0 as string,
-        blogService = void 0 as BlogImageService
-    }) {
-
-    const { mailboxID, email, previewFile } = mailboxEmail;
-    const { engagements = [] } = email;
-
-    const isComment = email.parentID !== null;
-
-    const href = UrlService.toBlogUrl({ mailbox: channel, ... mailboxEmail });
-
-    return <post-summary
-        data-comment={isComment}
-        data-item-path={itemPath}>
-        {
-            previewFile
-            ? <a data-element="preview" href={href}><img src={Bind.oneTimeAsync(() => blogService.getImage(mailboxEmail), loaderImage)}/></a>
-            : <a data-element="preview-text" href={href} text={(isComment ? email.senderName : email.subject)?.trim()}></a>
-        }
-        <a data-element="title" href={href} text={ isComment ? email.senderName : email.subject}>
-        </a>
-        <h6 data-element="date" href={href} text={DateFormats.relative.short(email.dateSent)}/>
-        {!isComment && <h5 href={href} data-element="author" text={email.senderName}/> }
-        <section>
-            <section>
-                {email.textBody.substring(0, 110).trim()}
-                {"\xa0"}
-                <a href={href}>
-                    Read More ...
-                    {/* <span lang="en">Read More...</span> */}
-                    {/* <span lang="hi">अधिक जानें...</span> */}
-                </a>
-            </section>
-        </section>
-        <footer>
-            { ... engagements.map((x: IEmailEngagement) =>
-                <span
-                    data-click-event={ x.engagement === commentIcon ? "view-comments" : "none" }
-                    data-element="engagements"
-                    title={`View all ${x.engagement} ${x.count}`}
-                    text={`${x.engagement} ${x.count}`}/>)}
-        </footer>
-    </post-summary>;
-}

package/src/public/channel/controls/post-view/PostView.global.css

@@ -1,114 +0,0 @@
-post-view {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-template-rows: auto auto auto 1fr auto auto auto;
-
-    padding-top: 10px;
-    padding-bottom: 10px;
-
-    row-gap: 10px;
-
-    & > [data-element=author] {
-        grid-row: 1;
-        grid-column: 1;
-        margin: 0;
-        font-weight: normal;
-        font-size: 0.8rem;
-        line-height: 1;
-        letter-spacing: 0.05rem;
-    }
-
-    & > [data-element=date] {
-        grid-row: 1;
-        grid-column: 2;
-        margin: 0;
-        font-weight: normal;
-        font-size: 0.8rem;
-        line-height: 1;
-        letter-spacing: 0.05rem;
-    }
-
-    & > [data-element=title] {
-        grid-row: 2;
-        grid-column: 1 / span 2;
-        margin: 0;
-        font-weight: normal;
-        font-size: 1.65rem;
-        line-height: 1.2;
-    }
-
-    & > [data-element=media] {
-        grid-row: 3;
-        grid-column: 1/ span 2;
-        display: grid;
-        background-color: #343a400d;
-        border-radius: 20px;
-        overflow: hidden;
-        & img, & video {
-            max-height: 70vh;
-        }
-        & [data-element=preview] {
-            display: grid;
-            width: 100%;
-            & > * {
-                place-self: center;
-                max-width: 100%;
-            }
-        }
-        & > carousel-slider {
-            place-self: stretch;
-        }
-    }
-
-    &[has-poster] > [data-element=media] {
-        grid-row: 5;
-        grid-column: 1 / span 3;
-    }
-
-    & > [data-element=content] {
-        grid-row: 4;
-        grid-column: 1 / span 2;
-    }
-
-    & > footer {
-        grid-row: 6;
-        padding: 10px;
-        grid-column: 1/ span 2;
-        background-color: canvas;
-        color: canvastext;
-        display: flex;
-        gap: 5px;
-        flex-wrap: wrap;
-
-        & > [data-element=engage] {
-            border-radius: 9999px;
-            background-color: var(--accent-color);
-            color: var(--accent-text-color);
-            display: flex;
-            flex-direction: row;
-            align-items: center;
-            gap: 10px;
-            padding: 2px;
-            padding-left: 10px;
-            padding-right: 10px;
-            & > inline-svg {
-                width: 16px;
-                height: 16px;
-            }
-        }
-
-        & > [data-element=engagements] {
-            border-radius: 9999px;
-            padding: 2px;
-            padding-left: 10px;
-            padding-right: 10px;
-            border: solid 1px lightgray;
-            cursor: pointer;
-        }
-    }
-
-    & > [data-element=comments], & post-comments {
-        grid-row: 7;
-    }
-
-}

package/src/public/channel/controls/post-view/PostView.tsx

@@ -1,88 +0,0 @@
-/* eslint-disable @typescript-eslint/naming-convention */
-/* eslint-disable @typescript-eslint/no-namespace */
-import XNode from "@web-atoms/core/dist/core/XNode";
-import { IEmail, IEmailEngagement, IMailbox } from "../../../../model/model";
-import { DateFormats } from "../../../../common/date/DateFormats";
-import { UMD } from "@web-atoms/core/dist/core/types";
-import { renderMailPromise } from "../../../../web/page/mails/service/ConversationService";
-import MediaCarousel from "../MediaCarousel";
-
-import "./PostView.global.css";
-
-declare global {
-    namespace JSX {
-        interface IntrinsicElements {
-            "share-button": any;
-            "post-view": any;
-        }
-    }
-}
-
-const commentIcon = "💬";
-
-export default function PostView ({
-        email = void 0 as IEmail,
-        channel = void 0 as IMailbox,
-        itemPath = void 0 as string
-    }) {
-    const { engagements = [] } = email;
-
-    const isComment = email.parentID !== null;
-
-    return <post-view
-        data-element="blog-item"
-        data-comment={isComment}
-        data-item-path={itemPath}
-        data-msg-container="true"
-        >
-        <h4 data-element="title">
-            <label text={ isComment ? email.senderName : email.subject}/>
-        </h4>
-        <h6 data-element="date" text={DateFormats.relative.short(email.dateSent)}/>
-        {!isComment && <h5 data-element="author" text={email.senderName}/> }
-        <section
-            data-element="content">
-            { !email.parentID
-                ? <section { ... renderMailPromise({ email })}/>
-                : <section text={email.textBody}/>
-            }
-        </section>
-        <MediaCarousel email={email}/>
-        <footer>
-            <button
-                data-element="engage"
-                data-click-event="react-email"
-                >
-                <inline-svg
-                    attr-src={UMD.resolvePath("@social-mail/social-mail-client/content/images/icons/face-plus.svg")}
-                    style-max-height="15px"
-                    title="React"/>
-            </button>
-            <button
-                data-element="engage"
-                data-click-event="reply-email"
-                >
-                <inline-svg
-                    attr-src={UMD.resolvePath("@social-mail/social-mail-client/content/images/icons/comment-plus.svg")}
-                    style-max-height="15px"
-                    title="React"/>
-                Reply
-            </button>
-            { ... engagements.map((x: IEmailEngagement, index) =>
-                <span
-                    data-click-event={ x.engagement === commentIcon ? "view-comments" : "engagement-click" }
-                    data-element="engagements"
-                    data-item-path={`email:$, engagement: $.engagements.${index}`}
-                    title={`View all ${x.engagement} ${x.count}`}
-                    text={`${x.engagement} ${x.count}`}/>)}
-            { !email.parentID && <share-button
-                title={email.subject}
-                href={location.href}><i class="fas fa-share"/> Share</share-button> }
-        </footer>
-
-        <section data-element="comments">
-            {  ... (email.children ?? []).map((c, i) => <PostView itemPath={ `${ itemPath ? itemPath : "$" }.children.${i}` } email={c} />) }
-        </section>
-
-    </post-view>;
-}