@social-mail/social-mail-client 1.2.779 → 1.2.781

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@social-mail/social-mail-client",
-  "version": "1.2.779",
+  "version": "1.2.781",
   "description": "",
   "main": "index.js",
   "scripts": {

package/src/public/channel/ChannelView.tsx

@@ -1,203 +1,203 @@
-import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import BlogService from "./BlogService";
-import XNode from "@web-atoms/core/dist/core/XNode";
-import Action from "@web-atoms/core/dist/view-model/Action";
-import EmojiPopup from "./emoji/EmojiPopup";
-import "../../style/GlobalStyle";
-import "./styles/channelViewStyle";
-import PopupService from "@web-atoms/core/dist/web/services/PopupService";
-import { IEmail, IMailbox } from "../../model/model";
-import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
-import PostView from "./PostView";
-import CopyIcon from "../../common/controls/buttons/CopyIcon";
-import TagCloud from "./controls/TagCloud";
-import PopularPosts from "./controls/PostList";
-import RecentPosts from "./controls/RecentPosts";
-import BlogHeader from "./controls/BlogHeader";
-import Pack from "@web-atoms/core/dist/Pack";
-import InfiniteRepeater from "../../common/controls/repeater/InfiniteRepeater";
-import Bind from "@web-atoms/core/dist/core/Bind";
-import PostSummary from "./PostSummary";
-import { UrlService } from "./UrlService";
-import { WebComponents } from "../../site-editor/editor/webComponentsPath";
-import BlogImageService from "./BlogImageService";
-import ChannelCalendarView from "./ChannelCalendarView";
-import { Mailto } from "../../common/Mailto";
-import CalendarLink from "./controls/CalendarLink";
-import UpcomingEvents from "./controls/UpcomingEvents";
-import { AppLocation } from "../../common/TestMode";
-import WebApp from "@web-atoms/core/dist/web/WebApp";
-import ChannelPhotosView from "./controls/ChannelPhotosView";
-import ChannelVideosView from "./controls/ChannelVideosView";
-
-if(AppLocation.isLocalTesting) {
-
-    WebApp.installStyleSheet("/styles/styler.css");
-    WebApp.installStyleSheet("/styles/vars.css");
-}
-
-
-const { channel, emailID, tag, author, calendar, photos, videos } = UrlService.getParameters();
-
-const commentIcon = "💬";
-
-@Pack
-export default class ChannelMessage extends AtomControl {
-
-    @InjectProperty
-    blogService: BlogService;
-
-    @InjectProperty
-    blogImageService: BlogImageService;
-
-
-    private channel: IMailbox;
-    private email: IEmail;
-    private search = "";
-
-    private tag = tag;
-    private author = author;
-
-    private emails: IEmail[] = [];
-
-    constructor(app, e = document.createElement("section")) {
-        super(app, e);
-        this.pushInit();
-    }
-
-    async init() {
-
-        this.app.installScript(`${WebComponents.path}/dist/main.js`);
-
-        this.channel = await this.blogService.getChannel(void 0, channel, void 0);
-        const { mailboxID: channelID } = this.channel;
-        if (emailID){
-            this.email = await this.blogService.getEmail({ emailID, channelID, channel });
-            this.email.engagements ??= [];
-            this.emails = [this.email];
-            document.title = "Social " + this.channel.emailAddress.emailAddress + " " + this.email.subject;
-        } else {
-            document.title = "Social " + this.channel.emailAddress.emailAddress;
-        }
-
-        const search = (calendar || emailID) ? void 0 : Bind.twoWaysImmediate(() => this.search);
-
-        this.element.setAttribute("data-blog-list", "blog-list");
-        this.element.setAttribute("data-layout", "flex-center");
-        this.renderer = <section>
-            <BlogHeader
-                search={search}
-                channel={this.channel}/>
-            <section data-width="100%">
-                { this.renderBody() }
-            </section>
-            <aside>
-                <TagCloud/>
-                <UpcomingEvents channel={this.channel}/>
-                <PopularPosts/>
-                <RecentPosts/>
-            </aside>
-            <footer></footer>
-        </section>;
-    }
-
-    renderBody() {
-
-        if (calendar) {
-            return <ChannelCalendarView  channel={this.channel}/>;
-        }
-
-        if (photos) {
-            return <ChannelPhotosView channel={this.channel}/>;
-        }
-
-        if (videos) {
-            return <ChannelVideosView channel={this.channel}/>;
-        }
-        return emailID
-            ? <AtomRepeater
-                data-items-updated-event="items-updated"
-                event-items-updated={() => this.itemsUpdated()}
-                itemRenderer={(x) => <PostView channel={this.channel} email={x} />}
-                items={this.emails} />
-            : <AtomRepeater
-                data-items-updated-event="items-updated"
-                event-items-updated={() => this.itemsUpdated()}
-                data-auto-scroll="false"
-                itemRenderer={(x) => <PostSummary blogService={this.blogImageService} channel={this.channel} mailboxEmail={x} />}
-                items={this.emails}
-                {...InfiniteRepeater.pagedItems((start) => (c, e, cancelToken) => this.blogService.getEmails({
-                    channelID: this.channel.mailboxID,
-                    author: this.author,
-                    tag: this.tag,
-                    start,
-                    search: this.search,
-                    cancelToken
-                })
-                )} />;
-    }
-
-    itemsUpdated() {
-        (window as any).pageReady = true;
-    }
-
-    @Action({ onEvent: "engagement-click"})
-    engagementClick({ email, engagement}) {
-        const emoji = engagement.engagement;
-        this.reactAction(email, emoji);
-    }
-
-    reactAction(email: IEmail, emoji) {
-        const { headerMessageID } = email;
-        const { channel: { emailAddress: { emailAddress }} } = this;
-        const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
-        const link = Mailto.create({ to: emailAddress, subject, body: emoji, inReplyTo: headerMessageID });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: `React ${emoji} Via`
-            },
-            bubbles: true
-        }));
-
-    }
-
-    @Action({ onEvent: "react-email"})
-    async reactEmail(email, ce: CustomEvent) {
-        const emoji: string = await EmojiPopup.showControl(ce.target as any, { parentElement: ce.target as any});
-        this.reactAction(email, emoji);
-    }
-
-    @Action({ onEvent: "reply-email"})
-    async replyEmail(email, ce: CustomEvent) {
-        const emoji = commentIcon;
-        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 });
-        // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
-        this.element.dispatchEvent(new CustomEvent("shareLink", {
-            detail: {
-                link,
-                shareTitle: "Add Comment Via"
-            },
-            bubbles: true
-        }));
-        // await PopupService.alert({
-        //     message: <div data-layout="vertical-flex">
-        //         To send comment to this post, email us your comment with given subject to the channel email address.
-        //         <div>To: {channel.emailAddress.emailAddress} <CopyIcon text={channel.emailAddress.emailAddress}/></div>
-        //         <div>Subject: {subject} <CopyIcon text={subject}/></div>
-        //         <br/>
-        //         <div>If you have email client configured, you can click on following link.</div>
-        //         <div>
-        //             <a href={}>Email Now</a>
-        //         </div>
-        //     </div>,
-        //     title: "Send Email"
-        // });
-    }
-
-}
+// import InjectProperty from "@web-atoms/core/dist/core/InjectProperty";
+// import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+// import BlogService from "./BlogService";
+// import XNode from "@web-atoms/core/dist/core/XNode";
+// import Action from "@web-atoms/core/dist/view-model/Action";
+// import EmojiPopup from "./emoji/EmojiPopup";
+// import "../../style/GlobalStyle";
+// import "./styles/channelViewStyle";
+// import PopupService from "@web-atoms/core/dist/web/services/PopupService";
+// import { IEmail, IMailbox } from "../../model/model";
+// import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+// import PostView from "./PostView";
+// import CopyIcon from "../../common/controls/buttons/CopyIcon";
+// import TagCloud from "./controls/TagCloud";
+// import PopularPosts from "./controls/PostList";
+// import RecentPosts from "./controls/RecentPosts";
+// import BlogHeader from "./controls/BlogHeader";
+// import Pack from "@web-atoms/core/dist/Pack";
+// import InfiniteRepeater from "../../common/controls/repeater/InfiniteRepeater";
+// import Bind from "@web-atoms/core/dist/core/Bind";
+// import PostSummary from "./PostSummary";
+// import { UrlService } from "./UrlService";
+// import { WebComponents } from "../../site-editor/editor/webComponentsPath";
+// import BlogImageService from "./BlogImageService";
+// import ChannelCalendarView from "./ChannelCalendarView";
+// import { Mailto } from "../../common/Mailto";
+// import CalendarLink from "./controls/CalendarLink";
+// import UpcomingEvents from "./controls/UpcomingEvents";
+// import { AppLocation } from "../../common/TestMode";
+// import WebApp from "@web-atoms/core/dist/web/WebApp";
+// import ChannelPhotosView from "./controls/ChannelPhotosView";
+// import ChannelVideosView from "./controls/ChannelVideosView";
+
+// if(AppLocation.isLocalTesting) {
+
+//     WebApp.installStyleSheet("/styles/styler.css");
+//     WebApp.installStyleSheet("/styles/vars.css");
+// }
+
+
+// const { channel, emailID, tag, author, calendar, photos, videos } = UrlService.getParameters();
+
+// const commentIcon = "💬";
+
+// @Pack
+// export default class ChannelMessage extends AtomControl {
+
+//     @InjectProperty
+//     blogService: BlogService;
+
+//     @InjectProperty
+//     blogImageService: BlogImageService;
+
+
+//     private channel: IMailbox;
+//     private email: IEmail;
+//     private search = "";
+
+//     private tag = tag;
+//     private author = author;
+
+//     private emails: IEmail[] = [];
+
+//     constructor(app, e = document.createElement("section")) {
+//         super(app, e);
+//         this.pushInit();
+//     }
+
+//     async init() {
+
+//         this.app.installScript(`${WebComponents.path}/dist/main.js`);
+
+//         this.channel = await this.blogService.getChannel(void 0, channel, void 0);
+//         const { mailboxID: channelID } = this.channel;
+//         if (emailID){
+//             this.email = await this.blogService.getEmail({ emailID, channelID, channel });
+//             this.email.engagements ??= [];
+//             this.emails = [this.email];
+//             document.title = "Social " + this.channel.emailAddress.emailAddress + " " + this.email.subject;
+//         } else {
+//             document.title = "Social " + this.channel.emailAddress.emailAddress;
+//         }
+
+//         const search = (calendar || emailID) ? void 0 : Bind.twoWaysImmediate(() => this.search);
+
+//         this.element.setAttribute("data-blog-list", "blog-list");
+//         this.element.setAttribute("data-layout", "flex-center");
+//         this.renderer = <section>
+//             <BlogHeader
+//                 search={search}
+//                 channel={this.channel}/>
+//             <section data-width="100%">
+//                 { this.renderBody() }
+//             </section>
+//             <aside>
+//                 <TagCloud/>
+//                 <UpcomingEvents channel={this.channel}/>
+//                 <PopularPosts/>
+//                 <RecentPosts/>
+//             </aside>
+//             <footer></footer>
+//         </section>;
+//     }
+
+//     renderBody() {
+
+//         if (calendar) {
+//             return <ChannelCalendarView  channel={this.channel}/>;
+//         }
+
+//         if (photos) {
+//             return <ChannelPhotosView channel={this.channel}/>;
+//         }
+
+//         if (videos) {
+//             return <ChannelVideosView channel={this.channel}/>;
+//         }
+//         return emailID
+//             ? <AtomRepeater
+//                 data-items-updated-event="items-updated"
+//                 event-items-updated={() => this.itemsUpdated()}
+//                 itemRenderer={(x) => <PostView channel={this.channel} email={x} />}
+//                 items={this.emails} />
+//             : <AtomRepeater
+//                 data-items-updated-event="items-updated"
+//                 event-items-updated={() => this.itemsUpdated()}
+//                 data-auto-scroll="false"
+//                 itemRenderer={(x) => <PostSummary blogService={this.blogImageService} channel={this.channel} mailboxEmail={x} />}
+//                 items={this.emails}
+//                 {...InfiniteRepeater.pagedItems((start) => (c, e, cancelToken) => this.blogService.getEmails({
+//                     channelID: this.channel.mailboxID,
+//                     author: this.author,
+//                     tag: this.tag,
+//                     start,
+//                     search: this.search,
+//                     cancelToken
+//                 })
+//                 )} />;
+//     }
+
+//     itemsUpdated() {
+//         (window as any).pageReady = true;
+//     }
+
+//     @Action({ onEvent: "engagement-click"})
+//     engagementClick({ email, engagement}) {
+//         const emoji = engagement.engagement;
+//         this.reactAction(email, emoji);
+//     }
+
+//     reactAction(email: IEmail, emoji) {
+//         const { headerMessageID } = email;
+//         const { channel: { emailAddress: { emailAddress }} } = this;
+//         const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
+//         const link = Mailto.create({ to: emailAddress, subject, body: emoji, inReplyTo: headerMessageID });
+//         // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&body=${emoji}&in-reply-to=${headerMessageID}`;
+//         this.element.dispatchEvent(new CustomEvent("shareLink", {
+//             detail: {
+//                 link,
+//                 shareTitle: `React ${emoji} Via`
+//             },
+//             bubbles: true
+//         }));
+
+//     }
+
+//     @Action({ onEvent: "react-email"})
+//     async reactEmail(email, ce: CustomEvent) {
+//         const emoji: string = await EmojiPopup.showControl(ce.target as any, { parentElement: ce.target as any});
+//         this.reactAction(email, emoji);
+//     }
+
+//     @Action({ onEvent: "reply-email"})
+//     async replyEmail(email, ce: CustomEvent) {
+//         const emoji = commentIcon;
+//         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 });
+//         // const link = `mailto:${channel.emailAddress.emailAddress}?subject=${subject}&in-reply-to=${headerMessageID}&body=&`;
+//         this.element.dispatchEvent(new CustomEvent("shareLink", {
+//             detail: {
+//                 link,
+//                 shareTitle: "Add Comment Via"
+//             },
+//             bubbles: true
+//         }));
+//         // await PopupService.alert({
+//         //     message: <div data-layout="vertical-flex">
+//         //         To send comment to this post, email us your comment with given subject to the channel email address.
+//         //         <div>To: {channel.emailAddress.emailAddress} <CopyIcon text={channel.emailAddress.emailAddress}/></div>
+//         //         <div>Subject: {subject} <CopyIcon text={subject}/></div>
+//         //         <br/>
+//         //         <div>If you have email client configured, you can click on following link.</div>
+//         //         <div>
+//         //             <a href={}>Email Now</a>
+//         //         </div>
+//         //     </div>,
+//         //     title: "Send Email"
+//         // });
+//     }
+
+// }