@pega/cosmos-react-demos 2.0.0 → 2.1.3

package/jsx/cs/ArticleList/ArticleList.mocks.js

@@ -0,0 +1,102 @@
+export const ArticleListMockData = {
+    articleList: [
+        {
+            articleId: '1',
+            header: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',
+            abstract: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',
+            meta: {
+                category: 'Banking and Retail',
+                publishedDate: '12/12/2019',
+                likes: 3500,
+                disLikes: 85
+            }
+        },
+        {
+            articleId: '2',
+            header: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',
+            abstract: 'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',
+            meta: {
+                category: 'Retail',
+                publishedDate: '12/12/2019',
+                likes: 47,
+                disLikes: 15
+            }
+        },
+        {
+            articleId: '3',
+            header: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',
+            abstract: 'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',
+            meta: {
+                category: 'Finance',
+                publishedDate: '12/12/2019',
+                likes: 89,
+                disLikes: 33
+            }
+        },
+        {
+            articleId: '4',
+            header: 'Tootsie roll tiramisu jujubes gingerbread macaroon',
+            abstract: 'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',
+            meta: {
+                category: 'Insurance',
+                publishedDate: '12/12/2019',
+                likes: 950,
+                disLikes: 2
+            }
+        },
+        {
+            articleId: '5',
+            header: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',
+            abstract: 'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',
+            meta: {
+                category: 'Banking and Retail',
+                publishedDate: '12/12/2019',
+                likes: 3500,
+                disLikes: 85
+            }
+        },
+        {
+            articleId: '6',
+            header: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',
+            abstract: 'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',
+            meta: {
+                category: 'Retail',
+                publishedDate: '12/12/2019',
+                likes: 47,
+                disLikes: 15
+            }
+        },
+        {
+            articleId: '7',
+            header: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',
+            abstract: 'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',
+            meta: {
+                category: 'Finance',
+                publishedDate: '12/12/2019',
+                likes: 89,
+                disLikes: 33
+            }
+        },
+        {
+            articleId: '8',
+            header: 'Tootsie roll tiramisu jujubes gingerbread macaroon',
+            abstract: 'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',
+            meta: {
+                category: 'Insurance',
+                publishedDate: '12/12/2019',
+                likes: 950,
+                disLikes: 2
+            }
+        }
+    ],
+    categoriesList: [
+        { id: '1', name: 'Education', level: 'Experts', category: 'Loans' },
+        { id: '2', name: 'Auto loan', level: 'Experts', category: 'Loans' },
+        { id: '3', name: 'Credit card', level: 'Intermediate', category: 'Banking' },
+        { id: '4', name: 'General Q & A', level: 'Intermediate', category: 'Others' },
+        { id: '5', name: 'Debit card', level: 'Intermediate', category: 'Banking' },
+        { id: '6', name: 'Retail banking', level: 'Intermediate', category: 'Banking' }
+    ],
+    sortByOptions: ['Top rated', 'Recently published', 'Suggested']
+};
+//# sourceMappingURL=ArticleList.mocks.js.map

package/jsx/cs/ArticleList/ArticleList.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleList.mocks.js","sourceRoot":"","sources":["../../../src/cs/ArticleList/ArticleList.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["export const ArticleListMockData = {\n  articleList: [\n    {\n      articleId: '1',\n      header: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: 'Banking and Retail',\n        publishedDate: '12/12/2019',\n        likes: 3500,\n        disLikes: 85\n      }\n    },\n    {\n      articleId: '2',\n      header: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: 'Retail',\n        publishedDate: '12/12/2019',\n        likes: 47,\n        disLikes: 15\n      }\n    },\n    {\n      articleId: '3',\n      header: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: 'Finance',\n        publishedDate: '12/12/2019',\n        likes: 89,\n        disLikes: 33\n      }\n    },\n    {\n      articleId: '4',\n      header: 'Tootsie roll tiramisu jujubes gingerbread macaroon',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: 'Insurance',\n        publishedDate: '12/12/2019',\n        likes: 950,\n        disLikes: 2\n      }\n    },\n    {\n      articleId: '5',\n      header: 'Bear claw jujubes pastry jujubes chocolate bar chupa ',\n      abstract:\n        'At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.',\n      meta: {\n        category: 'Banking and Retail',\n        publishedDate: '12/12/2019',\n        likes: 3500,\n        disLikes: 85\n      }\n    },\n    {\n      articleId: '6',\n      header: 'Oat cake jujubes pudding macaroon apple pie biscuit liquorice',\n      abstract:\n        'Candy cotton candy tiramisu danish halvah pie. Macaroon chupa chups chupa chups tiramisu bear claw liquorice croissant. Powder tart chupa chups.',\n      meta: {\n        category: 'Retail',\n        publishedDate: '12/12/2019',\n        likes: 47,\n        disLikes: 15\n      }\n    },\n    {\n      articleId: '7',\n      header: 'Cookie jelly-o lemon drops gingerbread chocolate marzipan sweet',\n      abstract:\n        'Ice cream dragée ice cream bear claw. Bonbon icing marshmallow fruitcake. Carrot cake chocolate cake pie dessert ',\n      meta: {\n        category: 'Finance',\n        publishedDate: '12/12/2019',\n        likes: 89,\n        disLikes: 33\n      }\n    },\n    {\n      articleId: '8',\n      header: 'Tootsie roll tiramisu jujubes gingerbread macaroon',\n      abstract:\n        'Pudding bear claw sweet sugar plum jelly wafer. Jelly beans chocolate bar jelly-o jelly dessert. Danish toffee lollipop t',\n      meta: {\n        category: 'Insurance',\n        publishedDate: '12/12/2019',\n        likes: 950,\n        disLikes: 2\n      }\n    }\n  ],\n  categoriesList: [\n    { id: '1', name: 'Education', level: 'Experts', category: 'Loans' },\n    { id: '2', name: 'Auto loan', level: 'Experts', category: 'Loans' },\n    { id: '3', name: 'Credit card', level: 'Intermediate', category: 'Banking' },\n    { id: '4', name: 'General Q & A', level: 'Intermediate', category: 'Others' },\n    { id: '5', name: 'Debit card', level: 'Intermediate', category: 'Banking' },\n    { id: '6', name: 'Retail banking', level: 'Intermediate', category: 'Banking' }\n  ],\n  sortByOptions: ['Top rated', 'Recently published', 'Suggested']\n};\n"]}

package/jsx/cs/ArticleList/ArticleList.stories.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: import("react").FunctionComponent<import("@pega/cosmos-react-cs").ArticleListProps & import("@pega/cosmos-react-core").ForwardProps>;
+    subcomponents: {
+        ArticleSummary: import("react").FunctionComponent<import("@pega/cosmos-react-cs").ArticleSummaryProps & import("@pega/cosmos-react-core").ForwardProps>;
+        ArticleListHeader: import("react").FunctionComponent<import("@pega/cosmos-react-cs").ArticleListHeaderProps>;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default _default;
+export declare const FirstArticleList: () => JSX.Element;
+export declare const ArticleListWithSkeleton: () => JSX.Element;
+//# sourceMappingURL=ArticleList.stories.d.ts.map

package/jsx/cs/ArticleList/ArticleList.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArticleList.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/ArticleList/ArticleList.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AA0BA,wBAOE;AAIF,eAAO,MAAM,gBAAgB,mBAyJ5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBASnC,CAAC"}

package/jsx/cs/CSCaseView/CSAppShell.stories.d.ts

@@ -0,0 +1,45 @@
+import { Story } from '@storybook/react';
+import { InteractionTimerStoryProps } from '@pega/cosmos-react-demos/lib/cs/InteractionTimer/InteractionTimer.stories';
+declare const _default: {
+    title: string;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        isDraggable: boolean;
+        hasInteractionNotifications: boolean;
+        enableSla: boolean;
+    };
+    argTypes: {
+        isDraggable: {
+            control: {
+                type: string;
+            };
+        };
+        hasInteractionNotifications: {
+            control: {
+                type: string;
+            };
+        };
+        enableSla: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare type LoginError = string;
+export interface LoginFormProps {
+    ctiLinkOptions: {
+        [key: string]: string;
+    };
+    onLogin: (ctiLinkId: keyof LoginFormProps['ctiLinkOptions'], agentId: string, password: string) => Promise<LoginError | undefined>;
+}
+interface CSAppShellProps {
+    isDraggable?: boolean;
+    hasInteractionNotifications?: InteractionTimerStoryProps['hasNotifications'];
+    enableSla?: InteractionTimerStoryProps['showTimer'];
+}
+export declare const CSAppShell: Story<CSAppShellProps>;
+//# sourceMappingURL=CSAppShell.stories.d.ts.map

package/jsx/cs/CSCaseView/CSAppShell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSAppShell.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/CSCaseView/CSAppShell.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AA0BzC,OAAO,EAEL,0BAA0B,EAC3B,MAAM,2EAA2E,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQnF,wBAeE;AAEF,oBAAY,UAAU,GAAG,MAAM,CAAC;AAEhC,MAAM,WAAW,cAAc;IAC7B,cAAc,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAC1C,OAAO,EAAE,CACP,SAAS,EAAE,MAAM,cAAc,CAAC,gBAAgB,CAAC,EACjD,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,KACb,OAAO,CAAC,UAAU,GAAG,SAAS,CAAC,CAAC;CACtC;AAoED,UAAU,eAAe;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2BAA2B,CAAC,EAAE,0BAA0B,CAAC,kBAAkB,CAAC,CAAC;IAC7E,SAAS,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,eAAe,CAoS7C,CAAC"}

package/jsx/cs/CSCaseView/CSCaseView.mocks.d.ts

@@ -0,0 +1,57 @@
+export declare const AppShellMockData: {
+    notifications: {
+        id: string;
+        primary: string;
+        secondary: string;
+        visual: string;
+        unread: boolean;
+    }[];
+    recents: {
+        id: string;
+        primary: string;
+        secondary: string;
+    }[];
+    'Phone Interaction': {
+        caseId: string;
+        heading: string;
+        primaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+        secondaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+    };
+    'Chat Interaction': {
+        caseId: string;
+        heading: string;
+        primaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+        secondaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+    };
+    'Mail Interaction': {
+        caseId: string;
+        heading: string;
+        primaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+        secondaryFields: {
+            id: string;
+            name: string;
+            value: string;
+        }[];
+    };
+};
+//# sourceMappingURL=CSCaseView.mocks.d.ts.map

package/jsx/cs/CSCaseView/CSCaseView.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSCaseView.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/CSCaseView/CSCaseView.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmO5B,CAAC"}

package/jsx/cs/CSCaseView/CSCaseView.mocks.js

@@ -0,0 +1,224 @@
+export const AppShellMockData = {
+    notifications: [
+        {
+            id: '123',
+            primary: "Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.",
+            secondary: 'BUG-12345',
+            visual: 'Dean Thomas',
+            unread: true
+        },
+        {
+            id: '456',
+            primary: "Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.",
+            visual: 'Seth DeAngelo',
+            secondary: 'BUG-12345',
+            unread: true
+        },
+        {
+            id: '789',
+            primary: "Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.",
+            secondary: 'BUG-12345',
+            visual: 'Janet Moore',
+            unread: true
+        },
+        {
+            id: '000',
+            primary: 'You have been awarded Employee of the Month! Congratulations!',
+            secondary: '',
+            visual: 'Cindy Turner',
+            unread: true
+        }
+    ],
+    recents: [
+        {
+            id: '123',
+            primary: "BUG-12345: 'Button does not initiate onClick event handler'.",
+            secondary: 'BUG-12345'
+        },
+        {
+            id: '456',
+            primary: "BUG-54321: 'Text variant h1 renders as h3 in DOM'.",
+            secondary: 'BUG-00000'
+        },
+        {
+            id: '789',
+            primary: "BUG-00000: 'Tree expanded state does not match the state that was set on the component'.",
+            secondary: 'BUG-00000'
+        },
+        {
+            id: '111',
+            primary: "BUG-12345: 'Button does not initiate onClick event handler'.",
+            secondary: 'BUG-12345'
+        },
+        {
+            id: '222',
+            primary: "BUG-54321: 'Text variant h1 renders as h3 in DOM'.",
+            secondary: 'BUG-00000'
+        },
+        {
+            id: '333',
+            primary: "BUG-00000: 'Tree expanded state does not match the state that was set on the component'.",
+            secondary: 'BUG-00000'
+        },
+        {
+            id: '444',
+            primary: "BUG-12345: 'Button does not initiate onClick event handler'.",
+            secondary: 'BUG-12345'
+        },
+        {
+            id: '555',
+            primary: "BUG-54321: 'Text variant h1 renders as h3 in DOM'.",
+            secondary: 'BUG-00000'
+        },
+        {
+            id: '666',
+            primary: "BUG-00000: 'Tree expanded state does not match the state that was set on the component'.",
+            secondary: 'BUG-00000'
+        }
+    ],
+    'Phone Interaction': {
+        caseId: 'Customer',
+        heading: 'Ginger Ventura',
+        primaryFields: [
+            {
+                id: '0',
+                name: 'Lifetime value',
+                value: 'Gold'
+            },
+            {
+                id: '1',
+                name: 'Interaction type',
+                value: 'Phone'
+            },
+            {
+                id: '2',
+                name: 'Churn risk',
+                value: 'Low'
+            },
+            {
+                id: '3',
+                name: 'Status',
+                value: 'Open'
+            }
+        ],
+        secondaryFields: [
+            {
+                id: '0',
+                name: 'Status',
+                value: 'Verified'
+            },
+            {
+                id: '1',
+                name: 'Web login',
+                value: 'Today'
+            },
+            {
+                id: '2',
+                name: 'Customer since',
+                value: 'July 2018'
+            },
+            {
+                id: '3',
+                name: 'Address',
+                value: '2213b Gormand street'
+            }
+        ]
+    },
+    'Chat Interaction': {
+        caseId: 'Customer',
+        heading: 'Sara Davis',
+        primaryFields: [
+            {
+                id: '0',
+                name: 'Lifetime value',
+                value: 'Silver'
+            },
+            {
+                id: '1',
+                name: 'Interaction type',
+                value: 'Chat'
+            },
+            {
+                id: '2',
+                name: 'Churn risk',
+                value: 'High'
+            },
+            {
+                id: '3',
+                name: 'Status',
+                value: 'Open'
+            }
+        ],
+        secondaryFields: [
+            {
+                id: '0',
+                name: 'Status',
+                value: 'Verified'
+            },
+            {
+                id: '1',
+                name: 'Web login',
+                value: 'Today'
+            },
+            {
+                id: '2',
+                name: 'Customer since',
+                value: 'March 2005'
+            },
+            {
+                id: '3',
+                name: 'Address',
+                value: '340 River'
+            }
+        ]
+    },
+    'Mail Interaction': {
+        caseId: 'Customer',
+        heading: 'John Brown',
+        primaryFields: [
+            {
+                id: '0',
+                name: 'Lifetime value',
+                value: 'Bronze'
+            },
+            {
+                id: '1',
+                name: 'Interaction type',
+                value: 'Mail'
+            },
+            {
+                id: '2',
+                name: 'Churn risk',
+                value: 'Medium'
+            },
+            {
+                id: '3',
+                name: 'Status',
+                value: 'Open'
+            }
+        ],
+        secondaryFields: [
+            {
+                id: '0',
+                name: 'Status',
+                value: 'Verified'
+            },
+            {
+                id: '1',
+                name: 'Web login',
+                value: 'Today'
+            },
+            {
+                id: '2',
+                name: 'Customer since',
+                value: 'March 1995'
+            },
+            {
+                id: '3',
+                name: 'Address',
+                value: '340 River'
+            }
+        ]
+    }
+};
+//# sourceMappingURL=CSCaseView.mocks.js.map

package/jsx/cs/CSCaseView/CSCaseView.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CSCaseView.mocks.js","sourceRoot":"","sources":["../../../src/cs/CSCaseView/CSCaseView.mocks.ts"],"names":[],"mappings":"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","sourcesContent":["export const AppShellMockData = {\n  notifications: [\n    {\n      id: '123',\n      primary:\n        \"Dean Thomas mentioned your team in a bug 'Button does not initiate onClick event handler'.\",\n      secondary: 'BUG-12345',\n      visual: 'Dean Thomas',\n      unread: true\n    },\n    {\n      id: '456',\n      primary: \"Seth DeAngelo mentioned your team in a bug 'Text variant h1 renders as h3 in DOM'.\",\n      visual: 'Seth DeAngelo',\n      secondary: 'BUG-12345',\n      unread: true\n    },\n    {\n      id: '789',\n      primary:\n        \"Janet Moore mentioned your team in a bug 'Tree expanded state does not match the state that was set on the component'.\",\n      secondary: 'BUG-12345',\n      visual: 'Janet Moore',\n      unread: true\n    },\n    {\n      id: '000',\n      primary: 'You have been awarded Employee of the Month! Congratulations!',\n      secondary: '',\n      visual: 'Cindy Turner',\n      unread: true\n    }\n  ],\n  recents: [\n    {\n      id: '123',\n      primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n      secondary: 'BUG-12345'\n    },\n    {\n      id: '456',\n      primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n      secondary: 'BUG-00000'\n    },\n    {\n      id: '789',\n      primary:\n        \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n      secondary: 'BUG-00000'\n    },\n    {\n      id: '111',\n      primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n      secondary: 'BUG-12345'\n    },\n    {\n      id: '222',\n      primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n      secondary: 'BUG-00000'\n    },\n    {\n      id: '333',\n      primary:\n        \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n      secondary: 'BUG-00000'\n    },\n    {\n      id: '444',\n      primary: \"BUG-12345: 'Button does not initiate onClick event handler'.\",\n      secondary: 'BUG-12345'\n    },\n    {\n      id: '555',\n      primary: \"BUG-54321: 'Text variant h1 renders as h3 in DOM'.\",\n      secondary: 'BUG-00000'\n    },\n    {\n      id: '666',\n      primary:\n        \"BUG-00000: 'Tree expanded state does not match the state that was set on the component'.\",\n      secondary: 'BUG-00000'\n    }\n  ],\n  'Phone Interaction': {\n    caseId: 'Customer',\n    heading: 'Ginger Ventura',\n    primaryFields: [\n      {\n        id: '0',\n        name: 'Lifetime value',\n        value: 'Gold'\n      },\n      {\n        id: '1',\n        name: 'Interaction type',\n        value: 'Phone'\n      },\n      {\n        id: '2',\n        name: 'Churn risk',\n        value: 'Low'\n      },\n      {\n        id: '3',\n        name: 'Status',\n        value: 'Open'\n      }\n    ],\n    secondaryFields: [\n      {\n        id: '0',\n        name: 'Status',\n        value: 'Verified'\n      },\n      {\n        id: '1',\n        name: 'Web login',\n        value: 'Today'\n      },\n      {\n        id: '2',\n        name: 'Customer since',\n        value: 'July 2018'\n      },\n      {\n        id: '3',\n        name: 'Address',\n        value: '2213b Gormand street'\n      }\n    ]\n  },\n  'Chat Interaction': {\n    caseId: 'Customer',\n    heading: 'Sara Davis',\n    primaryFields: [\n      {\n        id: '0',\n        name: 'Lifetime value',\n        value: 'Silver'\n      },\n      {\n        id: '1',\n        name: 'Interaction type',\n        value: 'Chat'\n      },\n      {\n        id: '2',\n        name: 'Churn risk',\n        value: 'High'\n      },\n      {\n        id: '3',\n        name: 'Status',\n        value: 'Open'\n      }\n    ],\n    secondaryFields: [\n      {\n        id: '0',\n        name: 'Status',\n        value: 'Verified'\n      },\n      {\n        id: '1',\n        name: 'Web login',\n        value: 'Today'\n      },\n      {\n        id: '2',\n        name: 'Customer since',\n        value: 'March 2005'\n      },\n      {\n        id: '3',\n        name: 'Address',\n        value: '340 River'\n      }\n    ]\n  },\n  'Mail Interaction': {\n    caseId: 'Customer',\n    heading: 'John Brown',\n    primaryFields: [\n      {\n        id: '0',\n        name: 'Lifetime value',\n        value: 'Bronze'\n      },\n      {\n        id: '1',\n        name: 'Interaction type',\n        value: 'Mail'\n      },\n      {\n        id: '2',\n        name: 'Churn risk',\n        value: 'Medium'\n      },\n      {\n        id: '3',\n        name: 'Status',\n        value: 'Open'\n      }\n    ],\n    secondaryFields: [\n      {\n        id: '0',\n        name: 'Status',\n        value: 'Verified'\n      },\n      {\n        id: '1',\n        name: 'Web login',\n        value: 'Today'\n      },\n      {\n        id: '2',\n        name: 'Customer since',\n        value: 'March 1995'\n      },\n      {\n        id: '3',\n        name: 'Address',\n        value: '340 River'\n      }\n    ]\n  }\n};\n"]}

package/jsx/cs/CallControlPanel/CallControlPanel.mocks.d.ts

@@ -0,0 +1,16 @@
+export declare const contactsList: {
+    phoneNumber: string;
+    primary: string;
+    secondary: string;
+    favorite: boolean;
+}[];
+export declare const transferReasons: {
+    id: string;
+    label: string;
+}[];
+export declare const userStatusOptions: {
+    id: string;
+    label: string;
+    status: string;
+}[];
+//# sourceMappingURL=CallControlPanel.mocks.d.ts.map

package/jsx/cs/CallControlPanel/CallControlPanel.mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallControlPanel.mocks.d.ts","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;GAmExB,CAAC;AAEF,eAAO,MAAM,eAAe;;;GAa3B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;GA0B7B,CAAC"}

package/jsx/cs/CallControlPanel/CallControlPanel.mocks.js

@@ -0,0 +1,110 @@
+export const contactsList = [
+    {
+        phoneNumber: '343445656',
+        primary: 'Gregory Rhodes',
+        secondary: 'Supervisor',
+        favorite: true
+    },
+    {
+        phoneNumber: '123243434',
+        primary: 'Ella Bridges',
+        secondary: 'Representative',
+        favorite: true
+    },
+    {
+        phoneNumber: '4545455',
+        primary: 'Carrie Hanson',
+        secondary: 'Representative',
+        favorite: false
+    },
+    {
+        phoneNumber: '48436346',
+        primary: 'Chris Wallas',
+        secondary: 'Supervisor',
+        favorite: false
+    },
+    {
+        phoneNumber: '34455656',
+        primary: 'Craig Marsh',
+        secondary: 'Supervisor',
+        favorite: false
+    },
+    {
+        phoneNumber: '45565678',
+        primary: 'Derrick Sutton',
+        secondary: 'Representative',
+        favorite: false
+    },
+    {
+        phoneNumber: '54367578',
+        primary: 'Lizzie Johnson',
+        secondary: 'Supervisor',
+        favorite: false
+    },
+    {
+        phoneNumber: '65345789',
+        primary: 'Ivan Fuller',
+        secondary: 'Representative',
+        favorite: false
+    },
+    {
+        phoneNumber: '764455478',
+        primary: 'Sam Smith',
+        secondary: 'Supervisor',
+        favorite: false
+    },
+    {
+        phoneNumber: '876464003',
+        primary: 'Joe Doe',
+        secondary: 'Representative',
+        favorite: false
+    },
+    {
+        phoneNumber: '426464003',
+        primary: 'Jane Doe',
+        secondary: 'Representative',
+        favorite: false
+    }
+];
+export const transferReasons = [
+    {
+        id: 'offline',
+        label: 'Offline'
+    },
+    {
+        id: 'busy',
+        label: 'Busy'
+    },
+    {
+        id: 'on_break',
+        label: 'On break'
+    }
+];
+export const userStatusOptions = [
+    {
+        id: 'offline',
+        label: 'Offline',
+        status: 'offline'
+    },
+    {
+        id: 'available',
+        label: 'Available',
+        status: 'available'
+    },
+    {
+        id: 'not_available',
+        label: 'Not available',
+        status: 'busy'
+    },
+    {
+        id: 'away',
+        label: 'Break',
+        status: 'away'
+    },
+    {
+        id: 'reconnecting',
+        label: 'Reconnecting',
+        status: 'not_available'
+    }
+];
+//# sourceMappingURL=CallControlPanel.mocks.js.map

package/jsx/cs/CallControlPanel/CallControlPanel.mocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallControlPanel.mocks.js","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.mocks.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B;QACE,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,IAAI;KACf;IACD;QACE,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,IAAI;KACf;IACD;QACE,WAAW,EAAE,SAAS;QACtB,OAAO,EAAE,eAAe;QACxB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,cAAc;QACvB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,gBAAgB;QACzB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,UAAU;QACvB,OAAO,EAAE,aAAa;QACtB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,YAAY;QACvB,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,KAAK;KAChB;IACD;QACE,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,gBAAgB;QAC3B,QAAQ,EAAE,KAAK;KAChB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;KACjB;IACD;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;KACd;IACD;QACE,EAAE,EAAE,UAAU;QACd,KAAK,EAAE,UAAU;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,SAAS;KAClB;IACD;QACE,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;KACpB;IACD;QACE,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,MAAM;KACf;IACD;QACE,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,MAAM;KACf;IACD;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,eAAe;KACxB;CACF,CAAC","sourcesContent":["export const contactsList = [\n  {\n    phoneNumber: '343445656',\n    primary: 'Gregory Rhodes',\n    secondary: 'Supervisor',\n    favorite: true\n  },\n  {\n    phoneNumber: '123243434',\n    primary: 'Ella Bridges',\n    secondary: 'Representative',\n    favorite: true\n  },\n  {\n    phoneNumber: '4545455',\n    primary: 'Carrie Hanson',\n    secondary: 'Representative',\n    favorite: false\n  },\n  {\n    phoneNumber: '48436346',\n    primary: 'Chris Wallas',\n    secondary: 'Supervisor',\n    favorite: false\n  },\n  {\n    phoneNumber: '34455656',\n    primary: 'Craig Marsh',\n    secondary: 'Supervisor',\n    favorite: false\n  },\n  {\n    phoneNumber: '45565678',\n    primary: 'Derrick Sutton',\n    secondary: 'Representative',\n    favorite: false\n  },\n  {\n    phoneNumber: '54367578',\n    primary: 'Lizzie Johnson',\n    secondary: 'Supervisor',\n    favorite: false\n  },\n  {\n    phoneNumber: '65345789',\n    primary: 'Ivan Fuller',\n    secondary: 'Representative',\n    favorite: false\n  },\n  {\n    phoneNumber: '764455478',\n    primary: 'Sam Smith',\n    secondary: 'Supervisor',\n    favorite: false\n  },\n  {\n    phoneNumber: '876464003',\n    primary: 'Joe Doe',\n    secondary: 'Representative',\n    favorite: false\n  },\n  {\n    phoneNumber: '426464003',\n    primary: 'Jane Doe',\n    secondary: 'Representative',\n    favorite: false\n  }\n];\n\nexport const transferReasons = [\n  {\n    id: 'offline',\n    label: 'Offline'\n  },\n  {\n    id: 'busy',\n    label: 'Busy'\n  },\n  {\n    id: 'on_break',\n    label: 'On break'\n  }\n];\n\nexport const userStatusOptions = [\n  {\n    id: 'offline',\n    label: 'Offline',\n    status: 'offline'\n  },\n  {\n    id: 'available',\n    label: 'Available',\n    status: 'available'\n  },\n  {\n    id: 'not_available',\n    label: 'Not available',\n    status: 'busy'\n  },\n  {\n    id: 'away',\n    label: 'Break',\n    status: 'away'\n  },\n  {\n    id: 'reconnecting',\n    label: 'Reconnecting',\n    status: 'not_available'\n  }\n];\n"]}

package/jsx/cs/CallControlPanel/CallControlPanel.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Meta, Story } from '@storybook/react';
+import { UserAvailabilityStatusOption } from '@pega/cosmos-react-cs';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+interface CallControlPanelStoryProps {
+    isDraggable?: boolean;
+    status?: UserAvailabilityStatusOption['id'];
+    onStatusChange?: (newStatus: UserAvailabilityStatusOption) => void;
+}
+export declare const CallControlPanelDemo: Story<CallControlPanelStoryProps>;
+export declare const NewCallDemo: () => JSX.Element;
+//# sourceMappingURL=CallControlPanel.stories.d.ts.map

package/jsx/cs/CallControlPanel/CallControlPanel.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallControlPanel.stories.d.ts","sourceRoot":"","sources":["../../../src/cs/CallControlPanel/CallControlPanel.stories.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAG/C,OAAO,EAIL,4BAA4B,EAC7B,MAAM,uBAAuB,CAAC;;AAI/B,wBASU;AAEV,UAAU,0BAA0B;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,4BAA4B,CAAC,IAAI,CAAC,CAAC;IAC5C,cAAc,CAAC,EAAE,CAAC,SAAS,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACpE;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,0BAA0B,CAgMlE,CAAC;AAEF,eAAO,MAAM,WAAW,mBAcvB,CAAC"}