@pega/cosmos-react-demos 3.0.0-dev.2.1 → 3.0.0-dev.20.0

package/lib/social/Chat/RepeatingView.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepeatingView.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport styled, { css } from 'styled-components';\nimport { radios } from '@storybook/addon-knobs';\n\nimport { Avatar, SummaryItem, defaultThemeProp } from '@pega/cosmos-react-core';\nimport {\n  RepeatingView,\n  StyledRepeatingViewItem,\n  StyledRepeatingView,\n  RepeatingViewRow,\n  RepeatingViewProps\n} from '@pega/cosmos-react-social';\n\nexport default {\n  title: 'Social/Chat/RepeatingView',\n  component: RepeatingView\n};\n\nexport interface Contact extends RepeatingViewRow {\n  name: { title: string; first: string; last: string };\n  phone: string;\n  picture: { thumbnail: string };\n}\n\nconst StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  return css`\n    width: 25rem;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, 0%);\n    z-index: 1;\n    border: 0.0625rem solid ${bdrColor};\n    background-color: ${theme.base.palette['primary-background']};\n    ${StyledRepeatingViewItem} {\n      border-bottom: 0.0625rem solid ${bdrColor};\n      padding: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledContactsBook.defaultProps = defaultThemeProp;\n\nconst INITIAL_CHUNK_SIZE = 50;\nconst APPEND_CHUNK_SIZE = 25;\nconst FETCH_AHEAD_OFFSET = 10;\nconst TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\nfunction id() {\n  return Math.floor(Math.random() * Math.floor(500000)).toString();\n}\n\nconst FetchContactsAPI: (results: number, abortController: AbortController) => Promise<Contact[]> =\n  (results, abortController) => {\n    return fetch(`https://randomuser.me/api?results=${results}`, {\n      signal: abortController.signal\n    })\n      .then(res => res.json())\n      .then((data: any) =>\n        [...data.results].map(item => ({\n          ...item,\n          id: id()\n        }))\n      );\n  };\n\nexport const RepeatingViewSample = () => {\n  const [rows, setRows] = useState<{\n    data: Contact[];\n    isLoading: boolean;\n  }>({\n    data: [],\n    isLoading: true\n  });\n\n  const scrollDirectionOptions: Record<string, RepeatingViewProps['scrollDirection']> = {\n    'Top to bottom': 'top-to-bottom',\n    'Bottom to top': 'bottom-to-top'\n  };\n  const scrollDirection = radios(\n    'Scroll direction',\n    scrollDirectionOptions,\n    scrollDirectionOptions[Object.keys(scrollDirectionOptions)[0]]\n  );\n\n  const abortController = useMemo(() => {\n    return new AbortController();\n  }, []);\n\n  useEffect(() => {\n    FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n      setRows(prevRows => ({\n        isLoading: false,\n        data: [...prevRows.data, ...newRows]\n      }));\n    });\n    return () => {\n      abortController.abort();\n    };\n  }, []);\n\n  const loadMore = useCallback(() => {\n    if (!rows.isLoading) {\n      setRows(prevRows => ({\n        ...prevRows,\n        isLoading: true\n      }));\n      FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n        setRows(prevRows => ({\n          isLoading: false,\n          data: [...prevRows.data, ...newRows]\n        }));\n      });\n    }\n  }, [rows, setRows]);\n\n  return (\n    <RepeatingView\n      as={StyledContactsBook}\n      loading={rows.isLoading}\n      rows={rows.data}\n      style={{ height: '40rem', maxHeight: '100vh' }}\n      loadMore={loadMore}\n      offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n      scrollDirection={scrollDirection}\n    >\n      {row => {\n        const {\n          name: { title, first, last },\n          phone,\n          picture: { thumbnail }\n        } = row as Contact;\n        return (\n          <SummaryItem\n            primary={[title, first, last].join(' ')}\n            visual={\n              <Avatar\n                imageSrc={thumbnail}\n                name={[title, first, last].join(' ')}\n                shape='circle'\n                size='l'\n              />\n            }\n            secondary={phone}\n          />\n        );\n      }}\n    </RepeatingView>\n  );\n};\n"]}
+{"version":3,"file":"RepeatingView.stories.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useState, useEffect, useMemo } from 'react';\nimport { Meta, Story } from '@storybook/react';\n\nimport { Avatar, SummaryItem } from '@pega/cosmos-react-core';\nimport { RepeatingView, RepeatingViewProps } from '@pega/cosmos-react-social';\n\nimport { StyledContactsBook } from './RepeatingView.styles';\nimport { Contact, FetchContactsAPI } from './RepeatingView.mocks';\n\nexport default {\n  title: 'Social/Chat/RepeatingView',\n  component: RepeatingView\n} as Meta;\n\ninterface RepeatingViewStoryProps {\n  scrollDirection: RepeatingViewProps['scrollDirection'];\n}\n\nexport const RepeatingViewSample: Story<RepeatingViewStoryProps> = (\n  args: RepeatingViewStoryProps\n) => {\n  const INITIAL_CHUNK_SIZE = 50;\n  const APPEND_CHUNK_SIZE = 25;\n  const FETCH_AHEAD_OFFSET = 10;\n  const TOTAL_RECORDS = Math.max(INITIAL_CHUNK_SIZE, 100);\n\n  const [rows, setRows] = useState<{\n    data: Contact[];\n    isLoading: boolean;\n  }>({\n    data: [],\n    isLoading: true\n  });\n\n  const abortController = useMemo(() => {\n    return new AbortController();\n  }, []);\n\n  useEffect(() => {\n    FetchContactsAPI(INITIAL_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n      setRows(prevRows => ({\n        isLoading: false,\n        data: [...prevRows.data, ...newRows]\n      }));\n    });\n    return () => {\n      abortController.abort();\n    };\n  }, []);\n\n  const loadMore = useCallback(() => {\n    if (!rows.isLoading) {\n      setRows(prevRows => ({\n        ...prevRows,\n        isLoading: true\n      }));\n      FetchContactsAPI(APPEND_CHUNK_SIZE, abortController).then((newRows: Contact[]) => {\n        setRows(prevRows => ({\n          isLoading: false,\n          data: [...prevRows.data, ...newRows]\n        }));\n      });\n    }\n  }, [rows, setRows]);\n\n  return (\n    <RepeatingView\n      as={StyledContactsBook}\n      loading={rows.isLoading}\n      rows={rows.data}\n      style={{ height: '40rem', maxHeight: '100vh' }}\n      loadMore={loadMore}\n      offset={rows.data.length === TOTAL_RECORDS ? -1 : rows.data.length - FETCH_AHEAD_OFFSET}\n      scrollDirection={args.scrollDirection}\n    >\n      {row => {\n        const {\n          name: { title, first, last },\n          phone,\n          picture: { thumbnail }\n        } = row as Contact;\n        return (\n          <SummaryItem\n            primary={[title, first, last].join(' ')}\n            visual={\n              <Avatar\n                imageSrc={thumbnail}\n                name={[title, first, last].join(' ')}\n                shape='circle'\n                size='l'\n              />\n            }\n            secondary={phone}\n          />\n        );\n      }}\n    </RepeatingView>\n  );\n};\n\nRepeatingViewSample.args = {\n  scrollDirection: 'top-to-bottom'\n};\n\nRepeatingViewSample.argTypes = {\n  scrollDirection: { options: ['top-to-bottom', 'bottom-to-top'], control: { type: 'select' } }\n};\n"]}

package/lib/social/Chat/RepeatingView.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const StyledContactsBook: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+//# sourceMappingURL=RepeatingView.styles.d.ts.map

package/lib/social/Chat/RepeatingView.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatingView.styles.d.ts","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,yGAgB7B,CAAC"}

package/lib/social/Chat/RepeatingView.styles.js

@@ -0,0 +1,22 @@
+import styled, { css } from 'styled-components';
+import { defaultThemeProp } from '@pega/cosmos-react-core';
+import { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';
+export const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {
+    const bdrColor = theme.base.palette['border-line'];
+    return css `
+    width: 25rem;
+    position: absolute;
+    top: 0;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    z-index: 1;
+    border: 0.0625rem solid ${bdrColor};
+    background-color: ${theme.base.palette['primary-background']};
+    ${StyledRepeatingViewItem} {
+      border-bottom: 0.0625rem solid ${bdrColor};
+      padding: calc(0.5 * ${theme.base.spacing});
+    }
+  `;
+});
+StyledContactsBook.defaultProps = defaultThemeProp;
+//# sourceMappingURL=RepeatingView.styles.js.map

package/lib/social/Chat/RepeatingView.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatingView.styles.js","sourceRoot":"","sources":["../../../src/social/Chat/RepeatingView.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC1E,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;IACnD,OAAO,GAAG,CAAA;;;;;;;8BAOkB,QAAQ;wBACd,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;MAC1D,uBAAuB;uCACU,QAAQ;4BACnB,KAAK,CAAC,IAAI,CAAC,OAAO;;GAE3C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,kBAAkB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport { defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledRepeatingView, StyledRepeatingViewItem } from '@pega/cosmos-react-social';\n\nexport const StyledContactsBook = styled(StyledRepeatingView)(({ theme }) => {\n  const bdrColor = theme.base.palette['border-line'];\n  return css`\n    width: 25rem;\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translate(-50%, 0%);\n    z-index: 1;\n    border: 0.0625rem solid ${bdrColor};\n    background-color: ${theme.base.palette['primary-background']};\n    ${StyledRepeatingViewItem} {\n      border-bottom: 0.0625rem solid ${bdrColor};\n      padding: calc(0.5 * ${theme.base.spacing});\n    }\n  `;\n});\n\nStyledContactsBook.defaultProps = defaultThemeProp;\n"]}

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

@@ -1,11 +1,15 @@
-import { EmailComposerProps, ViewAnalysisProps } from '@pega/cosmos-react-social';
+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 toParticipants: string[];
 export declare const ccParticipants: string[];
 export declare const bccParticipants: string[];
-export declare const ViewAnalysisMockData: ViewAnalysisProps['content'];
+export declare const EntityListMockData: EntityListProps['content'];
 export declare const EmailMockData: {
     emails: {
         'Sara Davis': {
@@ -83,4 +87,183 @@ export declare const EmailMockData: {
         content: string;
     }[];
 };
+export declare const viewAnalysisEmailHeaderMock: FieldValueListProps['fields'];
+export declare const topicListMock: ({
+    id: string;
+    primary: string;
+    secondary: {
+        indicator: string;
+        value: string;
+    };
+} | {
+    id: string;
+    primary: string;
+    secondary: {
+        indicator: string;
+        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;
+    title: string;
+}[];
+export declare const baseComposerProps: EmailComposerProps;
+export declare enum LaunchAction {
+    REPLY = 0,
+    REPLYALL = 1,
+    SUGGESTION = 2,
+    FORWARD = 3
+}
+export declare const composerModals: {
+    [key: string]: {
+        dismissModal: () => void;
+        unMountModal: () => void;
+        updateModal: ModalMethods['update'];
+        composerHandle: Ref<EmailComposerHandleValue>;
+    };
+};
+export declare const getCompositeId: (id: string, launchAction: LaunchAction) => string;
+export declare const handleComposerCancel: (compositeID: string) => void;
+export declare const ComposerModalComponent: FC<{
+    compositeId: string;
+    composerProps: EmailComposerProps;
+    composerHandle: RefObject<EmailComposerHandleValue>;
+    progress: EmailComposerProps['progress'];
+}>;
+export declare const mockEmails: {
+    'Sara Davis': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Brown': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Hugh Phillips': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Laura Stevens': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+        avatarProps: {
+            icon: string;
+        };
+    };
+    'Joe Stevens': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Adam Gillchrist': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Paul': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Oran Jacob': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Tyson Mike': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'John Cent': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Mystery Rey': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+    'Anton, Randy': {
+        fullName: string;
+        shortName: string;
+        emailAddress: string;
+    };
+};
+export declare const mockSuggestedReplies: {
+    id: string;
+    title: string;
+    content: string;
+}[];
+export declare const mockEmailBodyTemplates: {
+    id: string;
+    title: string;
+    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: (id: EmailProps['id'], subject: EmailProps['subject'], createOrActivateComposer: (id: EmailProps['id'], launchAction: LaunchAction, composerProps: EmailComposerProps) => void) => JSX.Element;
+export declare const generateEmailConversationParticipants: (emails: EmailProps[], fields?: string[]) => EmailUser[];
+export declare const sentiment: SentimentProps;
+export declare const emailSummaryItems: ({
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    urgency: number;
+    unreadEmailCount: number;
+} | {
+    id: string;
+    activeParticipants: {
+        shortName: string;
+        fullName: string;
+        emailAddress: string;
+    }[];
+    message: string;
+    timeStamp: Date;
+    topic: string;
+    sentiment: SentimentProps;
+    urgency: number;
+    unreadEmailCount?: 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[];
+})[];
 //# 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.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.tsx"],"names":[],"mappings":"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"}