@social-mail/social-mail-client 1.8.285 → 1.8.287

package/src/web/page/mails/commands/NewConversationRequest.tsx

@@ -0,0 +1,30 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { AddIconTextButton, DeleteIconTextButton } from "../../../../common/controls/buttons/IconButton";
+import { ReportConversationSpam, ReportConversationPhishing } from "./ReportConversationCommand";
+
+import "./NewConversationRequest.local.css";
+
+export default function NewConversationRequest() {
+    return <div class="new-conversation-request">
+        <div>
+            <h5>This sender does not exist in your contacts, and this sender's emails will be restricted in future
+                unless you approve the sender.
+            </h5>
+            <div data-layout="flex-center">
+                <AddIconTextButton
+                    data-click-event="approve-sender"
+                    text="Approve Sender"
+                />
+                <DeleteIconTextButton
+                    data-click-event="block-sender"
+                    text="Block Sender"
+                    />
+            </div>
+            <h6>If you believe this message contains spam or any harmful activity, we encourage you to please report them.</h6>
+            <div data-layout="flex-center">
+                <ReportConversationSpam/>
+                <ReportConversationPhishing/>
+            </div>
+        </div>
+    </div>;
+}

package/src/web/page/mails/commands/ReportConversationCommand.tsx

@@ -0,0 +1,43 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import UICommand from "../../../../common/ui-commands/UICommand";
+import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
+import MiniComposePage from "../mini-compose/MiniComposePage";
+import { Mailto } from "../../../../common/Mailto";
+import { DeleteIconTextButton } from "../../../../common/controls/buttons/IconButton";
+import type ConversationPage from "../ConversationPage";
+
+UICommand.on<ConversationPage>("report-spam", async ({ control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Spam Report", body: "Attached email contains #Spam." }),
+        thread: control.mailsRepeater.items[0],
+        asAttachment: true
+    });
+});
+
+
+UICommand.on<ConversationPage>("report-phishing", async ({ control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Phishing Report", body: "Attached email contains #Phishing." }),
+        thread: control.mailsRepeater.items[0],
+        asAttachment: true
+    });
+});
+
+export function ReportConversationPhishing() {
+    return <DeleteIconTextButton
+        data-click-event="report-conversation-phishing"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        text="Report Phishing"
+        />;
+}
+
+
+export function ReportConversationSpam() {
+    return <DeleteIconTextButton
+        data-click-event="report-conversation-spam"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        text="Report Spam"
+        />;
+}

package/src/web/page/mails/commands/ReportEmailCommand.tsx

@@ -0,0 +1,43 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import UICommand from "../../../../common/ui-commands/UICommand";
+import AtomRepeater from "@web-atoms/web-controls/dist/basic/AtomRepeater";
+import PageNavigator from "@web-atoms/web-controls/dist/PageNavigator";
+import MiniComposePage from "../mini-compose/MiniComposePage";
+import { MenuItem } from "@web-atoms/web-controls/dist/basic/PopupButton";
+import { Mailto } from "../../../../common/Mailto";
+
+UICommand.on<AtomRepeater>("report-spam", async ({ data, control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Spam Report", body: "Attached email contains #Spam." }),
+        thread: data,
+        asAttachment: true
+    });
+});
+
+
+UICommand.on<AtomRepeater>("report-phishing", async ({ data, control }) => {
+    PageNavigator.pushPage(MiniComposePage, {
+        mailto: Mailto.create({ to: "report@esocialmail.com", subject: "Phishing Report", body: "Attached email contains #Phishing." }),
+        thread: data,
+        asAttachment: true
+    });
+});
+
+export function ReportPhishingCommand() {
+    return <MenuItem
+        data-click-event="report-phishing"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        label="Report Phishing"
+        />;
+}
+
+
+export function ReportSpamCommand() {
+    return <MenuItem
+        data-click-event="report-spam"
+        icon="fad fa-shield-quartered"
+        data-color="red"
+        label="Report Spam"
+        />;
+}