@pega/cosmos-react-demos 3.0.0-dev.9.0 → 3.0.0-rc.2

package/lib/social/Email/Email.mocks.d.ts

@@ -2,9 +2,20 @@ import { FC, Ref, RefObject } from 'react';
 import { FieldValueListProps, SentimentProps } from '@pega/cosmos-react-core';
 import { ModalManagerContextValue, ModalMethods } from '@pega/cosmos-react-core/lib/components/Modal/Modal.types';
 import { EmailComposerProps, EmailProps, EmailUser, EntityListProps } from '@pega/cosmos-react-social';
+import { EmailComposerHandleValue } from '@pega/cosmos-react-social/lib/components/Email/Email.types';
 export declare const emailBodyContent = "<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>";
-export declare const emailAttachments: EmailComposerProps['attachments'];
+export declare const emailAttachments: EmailComposerProps['data']['attachments'];
 export declare const participants: EmailComposerProps['participants'];
+export declare const mailDeliverySystemEmail: {
+    emailAddress: string;
+    fullName: string;
+    shortName: string;
+};
+export declare const supportTeamEmail: {
+    emailAddress: string;
+    fullName: string;
+    shortName: string;
+};
 export declare const toParticipants: string[];
 export declare const ccParticipants: string[];
 export declare const bccParticipants: string[];
@@ -102,6 +113,10 @@ export declare const topicListMock: ({
         value?: undefined;
     };
 })[];
+export declare const emptyFieldErrorMessage = "Field cannot be blank";
+export declare const invalidEmailErrorMessage = "Invalid Email Address";
+export declare const emailValidation: (validationData: EmailUser['emailAddress'][]) => boolean;
+export declare const fieldValidation: (validationData: EmailUser['emailAddress'][] | undefined) => "Invalid Email Address" | undefined;
 export declare const handleExternalEntry: (filterValue: string) => boolean;
 export declare const templates: {
     id: string;
@@ -119,7 +134,7 @@ export declare const composerModals: {
         dismissModal: () => void;
         unMountModal: () => void;
         updateModal: ModalMethods['update'];
-        composerRef: Ref<HTMLDivElement>;
+        composerHandle: Ref<EmailComposerHandleValue>;
     };
 };
 export declare const getCompositeId: (id: string, launchAction: LaunchAction) => string;
@@ -127,7 +142,7 @@ export declare const handleComposerCancel: (compositeID: string) => void;
 export declare const ComposerModalComponent: FC<{
     compositeId: string;
     composerProps: EmailComposerProps;
-    composerRef: RefObject<HTMLDivElement>;
+    composerHandle: RefObject<EmailComposerHandleValue>;
     progress: EmailComposerProps['progress'];
 }>;
 export declare const mockEmails: {
@@ -206,9 +221,8 @@ export declare const mockEmailBodyTemplates: {
     content: string;
 }[];
 export declare const launchEmailComposer: (id: string, launchAction: LaunchAction, composerProps: EmailComposerProps, create: ModalManagerContextValue['create']) => void;
-export declare const emailActions: EmailProps['actions'];
-export declare const emailDemoActions: (create: ModalManagerContextValue['create'], subject: EmailProps['subject']) => JSX.Element;
-export declare const generateEmailConversationParticipants: (emails: EmailProps[], fields?: string[] | undefined) => EmailUser[];
+export declare const emailDemoActions: (id: EmailProps['id'], subject: EmailProps['subject'], createOrActivateComposer: (id: EmailProps['id'], launchAction: LaunchAction, composerProps: EmailComposerProps) => void, draft: boolean, body: EmailProps['body'], deleteEmail?: ((id: EmailProps['id']) => void) | undefined) => JSX.Element;
+export declare const generateEmailConversationParticipants: (emails: EmailProps[], fields?: string[]) => EmailUser[];
 export declare const sentiment: SentimentProps;
 export declare const emailSummaryItems: ({
     id: string;
@@ -221,9 +235,25 @@ export declare const emailSummaryItems: ({
     timeStamp: Date;
     topic: string;
     sentiment: SentimentProps;
-    active: boolean;
     urgency: number;
     unreadEmailCount: number;
+    drafts: boolean;
+    undelivered: boolean;
+} | {
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    undelivered: boolean;
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    urgency: number;
+    unreadEmailCount: number;
+    drafts?: undefined;
 } | {
     id: string;
     activeParticipants: {
@@ -237,7 +267,8 @@ export declare const emailSummaryItems: ({
     sentiment: SentimentProps;
     urgency: number;
     unreadEmailCount: number;
-    active?: undefined;
+    drafts?: undefined;
+    undelivered?: undefined;
 } | {
     id: string;
     activeParticipants: {
@@ -250,7 +281,37 @@ export declare const emailSummaryItems: ({
     topic: string;
     sentiment: SentimentProps;
     urgency: number;
-    active?: undefined;
     unreadEmailCount?: undefined;
+    drafts?: undefined;
+    undelivered?: undefined;
+})[];
+export declare const forwardedContent = "\n  <div id=\"pega-email-message-forward\" style=\"font-family:OpenSans,sans-serif; border-left: 1px solid #c4c4c4; padding-left: 8px;\">\n     <div>\n        <p class=\"pega-email-forward-header\" style=\"font-size:smaller;color:#90909D;\">--------------------Forwarded message--------------------<br />From: Person, Example &lt;example.person@pega.com&gt; &nbsp;<br />Date: Feb 23, 2022 9:29:59 PM&nbsp;<br />Subject: Regarding flight booking &nbsp;<br />To: Laura, Stevens &lt;laurastevens@example.com&gt;<br />&nbsp;</p>\n     </div>\n     <div class=\"pega-email-forward-content\">\n        <div class=\"WordSection1\">\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Hi,&nbsp; </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">I need to book a flight from Hyderabad to Chennai.&nbsp; </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Please let me know the fare including taxes per each person. </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">&nbsp;&nbsp; </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Thanks,&nbsp; </span></p>\n           <p class=\"MsoNormal\" style=\"margin:0cm;font-size:11pt;font-family:'calibri' , sans-serif\"><span style=\"color:black\">Goutham </span></p>\n        </div>\n     </div>\n  </div>\n";
+export declare const emailWorklistItemsMock: {
+    id: string;
+    primary: string;
+    selected: boolean;
+}[];
+export declare const contextMenuItemsMock: {
+    id: string;
+    primary: string;
+    selected: boolean;
+}[];
+export declare const highlightedEntitiesMock: ({
+    value: string;
+    type: string;
+    name: string;
+    variant: number;
+    description: string;
+} | {
+    value: string;
+    type: string;
+    name: string;
+    variant: number;
+    description: string[];
 })[];
+export declare const mockUploadImage: (image: File) => Promise<{
+    src: string;
+    alt: string;
+}>;
+export declare const bodyData = "<div id=\"pega-email-message-forward\" style=\"font-family: OpenSans, sans-serif\">\n      <div>\n        <p\n          class=\"pega-email-forward-header\"\n          style=\"font-size: smaller; color: #90909d\"\n        >\n          --------------------Forwarded message--------------------<br />\n          From: Support2 &lt;testinpega2022@gmail.com&gt; &nbsp;<br />\n          Date: May 30, 2022 11:40:51 AM&nbsp;<br />\n          Subject: Re:Address Change &nbsp;<br />\n          To: Bandi, Likitha &lt;Likitha.Bandi@in.pega.com&gt; <br />\n          &nbsp;\n        </p>\n      </div>\n      <div class=\"pega-email-forward-content\"><p>hi</p></div>\n      <p\n        class=\"pega-email-forward-separator\"\n        style=\"margin-left: 7px; font-size: smaller; color: #90909d\"\n      >\n        On May 26, 2022 1:11:55 PM Support2 &lt;testinpega2022@gmail.com&gt; wrote :\n      </p>\n      <blockquote\n        style=\"\n          border-left: 1px solid #d7d7d7;\n          margin-left: 10px;\n          padding-left: 5px;\n          font-style: normal;\n          font-family: inherit;\n          padding-bottom: 0px;\n        \"\n      >\n        <div class=\"pega-email-forward-content\">\n          Dear&nbsp;Bandi, Likitha &nbsp; <br />&nbsp; <br />Thank you for reaching\n          out! <br />Could you tell me a little more about the issue? Where exactly\n          you are facing the issue? <br />Having a little more information about the\n          situation will help me to evaluate and get the issue sorted faster.\n          <br />&nbsp; <br />Thank you <br />Goutham &nbsp;\n        </div>\n        <p\n          class=\"pega-email-forward-separator\"\n          style=\"margin-left: 7px; font-size: smaller; color: #90909d\"\n        >\n          On May 12, 2022 6:14:52 PM Bandi, Likitha\n          &lt;Likitha.Bandi@in.pega.com&gt; wrote :\n        </p>\n        <blockquote\n          style=\"\n            border-left: 1px solid #d7d7d7;\n            margin-left: 10px;\n            padding-left: 5px;\n            font-style: normal;\n            font-family: inherit;\n            padding-bottom: 0px;\n          \"\n        >\n          <div class=\"pega-email-forward-content\">\n            <div class=\"WordSection1\">\n              <p\n                class=\"MsoNormal\"\n                style=\"\n                  margin: 0in;\n                  font-size: 11pt;\n                  font-family: 'calibri', sans-serif;\n                \"\n              >\n                <span\n                  style=\"\n                    font-size: 10.5pt;\n                    font-family: 'segoe ui', sans-serif;\n                    color: black;\n                    background: white;\n                  \"\n                  >Hello,</span\n                ><span\n                  style=\"\n                    font-size: 10.5pt;\n                    font-family: 'segoe ui', sans-serif;\n                    color: black;\n                  \"\n                  ><br />\n                  <br />\n                  <span style=\"background: white\"\n                    >I want to update my address details into my profile. Here is my\n                    latest email as follows:</span\n                  ><br />\n                  <br />\n                  <span style=\"background: white\">102, 2nd Floor,</span><br />\n                  <span style=\"background: white\">Mumbai</span><br />\n                  <span style=\"background: white\">500011</span><br />\n                  <span style=\"background: white\">Mobile: 9012390123 </span></span\n                >\n              </p>\n              <p\n                class=\"MsoNormal\"\n                style=\"\n                  margin: 0in;\n                  font-size: 11pt;\n                  font-family: 'calibri', sans-serif;\n                \"\n              >\n                <span\n                  style=\"\n                    font-size: 10.5pt;\n                    font-family: 'segoe ui', sans-serif;\n                    color: black;\n                    background: white;\n                  \"\n                >\n                  &nbsp;\n                </span>\n              </p>\n              <p\n                class=\"MsoNormal\"\n                style=\"\n                  margin: 0in;\n                  font-size: 11pt;\n                  font-family: 'calibri', sans-serif;\n                \"\n              >\n                <span\n                  style=\"\n                    font-size: 10.5pt;\n                    font-family: 'segoe ui', sans-serif;\n                    color: black;\n                    background: white;\n                  \"\n                  >Thanks\n                </span>\n              </p>\n              <p\n                class=\"MsoNormal\"\n                style=\"\n                  margin: 0in;\n                  font-size: 11pt;\n                  font-family: 'calibri', sans-serif;\n                \"\n              >\n                <span\n                  style=\"\n                    font-size: 10.5pt;\n                    font-family: 'segoe ui', sans-serif;\n                    color: black;\n                    background: white;\n                  \"\n                  >Likitha</span\n                >\n              </p>\n            </div>\n          </div>\n        </blockquote>\n      </blockquote>\n    </div>";
 //# sourceMappingURL=Email.mocks.d.ts.map

package/lib/social/Email/Email.mocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Email.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Email.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.tsx"],"names":[],"mappings":"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"}