@social-mail/social-mail-client 1.2.780 → 1.2.782
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/public/channel/ChannelView.d.ts +0 -27
- package/dist/public/channel/ChannelView.d.ts.map +1 -1
- package/dist/public/channel/ChannelView.js +3 -247
- package/dist/public/channel/ChannelView.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.js +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.js.map +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js +1 -1
- package/dist/site-editor-app/SiteEditorApp.pack.min.js.map +1 -1
- package/dist/site-editor-app/pages/websites/studio/WebSiteStudioPage.js +1 -1
- package/dist/site-editor-app/pages/websites/studio/WebSiteStudioPage.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/public/channel/ChannelView.tsx +203 -203
- package/src/site-editor-app/pages/websites/studio/WebSiteStudioPage.tsx +1 -1
- package/dist/public/channel/ChannelView.pack.js +0 -28379
- package/dist/public/channel/ChannelView.pack.js.map +0 -1
- package/dist/public/channel/ChannelView.pack.min.js +0 -1346
- package/dist/public/channel/ChannelView.pack.min.js.map +0 -1
|
@@ -1,28 +1 @@
|
|
|
1
|
-
import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
|
|
2
|
-
import BlogService from "./BlogService";
|
|
3
|
-
import "../../style/GlobalStyle";
|
|
4
|
-
import "./styles/channelViewStyle";
|
|
5
|
-
import { IEmail } from "../../model/model";
|
|
6
|
-
import BlogImageService from "./BlogImageService";
|
|
7
|
-
export default class ChannelMessage extends AtomControl {
|
|
8
|
-
blogService: BlogService;
|
|
9
|
-
blogImageService: BlogImageService;
|
|
10
|
-
private channel;
|
|
11
|
-
private email;
|
|
12
|
-
private search;
|
|
13
|
-
private tag;
|
|
14
|
-
private author;
|
|
15
|
-
private emails;
|
|
16
|
-
constructor(app: any, e?: HTMLElement);
|
|
17
|
-
init(): Promise<void>;
|
|
18
|
-
renderBody(): any;
|
|
19
|
-
itemsUpdated(): void;
|
|
20
|
-
engagementClick({ email, engagement }: {
|
|
21
|
-
email: any;
|
|
22
|
-
engagement: any;
|
|
23
|
-
}): void;
|
|
24
|
-
reactAction(email: IEmail, emoji: any): void;
|
|
25
|
-
reactEmail(email: any, ce: CustomEvent): Promise<void>;
|
|
26
|
-
replyEmail(email: any, ce: CustomEvent): Promise<void>;
|
|
27
|
-
}
|
|
28
1
|
//# sourceMappingURL=ChannelView.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChannelView.d.ts","sourceRoot":"","sources":["../../../src/public/channel/ChannelView.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ChannelView.d.ts","sourceRoot":"","sources":["../../../src/public/channel/ChannelView.tsx"],"names":[],"mappings":""}
|
|
@@ -1,253 +1,9 @@
|
|
|
1
|
-
System.register([
|
|
1
|
+
System.register([], function (_export, _context) {
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
|
-
var __awaiter, __decorate, __metadata, InjectProperty, AtomControl, BlogService, XNode, Action, EmojiPopup, AtomRepeater, PostView, TagCloud, PopularPosts, RecentPosts, BlogHeader, Pack, InfiniteRepeater, Bind, PostSummary, UrlService, WebComponents, BlogImageService, ChannelCalendarView, Mailto, UpcomingEvents, AppLocation, WebApp, ChannelPhotosView, ChannelVideosView, channel, emailID, tag, author, calendar, photos, videos, commentIcon, ChannelMessage;
|
|
5
4
|
return {
|
|
6
|
-
setters: [
|
|
7
|
-
|
|
8
|
-
__decorate = _tslib.__decorate;
|
|
9
|
-
__metadata = _tslib.__metadata;
|
|
10
|
-
}, function (_webAtomsCoreDistCoreInjectProperty) {
|
|
11
|
-
InjectProperty = _webAtomsCoreDistCoreInjectProperty.default;
|
|
12
|
-
}, function (_webAtomsCoreDistWebControlsAtomControl) {
|
|
13
|
-
AtomControl = _webAtomsCoreDistWebControlsAtomControl.AtomControl;
|
|
14
|
-
}, function (_BlogService) {
|
|
15
|
-
BlogService = _BlogService.default;
|
|
16
|
-
}, function (_webAtomsCoreDistCoreXNode) {
|
|
17
|
-
XNode = _webAtomsCoreDistCoreXNode.default;
|
|
18
|
-
}, function (_webAtomsCoreDistViewModelAction) {
|
|
19
|
-
Action = _webAtomsCoreDistViewModelAction.default;
|
|
20
|
-
}, function (_emojiEmojiPopup) {
|
|
21
|
-
EmojiPopup = _emojiEmojiPopup.default;
|
|
22
|
-
}, function (_styleGlobalStyle) {}, function (_stylesChannelViewStyle) {}, function (_webAtomsWebControlsDistBasicAtomRepeater) {
|
|
23
|
-
AtomRepeater = _webAtomsWebControlsDistBasicAtomRepeater.default;
|
|
24
|
-
}, function (_PostView) {
|
|
25
|
-
PostView = _PostView.default;
|
|
26
|
-
}, function (_controlsTagCloud) {
|
|
27
|
-
TagCloud = _controlsTagCloud.default;
|
|
28
|
-
}, function (_controlsPostList) {
|
|
29
|
-
PopularPosts = _controlsPostList.default;
|
|
30
|
-
}, function (_controlsRecentPosts) {
|
|
31
|
-
RecentPosts = _controlsRecentPosts.default;
|
|
32
|
-
}, function (_controlsBlogHeader) {
|
|
33
|
-
BlogHeader = _controlsBlogHeader.default;
|
|
34
|
-
}, function (_webAtomsCoreDistPack) {
|
|
35
|
-
Pack = _webAtomsCoreDistPack.default;
|
|
36
|
-
}, function (_commonControlsRepeaterInfiniteRepeater) {
|
|
37
|
-
InfiniteRepeater = _commonControlsRepeaterInfiniteRepeater.default;
|
|
38
|
-
}, function (_webAtomsCoreDistCoreBind) {
|
|
39
|
-
Bind = _webAtomsCoreDistCoreBind.default;
|
|
40
|
-
}, function (_PostSummary) {
|
|
41
|
-
PostSummary = _PostSummary.default;
|
|
42
|
-
}, function (_UrlService) {
|
|
43
|
-
UrlService = _UrlService.UrlService;
|
|
44
|
-
}, function (_siteEditorEditorWebComponentsPath) {
|
|
45
|
-
WebComponents = _siteEditorEditorWebComponentsPath.WebComponents;
|
|
46
|
-
}, function (_BlogImageService) {
|
|
47
|
-
BlogImageService = _BlogImageService.default;
|
|
48
|
-
}, function (_ChannelCalendarView) {
|
|
49
|
-
ChannelCalendarView = _ChannelCalendarView.default;
|
|
50
|
-
}, function (_commonMailto) {
|
|
51
|
-
Mailto = _commonMailto.Mailto;
|
|
52
|
-
}, function (_controlsUpcomingEvents) {
|
|
53
|
-
UpcomingEvents = _controlsUpcomingEvents.default;
|
|
54
|
-
}, function (_commonTestMode) {
|
|
55
|
-
AppLocation = _commonTestMode.AppLocation;
|
|
56
|
-
}, function (_webAtomsCoreDistWebWebApp) {
|
|
57
|
-
WebApp = _webAtomsCoreDistWebWebApp.default;
|
|
58
|
-
}, function (_controlsChannelPhotosView) {
|
|
59
|
-
ChannelPhotosView = _controlsChannelPhotosView.default;
|
|
60
|
-
}, function (_controlsChannelVideosView) {
|
|
61
|
-
ChannelVideosView = _controlsChannelVideosView.default;
|
|
62
|
-
}],
|
|
63
|
-
execute: function () {
|
|
64
|
-
if (AppLocation.isLocalTesting) {
|
|
65
|
-
WebApp.installStyleSheet("/styles/styler.css");
|
|
66
|
-
WebApp.installStyleSheet("/styles/vars.css");
|
|
67
|
-
}
|
|
68
|
-
({
|
|
69
|
-
channel,
|
|
70
|
-
emailID,
|
|
71
|
-
tag,
|
|
72
|
-
author,
|
|
73
|
-
calendar,
|
|
74
|
-
photos,
|
|
75
|
-
videos
|
|
76
|
-
} = UrlService.getParameters());
|
|
77
|
-
commentIcon = "💬";
|
|
78
|
-
ChannelMessage = class ChannelMessage extends AtomControl {
|
|
79
|
-
constructor(app, e = document.createElement("section")) {
|
|
80
|
-
super(app, e);
|
|
81
|
-
this.search = "";
|
|
82
|
-
this.tag = tag;
|
|
83
|
-
this.author = author;
|
|
84
|
-
this.emails = [];
|
|
85
|
-
this.pushInit();
|
|
86
|
-
}
|
|
87
|
-
init() {
|
|
88
|
-
var _a;
|
|
89
|
-
var _b;
|
|
90
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
91
|
-
this.app.installScript(`${WebComponents.path}/dist/main.js`);
|
|
92
|
-
this.channel = yield this.blogService.getChannel(void 0, channel, void 0);
|
|
93
|
-
const {
|
|
94
|
-
mailboxID: channelID
|
|
95
|
-
} = this.channel;
|
|
96
|
-
if (emailID) {
|
|
97
|
-
this.email = yield this.blogService.getEmail({
|
|
98
|
-
emailID,
|
|
99
|
-
channelID,
|
|
100
|
-
channel
|
|
101
|
-
});
|
|
102
|
-
(_a = (_b = this.email).engagements) !== null && _a !== void 0 ? _a : _b.engagements = [];
|
|
103
|
-
this.emails = [this.email];
|
|
104
|
-
document.title = "Social " + this.channel.emailAddress.emailAddress + " " + this.email.subject;
|
|
105
|
-
} else {
|
|
106
|
-
document.title = "Social " + this.channel.emailAddress.emailAddress;
|
|
107
|
-
}
|
|
108
|
-
const search = calendar || emailID ? void 0 : Bind.twoWaysImmediate(() => this.search);
|
|
109
|
-
this.element.setAttribute("data-blog-list", "blog-list");
|
|
110
|
-
this.element.setAttribute("data-layout", "flex-center");
|
|
111
|
-
this.renderer = XNode.create("section", null, XNode.create(BlogHeader, {
|
|
112
|
-
search: search,
|
|
113
|
-
channel: this.channel
|
|
114
|
-
}), XNode.create("section", {
|
|
115
|
-
"data-width": "100%"
|
|
116
|
-
}, this.renderBody()), XNode.create("aside", null, XNode.create(TagCloud, null), XNode.create(UpcomingEvents, {
|
|
117
|
-
channel: this.channel
|
|
118
|
-
}), XNode.create(PopularPosts, null), XNode.create(RecentPosts, null)), XNode.create("footer", null));
|
|
119
|
-
});
|
|
120
|
-
}
|
|
121
|
-
renderBody() {
|
|
122
|
-
if (calendar) {
|
|
123
|
-
return XNode.create(ChannelCalendarView, {
|
|
124
|
-
channel: this.channel
|
|
125
|
-
});
|
|
126
|
-
}
|
|
127
|
-
if (photos) {
|
|
128
|
-
return XNode.create(ChannelPhotosView, {
|
|
129
|
-
channel: this.channel
|
|
130
|
-
});
|
|
131
|
-
}
|
|
132
|
-
if (videos) {
|
|
133
|
-
return XNode.create(ChannelVideosView, {
|
|
134
|
-
channel: this.channel
|
|
135
|
-
});
|
|
136
|
-
}
|
|
137
|
-
return emailID ? XNode.create(AtomRepeater, {
|
|
138
|
-
"data-items-updated-event": "items-updated",
|
|
139
|
-
"event-items-updated": () => this.itemsUpdated(),
|
|
140
|
-
itemRenderer: x => XNode.create(PostView, {
|
|
141
|
-
channel: this.channel,
|
|
142
|
-
email: x
|
|
143
|
-
}),
|
|
144
|
-
items: this.emails
|
|
145
|
-
}) : XNode.create(AtomRepeater, Object.assign({
|
|
146
|
-
"data-items-updated-event": "items-updated",
|
|
147
|
-
"event-items-updated": () => this.itemsUpdated(),
|
|
148
|
-
"data-auto-scroll": "false",
|
|
149
|
-
itemRenderer: x => XNode.create(PostSummary, {
|
|
150
|
-
blogService: this.blogImageService,
|
|
151
|
-
channel: this.channel,
|
|
152
|
-
mailboxEmail: x
|
|
153
|
-
}),
|
|
154
|
-
items: this.emails
|
|
155
|
-
}, InfiniteRepeater.pagedItems(start => (c, e, cancelToken) => this.blogService.getEmails({
|
|
156
|
-
channelID: this.channel.mailboxID,
|
|
157
|
-
author: this.author,
|
|
158
|
-
tag: this.tag,
|
|
159
|
-
start,
|
|
160
|
-
search: this.search,
|
|
161
|
-
cancelToken
|
|
162
|
-
}))));
|
|
163
|
-
}
|
|
164
|
-
itemsUpdated() {
|
|
165
|
-
window.pageReady = true;
|
|
166
|
-
}
|
|
167
|
-
engagementClick({
|
|
168
|
-
email,
|
|
169
|
-
engagement
|
|
170
|
-
}) {
|
|
171
|
-
const emoji = engagement.engagement;
|
|
172
|
-
this.reactAction(email, emoji);
|
|
173
|
-
}
|
|
174
|
-
reactAction(email, emoji) {
|
|
175
|
-
const {
|
|
176
|
-
headerMessageID
|
|
177
|
-
} = email;
|
|
178
|
-
const {
|
|
179
|
-
channel: {
|
|
180
|
-
emailAddress: {
|
|
181
|
-
emailAddress
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
} = this;
|
|
185
|
-
const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
|
|
186
|
-
const link = Mailto.create({
|
|
187
|
-
to: emailAddress,
|
|
188
|
-
subject,
|
|
189
|
-
body: emoji,
|
|
190
|
-
inReplyTo: headerMessageID
|
|
191
|
-
});
|
|
192
|
-
this.element.dispatchEvent(new CustomEvent("shareLink", {
|
|
193
|
-
detail: {
|
|
194
|
-
link,
|
|
195
|
-
shareTitle: `React ${emoji} Via`
|
|
196
|
-
},
|
|
197
|
-
bubbles: true
|
|
198
|
-
}));
|
|
199
|
-
}
|
|
200
|
-
reactEmail(email, ce) {
|
|
201
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
202
|
-
const emoji = yield EmojiPopup.showControl(ce.target, {
|
|
203
|
-
parentElement: ce.target
|
|
204
|
-
});
|
|
205
|
-
this.reactAction(email, emoji);
|
|
206
|
-
});
|
|
207
|
-
}
|
|
208
|
-
replyEmail(email, ce) {
|
|
209
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
210
|
-
const emoji = commentIcon;
|
|
211
|
-
const {
|
|
212
|
-
headerMessageID
|
|
213
|
-
} = email;
|
|
214
|
-
const {
|
|
215
|
-
channel: {
|
|
216
|
-
emailAddress: {
|
|
217
|
-
emailAddress
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
} = this;
|
|
221
|
-
const subject = `${emoji}:${Number(email.emailID).toString(36)}:${headerMessageID}`;
|
|
222
|
-
const link = Mailto.create({
|
|
223
|
-
to: emailAddress,
|
|
224
|
-
subject,
|
|
225
|
-
inReplyTo: headerMessageID
|
|
226
|
-
});
|
|
227
|
-
this.element.dispatchEvent(new CustomEvent("shareLink", {
|
|
228
|
-
detail: {
|
|
229
|
-
link,
|
|
230
|
-
shareTitle: "Add Comment Via"
|
|
231
|
-
},
|
|
232
|
-
bubbles: true
|
|
233
|
-
}));
|
|
234
|
-
});
|
|
235
|
-
}
|
|
236
|
-
};
|
|
237
|
-
__decorate([InjectProperty, __metadata("design:type", BlogService)], ChannelMessage.prototype, "blogService", void 0);
|
|
238
|
-
__decorate([InjectProperty, __metadata("design:type", BlogImageService)], ChannelMessage.prototype, "blogImageService", void 0);
|
|
239
|
-
__decorate([Action({
|
|
240
|
-
onEvent: "engagement-click"
|
|
241
|
-
}), __metadata("design:type", Function), __metadata("design:paramtypes", [Object]), __metadata("design:returntype", void 0)], ChannelMessage.prototype, "engagementClick", null);
|
|
242
|
-
__decorate([Action({
|
|
243
|
-
onEvent: "react-email"
|
|
244
|
-
}), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ChannelMessage.prototype, "reactEmail", null);
|
|
245
|
-
__decorate([Action({
|
|
246
|
-
onEvent: "reply-email"
|
|
247
|
-
}), __metadata("design:type", Function), __metadata("design:paramtypes", [Object, CustomEvent]), __metadata("design:returntype", Promise)], ChannelMessage.prototype, "replyEmail", null);
|
|
248
|
-
ChannelMessage = __decorate([Pack, __metadata("design:paramtypes", [Object, Object])], ChannelMessage);
|
|
249
|
-
_export("default", ChannelMessage);
|
|
250
|
-
}
|
|
5
|
+
setters: [],
|
|
6
|
+
execute: function () {}
|
|
251
7
|
};
|
|
252
8
|
});
|
|
253
9
|
//# sourceMappingURL=ChannelView.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/public/channel/ChannelView.tsx"],"sourcesContent":[null],"mappings":"","ignoreList":[]}
|
|
@@ -58914,7 +58914,7 @@ System.register(["tslib", "@web-atoms/core/dist/core/InjectProperty", "@web-atom
|
|
|
58914
58914
|
}), XNode.create(WebSitePageEditor, {
|
|
58915
58915
|
class: "file-list",
|
|
58916
58916
|
selectedFile: Bind.oneWay(() => this.selectedFile),
|
|
58917
|
-
baseUrl: Bind.oneWay(() => apiPath(
|
|
58917
|
+
baseUrl: Bind.oneWay(() => apiPath(`${this.root.url}${this.cloudFileService.getFilePath(this.root, this.selectedFile)}`)),
|
|
58918
58918
|
folder: this.root,
|
|
58919
58919
|
presenter: Bind.presenter(c => this.htmlEditor = c),
|
|
58920
58920
|
"event-html-page-changed": ce => this.modified = true,
|