@pega/cosmos-react-demos 3.0.0-dev.2.0 → 3.0.0-dev.4.1

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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAa,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAE7F,eAAO,MAAM,gBAAgB,gIACkG,CAAC;AAEhI,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,aAAa,CAS9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAgC3D,CAAC;AAEF,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,eAAe,UAEgC,CAAC;AAE7D,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAsL7D,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GzB,CAAC"}
+{"version":3,"file":"Email.mocks.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,kBAAkB,EAAa,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE3F,eAAO,MAAM,gBAAgB,gIACkG,CAAC;AAEhI,eAAO,MAAM,gBAAgB,EAAE,kBAAkB,CAAC,aAAa,CAS9D,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAgC3D,CAAC;AAEF,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,cAAc,UAEiC,CAAC;AAC7D,eAAO,MAAM,eAAe,UAEgC,CAAC;AAE7D,eAAO,MAAM,kBAAkB,EAAE,eAAe,CAAC,SAAS,CAsLzD,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8GzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,mBAAmB,CAAC,QAAQ,CAarE,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;IAgCzB,CAAC"}

package/lib/social/Email/Email.mocks.js

@@ -51,7 +51,7 @@ export const ccParticipants = participants
 export const bccParticipants = participants
     .slice(4, 9)
     .map((participant) => participant.emailAddress);
-export const ViewAnalysisMockData = [
+export const EntityListMockData = [
     {
         name: 'Ticket number',
         value: [
@@ -345,4 +345,51 @@ export const EmailMockData = {
         }
     ]
 };
+export const viewAnalysisEmailHeaderMock = [
+    {
+        name: 'Sender email',
+        value: 'robert.stanton@hotmail.com'
+    },
+    {
+        name: 'Sender name',
+        value: 'Robert stanton'
+    },
+    {
+        name: 'Subject',
+        value: 'I have a quick question on travel'
+    }
+];
+export const topicListMock = [
+    {
+        id: '1',
+        primary: 'Missing ticket',
+        secondary: {
+            indicator: 'Confidence',
+            value: '50%'
+        }
+    },
+    {
+        id: '2',
+        primary: 'Missing baggage',
+        secondary: {
+            indicator: 'Confidence',
+            value: '80%'
+        }
+    },
+    {
+        id: '3',
+        primary: 'Ticket booking',
+        secondary: {
+            indicator: 'Confidence',
+            value: '30%'
+        }
+    },
+    {
+        id: '4',
+        primary: 'Language',
+        secondary: {
+            indicator: 'Confidence'
+        }
+    }
+];
 //# sourceMappingURL=Email.mocks.js.map

package/lib/social/Email/Email.mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Email.mocks.js","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["import { EmailComposerProps, EmailUser, ViewAnalysisProps } from '@pega/cosmos-react-social';\n\nexport const emailBodyContent =\n  '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>';\n\nexport const emailAttachments: EmailComposerProps['attachments'] = [\n  {\n    name: 'Policy.doc',\n    progress: 100\n  },\n  {\n    name: 'E-Ticket',\n    thumbnail: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg'\n  }\n];\n\nexport const participants: EmailComposerProps['participants'] = [\n  { emailAddress: 'Vernon.Lee@example.com', fullName: 'Vernon Lee', shortName: 'Vernon' },\n  { emailAddress: 'Eula.Morales@example.com', fullName: 'Eula Morales', shortName: 'Eula' },\n  { emailAddress: 'Paul.Smith@example.com', fullName: 'Paul Smith', shortName: 'Paul' },\n  { emailAddress: 'Frank.Walker@example.com', fullName: 'Frank Walker', shortName: 'Frank' },\n  { emailAddress: 'Edward.Green@example.com', fullName: 'Edward Green', shortName: 'Edward' },\n  { emailAddress: 'John.Smith@example.com', fullName: 'John Smith', shortName: 'John' },\n  { emailAddress: 'Olivia.Cockburn@example.com', fullName: 'Olivia Cockburn', shortName: 'Olivia' },\n  { emailAddress: 'Peter.Hernandez@example.com', fullName: 'Peter Hernandez', shortName: 'Peter' },\n  { emailAddress: 'Helena.Johnson@example.com', fullName: 'Helena Johnson', shortName: 'Helena' },\n  {\n    emailAddress: 'Katheryn.Hudson@example.com',\n    fullName: 'Katheryn Hudson',\n    shortName: 'Katheryn'\n  },\n  { emailAddress: 'Mia.Hershel@example.com', fullName: 'Mia Hershel', shortName: 'Mia' },\n  { emailAddress: 'Ann.Mitchell@example.com', fullName: 'Ann Mitchell', shortName: 'Ann' },\n  { emailAddress: 'Rafael.Bottom@example.com', fullName: 'Rafael Bottom', shortName: 'Rafael' },\n  {\n    emailAddress: 'Christopher.Gatsby@example.com',\n    fullName: 'Christopher Gatsby',\n    shortName: 'Christopher'\n  },\n  { emailAddress: 'Julianne.Moore@example.com', fullName: 'Julianne Moore', shortName: 'Julianne' },\n  { emailAddress: 'Emily.Stone@example.com', fullName: 'Emily Stone', shortName: 'Emily' },\n  { emailAddress: 'Richard.Wiles@example.com', fullName: 'Richard Wiles', shortName: 'Richard' },\n  { emailAddress: 'Ella.Connor@example.com', fullName: 'Ella Connor', shortName: 'Ella' },\n  { emailAddress: 'Robyn.Fenton@example.com', fullName: 'Robyn Fenton', shortName: 'Robyn' },\n  { emailAddress: 'Lucille.Hale@example.com', fullName: 'Lucille Hale', shortName: 'Lucille' },\n  { emailAddress: 'Angelina.Pitt@example.com', fullName: 'Angelina Pitt', shortName: 'Angelina' },\n  { emailAddress: 'Tanya.Robinson@example.com', fullName: 'Tanya Robinson', shortName: 'Tanya' },\n  { emailAddress: 'Laura.Horowitz@example.com', fullName: 'Laura Horowitz', shortName: 'Laura' }\n];\n\nexport const toParticipants = participants\n  .slice(1, 3)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const ccParticipants = participants\n  .slice(9, 11)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const bccParticipants = participants\n  .slice(4, 9)\n  .map((participant: EmailUser) => participant.emailAddress);\n\nexport const ViewAnalysisMockData: ViewAnalysisProps['content'] = [\n  {\n    name: 'Ticket number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3,\n          icon: 'paper-clip'\n        }\n      }\n    ]\n  },\n  {\n    name: 'Name',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Robert stanton',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'Sara Davis',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'Cindy',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'Dean',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'Joe Stevens',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      }\n    ]\n  },\n  {\n    name: 'Email',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2,\n          icon: 'paper-clip'\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'cindy.turner@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'dean.thomas@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'joe.stevens@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      }\n    ]\n  },\n  {\n    name: 'Date',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Dec 5,2021 9.05 AM',\n          type: 'system',\n          name: 'Date',\n          variant: 4\n        }\n      }\n    ]\n  },\n  {\n    name: 'Flight Number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'FL-JK-403',\n          type: 'system',\n          name: 'Flight Number',\n          variant: 5\n        }\n      }\n    ]\n  },\n  {\n    name: 'Address',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Nagercoil,Hyderabad',\n          type: 'system',\n          name: 'Address',\n          variant: 15\n        }\n      }\n    ]\n  },\n  {\n    name: 'Location',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Location',\n          variant: 8\n        }\n      }\n    ]\n  }\n];\n\nexport const EmailMockData = {\n  emails: {\n    'Sara Davis': {\n      fullName: 'Sara Davis',\n      shortName: 'Sara',\n      emailAddress: 'saraConnor@example.com'\n    },\n    'John Brown': {\n      fullName: 'John Brown',\n      shortName: 'John',\n      emailAddress: 'john@example.com'\n    },\n    'Hugh Phillips': {\n      fullName: 'Hugh Phillips',\n      shortName: 'Hugh',\n      emailAddress: 'Hugh@example.com'\n    },\n    'Laura Stevens': {\n      fullName: 'Laura Stevens',\n      shortName: 'Laura',\n      emailAddress: 'laurastevens@example.com',\n      avatarProps: {\n        icon: 'headset'\n      }\n    },\n    'Joe Stevens': {\n      fullName: 'Joe Stevens',\n      shortName: 'Joe',\n      emailAddress: 'Joe@example.com'\n    },\n    'Adam Gillchrist': {\n      fullName: 'Adam Gillchrist',\n      shortName: 'Adam',\n      emailAddress: 'adam@example.com'\n    },\n    'John Paul': {\n      fullName: 'John, Paul',\n      shortName: 'Paul',\n      emailAddress: 'John.Paul@example.com'\n    },\n    'Oran Jacob': {\n      fullName: 'Oran, Jacob',\n      shortName: 'Jacob',\n      emailAddress: 'jacob@example.com'\n    },\n    'Tyson Mike': {\n      fullName: 'Tyson, Mike',\n      shortName: 'Mike',\n      emailAddress: 'mike@example.com'\n    },\n    'John Cent': {\n      fullName: 'John, Cent',\n      shortName: 'John',\n      emailAddress: 'John.cena@example.com'\n    },\n    'Mystery Rey': {\n      fullName: 'Mystery, Rey',\n      shortName: 'Rey',\n      emailAddress: 'rey619@example.com'\n    },\n    'Anton, Randy': {\n      fullName: 'Anton, Randy',\n      shortName: 'Randy',\n      emailAddress: 'Randy.ortan@example.com'\n    }\n  },\n  suggestedReplies: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ],\n  emailBodyTemplates: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ]\n};\n"]}
+{"version":3,"file":"Email.mocks.js","sourceRoot":"","sources":["../../../src/social/Email/Email.mocks.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAC3B,6HAA6H,CAAC;AAEhI,MAAM,CAAC,MAAM,gBAAgB,GAAsC;IACjE;QACE,IAAI,EAAE,YAAY;QAClB,QAAQ,EAAE,GAAG;KACd;IACD;QACE,IAAI,EAAE,UAAU;QAChB,SAAS,EAAE,iDAAiD;KAC7D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAuC;IAC9D,EAAE,YAAY,EAAE,wBAAwB,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE;IACvF,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE;IACzF,EAAE,YAAY,EAAE,wBAAwB,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;IACrF,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE;IAC1F,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,QAAQ,EAAE;IAC3F,EAAE,YAAY,EAAE,wBAAwB,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,EAAE;IACrF,EAAE,YAAY,EAAE,6BAA6B,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,QAAQ,EAAE;IACjG,EAAE,YAAY,EAAE,6BAA6B,EAAE,QAAQ,EAAE,iBAAiB,EAAE,SAAS,EAAE,OAAO,EAAE;IAChG,EAAE,YAAY,EAAE,4BAA4B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EAAE;IAC/F;QACE,YAAY,EAAE,6BAA6B;QAC3C,QAAQ,EAAE,iBAAiB;QAC3B,SAAS,EAAE,UAAU;KACtB;IACD,EAAE,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,EAAE;IACtF,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,EAAE;IACxF,EAAE,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE;IAC7F;QACE,YAAY,EAAE,gCAAgC;QAC9C,QAAQ,EAAE,oBAAoB;QAC9B,SAAS,EAAE,aAAa;KACzB;IACD,EAAE,YAAY,EAAE,4BAA4B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,UAAU,EAAE;IACjG,EAAE,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,OAAO,EAAE;IACxF,EAAE,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE;IAC9F,EAAE,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE;IACvF,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE;IAC1F,EAAE,YAAY,EAAE,0BAA0B,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE;IAC5F,EAAE,YAAY,EAAE,2BAA2B,EAAE,QAAQ,EAAE,eAAe,EAAE,SAAS,EAAE,UAAU,EAAE;IAC/F,EAAE,YAAY,EAAE,4BAA4B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE;IAC9F,EAAE,YAAY,EAAE,4BAA4B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAE,OAAO,EAAE;CAC/F,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY;KACvC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,GAAG,CAAC,CAAC,WAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC7D,MAAM,CAAC,MAAM,cAAc,GAAG,YAAY;KACvC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC;KACZ,GAAG,CAAC,CAAC,WAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC7D,MAAM,CAAC,MAAM,eAAe,GAAG,YAAY;KACxC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;KACX,GAAG,CAAC,CAAC,WAAsB,EAAE,EAAE,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAA+B;IAC5D;QACE,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,eAAe;oBACrB,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,SAAS;oBAChB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,eAAe;oBACrB,OAAO,EAAE,CAAC;oBACV,IAAI,EAAE,YAAY;iBACnB;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,gBAAgB;oBACvB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,YAAY;oBACnB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,OAAO;oBACd,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,MAAM;oBACb,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,aAAa;oBACpB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,OAAO;QACb,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,4BAA4B;oBACnC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC;oBACV,IAAI,EAAE,YAAY;iBACnB;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,yBAAyB;oBAChC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC;iBACX;aACF;YACD;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,yBAAyB;oBAChC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,OAAO;oBACb,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,oBAAoB;oBAC3B,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,eAAe;QACrB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,WAAW;oBAClB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,eAAe;oBACrB,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,qBAAqB;oBAC5B,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,SAAS;oBACf,OAAO,EAAE,EAAE;iBACZ;aACF;SACF;KACF;IACD;QACE,IAAI,EAAE,UAAU;QAChB,KAAK,EAAE;YACL;gBACE,EAAE,EAAE,GAAG;gBACP,MAAM,EAAE;oBACN,KAAK,EAAE,WAAW;oBAClB,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,UAAU;oBAChB,OAAO,EAAE,CAAC;iBACX;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,MAAM,EAAE;QACN,YAAY,EAAE;YACZ,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,wBAAwB;SACvC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,kBAAkB;SACjC;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,kBAAkB;SACjC;QACD,eAAe,EAAE;YACf,QAAQ,EAAE,eAAe;YACzB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,0BAA0B;YACxC,WAAW,EAAE;gBACX,IAAI,EAAE,SAAS;aAChB;SACF;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,aAAa;YACvB,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,iBAAiB;SAChC;QACD,iBAAiB,EAAE;YACjB,QAAQ,EAAE,iBAAiB;YAC3B,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,kBAAkB;SACjC;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,uBAAuB;SACtC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,aAAa;YACvB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,mBAAmB;SAClC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,aAAa;YACvB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,kBAAkB;SACjC;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,YAAY;YACtB,SAAS,EAAE,MAAM;YACjB,YAAY,EAAE,uBAAuB;SACtC;QACD,aAAa,EAAE;YACb,QAAQ,EAAE,cAAc;YACxB,SAAS,EAAE,KAAK;YAChB,YAAY,EAAE,oBAAoB;SACnC;QACD,cAAc,EAAE;YACd,QAAQ,EAAE,cAAc;YACxB,SAAS,EAAE,OAAO;YAClB,YAAY,EAAE,yBAAyB;SACxC;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,WAAW;SACrB;QACD;YACE,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,2CAA2C;SACrD;QACD;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,iCAAiC;SAC3C;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,cAAc;SACxB;KACF;IACD,kBAAkB,EAAE;QAClB;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,WAAW;SACrB;QACD;YACE,EAAE,EAAE,eAAe;YACnB,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,2CAA2C;SACrD;QACD;YACE,EAAE,EAAE,WAAW;YACf,KAAK,EAAE,WAAW;YAClB,OAAO,EAAE,iCAAiC;SAC3C;QACD;YACE,EAAE,EAAE,cAAc;YAClB,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,cAAc;SACxB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAkC;IACxE;QACE,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,4BAA4B;KACpC;IACD;QACE,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,gBAAgB;KACxB;IACD;QACE,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,mCAAmC;KAC3C;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE;YACT,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE;YACT,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE;YACT,SAAS,EAAE,YAAY;YACvB,KAAK,EAAE,KAAK;SACb;KACF;IACD;QACE,EAAE,EAAE,GAAG;QACP,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE;YACT,SAAS,EAAE,YAAY;SACxB;KACF;CACF,CAAC","sourcesContent":["import { FieldValueListProps } from '@pega/cosmos-react-core';\nimport { EmailComposerProps, EmailUser, EntityListProps } from '@pega/cosmos-react-social';\n\nexport const emailBodyContent =\n  '<div>Hi, <br /> <br /><div>Can you please change my address in the SSN.</div> <br /> <br />Regards, <br />Sara Davis </div>';\n\nexport const emailAttachments: EmailComposerProps['attachments'] = [\n  {\n    name: 'Policy.doc',\n    progress: 100\n  },\n  {\n    name: 'E-Ticket',\n    thumbnail: 'https://pbs.twimg.com/media/ENNN5PAXkAE-hag.jpg'\n  }\n];\n\nexport const participants: EmailComposerProps['participants'] = [\n  { emailAddress: 'Vernon.Lee@example.com', fullName: 'Vernon Lee', shortName: 'Vernon' },\n  { emailAddress: 'Eula.Morales@example.com', fullName: 'Eula Morales', shortName: 'Eula' },\n  { emailAddress: 'Paul.Smith@example.com', fullName: 'Paul Smith', shortName: 'Paul' },\n  { emailAddress: 'Frank.Walker@example.com', fullName: 'Frank Walker', shortName: 'Frank' },\n  { emailAddress: 'Edward.Green@example.com', fullName: 'Edward Green', shortName: 'Edward' },\n  { emailAddress: 'John.Smith@example.com', fullName: 'John Smith', shortName: 'John' },\n  { emailAddress: 'Olivia.Cockburn@example.com', fullName: 'Olivia Cockburn', shortName: 'Olivia' },\n  { emailAddress: 'Peter.Hernandez@example.com', fullName: 'Peter Hernandez', shortName: 'Peter' },\n  { emailAddress: 'Helena.Johnson@example.com', fullName: 'Helena Johnson', shortName: 'Helena' },\n  {\n    emailAddress: 'Katheryn.Hudson@example.com',\n    fullName: 'Katheryn Hudson',\n    shortName: 'Katheryn'\n  },\n  { emailAddress: 'Mia.Hershel@example.com', fullName: 'Mia Hershel', shortName: 'Mia' },\n  { emailAddress: 'Ann.Mitchell@example.com', fullName: 'Ann Mitchell', shortName: 'Ann' },\n  { emailAddress: 'Rafael.Bottom@example.com', fullName: 'Rafael Bottom', shortName: 'Rafael' },\n  {\n    emailAddress: 'Christopher.Gatsby@example.com',\n    fullName: 'Christopher Gatsby',\n    shortName: 'Christopher'\n  },\n  { emailAddress: 'Julianne.Moore@example.com', fullName: 'Julianne Moore', shortName: 'Julianne' },\n  { emailAddress: 'Emily.Stone@example.com', fullName: 'Emily Stone', shortName: 'Emily' },\n  { emailAddress: 'Richard.Wiles@example.com', fullName: 'Richard Wiles', shortName: 'Richard' },\n  { emailAddress: 'Ella.Connor@example.com', fullName: 'Ella Connor', shortName: 'Ella' },\n  { emailAddress: 'Robyn.Fenton@example.com', fullName: 'Robyn Fenton', shortName: 'Robyn' },\n  { emailAddress: 'Lucille.Hale@example.com', fullName: 'Lucille Hale', shortName: 'Lucille' },\n  { emailAddress: 'Angelina.Pitt@example.com', fullName: 'Angelina Pitt', shortName: 'Angelina' },\n  { emailAddress: 'Tanya.Robinson@example.com', fullName: 'Tanya Robinson', shortName: 'Tanya' },\n  { emailAddress: 'Laura.Horowitz@example.com', fullName: 'Laura Horowitz', shortName: 'Laura' }\n];\n\nexport const toParticipants = participants\n  .slice(1, 3)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const ccParticipants = participants\n  .slice(9, 11)\n  .map((participant: EmailUser) => participant.emailAddress);\nexport const bccParticipants = participants\n  .slice(4, 9)\n  .map((participant: EmailUser) => participant.emailAddress);\n\nexport const EntityListMockData: EntityListProps['content'] = [\n  {\n    name: 'Ticket number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: '7546383',\n          type: 'system',\n          name: 'Ticket number',\n          variant: 3,\n          icon: 'paper-clip'\n        }\n      }\n    ]\n  },\n  {\n    name: 'Name',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Robert stanton',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'Sara Davis',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'Cindy',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'Dean',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'Joe Stevens',\n          type: 'system',\n          name: 'Name',\n          variant: 1\n        }\n      }\n    ]\n  },\n  {\n    name: 'Email',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '2',\n        entity: {\n          value: 'robert.stanton@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2,\n          icon: 'paper-clip'\n        }\n      },\n      {\n        id: '3',\n        entity: {\n          value: 'cindy.turner@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '4',\n        entity: {\n          value: 'dean.thomas@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      },\n      {\n        id: '5',\n        entity: {\n          value: 'joe.stevens@example.com',\n          type: 'system',\n          name: 'Email',\n          variant: 2\n        }\n      }\n    ]\n  },\n  {\n    name: 'Date',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Dec 5,2021 9.05 AM',\n          type: 'system',\n          name: 'Date',\n          variant: 4\n        }\n      }\n    ]\n  },\n  {\n    name: 'Flight Number',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'FL-JK-403',\n          type: 'system',\n          name: 'Flight Number',\n          variant: 5\n        }\n      }\n    ]\n  },\n  {\n    name: 'Address',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Nagercoil,Hyderabad',\n          type: 'system',\n          name: 'Address',\n          variant: 15\n        }\n      }\n    ]\n  },\n  {\n    name: 'Location',\n    value: [\n      {\n        id: '1',\n        entity: {\n          value: 'Hyderabad',\n          type: 'system',\n          name: 'Location',\n          variant: 8\n        }\n      }\n    ]\n  }\n];\n\nexport const EmailMockData = {\n  emails: {\n    'Sara Davis': {\n      fullName: 'Sara Davis',\n      shortName: 'Sara',\n      emailAddress: 'saraConnor@example.com'\n    },\n    'John Brown': {\n      fullName: 'John Brown',\n      shortName: 'John',\n      emailAddress: 'john@example.com'\n    },\n    'Hugh Phillips': {\n      fullName: 'Hugh Phillips',\n      shortName: 'Hugh',\n      emailAddress: 'Hugh@example.com'\n    },\n    'Laura Stevens': {\n      fullName: 'Laura Stevens',\n      shortName: 'Laura',\n      emailAddress: 'laurastevens@example.com',\n      avatarProps: {\n        icon: 'headset'\n      }\n    },\n    'Joe Stevens': {\n      fullName: 'Joe Stevens',\n      shortName: 'Joe',\n      emailAddress: 'Joe@example.com'\n    },\n    'Adam Gillchrist': {\n      fullName: 'Adam Gillchrist',\n      shortName: 'Adam',\n      emailAddress: 'adam@example.com'\n    },\n    'John Paul': {\n      fullName: 'John, Paul',\n      shortName: 'Paul',\n      emailAddress: 'John.Paul@example.com'\n    },\n    'Oran Jacob': {\n      fullName: 'Oran, Jacob',\n      shortName: 'Jacob',\n      emailAddress: 'jacob@example.com'\n    },\n    'Tyson Mike': {\n      fullName: 'Tyson, Mike',\n      shortName: 'Mike',\n      emailAddress: 'mike@example.com'\n    },\n    'John Cent': {\n      fullName: 'John, Cent',\n      shortName: 'John',\n      emailAddress: 'John.cena@example.com'\n    },\n    'Mystery Rey': {\n      fullName: 'Mystery, Rey',\n      shortName: 'Rey',\n      emailAddress: 'rey619@example.com'\n    },\n    'Anton, Randy': {\n      fullName: 'Anton, Randy',\n      shortName: 'Randy',\n      emailAddress: 'Randy.ortan@example.com'\n    }\n  },\n  suggestedReplies: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ],\n  emailBodyTemplates: [\n    {\n      id: 'thank-you',\n      title: 'Thank you',\n      content: 'Thank you'\n    },\n    {\n      id: 'clarification',\n      title: 'Clarification',\n      content: 'Can you please provide more clarification'\n    },\n    {\n      id: 'apologies',\n      title: 'Apologies',\n      content: 'Apologies for the inconvenience'\n    },\n    {\n      id: 'we_will_help',\n      title: 'We will help',\n      content: 'We will help'\n    }\n  ]\n};\n\nexport const viewAnalysisEmailHeaderMock: FieldValueListProps['fields'] = [\n  {\n    name: 'Sender email',\n    value: 'robert.stanton@hotmail.com'\n  },\n  {\n    name: 'Sender name',\n    value: 'Robert stanton'\n  },\n  {\n    name: 'Subject',\n    value: 'I have a quick question on travel'\n  }\n];\n\nexport const topicListMock = [\n  {\n    id: '1',\n    primary: 'Missing ticket',\n    secondary: {\n      indicator: 'Confidence',\n      value: '50%'\n    }\n  },\n  {\n    id: '2',\n    primary: 'Missing baggage',\n    secondary: {\n      indicator: 'Confidence',\n      value: '80%'\n    }\n  },\n  {\n    id: '3',\n    primary: 'Ticket booking',\n    secondary: {\n      indicator: 'Confidence',\n      value: '30%'\n    }\n  },\n  {\n    id: '4',\n    primary: 'Language',\n    secondary: {\n      indicator: 'Confidence'\n    }\n  }\n];\n"]}

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

@@ -6,7 +6,7 @@ declare const _default: {
 };
 export default _default;
 export declare const email: () => JSX.Element;
-export declare const viewAnalysis: () => JSX.Element;
+export declare const ViewAnalysis: () => JSX.Element;
 export declare const emailEntities: () => JSX.Element;
 export declare const emailConversation: () => JSX.Element;
 export declare const EmailComposerDemo: () => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":";AAyBA,OAAO,EASL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;;;;AAenC,wBAGE;AA6NF,eAAO,MAAM,KAAK,mBA4CjB,CAAC;AAMF,eAAO,MAAM,YAAY,mBAYxB,CAAC;AAYF,eAAO,MAAM,aAAa,mBAyFzB,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA2C7B,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA6E7B,CAAC;AAYF,eAAO,MAAM,SAAS;;;;;;;CAkNrB,CAAC;AAqBF,eAAO,MAAM,oBAAoB,mBA8BhC,CAAC;AAgPF,eAAO,MAAM,oBAAoB;;;;;CAyDhC,CAAC"}
+{"version":3,"file":"Email.stories.d.ts","sourceRoot":"","sources":["../../../src/social/Email/Email.stories.tsx"],"names":[],"mappings":";AAgCA,OAAO,EASL,UAAU,EAIX,MAAM,2BAA2B,CAAC;;;;;AAiBnC,wBAGE;AAwOF,eAAO,MAAM,KAAK,mBA4CjB,CAAC;AAMF,eAAO,MAAM,YAAY,mBAqCxB,CAAC;AAYF,eAAO,MAAM,aAAa,mBAkHzB,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBA2C7B,CAAC;AAaF,eAAO,MAAM,iBAAiB,mBAmF7B,CAAC;AAYF,eAAO,MAAM,SAAS;;;;;;;CA0NrB,CAAC;AAqBF,eAAO,MAAM,oBAAoB,mBA8BhC,CAAC;AAgPF,eAAO,MAAM,oBAAoB;;;;;CAyDhC,CAAC"}

package/lib/social/Email/Email.stories.js

@@ -3,10 +3,10 @@ import { useState, useRef, useContext, createRef } from 'react';
 import { action } from '@storybook/addon-actions';
 import { array, boolean } from '@storybook/addon-knobs';
 import styled, { css } from 'styled-components';
-import { Card, CardContent, createUID, MenuButton, Icon, registerIcon, hasProp, Flex, Button, ModalManagerContext, Modal, menuHelpers, defaultThemeProp } from '@pega/cosmos-react-core';
+import { Card, CardContent, createUID, MenuButton, Icon, registerIcon, hasProp, Flex, Button, ModalManagerContext, Modal, menuHelpers, defaultThemeProp, CardHeader, Text, SummaryList, Grid, FieldValueList, StyledLabel } from '@pega/cosmos-react-core';
 import * as filterIcon from '@pega/cosmos-react-core/lib/components/Icon/icons/filter.icon';
-import { Email, EmailConversation, EmailComposer, EmailShell, EmailSummaryItem, EmailSummaryList, ViewAnalysis } from '@pega/cosmos-react-social';
-import { bccParticipants, ccParticipants, emailBodyContent, participants, toParticipants, emailAttachments, ViewAnalysisMockData, EmailMockData } from './Email.mocks';
+import { Email, EmailConversation, EmailComposer, EmailShell, EmailSummaryItem, EmailSummaryList, EntityList } from '@pega/cosmos-react-social';
+import { bccParticipants, ccParticipants, emailBodyContent, participants, toParticipants, emailAttachments, EntityListMockData, EmailMockData, viewAnalysisEmailHeaderMock, topicListMock } from './Email.mocks';
 registerIcon(filterIcon);
 export default {
     title: 'Social/Email',
@@ -18,6 +18,12 @@ const handleExternalEntry = (filterValue) => {
     const matched = filterValue.match(pattern);
     return !!matched?.input;
 };
+const templates = mockEmailBodyTemplates.map(({ id, title }) => {
+    return {
+        id,
+        title
+    };
+});
 const baseComposerProps = {
     participants,
     externalValidator: handleExternalEntry,
@@ -32,7 +38,7 @@ const baseComposerProps = {
     onCancel: () => {
         action('cancelled email composing');
     },
-    templates: mockEmailBodyTemplates
+    templates
 };
 var LaunchAction;
 (function (LaunchAction) {
@@ -81,34 +87,37 @@ const emailActions = (_jsx(MenuButton, { text: 'Email actions', variant: 'simple
             }
         ]
     } }, void 0));
-const emailDemoActions = (create, subject) => {
+const emailDemoActions = (create, subject, onTemplateChange) => {
     const id = createUID();
     return (_jsx(MenuButton, { text: 'Email actions', variant: 'simple', icon: 'more', iconOnly: true, menu: {
             items: [
                 {
-                    id,
+                    id: createUID(),
                     primary: 'Reply',
                     onClick: () => launchEmailComposer(id, LaunchAction.REPLY, {
                         ...baseComposerProps,
+                        onTemplateChange,
                         responseType: 'reply',
                         subject: `Re-${subject}` || ''
                     }, create)
                 },
                 {
-                    id,
+                    id: createUID(),
                     primary: 'Reply all',
                     onClick: () => launchEmailComposer(id, LaunchAction.REPLYALL, {
                         ...baseComposerProps,
+                        onTemplateChange,
                         responseType: 'replyAll',
                         cc: [],
                         subject: `Re-${subject}` || ''
                     }, create)
                 },
                 {
-                    id,
+                    id: createUID(),
                     primary: 'Forward',
                     onClick: () => launchEmailComposer(id, LaunchAction.FORWARD, {
                         ...baseComposerProps,
+                        onTemplateChange,
                         responseType: 'forward',
                         subject: `Fw-${subject}` || ''
                     }, create)
@@ -177,13 +186,19 @@ export const email = () => {
 const StyledViewAnalysis = styled.div `
   width: 18rem;
 `;
-export const viewAnalysis = () => {
-    const content = ViewAnalysisMockData;
+export const ViewAnalysis = () => {
     const headerProps = {
         icon: 'list-number',
         text: 'Entities'
     };
-    return (_jsx(StyledViewAnalysis, { children: _jsx(ViewAnalysis, { header: headerProps, content: content }, void 0) }, void 0));
+    const itemsToRender = topicListMock.map(items => {
+        return {
+            ...items,
+            primary: _jsx(StyledLabel, { children: items.primary }, void 0),
+            secondary: (_jsxs(Flex, { container: { direction: 'row', justify: 'between' }, children: [_jsx(Text, { variant: 'primary', children: items.secondary.indicator }, void 0), _jsx(StyledLabel, { children: items.secondary.value }, void 0)] }, void 0))
+        };
+    });
+    return (_jsx(StyledViewAnalysis, { children: _jsxs(Grid, { container: { rowGap: 2 }, children: [_jsx(EntityList, { header: headerProps, content: EntityListMockData }, void 0), _jsxs(Card, { children: [_jsxs(CardHeader, { container: { alignItems: 'center', gap: 1 }, children: [_jsx(Icon, { name: 'document-doc' }, void 0), _jsx(Text, { variant: 'h3', children: "Email header" }, void 0)] }, void 0), _jsx(CardContent, { children: _jsx(FieldValueList, { fields: viewAnalysisEmailHeaderMock, variant: 'stacked' }, void 0) }, void 0)] }, void 0), _jsx(SummaryList, { name: 'Topics', icon: 'headline', items: itemsToRender, noItemsText: 'No items' }, void 0)] }, void 0) }, void 0));
 };
 /*
   ______                 _ _   ______       _   _ _   _
@@ -196,7 +211,7 @@ export const viewAnalysis = () => {
 */
 export const emailEntities = () => {
     const nestedEntities = ['Place: Nagercoil, Hyderabad', 'Location: Nagercoil'];
-    return (_jsx(Card, { children: _jsx(StyledEmailCardContent, { children: _jsx(Email, { id: createUID(), timeStamp: '2021-01-05T09:12', from: mockEmails['Laura Stevens'], cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']], bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']], to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']], body: '<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, Nagercoil branch, with code 3967. I have a saving bank account here. My account number is 6785420965476.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>', entityHighlightMapping: boolean('Entity Highlighting', true)
+    return (_jsx(Card, { children: _jsx(StyledEmailCardContent, { children: _jsx(Email, { id: createUID(), timeStamp: '2021-01-05T09:12', from: mockEmails['Laura Stevens'], cc: [mockEmails['Adam Gillchrist'], mockEmails['John Paul']], bcc: [mockEmails['Anton, Randy'], mockEmails['Hugh Phillips']], to: [mockEmails['Sara Davis'], mockEmails['John Brown'], mockEmails['Joe Stevens']], body: '<div>Hi,<br/><p>I am one of the customer of Indian Overseas Bank, <b><i>Nagercoil</i></b> branch, with code <b><a href="www.google.com"><i>3967</i></a></b>. I have a saving bank account here. My account number is <i>6785420965476</i>.</p><br/><p>I have been given a debit cum ATM card from this bank and the same has been lost when I was traveling from Nagercoil to Trichy by Bus on Jan 04, 2021. I remember that my ATM card number was 1920 6746 8653 1256.</p><br/>I hereby request you to block my debit card immediately to prevent misuse of the same by some others. Also I request you to give me an new debit card as early as possible.<br/><br/>Regards,<br/>Laura Stevens</div>', entityHighlightMapping: boolean('Entity Highlighting', true)
                     ? [
                         {
                             value: '3967',
@@ -255,6 +270,28 @@ export const emailEntities = () => {
                             description: 'Date'
                         }
                     ]
+                    : undefined, contextMenu: boolean('Copy to context menu fields', true)
+                    ? {
+                        heading: 'Copy to',
+                        items: [
+                            {
+                                id: createUID(),
+                                primary: 'Field 1',
+                                selected: false
+                            },
+                            {
+                                id: createUID(),
+                                primary: 'Field 2',
+                                selected: true
+                            },
+                            {
+                                id: createUID(),
+                                primary: 'Field 3',
+                                selected: true
+                            }
+                        ],
+                        onItemClick: action('On Copy')
+                    }
                     : undefined, subject: 'I lost my debit card', onReply: action('On reply'), onReplyAll: action('On reply all'), onForward: action('On forward'), onSuggestionClick: action('On Suggested reply clicked'), sentiment: {
                     variant: 'neutral'
                 }, actions: emailActions, suggestions: mockSuggestedReplies }, void 0) }, void 0) }, void 0));
@@ -315,11 +352,15 @@ export const emailConversation = () => {
 export const EmailComposerDemo = () => {
     const fileUploadInputRef = useRef(null);
     const [attachments, setAttachments] = useState(emailAttachments);
+    const onTemplateChange = id => {
+        const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);
+        return selectedTemplate?.content;
+    };
     return (_jsx(Card, { style: { width: '30rem' }, children: _jsxs(CardContent, { children: [_jsx(EmailComposer, { onSend: action('On Send'), onCancel: action('On cancel'), externalValidator: handleExternalEntry, participants: participants, to: {
                         reply: [participants[7].emailAddress],
                         replyAll: toParticipants,
                         forward: []
-                    }, cc: ccParticipants, bcc: bccParticipants, responseType: 'reply', subject: 'Request: Pause service', templates: mockEmailBodyTemplates, bodyContent: 'Hi, Hope you are doing well', onImageAdded: action('On Image added'), attachments: attachments.map(attachment => {
+                    }, cc: ccParticipants, bcc: bccParticipants, responseType: 'reply', subject: 'Request: Pause service', templates: templates, onTemplateChange: onTemplateChange, bodyContent: 'Hi, Hope you are doing well', onImageAdded: action('On Image added'), attachments: attachments.map(attachment => {
                         return {
                             ...attachment,
                             onDelete: name => {
@@ -362,6 +403,10 @@ export const EmailComposerDemo = () => {
 
 */
 export const EmailDemo = ({ hideSuggestions }) => {
+    const onTemplateChange = id => {
+        const selectedTemplate = mockEmailBodyTemplates.find(template => template.id === id);
+        return selectedTemplate?.content;
+    };
     const actions = array('Actions', ['Transfer', 'End conversation']).map(name => ({
         primary: name,
         id: name,
@@ -407,12 +452,13 @@ export const EmailDemo = ({ hideSuggestions }) => {
             subject: 'Pause service'
         }
     ].map(emailData => {
-        const emailActionItems = emailDemoActions(create, emailData.subject);
+        const emailActionItems = emailDemoActions(create, emailData.subject, onTemplateChange);
         return {
             ...emailData,
             onReply: id => {
                 launchEmailComposer(id, LaunchAction.REPLY, {
                     ...baseComposerProps,
+                    onTemplateChange,
                     externalValidator: handleExternalEntry,
                     responseType: 'reply',
                     subject: `Re-${emailData.subject}` || ''
@@ -421,6 +467,7 @@ export const EmailDemo = ({ hideSuggestions }) => {
             onForward: id => {
                 launchEmailComposer(id, LaunchAction.FORWARD, {
                     ...baseComposerProps,
+                    onTemplateChange,
                     externalValidator: handleExternalEntry,
                     responseType: 'forward',
                     subject: `Fw-${emailData.subject}` || ''
@@ -432,9 +479,10 @@ export const EmailDemo = ({ hideSuggestions }) => {
                     ...baseComposerProps,
                     externalValidator: handleExternalEntry,
                     responseType: 'reply',
+                    onTemplateChange,
                     subject: suggestion?.title || '',
                     bodyContent: suggestion ? suggestion.content : '',
-                    defaultTemplate: suggestion?.title
+                    defaultTemplateId: suggestion?.id
                 }, create);
             },
             actions: emailActionItems,